@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?hd6gm0');
    src: url('../fonts/icomoon.eot?hd6gm0#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?hd6gm0') format('truetype'), url('../fonts/icomoon.woff?hd6gm0') format('woff'), url('../fonts/icomoon.svg?hd6gm0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-alert-icon:before {
    content: "\e900";
}

.icon-alternate-email-icon:before {
    content: "\e901";
}

.icon-arrow-out-icon-1:before {
    content: "\e902";
}

.icon-at-symbol-icon:before {
    content: "\e903";
}

.icon-cal-icon:before {
    content: "\e904";
}

.icon-circle-icon:before {
    content: "\e905";
}

.icon-color-palette-icon:before {
    content: "\e906";
}

.icon-comment-icon:before {
    content: "\e907";
}

.icon-dots-v-icon:before {
    content: "\e908";
}

.icon-download-file-icon:before {
    content: "\e909";
}

.icon-download-icon:before {
    content: "\e90a";
}

.icon-edit-pen-icon:before {
    content: "\e90b";
}

.icon-eye-icon:before {
    content: "\e90c";
}

.icon-file-group-icon:before {
    content: "\e90d";
}

.icon-file-icon:before {
    content: "\e90e";
}

.icon-folder-icon:before {
    content: "\e90f";
}

.icon-forward-icon:before {
    content: "\e910";
}

.icon-hastag-icon:before {
    content: "\e911";
}

.icon-imp-link-icon:before {
    content: "\e912";
}

.icon-info-icon:before {
    content: "\e913";
}

.icon-list-item-icon:before {
    content: "\e914";
}

.icon-mark-email-icon:before {
    content: "\e915";
}

.icon-merge-v-icon:before {
    content: "\e916";
}

.icon-move-icon:before {
    content: "\e917";
}

.icon-open-in-new-icon-1:before {
    content: "\e918";
}

.icon-plus-icon:before {
    content: "\e919";
}

.icon-recordning-icon:before {
    content: "\e91a";
}

.icon-redo-icon:before {
    content: "\e91b";
}

.icon-reload1-icon:before {
    content: "\e91c";
}

.icon-reload-icon:before {
    content: "\e91d";
}

.icon-rename-file-icon:before {
    content: "\e91e";
}

.icon-search-icon:before {
    content: "\e91f";
}

.icon-sender-icon:before {
    content: "\e920";
}

.icon-send-fill-icon:before {
    content: "\e921";
}

.icon-share-fill-icon:before {
    content: "\e922";
}

.icon-share-icon:before {
    content: "\e923";
}

.icon-sound-icon:before {
    content: "\e924";
}

.icon-through-line-icon:before {
    content: "\e925";
}

.icon-timer-icon:before {
    content: "\e926";
}

.icon-trash-icon:before {
    content: "\e927";
}

.icon-undo-icon:before {
    content: "\e928";
}

.icon-upload-icon:before {
    content: "\e929";
}




:root {
    --primary: #190041;
    --sub-primary: #8C52FF;
    --bg-body: #F7F9FC;
    --text-secondary: #666;
}

* {
    box-sizing: border-box !important;
}

:focus-visible {
    outline: 0;
}

html {
    height: 100%;
}

body {
    color: var(--primary);
    background: var(--bg-body);
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 400;
    font-size: 1rem;
    height: 100%;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Nunito Sans', sans-serif;
    margin-top: 0;
}

a,
a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: none;
    color: initial;
}

/* a:hover{
    color: var(--primary-hover);
} */
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fnt-12 {
    font-size: 12px !important;
}

.fnt-13 {
    font-size: 13px !important;
}

.fnt-14 {
    font-size: 14px !important;
}

.fnt-15 {
    font-size: 15px !important;
}

.fnt-16 {
    font-size: 16px !important;
}

.fnt-17 {
    font-size: 17px !important;
}

.fnt-18 {
    font-size: 18px !important;
}

.fnt-19 {
    font-size: 19px !important;
}

.fnt-20 {
    font-size: 20px !important;
}

.px-40 {
    padding-left: 40px;
    padding-right: 40px;
}

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

button:focus {
    outline: 0;
}

.btn-primary {
    background: var(--sub-primary);
    border-color: var(--sub-primary);
    color: #ffffff !important;
    border-radius: 6px;
    padding: 11px 28px;
    font-size: 16px;
    font-weight: 700;
}

    .btn-primary.focus,
    .btn-primary:focus {
        color: #fff;
        background-color: #6a58d5;
        border-color: #6a58d5;
        box-shadow: none;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #6a58d5;
        border-color: #6a58d5;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        background-color: #6a58d5;
        border-color: #6a58d5;
    }

.btn:not(:disabled):not(.disabled) {
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.card {
    border-radius: 6px;
    border: 0;
}

.dropdown-menu {
    padding: 5px 0px;
}

.dropdown-title {
    padding: 10px 18px;
    font-weight: 600;
    color: #525252;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.dropdown-item {
    padding: 10px 18px;
    font-weight: 600;
    color: var(--primary);
    font-size: 14px;
    display: flex;
    align-items: center;
    line-height: 1.5;
    margin-bottom: 5px;
}

/*.dropdown-menu .dropdown-item:last-child {
    margin-bottom: 0px;
}*/

.dropdown-search {
    margin-left: 17px;
    margin-right: 13px;
}

    .dropdown-search .form-control {
        box-shadow: 0px 2px 2px 0px #00000040;
        height: 35px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 400;
        color: #83878A;
        border: none;
    }

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

.bg-secondary-light {
    background-color: rgb(102 102 102 / 16%);
    color: #666666 !important;
}

.bg-primary-light {
    background-color: rgb(140 82 255 / 20%);
    color: #8C52FF !important;
}

.bg-warning-light {
    background-color: rgb(255 189 89 / 20%);
    color: #FFBD59 !important;
}

.form-label {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
}

.form-control,
.custom-select {
    border: 1.2px solid #CCCCCC;
    height: 52px;
    color: var(--primary);
    font-weight: 400;
    display: block;
}

.select2-container {
    display: block;
}

    .select2-container .select2-selection--single {
        height: 52px;
        border: 1px solid #1900411a;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 52px;
    color: #393939;
    opacity: 0.80;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
}

.w140 {
    min-width: 140px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #8C52FF;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
/* ==== Start Navbar ==== */
.navbar {
    box-shadow: 0px 0px 60px 0px #0000001A;
    background: #fff;
    z-index: 1050;
    height: 85px;
}

.navbar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.brand-logo {
    height: 60px;
}

.navbar .dropdown-toggle::after {
    display: none;
}

.noti-wrapper {
    position: relative;
    width: 30px;
    height: 30px;
    border: 1.5px solid rgb(0 0 0 / 10%);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.noti-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 7px;
    width: 17px;
    height: 17px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 10px;
    font-weight: 700;
    background: var(--sub-primary);
    color: #ffffff;
}

.Login-user-img {
    width: 28px;
    height: 28px;
    border: 2px solid var(--sub-primary);
    border-radius: 50px;
    object-fit: cover;
}

/* ==== End Navbar ==== */
/* ==== Start Title ==== */
.mainSpace {
    padding: 40px 10px;
}

.mainTitle h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--primary);
}

/* ==== End Title ==== */
/* ==== Start Search ==== */
.has-search {
    position: relative;
    width: 409px;
    display: inline-block;
    margin-bottom: 0px;
}

    .has-search input {
        background: #eff0f3;
        border: none;
        height: 48px;
    }

        .has-search input::placeholder {
            color: rgb(29 30 34 / 30%);
        }

    .has-search .form-control {
        background-color: rgb(163 160 160 / 10%);
        border-color: #eff0f3;
        height: 48px;
        font-size: 18px;
        border-radius: 6px;
        padding: 11px 20px;
    }

#sidebar-container .has-search .form-control {
    background-color: #EBEBEB80;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    background: url(../images/search-icon.svg)no-repeat center;
    text-align: center;
    pointer-events: none;
    color: #D9D9D9;
    right: 9px;
    left: auto;
}

.has-search .form-control:focus + .form-control-feedback {
    background: url(../images/search-icon-active.svg)no-repeat center;
}

.has-search .form-control:focus {
    box-shadow: none;
    background: #eff0f3;
    border: none;
}

.hasSearchFile {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

    .hasSearchFile input {
        height: 36px !important;
        font-size: 14px !important;
    }

.filter-option {
    margin-bottom: 20px;
    font-size: 14px;
    color: #83878A;
}

    .filter-option .filter-keyword {
        display: flex;
        flex-wrap: wrap;
        /*align-items: center;*/
        justify-content: space-between;
        gap: 5px;
        flex-wrap: wrap;
    }

.filter-search-text {
    color: #190041;
    font-weight: 700;
}

/* ==== End Search ==== */

/* ==== Start List and thumb view ==== */
.listView,
.thumbView {
    padding: 5px;
}

    .thumbView div {
        margin-bottom: 0px;
        display: block;
        display: flex;
        width: 16px;
        margin-left: 2px;
    }

        .thumbView div span {
            width: 7px;
            height: 7px;
            background-color: #D9D9D9;
            margin-bottom: 2px;
            border-radius: 0.5px;
        }

            .thumbView div span:first-child {
                margin-right: 2px;
            }

    .thumbView.active div span {
        background-color: #7A66F0;
    }

    .listView div {
        margin-bottom: 0px;
        display: block;
        display: flex;
        width: 16px;
        margin-left: 2px;
        flex-direction: column;
    }

        .listView div span {
            width: 100%;
            height: 3px;
            border-radius: 1.5px;
            background-color: #D9D9D9;
            margin-bottom: 3px
        }

    .listView.active div span {
        background-color: #7A66F0;
    }

.nav-pills .listView.nav-link.active,
.nav-pills .listView.show > .nav-link,
.nav-pills .thumbView.nav-link.active,
.nav-pills .thumbView.show > .nav-link {
    background-color: transparent;
}

.thumbCard {
    border: 1.2px solid #A9B3C840;
    padding: 30px;
    border-radius: 6px;
    height: 100%;
}

    .thumbCard:hover {
        /* cursor: pointer;*/
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    .thumbCard .thumbTitle {
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 20px;
    }

.dropdownAction {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    padding: 2px;
    border-bottom: 3px;
    display: inline-block
}

    .dropdownAction:hover {
        background: rgb(217 217 217 / 10%);
    }

    .dropdownAction .dropdown-toggle:after {
        display: none;
    }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
    }


.userCollaborateIcon {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    color: #fff;
    font-size: 12px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

    .userCollaborateIcon.bg-secondary {
        background-color: rgb(102 102 102 / 14%) !important;
        color: #666666;
    }

.table-folder-icon {
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(140 82 255 / 20%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8C52FF;
    margin-right: 14px;
    line-height: 17px;
    font-size: 15px;
}

a.table-link {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary) !important;
}

.table {
    color: var(--primary);
    font-weight: 600;
}

    .table td,
    .table th {
        vertical-align: middle;
        text-align: center;
        border-top: none;
    }

        .table td:first-child, .table th:first-child {
            text-align: left;
            display: flex;
            align-items: center;
        }

    .table thead th {
        border-bottom: 0;
        border-top: 0;
    }

.table-bordered td,
.table-bordered th {
    border: 1.5px solid rgb(140 82 255 / 6%);
}

.table thead th:first-child {
    border-left: 0;
}

.table thead th:last-child {
    border-right: 0;
}

.table thead.table-bordered {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.table-hover tbody tr:hover {
    background-color: rgb(140 82 255 / 7%) !important;
}

/* ==== End List and thumb view ==== */

/* ==== Modal ==== */
.modal-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary);
}

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

.modal-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 26px 30px 18px 30px;
    align-items: center;
}

.modal-body {
    padding: 40px;
}

.modal-desc {
    font-size: 18px;
    opacity: 0.5;
}

/* ==== File upload ==== */

.form-container {
    width: 100%;
}

.upload-files-container {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.drag-file-area {
    width: 100%;
    border: 2px dashed var(--sub-primary);
    background: rgb(140 82 255 / 10%);
    border-radius: 6px;
    padding: 27px 0px;
    text-align: center;
}

    .drag-file-area .file-upload-icon {
        font-size: 30px;
        color: var(--sub-primary);
    }

    .drag-file-area h3 {
        font-size: 14px;
        font-weight: 600;
        color: #190041;
        margin: 0;
        line-height: 18px;
    }

    .drag-file-area label {
        font-size: 19px;
    }

        .drag-file-area label .browse-files-text {
            color: var(--sub-primary);
            font-size: 14px;
            font-weight: 700;
        }

.browse-files span {
    position: relative;
}

.default-file-input {
    opacity: 0;
    width: 0;
}

.cannot-upload-message {
    background-color: #ffc6c4;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    color: #BB0000;
    display: none;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.cannot-upload-message span,
.upload-button-icon {
    padding-right: 10px;
}

    .cannot-upload-message span:last-child {
        padding-left: 20px;
        cursor: pointer;
    }

.file-block {
    color: #f7fff7;
    background-color: #7b2cbf;
    transition: all 1s;
    width: 390px;
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 15px;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
}

.file-info {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.file-icon {
    margin-right: 10px;
}

.file-name,
.file-size {
    padding: 0 3px;
}

.remove-file-icon {
    cursor: pointer;
}

.upload-button {
    font-family: 'Montserrat';
    background-color: #7b2cbf;
    color: #f7fff7;
    display: flex;
    align-items: center;
    font-size: 18px;
    border: none;
    border-radius: 20px;
    margin: 10px;
    padding: 7.5px 50px;
    cursor: pointer;
}

.download-section {
    padding-top: 30px;
}

    .download-section h4 {
        font-size: 18px;
        font-weight: 700;
        color: var(--primary);
        margin-bottom: 16px;
    }

    .download-section .download-item {
        display: flex;
        justify-content: space-between;
        color: rgb(25 0 65 / 50%);
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 16px;
    }

        .download-section .download-item .truncate {
            width: 85%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .download-section .download-link a {
        color: rgb(25 0 65 / 50%);
        font-size: 14px;
        margin: 0 5px;
    }

/* ==== Share Project ==== */
.send-btn {
    Width: 60px;
    Height: 52px;
    background: #5C5C5C;
    opacity: 20%;
    border-radius: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

    .send-btn i {
        opacity: 0;
    }

    .send-btn.active {
        background: var(--sub-primary);
        opacity: 1;
        border: none;
    }

        .send-btn.active i {
            opacity: 1;
        }

.project-share-btn {
    background: rgb(217 217 217 / 20%);
    border-radius: 4px;
    color: rgb(0 0 0 / 78%);
    font-weight: 600;
    height: 36px;
    display: inline-flex;
    align-items: center;
    width: 100px;
    justify-content: center;
    font-size: 16px;
}

.share-member-list {
    color: #393939;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 18px;
}

    .share-member-list .member-img {
        width: 36px;
        height: 36px;
        border-radius: 50px;
        object-fit: cover;
    }

.invited-select {
    height: 36px;
}

/* ==== file view ==== */
.breadcrumb-title {
    color: #190041;
    font-size: 14px;
    font-weight: 400;
}


.file-tags {
    display: flex;
    align-items: center;
    gap: 16px;
    line-height: 18px;
    position: relative;
}

    .file-tags li.file-tags-item {
        font-size: 18px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        .file-tags li.file-tags-item:hover {
            background: #F5F5F5;
        }

        .file-tags li.file-tags-item .file-tags-link.dropdown-toggle:after {
            display: none;
        }


/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 301px;
}

.sidebar-collapsed {
    width: 60px;
}

    .sidebar-collapsed + .right-wrapper-container {
        width: calc(100% - 60px);
    }
/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
}

.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}

.sidebar-separator {
    background-color: #333;
    height: 25px;
}

.logo-separator {
    background-color: #333;
    height: 60px;
}

.sidebar-expanded .nav-tabs .nav-item {
    flex: 1 1 auto;
    text-align: center;
    justify-content: center;
    display: flex;
}
/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: " \f0d7";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}

/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: " \f0da";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}

.sidebar-expanded .nav-tabs .nav-item .nav-link div {
    color: #DCDCDC;
}

.sidebar-collapsed .nav-tabs .nav-item .nav-link div {
    color: #83878A;
}

.sidebar-expanded .nav-tabs .nav-item .nav-link.active div, .sidebar-collapsed .nav-tabs .nav-item .nav-link.active div {
    color: #190041;
    font-size: 16px;
}

.sidebar-expanded .nav-tabs .nav-item.show .nav-link,
.sidebar-expanded .nav-tabs .nav-link.active {
    color: #190041;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #fff;
    border-color: #525252;
    border: none;
    border-bottom: 1px solid rgb(82 82 82 / 40%);
    font-weight: 700;
    position: relative;
}

    .sidebar-expanded .nav-tabs .nav-item.show .nav-link:hover,
    .sidebar-expanded .nav-tabs .nav-link.active:hover {
        border-bottom: 1px solid rgb(82 82 82 / 40%);
    }

.sidebar-expanded .nav-tabs .nav-item .nav-link .menu-collapsed,
.sidebar-expanded .nav-tabs .nav-link .menu-collapsed {
    display: none;
}

.sidebar-expanded .nav-tabs .nav-item.show .nav-link .menu-collapsed,
.sidebar-expanded .nav-tabs .nav-link.active .menu-collapsed {
    display: block;
}

.sidebar-expanded .nav-tabs .nav-link:focus,
.sidebar-expanded .nav-tabs .nav-link:hover,
.sidebar-collapsed .nav-tabs .nav-link:focus,
.sidebar-collapsed .nav-tabs .nav-link:hover {
    border-color: transparent;
}



.recoding-section .recording-list {
    display: block;
    box-shadow: 0px 4px 4px 0px #A981FA40;
    background: #EEEEEF;
    font-size: 14px;
    color: #190041;
    margin-bottom: 16px;
    border-radius: 4px;
}

    .recoding-section .recording-list.progresss-record {
        box-shadow: none;
    }

    .recoding-section .recording-list .progresss-record {
        background: #EEE6FE;
    }

    .recoding-section .recording-list .recording-list-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 9px;
    }

.newInitial .recording-list-item .form-check-label {
    font-size: 16px;
    font-weight: 700;
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recoding-section .recording-list .info-toggle-box {
    position: absolute;
    z-index: 999;
    margin-top: 0px;
    margin-left: 30px;
    width: 100%;
    padding: 29px;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px #00000040;
    transform: translateX(0);
    /* transition: all .3s ease; */
    left: 100% !important;
    border-radius: 3px;
}

.recoding-section .recording-list .info-toggle {
    position: static;
    line-height: 13px;
}

.recoding-section .recording-list .infoBtn {
    color: rgb(25 0 65 / 50%);
    font-size: 18px;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
}

.recoding-section .recording-list .infoClose {
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: none;
    font-size: 20px;
    padding: 3px 4px;
    border: 0;
    cursor: pointer;
}

.recoding-section .recording-list .findReplace-toggle-box {
    position: absolute;
    z-index: 999;
    top: -11px;
    left: 33px;
    width: 50%;
    min-width: 274px;
    min-height: 391px;
    padding: 29px;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px #00000040;
    transform: translateX(0);
    transition: all .3s ease;
    border-radius: 3px;
}

.recoding-section .recording-list .findReplace-toggle {
    position: relative;
}

.recoding-section .recording-list .findReplaceBtn {
    color: var(--primary);
    font-size: 17px;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
}

.recoding-section .recording-list .findReplaceClose {
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: none;
    font-size: 20px;
    padding: 3px 4px;
    border: 0;
    cursor: pointer;
}


.recoding-section .recording-list .progress-info {
    width: 70px;
    height: 7px;
    border-radius: 5px;
    background-color: rgb(143 133 162 / 30%);
    margin-bottom: 0;
}

    .recoding-section .recording-list .progress-info .progress-bar {
        background: rgb(140 82 255 / 70%);
        border-radius: 5px;
    }

.search-result {
    font-size: 14px;
    font-style: italic;
    color: #83878A;
}

.recording-search-counter {
    font-size: 14px;
    color: #83878A;
    position: static;
    height: 20px;
}

    .recording-search-counter .moreOption-dropdown {
        /*position: absolute;*/
        opacity: 0;
        right: 20px;
    }

        .recording-search-counter .moreOption-dropdown.dropright {
            position: static !important;
        }

        .recording-search-counter .moreOption-dropdown .dropdown-toggle:after {
            display: none;
        }
    /*
    .recording-search-counter:hover .moreOption-dropdown {
        opacity: 1;
        z-index: 1;
    }*/

    .recording-search-counter:hover .counter-block {
        opacity: 0
    }

.counter-block {
    position: relative;
    top: 0;
    transform: translateY(-21px);
    z-index: -1;
}

.info-list-ul li {
    margin-top: 20px;
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
}

.info-list-content {
    flex: 0 0 40%;
    font-weight: 700;
    line-height: 1.4;
}

.right-wrapper {
    padding-left: 60px;
    width: calc(100% - 301px);
    position: relative;
}

.info-content-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 10px;
}

.autosave-text {
    padding-left: 30px;
    font-size: 14px;
    font-style: italic;
}

/*.record-video video {
    width: 302px;
}*/

.info-record-content {
    /* padding-top: 5px;*/
    /*   padding-bottom: 12px;*/
}

    .info-record-content .content-title {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px;
    }

        .info-record-content .content-title .play-and-time-counter {
            padding: 3px 4px;
            border-radius: 4px;
            color: #83878A;
            font-weight: 400;
            font-size: 14px;
        }

            .info-record-content .content-title .play-and-time-counter:hover {
                background: #EBEBEB80;
            }

    .info-record-content .content-para-group {
        display: flex;
        align-items: flex-start;
    }

        .info-record-content .content-para-group p {
            flex: 95% 0 0;
            padding-right: 0px;
        }

    .info-record-content .tags-badge, .dvTag.tags-badge {
        font-size: 14px;
        font-weight: 700;
        padding: 2px 0px;
        border-radius: 4px;
        background: #ABA9AF66;
        display: inline-block;
        width: auto !important;
        padding-right: .25rem;
    }

        .info-record-content .tags-badge.tags-cyan, .dvTag.tags-badge.tags-cyan {
            background: #CAF0FD;
        }

        .info-record-content .tags-badge.tags-holding, .dvTag.tags-badge.tags-holding {
            background: #EADCFF;
        }

        .info-record-content .tags-badge.tags-medical, .dvTag.tags-badge.tags-medical {
            background: #B0D47A;
        }

        .info-record-content .tags-badge.tags-updates, .dvTag.tags-badge.tags-updates {
            background: #FFE3E5;
        }

.form-group input.custom-checkbox {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group label.custom-checkbox-label {
    position: relative;
    cursor: pointer;
}

    .form-group label.custom-checkbox-label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #ddd;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
    }

.form-group input.custom-checkbox:checked + label.custom-checkbox-label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.form-group input.custom-checkbox:checked + label.custom-checkbox-label:before {
    background: var(--sub-primary);
}

.findReplace-toggle-box-width {
    position: relative;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 30px;
    width: 429px;
}

    .findReplace-toggle-box-width .findReplaceClose {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 1;
    }

/* file tags section */
.icon-color-round {
    width: 16px;
    height: 16px;
    background: #D9D9D9;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    min-width: 16px;
    max-width: 16px;
}

    .icon-color-round.supernova-color {
        background: #CAF0FD;
    }

    .icon-color-round.medical-color {
        background: #87B346;
    }

    .icon-color-round.football-color {
        background: #FFBDC2;
    }

    .icon-color-round.cricket-color {
        background: #C8A6FC;
    }

.create-new-tag {
    background: #F4EEFF;
    padding: 8px 16px;
    border-radius: 6px;
    position: relative;
    margin-top: 9px;
    width: 168px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .create-new-tag:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #F4EEFF;
    }

/* tag-block */
.tag-block {
    border-radius: 4px;
    padding: 11px 18px;
    background: #eff0f3;
    margin-bottom: 18px;
}

    .tag-block.supernova-group {
        background: #E9F9FF66;
    }

    .tag-block.medical-group {
        background: #87B34633;
    }

    .tag-block .add-tag-btn {
        font-size: 14px;
        color: rgb(25 0 65 / 30%);
        border-radius: 4px;
        display: flex;
        align-items: center;
        padding: 6px 10px;
    }

        .tag-block .add-tag-btn:hover {
            box-shadow: 0px 2px 2px 0px #00000040;
        }

    .tag-block .tag-item {
        min-height: 38px;
        box-shadow: 0px 2px 2px 0px #00000040;
        background: #ffffff;
        border-radius: 8px;
        padding: 7px 8px 6px 8px;
        margin: 15px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        /*position: relative;*/
        width: 100%;
        border: 1px solid #F7F9FC;
    }

        .tag-block .tag-item .moreOption-dropdown .dropdown-toggle::after {
            display: none;
        }

        .tag-block .tag-item .moreOption-dropdown {
            opacity: 0;
            float: right;
        }

            .tag-block .tag-item .moreOption-dropdown.show {
                opacity: 1;
            }

            .tag-block .tag-item .moreOption-dropdown.dropright {
                position: static;
            }

        .tag-block .tag-item:hover .moreOption-dropdown {
            opacity: 1;
        }

    .tag-block.medical-group .tag-item .tag-link {
        background: #87B346;
    }

    .tag-block.supernova-group .tag-item .tag-link {
        background: #CAF0FD;
    }

    .tag-block .tag-item .tag-link {
        padding: 2px 4px 2px 4px;
        margin-left: 3px;
        border-radius: 4px;
        display: inline-flex !important;
        font-size: 14px;
        font-weight: 700;
        color: #190041;
        width: auto !important;
        background: #d9d9d9;
    }

.tags .tag-item .tag-link {
    cursor: pointer;
}

.drop-mg::after {
    display: block !important;
    position: absolute;
    content: '>';
    right: 15px;
    border: none;
}

.btn-radio {
    height: 60px;
    line-height: 45px;
    border-radius: 6px;
    border: 1px solid #cccccc;
    color: #A7A1A1;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 15px;
}

.round-icon {
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
    border: 1.5px solid #CCCCCC;
    border-radius: 50%;
    margin-right: 5px;
}

    .round-icon:after {
        content: '';
        position: absolute;
        width: 14px;
        height: 14px;
        background: #CCCCCC;
        border-radius: 50%;
        top: 5px;
        left: 5px;
    }

.nav-pills .nav-link.btn-radio.active, .nav-pills .show > .nav-link.btn-radio {
    background-color: transparent;
    color: var(--sub-primary);
    border: 1px solid var(--sub-primary);
}

    .nav-pills .nav-link.btn-radio.active .round-icon, .nav-pills .show > .nav-link.btn-radio .round-icon {
        border-color: var(--sub-primary);
    }

        .nav-pills .nav-link.btn-radio.active .round-icon:after, .nav-pills .show > .nav-link.btn-radio .round-icon:after {
            background: var(--sub-primary);
        }

.truncate-130 {
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Kendo UI changes */
.k-grid td > a {
    color: #190041;
    font-weight: 700;
    font-size: 16px;
}

.k-grid td:first-child > a {
    bottom: 0px !important;
}

.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
    padding-left: 30px !important;
}

.k-filter-row th, .k-grid-header th.k-header {
    padding: 25px 10px !important;
}

table td .dropdown-toggle.n-arrow {
    font-size: 16px;
    padding: 2px;
    border-bottom: 3px;
    display: inline-block;
}

    table td .dropdown-toggle.n-arrow:hover {
        background: rgb(217 217 217 / 10%);
    }

.custom-border {
}

.table tbody td {
    font-weight: 600;
    /*color: var(--primary);*/
    color: rgb(25 0 65 / 70%);
    font-size: 16px;
}

.lightGrayColor {
    color: #666666;
}

.filter-button {
    background: #F5F5F5;
    border-radius: 4px;
    color: rgb(25 0 65 / 50%);
    font-size: 14px;
    padding: 7px 11px;
    line-height: 22px;
}

.hastag-input-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    .hastag-input-wrap .hastag-input {
        height: 25px;
        border: none;
        /*background: #eff0f3;*/
        width: calc(100% - 30px);
        border-bottom: 1px solid #ddd;
        border-radius: 0;
        font-size: 14px;
    }

        .hastag-input-wrap .hastag-input:focus-visible {
            outline: 0;
        }

    .hastag-input-wrap .link-hastag-btn {
        background: var(--sub-primary);
        border-radius: 3px;
        padding: 2px 5px;
        color: #fff;
    }

        .hastag-input-wrap .link-hastag-btn:hover {
            color: #fff;
            background-color: #6a58d5;
            border-color: #6a58d5;
        }

.pl-bx {
    background: transparent;
    margin-right: 7px;
    line-height: 20px !important;
}

    .pl-bx img {
        width: auto;
        position: relative;
        top: 0;
        right: 0;
        opacity: 1;
        transition: all 0.2s ease-out;
    }

.uns-area {
    display: flex;
    align-items: center;
}

    .uns-area .inputwidthmachine {
        color: #190041 !important;
        font-size: 16px !important;
        font-weight: 700;
    }

        .uns-area .inputwidthmachine[class*="timecls_spk_"] {
            color: #83878A !important;
            font-size: 14px !important;
            font-weight: 400;
        }

.inputwidthmachine.tf {
    font-size: 16px !important;
    line-height: 34px !important;
    color: #190041 !important;
}

.modal-fullscreen {
    width: calc(100% - 93px);
    max-width: none;
    height: calc(100% - 220px);
    top: 150px;
    margin: auto;
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

.opacity-50 {
    opacity: 0.50;
}

.link-btn a.lnkbn {
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    height: 53px;
    background-color: rgb(140 82 255 / 7%);
    align-items: center;
    color: var(--primary);
    padding: 13px 20px;
}

#uplbx {
    display: block;
    background-color: #fff;
    padding: 17px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid rgba(0,0,0,0.05);
    border-top: none !important;
}

.upload-box {
    border: 2px dashed #8C52FF;
    border-radius: 6px;
    padding: 27px;
    min-height: 390px;
    background-color: #8C52FF1A;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px auto;
    text-align: center;
}

.fileupload {
    display: none;
}

.con-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 17px;
}

.as-tab .nav-link {
    color: rgb(25 0 65 / 50%);
    font-size: 18px !important;
    padding: 0.3rem 0px 0.2rem 0px;
}

    .as-tab .nav-link.active {
        box-shadow: inset 0px -2px 0px 0px #8C52FF;
        color: #190041;
    }

.as-tab {
    border-bottom: 0;
}

/* 11th nov 2023 tejash naik*/
.modal {
    top: 40px;
}

.modal-backdrop {
    width: 100%;
    height: calc(100% - 87px);
    top: 87px;
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 5.5rem) !important;
}
.file-tags-link {
    min-width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.file-tags-link i {
    font-size: 18px;
    position: relative;
    display: inline-block;
    color: #190041;
}

#divInfo .file-tags-link i {
    color: rgb(131 135 138 / 50%);
}

.recoding-section {
    position: relative;
}

    .recoding-section .recording-block, .recoding-section .report-block {
        max-height: calc(100vh - 325px);
        min-height: calc(100vh - 325px);
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 5px;
    }

.recording-block {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    .recording-block::-webkit-scrollbar, .report-block::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: none;
    }

    .recording-block:hover::-webkit-scrollbar, .report-block:hover::-webkit-scrollbar {
        background: #F5F5F5;
    }

    .recording-block::-webkit-scrollbar-thumb, .report-block::-webkit-scrollbar-thumb {
        background: none;
        border-radius: 20px;
    }

    .recording-block:hover::-webkit-scrollbar-thumb, .report-block:hover::-webkit-scrollbar-thumb {
        background: #7A66F0;
    }

#sidebar-container ul.list-group {
    position: sticky;
    top: 20px;
}

.prjcard {
    margin-bottom: 30px;
}

.recording-list-item .form-check {
    display: flex;
}

.tag-desc {
    font-size: 10px;
    font-weight: 300;
    line-height: 17px;
    color: rgb(25 0 65 / 50%);
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .tag-desc textarea {
        font-size: 12px;
    }

.sidebar-expanded {
    z-index: 1;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-submenu .dropdown-toggle::after {
    display: block;
    position: absolute;
    content: '>';
    right: 15px;
    border: none;
}

.fixed-bottom {
    position: fixed;
    right: 0px;
    bottom: 20px;
    left: 0;
    z-index: 1030;
    width: 407px;
    border-radius: 9px;
    background-color: #190041;
    border: 9px solid #8c80a0;
    box-shadow: 0px 2px 2px 0px #00000025;
}

.fixed-bottom-report {
    width: 310px;
}

.selectAllText {
    display: flex;
    font-weight: 700;
    font-size: 14px;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.selectAll-option {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-top: 12px;
    color: #190041;
    gap: 22px;
}

.select-menu {
    position: relative;
}

    .select-menu .select-btn {
        display: flex;
        height: 52px;
        background: #fff;
        padding: 8px;
        font-size: 16px;
        border-radius: 0.3rem;
        align-items: center;
        cursor: pointer;
        justify-content: space-between;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        opacity: 0.80;
    }

    .select-menu .options {
        display: none;
        position: absolute;
        width: 100%;
        padding: 0px;
        margin-top: 0px;
        border-radius: 0.3rem;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        animation-name: fadeInDown;
        -webkit-animation-name: fadeInDown;
        animation-duration: 0.35s;
        animation-fill-mode: both;
        -webkit-animation-duration: 0.35s;
        -webkit-animation-fill-mode: both;
    }

        .select-menu .options .option {
            display: flex;
            height: 51px;
            cursor: pointer;
            border-radius: 0rem;
            align-items: center;
            background: #fff;
            justify-content: space-between;
            padding: 0 10px;
            border-bottom: 2px solid rgb(25 0 65 / 10%);
            color: rgb(25 0 65 / 50%);
        }

            .select-menu .options .option:last-child {
                border-bottom: 0;
            }

            .select-menu .options .option:hover {
                background-color: rgb(140 82 255 / 7%);
                color: #190041;
            }

            .select-menu .options .option i {
                margin-right: 12px;
            }

            .select-menu .options .option .option-text {
                font-size: 16px;
                /* color: rgb(25 0 65 / 50%);*/
            }

    .select-menu.active .select-btn i {
        transform: rotate(-180deg);
    }

    .select-menu.active .options {
        display: block;
        z-index: 10;
        animation-name: fadeInUp;
        -webkit-animation-name: fadeInUp;
        animation-duration: 0.4s;
        animation-fill-mode: both;
        -webkit-animation-duration: 0.4s;
        -webkit-animation-fill-mode: both;
    }

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 30px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
}

.custom-tooltips-wrap {
}

    .custom-tooltips-wrap .custom-tooltips {
        display: none;
        box-shadow: 0px 2px 2px 0px #00000040;
        position: absolute;
        left: 100%;
        background: #fff;
        width: 100%;
        padding: 10px;
        border-radius: 6px;
        top: 0;
        font-size: 14px;
        color: var(--primary);
        padding: 20px;
    }

    .custom-tooltips-wrap:hover .custom-tooltips {
        display: block;
    }

.project-options {
    width: 280px;
}

.move-to-ul {
    max-height: 235px;
    overflow: auto;
}

    .move-to-ul::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: none;
    }

    .move-to-ul:hover::-webkit-scrollbar {
        background: #F5F5F5;
    }

    .move-to-ul::-webkit-scrollbar-thumb {
        background: none;
        border-radius: 20px;
    }

    .move-to-ul:hover::-webkit-scrollbar-thumb {
        background: #7A66F0
    }

.project-options .truncate-move-to {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
}

li.folder-list {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    margin-bottom: 6px;
    padding: 0px 12px 6px 18px;
    font-size: 14px;
}

    li.folder-list .table-folder-icon {
        min-width: 30px;
        height: 30px;
        line-height: 14px;
        font-size: 14px;
    }

    li.folder-list:last-child {
        border-bottom: 0;
    }

    li.folder-list:hover {
        background: rgb(140 82 255 / 7%) !important;
    }


.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: rgb(140 82 255 / 7%) !important;
}


/* ==== 22-11-2023 ====*/
.tag-link-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.tag-desc {
    font-size: 10px;
    font-weight: 300;
    line-height: 17px;
    color: #190041;
    opacity: 0.50;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.custom-value-div {
    position: relative;
}

    .custom-value-div .value-inout-control {
        display: none;
        height: 52px;
        border-radius: 6px;
        border: 1.5px solid rgb(0 0 0 / 20%);
        font-size: 18px;
        font-weight: 600;
        display: inline-block;
        padding: 14px 27px;
        line-height: 22px;
        color: #393939;
        background: #fff;
    }

    .custom-value-div .value-dropdown {
        right: 0px;
        position: absolute;
        z-index: 1;
        width: 181px;
        border-radius: 6px;
        background: #fff;
        box-shadow: 0px 4px 11px 8px #0000001A;
    }

.select-value-group li.select-value-item {
    padding: 15px 20px;
    font-size: 18px;
}

    .select-value-group li.select-value-item:hover {
        background: rgb(140 82 255 / 7%);
    }

    .select-value-group li.select-value-item.active i {
        color: var(--sub-primary);
    }

    .select-value-group li.select-value-item.active .svg-active-fill {
        fill: var(--sub-primary);
    }

    .select-value-group li.select-value-item.active .svg-active-stroke {
        stroke: var(--sub-primary);
    }

.custom-value-div .value-dropdown.value-dropdown-member {
    width: 180px;
}

.custom-value-div .value-inout-control.member-control {
    background: rgb(217 217 217 / 10%);
    height: 36px;
    padding: 6px 10px;
    display: block;
    border: none;
    font-size: 16px;
    width: 100px;
    text-align: center;
}

.add-new-input-control {
    background: #fff;
    padding: 2px 5px;
    border: 0;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-radius: 3px;
    width: 100%;
}
/* .add-new-input-control:focus-visible{
        border:none;
    }*/

.color-box-toggle {
    gap: 10px;
    padding: 15px;
    width: 180px;
    flex-wrap: wrap;
}

    .color-box-toggle.show {
        display: flex;
    }

.color1 {
    background: #181414 !important;
    color: #fff !important;
    width: auto !important;
}

.color2 {
    background: #6e6d6e !important;
    color: #fff !important;
    width: auto !important;
}

.color3 {
    background: #d9d9d9 !important;
    /*width: auto !important;*/
    color: #fff !important;
}

.color4 {
    background: #7e5949 !important;
    color: #fff !important;
}

.color5 {
    background: #c18c73 !important;
}

.color6 {
    background: #f9745e !important;
}

.color7 {
    background: #731b09 !important;
    color: #fff !important;
}

.color8 {
    background: #fb3a66 !important;
}

.color9 {
    background: #b22306 !important;
    color: #fff !important;
}

.color10 {
    background: #ff3307 !important;
    color: #fff !important;
}

.color11 {
    background: #ffc492 !important;
}

.color12 {
    background: #ff6923 !important;
}

.color13 {
    background: #ffa922 !important;
}

.color14 {
    background: #ffd520 !important;
}

.color15 {
    background: #a37e00 !important;
    color: #fff !important;
}

.color16 {
    background: #d5ab13 !important;
}

.color17 {
    background: #cfd334 !important;
}

.color18 {
    background: #89b746 !important;
    color: #fff !important;
}

.color19 {
    background: #3ea14a !important;
    color: #fff !important;
}

.color20 {
    background: #658660 !important;
    color: #fff !important;
}

.color21 {
    background: #465841 !important;
    color: #fff !important;
}

.color22 {
    background: #425864 !important;
    color: #fff !important;
}

.color23 {
    background: #054b5d !important;
    color: #fff !important;
}

.color24 {
    background: #00aada !important;
}

.color25 {
    background: #caf0fd !important;
}

.color26 {
    background: #1ac8cb !important;
}

.color27 {
    background: #008af7 !important;
    color: #fff !important;
}

.color28 {
    background: #1d2d75 !important;
    color: #fff !important;
}

.color29 {
    background: #3c51bb !important;
    color: #fff !important;
}

.color30 {
    background: #6b42b8 !important;
    color: #fff !important;
}

.color31 {
    background: #a273fe !important;
    color: #fff !important;
}

.color32 {
    background: #cdb2f7 !important;
}

.color33 {
    background: #7b2681 !important;
    color: #fff !important;
}

.color34 {
    background: #7a2682 !important;
    color: #fff !important;
}

.color35 {
    background: #a937b6 !important;
    color: #fff !important;
}

.color36 {
    background: #ac2a42 !important;
    color: #fff !important;
}

.color37 {
    background: #87678d !important;
    color: #fff !important;
}

.color38 {
    background: #f3f2f3 !important;
}

.color1_light {
    background: #18141433;
}

.color2_light {
    background: #6e6d6e33;
}

.color3_light {
    background: #d9d9d933;
}

.color4_light {
    background: #7e594933;
}

.color5_light {
    background: #c18c7333;
}

.color6_light {
    background: #f9745e33;
}

.color7_light {
    background: #731b0933;
}

.color8_light {
    background: #fb3a6633;
}

.color9_light {
    background: #b2230633;
}

.color10_light {
    background: #ff330733;
}

.color11_light {
    background: #ffc49233;
}

.color12_light {
    background: #ff692333;
}

.color13_light {
    background: #ffa92233;
}

.color14_light {
    background: #ffd52033;
}

.color15_light {
    background: #a37e0033;
}

.color16_light {
    background: #d5ab1333;
}

.color17_light {
    background: #cfd33433;
}

.color18_light {
    background: #89b74633;
}

.color19_light {
    background: #3ea14a33;
}

.color20_light {
    background: #65866033;
}

.color21_light {
    background: #46584133;
}

.color22_light {
    background: #42586433;
}

.color23_light {
    background: #054b5d33;
}

.color24_light {
    background: #00aada33;
}

.color25_light {
    background: #caf0fd33;
}

.color26_light {
    background: #1ac8cb33;
}

.color27_light {
    background: #008af733;
}

.color28_light {
    background: #1d2d7533;
}

.color29_light {
    background: #3c51bb33;
}

.color30_light {
    background: #6b42b833;
}

.color31_light {
    background: #a273fe33;
}

.color32_light {
    background: #cdb2f733;
}

.color33_light {
    background: #7b268133;
}

.color34_light {
    background: #7a268233;
}

.color35_light {
    background: #a937b633;
}

.color36_light {
    background: #ac2a4233;
}

.color37_light {
    background: #87678d33;
}

.color38_light {
    background: #f3f2f333;
}

.color-rounded {
    width: 16px !important;
    height: 16px;
    background: #666;
    border-radius: 50%;
}

.deletenewinvitee, .deleteinvitee {
    width: 36px;
    height: 36px;
    background: rgb(255 0 0 / 10%);
    border-radius: 5px;
    color: rgb(255 0 0 / 60%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.btn-link {
    color: var(--primary) !important;
    font-weight: bold;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    max-height: calc(100vh - 180px);
}

.sidebar-expanded .nav .nav-item .nav-link i, .sidebar-collapsed .nav .nav-item .nav-link i {
    font-size: 22px;
}

.name-ini {
    min-width: 36px;
    min-height: 36px;
}

.listing-info {
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 15px;
}

.select2-results__option {
    padding: 12px 11px;
    border-bottom: 2px solid rgb(25 0 65 / 10%);
    color: rgb(25 0 65 / 50%);
}

    .select2-results__option:last-child {
        border-bottom: none;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgb(140 82 255 / 7%);
    color: #190041;
}

.detailHeaderSticky {
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0;
    margin: auto;
    right: 0;
    box-shadow: 0px 0px 8px 0px #E8DFFB80;
    background: #fff;
    z-index: 9;
    padding: 29px 40px;
}

.recoding-duration {
    font-size: 12px;
    color: #83878A;
}

.player-bx {
    display: flex;
    padding: 0 !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(225deg);
    margin-top: -3px;
    border-color: #141414;
    border-width: 0px 1px 1px 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 50%;
    margin-left: -14px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: #141414;
    border-width: 0px 1px 1px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    opacity: 0.80;
}

.icon-width24 {
    width: 24px;
}

    .icon-width24 i {
        font-size: 15px;
    }
/* ===== recoding-accordion-wrap ===== */
/*.recoding-accordion-wrap {
    max-width: 75%;
}
*/
.recoding-accordion-wrap .accordion-heading-title {
    position: relative;
    color: var(--primary);
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 13px 0;
}

.recoding-accordion-wrap .tag-name-content {
    font-weight: 600;
    font-size: 16px;
    padding-right: 10px;
}

.recoding-accordion-wrap .accordion-heading-title:after {
    position: absolute;
    content: '';
    height: 1px;
    width: -webkit-fill-available;
    background: rgb(25 0 65 / 0.05);
    top: 50%;
}

.recoding-accordion-wrap .collapseBody {
    padding-bottom: 30px;
}

.recoding-accordion-wrap .accordion-heading-title .accordion-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    z-index: 1;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

    .recoding-accordion-wrap .accordion-heading-title .accordion-icon:hover {
        background: #F4F2F6;
    }

.recoding-accordion-wrap .accordion-heading-title .rotate-icon {
    transition: 0.5s all;
}

.recoding-accordion-wrap .accordion-heading-title:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
    display: inline-block;
}

.recoding-accordion-wrap .tag-info-block-wrapper {
    display: flex;
    align-items: center;
    padding-top: 12px;
}

.recoding-accordion-wrap .drag-view-tags-icon {
    margin-right: 10px;
}

.recoding-accordion-wrap .tag-info-block {
    display: flex;
    align-items: center;
    gap: 28px;
}

    .recoding-accordion-wrap .tag-info-block .tag-link {
        padding: 4px 4px 4px 4px;
        border-radius: 4px;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        color: #190041;
        background: #eff0f3;
    }

.recoding-accordion-wrap .info-record-content .content-para-group {
    flex-wrap: wrap;
    padding-top: 10px;
}

.recoding-accordion-wrap .tag-info-block .add-tag-btn {
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: rgb(25 0 65 / 40%);
    background: #eff0f3;
}

.recoding-accordion-wrap .tag-info-block .file-tag-btn {
    max-width: 250px;
    padding: 4px 10px 4px 10px;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #190041;
    background: rgb(25 0 65 / 10%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recoding-accordion-wrap .tag-info-block .tag-link.tag-color-select {
    background: #87B346;
}

.tag-check-input {
    position: relative;
    top: -18px;
    left: 7px;
    opacity: 0;
    width: 13px;
}

.tag-block .tag-item:hover .tag-check-input {
    opacity: 1;
}

.k-grid-header th.k-header > .k-link {
    font-size: 18px;
    line-height: 27px;
}

#tTab .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    text-transform: none;
}

#myTab.nav-tabs {
    position: relative;
    border-bottom: 0;
}

    #myTab.nav-tabs:after {
        background: linear-gradient(180deg, #FFFFFF 0%, #EBEBEB 100%), linear-gradient(0deg, #EBEBEB, #EBEBEB);
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 2px;
        z-index: -1;
    }

.filter-keyword-list {
    padding-top: 18px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

    .filter-keyword-list .keyword-item {
        display: inline-block;
        background: #F0F0F0;
        font-size: 14px;
        line-height: 21px;
        border-radius: 4px;
        padding: 3px 8px;
        box-shadow: 0px 1px 1px 0px #00000026;
    }

.filter-group-item, .filter-group-info-item {
    border: 1px solid rgb(131 135 138 / 20%);
    border-radius: 4px;
    padding: 3px 3px;
    font-size: 14px;
    color: #83878A;
}

.filter-group-info-item {
    border: none !important;
}

.filter-group-item, .filter-group-item:hover {
    background: #F3EEFF;
    border-color: #F3EEFF;
    color: #453067;
}

.recording-dropdwon-width {
    width: 260px;
}

.dropdown-recording {
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .dropdown-recording:first-child {
        padding-top: 0;
    }

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

    .dropdown-recording .recording-thumbs {
        width: 30px;
        height: 30px;
        border-radius: 2px;
        overflow: hidden;
        position: relative;
    }

        .dropdown-recording .recording-thumbs img {
            width: 30px;
            height: 30px;
            border-radius: 2px;
        }

.recording-item-name {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--primary);
    font-weight: 600;
}

.grpup-dropdown {
    min-width: 210px;
}

.filter-option .dropdown-toggle[aria-expanded="true"] i {
    /*transform: rotate(180deg);*/
    display: inline-block;
}

.collapse-all {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1.9;
    display: block;
    position: absolute;
    right: 44px;
    top: -40px;
    font-weight: 700;
    color: rgb(0 0 0 / 50%);
}

.keyword-dropdown-group {
    background: rgb(217 217 217 / 40%);
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px #00000026;
    font-size: 14px;
    line-height: 21px;
    padding: 2px 8px 2px 2px;
    display: inline-flex;
    align-items: center;
    color: #83878A;
    margin-right: 5px;
    margin-bottom: 10px;
    position: relative;
}

    .keyword-dropdown-group .keyword-item {
        box-shadow: none;
        cursor: pointer;
    }

    .keyword-dropdown-group .keyword-item {
        color: #83878A;
    }

    .keyword-dropdown-group .keyword-close {
        border-left: 1px solid rgb(131 135 138 / 30%);
        padding: 0px 0 0px 7px;
    }

    .keyword-dropdown-group .select2-container {
        width: auto !important;
    }

    .keyword-dropdown-group .select2-container--default .select2-selection--single {
        background-color: transparent;
        border: 0px solid #aaa;
        height: auto;
    }

        .keyword-dropdown-group .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 21px;
            padding-right: 40px;
            color: #83878A;
        }

        .keyword-dropdown-group .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: auto;
        }

            .keyword-dropdown-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
                position: absolute;
                width: 8px;
                height: 8px;
                border-bottom: 1px solid;
                border-right: 1px solid;
                border-width: 0 1px 1px 0;
                transform: rotate(45deg);
                left: 4px;
                top: 3px;
                margin: 0;
                border-color: #83878A;
            }

    .keyword-dropdown-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        transform: rotate(-135deg);
        margin-top: 4px;
        border-width: 0 1px 1px 0;
        border-color: #83878A;
    }

.bluk-action-close {
    position: absolute;
    right: 5px;
    font-size: 24px;
    top: -10px;
}

    .bluk-action-close a i {
        color: #ffffff;
    }

.mb-40 {
    margin-bottom: 40px;
}

.listing-space {
    padding: 30px 10px;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.right-wrapper-container {
    height: calc(100vh - 276px);
    overflow: auto;
    overflow-x: hidden;
    padding: 10px 30px;
}

.right-wrapper {
}

.right-wrapper-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: none;
}

.right-wrapper-container:hover::-webkit-scrollbar {
    background: #F5F5F5;
}

.right-wrapper-container::-webkit-scrollbar-thumb {
    background: none;
    border-radius: 20px;
}

.right-wrapper-container:hover::-webkit-scrollbar-thumb {
    background: #7A66F0
}

.keyword-dropdown-group .custom-select {
    height: auto;
    display: inline-block;
    width: auto;
    background: #f0f0f0;
    border: none;
    padding: 0;
    color: #83878A;
    padding-right: 40px;
    padding: 2px 20px 2px 2px;
    font-size: 14px;
}
/*.keyword-dropdown-group:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    right: 39px;
    top: 9px;
    margin: 0;
    border-color: #83878A;
}*/

.keyword-search-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    padding-bottom: 16px;
    margin-bottom: 28px;
    width: 100%;
}

.sidebar-collapsed .list-group .nav.nav-tabs .nav-item {
    margin-bottom: 20px !important;
}

.sidebar-collapsed #myTabContent {
    display: none;
}

.sidebar-expanded #myTabContent {
    display: block;
}

.sidebar-collapsed #myTab.nav-tabs:after {
    display: none;
}

.sidebar-expanded .nav-tabs .nav-item.colapse-hide-show {
    display: none;
}

.sidebar-collapsed .nav-tabs .nav-item.colapse-hide-show {
    display: block;
}

.positive-unset {
    position: unset;
}

.moreOption-dropdown .dropdown-menu {
    /* left: 150px !important;
    top: -25px !important;*/
    left: 180px !important;
    top: 10px !important;
}

.hastag-scroll-relative {
    position: relative;
}

    .hastag-scroll-relative .hastag-scroll {
        max-height: calc(100vh - 273px);
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 5px;
    }

        .hastag-scroll-relative .hastag-scroll::-webkit-scrollbar {
            width: 5px;
            height: 5px;
            background: none;
        }

        .hastag-scroll-relative .hastag-scroll:hover::-webkit-scrollbar {
            background: #F5F5F5;
        }

        .hastag-scroll-relative .hastag-scroll::-webkit-scrollbar-thumb {
            background: none;
            border-radius: 20px;
        }

        .hastag-scroll-relative .hastag-scroll:hover::-webkit-scrollbar-thumb {
            background: #7A66F0;
        }

.dropdown-menu.color-box-toggle {
    top: 0 !important;
    left: 155px !important;
}

.keyword-box {
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px #00000040;
    width: 220px;
    position: absolute;
    z-index: 1;
    left: 30px;
    top: 0px;
    display: none;
}

    .keyword-box.active {
        display: block;
    }

.keyword-list-li {
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    padding: 15px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

    .keyword-list-li:hover {
        background-color: rgb(140 82 255 / 7%) !important;
    }

.position-relative {
    position: relative;
}

.page-updown-wrapper {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #83878A;
    position: absolute;
    right: 0;
    top: 0;
}

.arrow-up-down {
    background: #EBEBEB40;
    border: 1px solid #EBEBEB80;
    border-radius: 4px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-left: 10px;
}

.arrow-up, .arrow-down {
    padding: 2px 6px;
}

    .arrow-up svg, .arrow-down svg {
        fill: #DCDCDC;
    }

    .arrow-up.active svg, .arrow-down.active svg {
        fill: #83878A;
    }

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

.arrow-up-down:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #EBEBEB80;
    left: 50%;
}

.p-30 {
    padding: 30px !important
}

.pb-20 {
    padding-bottom: 20px !important;
}

.counter-block {
    z-index: 0;
}

.recording-search-counter:hover .counter-block {
    z-index: -1;
}

.recording-search-counter-ungroup .counter-block {
    transform: translateY(0px);
}

.recording-search-counter-ungroup.recording-search-counter:hover .counter-block {
    opacity: 1;
    z-index: 0;
}

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

.keyword-close-icon {
    position: absolute;
    right: -7px;
    top: -10px;
    border-radius: 50%;
    background: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.share-box-icon {
    background: #F7F7F7;
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 18px;
    color: #626262 !important;
}

.new-group-input-group {
    min-height: 38px;
    box-shadow: 0px 2px 2px 0px #00000040;
    background: #ffffff;
    border-radius: 8px;
    padding: 7px 8px 6px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    /* position: relative; */
    width: 100%;
}

.share-member-option {
    display: flex;
    align-items: center;
    gap: 15px;
}

.k-filter-row > th.checkboxFile:first-child, .k-grid tbody td.checkboxFile:first-child, .k-grid tfoot td.checkboxFile:first-child, .k-grid-header th.checkboxFile.k-header:first-child {
    padding-left: 0px !important;
}

.DivGroups-inner .tag-block:last-child .moreOption-dropdown .dropdown-menu {
    top: 25px !important;
}


.modal.fullscreen {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    .modal.fullscreen::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: none;
    }

    .modal.fullscreen:hover::-webkit-scrollbar {
        background: #F5F5F5;
    }

    .modal.fullscreen::-webkit-scrollbar-thumb {
        background: none;
        border-radius: 20px;
    }

    .modal.fullscreen:hover::-webkit-scrollbar-thumb {
        background: #7A66F0;
    }

.modal-dialog-scrollable .modal-body {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: none;
    }

    .modal-dialog-scrollable .modal-body:hover::-webkit-scrollbar {
        background: #F5F5F5;
    }

    .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
        background: none;
        border-radius: 20px;
    }

    .modal-dialog-scrollable .modal-body:hover::-webkit-scrollbar-thumb {
        background: #7A66F0;
    }


.recording-list .recording-list-item > .form-check {
    transform: translateX(-7px);
}

.MainRecordingList .recording-list .recording-list-item > .form-check {
    transform: translateX(0px);
}

.detailKeyword .recording-list .recording-list-item > .form-check {
    transform: translateX(0px);
}

.move-to-dropdown .dropdown-title.projectName {
    border-bottom: 1px solid #DCDCDC;
}

.ful li p {
    flex: 0 0 auto;
    width: 60.333333%;
}

.truncate-weblink {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.filter-plus-dropdown .dropdown-menu {
    left: 180px !important;
    top: -35px !important;
}

.select-menu.disabled .select-btn {
    background-color: #eee;
    pointer-events: none;
}

.merge-tags-body {
    background: #FAFAFA;
    border: 1.2px solid #0000001A;
    padding: 45px 24px;
    border-radius: 6px;
    margin-bottom: 30px;
}

.merge-tags-diagram {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .merge-tags-diagram .merge-tags-list.mb-60 {
        margin-bottom: 60px;
    }

    .merge-tags-diagram .merge-tag-item {
        max-width: 120px;
        height: 40px;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0.034em;
        background: #E5E5E5;
        display: block;
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 5px;
        text-align: center;
    }

.modal-custom-430 {
    max-width: 430px;
}

.modal-custom-670 {
    max-width: 670px;
}

.modal-custom-360 {
    max-width: 360px;
}

.shortcut-key-ul {
}

    .shortcut-key-ul .shortcut-key-list {
        border-bottom: 1.2px solid rgb(82 82 82 / 10%);
        color: #525252;
        font-size: 20px;
        font-weight: 600;
        padding: 15px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .shortcut-key-ul .shortcut-key-list .shortcut-badge {
            width: 100px;
            height: 40px;
            background: rgb(82 82 82 / 10%);
            border-radius: 2px;
            font-size: 16px;
            font-weight: 600;
            color: #83878A;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

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

.transcript-more-option {
    width: 230px;
}

.timestamp-content {
    background: rgb(176 167 167 / 20%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.timestap-input-group {
    padding: 13px 0px;
    font-size: 14px;
    color: #83878A;
    line-height: 21px;
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timestamp-border {
    border-left: 1.5px solid rgb(0 0 0 / 30%);
    border-right: 1.5px solid rgb(0 0 0 / 30%);
}

.timestamp-button {
    margin-top: 28px;
}

.input-timestamp {
    width: 23px;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    border-radius: 0;
    height: auto;
    padding: 0;
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
}

    .input-timestamp:focus {
        box-shadow: none;
        border-color: transparent;
        background: transparent;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.sel-mid {
    background-color: #ECECEC;
}

.sel-handle {
    clear: ew-resize;
    color: rgb(163 153 179);
    width: 3px;
    display: inline-block;
    overflow: visible;
    background-color: #190041;
    border-radius: 4px;
    height: 36px;
    vertical-align: top;
    position: relative;
    z-index: 1;
}

    .sel-handle:before {
        content: "";
        display: block;
        background-color: #190041;
        width: 12px;
        height: 12px;
        position: absolute;
        left: -4.5px;
        top: -12px;
        border-radius: 100%;
    }

    .sel-handle.sel-e:before {
        top: 100%;
    }

.transcript-more-option .custom-control-label::before {
    background-color: #000;
    border: #000 solid 1px;
}

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

.transcript-more-option .custom-switch .custom-control-label::after {
    left: calc(100% + 12px);
    background-color: #ffffff;
    top: -6px;
}

.transcript-more-option .custom-switch .custom-control-label::before {
    right: -2.25rem;
    left: auto;
    top: -8px;
}

.transcript-more-option .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(0.5rem);
}

.save-tag-desc-btn {
    color: #8C52FF;
    font-size: 12px;
    font-weight: 600;
    background: rgb(140 82 255 / 10%);
    padding: 2px 10px;
    border-radius: 2px;
    display: inline-block;
    float: right;
}

.pr-20 {
    padding-right: 20px;
}

.tag-block:hover .recording-search-counter .moreOption-dropdown {
    opacity: 1;
}

.tag-block:hover .recording-search-counter .counter-block {
    opacity: 0;
}

.tag-block:hover .recording-search-counter.recording-search-counter-ungroup .counter-block {
    opacity: 1;
}

.m-order2.modal .modal-dialog {
    height: auto;
    max-width: 530px;
    margin: auto;
}

.m-order2.modal .modal-content .modal-body {
    border-radius: 8px;
}

.m-order2.modal .modal-content {
    border-radius: 8px;
}

.m-order2.modal ul li {
    list-style: disc;
}

.QuillTranscript {
    position: relative;
    height: auto;
    border: none !important;
}

    .QuillTranscript:before {
        position: absolute;
        content: '';
        background: rgb(217 217 217 / 30%);
        left: -30px;
        right: -30px;
        bottom: 0;
        top: 0;
        border-radius: 10px;
        height: 100%;
    }

#divTitle {
    padding-left: 30px;
}

.speaktoedit-toggle-box {
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    width: 310px;
    position: absolute;
    z-index: 1;
    background: #fff;
}

.speaktoedit-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 20px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dee2e6;
}

.speaktoedit-body {
    padding: 15px 20px 0px 20px;
}

    .speaktoedit-body .speaktoedit-control {
        background: rgb(217 217 217 / 40%);
        border-radius: 4px;
        /* color: rgb(25 0 65 / 60%); */
        font-size: 14px;
        font-weight: 600;
        padding: 10px;
        height: 40px;
        border: none;
        max-width: 100%;
    }

    .speaktoedit-body .speaktoedit-speak-main {
        padding-top: 12px;
    }

        .speaktoedit-body .speaktoedit-speak-main .speaktoedit-wrap {
        }

            .speaktoedit-body .speaktoedit-speak-main .speaktoedit-wrap .speaktoedit-list {
                padding-bottom: 14px;
            }

    .speaktoedit-body .speak-avatar-img {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px;
    }

    .speaktoedit-body .avatar-icon-text {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.speaktoedit-footer {
    padding: 14px 20px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dee2e6;
}

.speak-checkbox {
    font-size: 12px;
    font-weight: 600;
    /*color: rgb(30 30 30 / 50%);
    opacity: 0.50;*/
    line-height: 23px;
}

.tag-badge-counter {
    min-width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 3px;
    opacity: 0.8;
}

.commentBox-toggle-box {
    right: 20px;
    top: 65px;
    position: absolute;
    background: #fff;
    z-index: 2;
    width: 315px;
    min-height: 264px;
    border-radius: 6px;
    box-shadow: 0px 4px 20px 0px #00000040;
    border: 1px solid #DDDDDB;
    display: none;
}

.comment-header {
    padding: 17px 14px 13px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1.2px solid rgb(0 0 0 / 15%);
}

.comment-body {
    padding: 18px 14px;
    height: calc(100vh - 440px);
    overflow-x: hidden;
    overflow-y: auto;
}

    .comment-body textarea {
        background: rgb(227 227 227 / 60%);
        font-size: 14px;
        color: #131318;
        margin-bottom: 18px;
    }

    .comment-body .chat-wrap .chat-list {
        font-size: 14px;
    }

        .comment-body .chat-wrap .chat-list .chat-item {
            /*display: flex;*/
            margin-bottom: 20px;
        }

    .comment-body .comment-user-img {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px;
    }

    .comment-body .comment-user-icon-text {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .comment-body .user-alt-link {
        color: #4988E7;
    }

    .comment-body .chat-user-name {
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .comment-body .chat-timedate {
        font-weight: 400;
        color: #83878A;
    }

.reply-control {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #eee;
    font-size: 14px;
    padding: 7px 12px;
    margin: 0px 14px;
    margin-bottom: 18px;
    border-radius: 6px;
    background: #fff;
}

    .reply-control input {
        border: 1px solid #0000001A;
        height: 46px;
        border-radius: 6px;
        padding: 9px 12px;
        font-size: 14px;
    }

.reply-send-wrap {
    position: relative;
    display: flex;
    gap: 5px;
}

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

#divInfo .file-tags-link.active i {
    color: var(--primary);
}


/* ==== Video player ==== */
.plyr__control {
    padding: 2px;
}

    .plyr__control svg {
        width: 18px;
    }

.plyr__volume {
    justify-content: end;
    flex: 0;
}

    .plyr__volume input[type=range] {
        display: none;
    }

.plyr__control--overlaid {
    background: transparent;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: transparent;
}

.plyr__control.plyr__tab-focus {
    box-shadow: none;
}

.record-video {
    position: relative;
}

.video-control {
    position: absolute;
    bottom: 0;
    align-items: center;
    display: flex;
    text-align: center;
    width: 100%;
    padding: 0px 10px 0px;
}

.controls-item {
    font-size: 18px;
    margin-left: 2.5px;
    color: red;
    padding: 5px;
    z-index: 99999;
    display: inline-flex;
    position: relative;
}

.plyr__controls {
    justify-content: space-between;
}

.plyr__controls__item {
    position: relative;
}

    .plyr__controls__item svg {
        /* display: none; */
        opacity: 0;
    }

    .plyr__controls__item.plyr__control--pressed svg {
        opacity: 1;
    }

    .plyr__controls__item:before {
        position: absolute;
        display: inline-block;
        content: "";
        vertical-align: -.125em;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        width: 16px;
        height: 16px;
        left: 0;
    }

.plyr__control.plyr__control--overlaid svg {
    opacity: 0;
}

.plyr__control.plyr__control--overlaid:before {
    position: absolute;
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7042 11.3113L4.40931 0.293764C4.06715 0.10783 3.67526 0.00632493 3.27411 -0.000267419C2.87296 -0.00685976 2.4771 0.0816992 2.12741 0.256264C1.78105 0.428117 1.49253 0.678737 1.29151 0.982353C1.09049 1.28597 0.984221 1.63162 0.983643 1.98376V24.0163C0.986252 24.5445 1.22512 25.0502 1.64774 25.4222C2.07036 25.7942 2.64213 26.002 3.23737 26C3.65284 25.9999 4.06024 25.8982 4.41495 25.7063L24.7042 14.6888C25.0303 14.5124 25.2998 14.2645 25.4868 13.969C25.6739 13.6734 25.7721 13.3402 25.7721 13.0013C25.7721 12.6623 25.6739 12.3291 25.4868 12.0336C25.2998 11.738 25.0303 11.4902 24.7042 11.3138V11.3113ZM3.23737 23.9925V2.00001L23.497 13L3.23737 23.9925Z' fill='%23F7F9FC'/%3E%3C/svg%3E%0A");
}

.plyr__controls__item.plyr__volume svg, .plyr__controls__item[data-plyr="pip"] svg, .plyr__controls__item[data-plyr="fullscreen"] svg {
    opacity: 1;
}

.plyr__controls__item[data-plyr="play"]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7042 11.3113L4.40931 0.293764C4.06715 0.10783 3.67526 0.00632493 3.27411 -0.000267419C2.87296 -0.00685976 2.4771 0.0816992 2.12741 0.256264C1.78105 0.428117 1.49253 0.678737 1.29151 0.982353C1.09049 1.28597 0.984221 1.63162 0.983643 1.98376V24.0163C0.986252 24.5445 1.22512 25.0502 1.64774 25.4222C2.07036 25.7942 2.64213 26.002 3.23737 26C3.65284 25.9999 4.06024 25.8982 4.41495 25.7063L24.7042 14.6888C25.0303 14.5124 25.2998 14.2645 25.4868 13.969C25.6739 13.6734 25.7721 13.3402 25.7721 13.0013C25.7721 12.6623 25.6739 12.3291 25.4868 12.0336C25.2998 11.738 25.0303 11.4902 24.7042 11.3138V11.3113ZM3.23737 23.9925V2.00001L23.497 13L3.23737 23.9925Z' fill='%23F7F9FC'/%3E%3C/svg%3E%0A");
}

.plyr__controls__item.plyr__control--pressed[data-plyr="play"]:before {
    opacity: 0;
}

.plyr__controls__item[data-plyr="rewind"]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79985 3.5534L6.6729 4.42645L6.07479 5.04592L3.73018 2.7013L6.07479 0.356682L6.6729 0.976147L5.79985 1.8492L5.37307 2.27597H5.97662H6.07792C6.88951 2.27597 7.64606 2.42998 8.35026 2.73638C9.05996 3.04518 9.67509 3.46111 10.1979 3.98392C10.7207 4.50673 11.1366 5.12186 11.4454 5.83156C11.7518 6.53576 11.9058 7.29231 11.9058 8.1039C11.9058 8.91548 11.7518 9.67203 11.4454 10.3762C11.1366 11.0859 10.7207 11.7011 10.1979 12.2239C9.67509 12.7467 9.05996 13.1626 8.35026 13.4714C7.64606 13.7778 6.88951 13.9318 6.07792 13.9318C5.26634 13.9318 4.50978 13.7778 3.80559 13.4714C3.09589 13.1626 2.48076 12.7467 1.95795 12.2239C1.43513 11.7011 1.01921 11.0859 0.710409 10.3762C0.435687 9.74485 0.283479 9.07138 0.254938 8.3539H1.10602C1.16134 9.62885 1.64356 10.7257 2.54985 11.632C3.51484 12.597 4.69586 13.0812 6.07792 13.0812C7.45999 13.0812 8.64101 12.597 9.606 11.632C10.571 10.667 11.0552 9.48596 11.0552 8.1039C11.0552 6.72183 10.571 5.54081 9.606 4.57582C8.64101 3.61083 7.45999 3.12662 6.07792 3.12662H5.97662H5.37307L5.79985 3.5534ZM6.75325 9.87987H4.63961V9.36688H6.41559H6.66559V9.11688V8.44156V8.19156H6.41559H4.63961V6.32792H7.17857V6.84091H5.4026H5.1526V7.09091V7.76623V8.01623H5.4026H6.75325C6.88163 8.01623 6.9774 8.05693 7.05764 8.13717C7.13788 8.21741 7.17857 8.31318 7.17857 8.44156V9.45455C7.17857 9.58293 7.13788 9.6787 7.05764 9.75894C6.9774 9.83918 6.88163 9.87987 6.75325 9.87987Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-size: 19px;
}

.plyr__controls__item[data-plyr="fast-forward"]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.04863 7.76619V8.01619H6.29863H7.64928C7.77766 8.01619 7.87343 8.05689 7.95367 8.13713C8.03391 8.21736 8.07461 8.31313 8.07461 8.44152V9.4545C8.07461 9.58289 8.03391 9.67866 7.95367 9.7589C7.87343 9.83914 7.77766 9.87983 7.64928 9.87983H5.53564V9.36684H7.31162H7.56162V9.11684V8.44152V8.19152H7.31162H5.53564V6.32788H8.07461V6.84087H6.29863H6.04863V7.09087V7.76619Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cpath d='M6.91451 3.5534L6.04146 4.42645L6.63956 5.04592L8.98418 2.7013L6.63956 0.356682L6.04146 0.976146L6.91451 1.8492L7.34129 2.27597H6.73773H6.63643C5.82485 2.27597 5.0683 2.42998 4.3641 2.73638C3.6544 3.04518 3.03927 3.46111 2.51646 3.98392C1.99365 4.50673 1.57772 5.12186 1.26892 5.83156C0.962515 6.53576 0.808512 7.29231 0.808512 8.1039C0.808512 8.91548 0.962515 9.67203 1.26892 10.3762C1.57772 11.0859 1.99365 11.7011 2.51646 12.2239C3.03927 12.7467 3.6544 13.1626 4.3641 13.4714C5.0683 13.7778 5.82485 13.9318 6.63643 13.9318C7.44802 13.9318 8.20457 13.7778 8.90877 13.4714C9.61847 13.1626 10.2336 12.7467 10.7564 12.2239C11.2792 11.7011 11.6951 11.0859 12.0039 10.3762C12.2787 9.74485 12.4309 9.07138 12.4594 8.3539H11.6083C11.553 9.62885 11.0708 10.7257 10.1645 11.632C9.19952 12.597 8.0185 13.0812 6.63643 13.0812C5.25437 13.0812 4.07335 12.597 3.10836 11.632C2.14337 10.667 1.65916 9.48596 1.65916 8.1039C1.65916 6.72183 2.14337 5.54081 3.10836 4.57582C4.07335 3.61083 5.25437 3.12662 6.63643 3.12662H6.73773H7.34129L6.91451 3.5534Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-size: 19px;
}

.plyr__controls__item[data-plyr="fast-forward"]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.04863 7.76619V8.01619H6.29863H7.64928C7.77766 8.01619 7.87343 8.05689 7.95367 8.13713C8.03391 8.21736 8.07461 8.31313 8.07461 8.44152V9.4545C8.07461 9.58289 8.03391 9.67866 7.95367 9.7589C7.87343 9.83914 7.77766 9.87983 7.64928 9.87983H5.53564V9.36684H7.31162H7.56162V9.11684V8.44152V8.19152H7.31162H5.53564V6.32788H8.07461V6.84087H6.29863H6.04863V7.09087V7.76619Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cpath d='M6.91451 3.5534L6.04146 4.42645L6.63956 5.04592L8.98418 2.7013L6.63956 0.356682L6.04146 0.976146L6.91451 1.8492L7.34129 2.27597H6.73773H6.63643C5.82485 2.27597 5.0683 2.42998 4.3641 2.73638C3.6544 3.04518 3.03927 3.46111 2.51646 3.98392C1.99365 4.50673 1.57772 5.12186 1.26892 5.83156C0.962515 6.53576 0.808512 7.29231 0.808512 8.1039C0.808512 8.91548 0.962515 9.67203 1.26892 10.3762C1.57772 11.0859 1.99365 11.7011 2.51646 12.2239C3.03927 12.7467 3.6544 13.1626 4.3641 13.4714C5.0683 13.7778 5.82485 13.9318 6.63643 13.9318C7.44802 13.9318 8.20457 13.7778 8.90877 13.4714C9.61847 13.1626 10.2336 12.7467 10.7564 12.2239C11.2792 11.7011 11.6951 11.0859 12.0039 10.3762C12.2787 9.74485 12.4309 9.07138 12.4594 8.3539H11.6083C11.553 9.62885 11.0708 10.7257 10.1645 11.632C9.19952 12.597 8.0185 13.0812 6.63643 13.0812C5.25437 13.0812 4.07335 12.597 3.10836 11.632C2.14337 10.667 1.65916 9.48596 1.65916 8.1039C1.65916 6.72183 2.14337 5.54081 3.10836 4.57582C4.07335 3.61083 5.25437 3.12662 6.63643 3.12662H6.73773H7.34129L6.91451 3.5534Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-size: 19px;
}

.plyr__controls__item.plyr__volume .plyr__control svg {
    opacity: 0;
}

.plyr__controls__item.plyr__volume .plyr__control:before, .plyr__controls__item.plyr__menu .plyr__control[data-plyr="settings"]:before {
    position: absolute;
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    left: 3px;
}

.plyr__controls__item.plyr__volume .plyr__control.plyr__control--pressed:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 1600 1600' width='1280' height='1280' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath transform='translate(985,159)' d='m0 0c0.97 0.75 1.94 1.51 2.93 2.29 4.95 3.9 9.4 7.85 13.4 12.7 1.11 1.34 2.27 2.64 3.48 3.9 13.4 14.1 22.5 32.2 28.5 50.5 0.35 1.03 0.35 1.03 0.7 2.09 4.64 15 5.5 30.4 5.67 46 0.03 2.18 0.07 4.36 0.1 6.54 0.51 36.7 0.36 73.4 0.35 110v36.1c0.01 22.2 0.01 44.4 0.01 66.6-0.01 22-0.01 43.9-0.01 65.9v4.16c0 5.57 0 11.2 0.01 16.7v46.7 2.15c0 22.5 0 45.1-0.01 67.6v2.22 35.5 141 35.6 2.21c0.01 22.5 0.01 45.1 0.01 67.6v2.14c0 15.6 0 31.1-0.01 46.7v16.7 4.15c0 22 0 43.9 0.01 65.9 0 22.8 0 45.5-0.01 68.2v39.2c0.01 8.77 0 17.5 0 26.3v14.9c0.01 18.6-0.06 37.2-0.47 55.8-0.04 1.72-0.08 3.44-0.11 5.16-0.26 12.5-1.11 24.5-4.55 36.6-0.21 0.77-0.43 1.54-0.65 2.33-10.4 36.3-34.8 67.1-67.6 85.7-9.94 5.47-19.8 10.1-30.8 13-1.04 0.27-1.04 0.27-2.1 0.55-17.4 4.42-36 6.36-53.9 5.45-1.3-0.06-1.3-0.06-2.63-0.12-36.8-1.9-65.1-13.8-94.8-35-4.18-2.98-8.39-5.91-12.6-8.85-1.66-1.16-3.33-2.33-4.99-3.49-3.37-2.36-6.74-4.72-10.1-7.08-7.8-5.46-15.6-10.9-23.4-16.4-11.7-8.26-23.4-16.5-35.2-24.6-5.63-3.89-11.2-7.84-16.8-11.8-4.87-3.45-9.77-6.85-14.7-10.2-5.46-3.75-10.9-7.55-16.2-11.4-7.61-5.46-15.3-10.8-23-16.2-2.5-1.75-5-3.5-7.5-5.26-8.97-6.28-18-12.6-27-18.8-6.76-4.7-13.5-9.43-20.2-14.2-4.8-3.45-9.67-6.79-14.6-10.1-7.97-5.47-15.9-11-23.8-16.6-2.57-1.8-5.13-3.6-7.7-5.39-8.5-5.94-17-11.9-25.4-17.9-7.94-5.61-15.9-11.2-23.9-16.8-4.19-2.92-8.37-5.85-12.6-8.78-1.67-1.17-3.33-2.33-5-3.5l-12.5-8.75c-1.67-1.17-3.33-2.33-5-3.5-4.18-2.92-8.36-5.85-12.5-8.79-8.22-5.77-16.5-11.5-24.8-17.2-5.64-3.84-11.2-7.74-16.7-11.8-5.73-4.25-11.6-8.35-17.4-12.4-0.78-0.53-1.56-1.07-2.36-1.62-2.23-1.51-4.45-3.02-6.7-4.5-1-0.85-1.99-1.69-3.02-2.56-6.82-4.21-15.4-3.11-23.1-3.05-1.85-0.01-3.7-0.01-5.56-0.02-3.98-0.01-7.96-0.01-11.9 0.01-6.31 0.02-12.6 0.01-18.9-0.01-11.1-0.02-22.3-0.01-33.4 0-16.7 0.02-33.4 0.01-50.2-0.02-6.26-0.01-12.5-0.01-18.8 0.01-3.92 0.01-7.84 0-11.8-0.01-1.8 0-3.6 0.01-5.39 0.02-15.8 0.08-31.6-1.21-46.6-6.56-1.3-0.45-1.3-0.45-2.63-0.91-37.2-13.2-66.5-40.7-83.7-75.9-3.86-8.2-6.66-16.6-8.83-25.4-0.2-0.77-0.39-1.55-0.59-2.35-3.33-14.6-3.9-29.6-3.86-44.5 0-1.64-0.01-3.27-0.01-4.91-0.01-4.44-0.01-8.89-0.01-13.3 0.01-4.81 0-9.62-0.01-14.4-0.01-9.4-0.01-18.8-0.01-28.2 0-7.65 0-15.3-0.01-23v-3.31-6.67c-0.01-20.8-0.01-41.6 0-62.4 0-19-0.01-38-0.03-56.9-0.02-19.5-0.03-39.1-0.02-58.6 0-10.9 0-21.9-0.02-32.8-0.01-9.32-0.01-18.6 0-28 0.01-4.75 0.01-9.49 0-14.2-0.12-48.9 7.86-90.8 42.6-127 8.05-8.05 17.3-14.5 26.8-20.8 0.77-0.53 1.55-1.07 2.34-1.62 25.4-16.6 56.2-19.6 85.7-19.4 1.78 0.01 3.56 0.01 5.34 0.02 2.82 0.02 5.65 0.03 8.48 0.05 7 0.04 14 0.06 21 0.07h3.1c4.21 0.01 8.42 0.01 12.6 0.02 11.9 0.01 23.8 0.04 35.7 0.13 9.48 0.07 19 0.1 28.4 0.08 5-0.01 10 0 15 0.06 25.6 1.42 25.6 1.42 47.9-8.89 1.04-1.02 2.06-2.06 3.05-3.12 2-2.07 4.3-3.58 6.69-5.15 0.75-0.52 1.49-1.04 2.26-1.58 1.1-0.77 1.1-0.77 2.22-1.56 1.7-1.18 3.39-2.36 5.08-3.55 0.85-0.59 1.69-1.18 2.56-1.79 3.35-2.34 6.71-4.69 10.1-7.04l4.98-3.48c4.22-2.96 8.44-5.91 12.6-8.87 7.66-5.37 15.3-10.7 23-16 8.33-5.71 16.6-11.5 24.8-17.4 10.4-7.36 20.8-14.7 31.3-21.9 12.4-8.6 24.7-17.2 37-26 7.7-5.44 15.4-10.8 23.2-16.2 6.44-4.47 12.8-8.97 19.2-13.5 7.88-5.58 15.8-11.1 23.7-16.6 4.19-2.92 8.37-5.85 12.6-8.78 1.67-1.17 3.33-2.33 5-3.5 0.83-0.58 1.65-1.15 2.5-1.75l30-21c1.66-1.17 3.33-2.33 4.99-3.5 4.21-2.94 8.41-5.88 12.6-8.82 1.69-1.19 3.38-2.37 5.08-3.55 0.83-0.59 1.66-1.17 2.51-1.76 5.36-3.76 10.7-7.53 16-11.3 6.05-4.28 12.1-8.49 18.2-12.7 5.42-3.71 10.8-7.5 16.2-11.3 6.09-4.31 12.2-8.57 18.4-12.8 6.75-4.69 13.5-9.38 20.2-14.1 8.65-6.12 17.3-12.2 26-18.3 2.07-1.44 4.12-2.9 6.17-4.37 54.1-38.1 138-37.3 190 4.76zm-150 83.3c-4.03 2.88-8.1 5.72-12.2 8.56l-12.8 8.91c-2.54 1.78-5.09 3.56-7.63 5.33-0.82 0.58-1.65 1.16-2.5 1.76-6.14 4.29-12.3 8.61-18.4 12.9-5.17 3.66-10.4 7.27-15.6 10.9-3.82 2.64-7.62 5.32-11.4 8.01-12.8 9.04-25.6 18.1-38.6 26.9-6.12 4.16-12.2 8.4-18.1 12.8-9.65 7.03-19.4 13.8-29.3 20.6-4.95 3.44-9.9 6.88-14.9 10.3-0.96 0.67-1.92 1.34-2.92 2.03-6.25 4.36-12.5 8.74-18.7 13.2-6.89 4.87-13.8 9.69-20.8 14.5-8.78 6.1-17.5 12.2-26.3 18.4-4.15 2.91-8.3 5.81-12.4 8.72-0.82 0.58-1.65 1.15-2.49 1.75-4.21 2.94-8.41 5.88-12.6 8.82-1.69 1.19-3.38 2.37-5.08 3.55-0.83 0.59-1.66 1.17-2.51 1.76-5.36 3.76-10.7 7.53-16 11.3-5.45 3.85-10.9 7.66-16.4 11.4-4.89 3.35-9.75 6.74-14.6 10.2-12.4 8.87-24.8 17.6-37.4 26.2-5.44 3.73-10.8 7.53-16.2 11.3-6.58 4.66-13.2 9.29-19.8 13.9-0.79 0.56-1.58 1.11-2.4 1.68-1.04 0.73-1.04 0.73-2.1 1.47-1.17 0.82-1.17 0.82-2.36 1.66-1.78 0.85-1.78 0.85-3.59 1.71-2.61 1.9-3.32 2.91-4.07 6.1-0.27 3.82-0.3 7.62-0.27 11.4-0.01 1.51-0.03 3.01-0.04 4.52-0.04 4.19-0.04 8.37-0.03 12.6 0 4.54-0.04 9.08-0.07 13.6-0.07 11.5-0.08 23-0.08 34.4 0 5.99 0 12-0.01 18 0 11.7-0.01 23.4-0.01 35v28.5c0 2.75 0 5.49-0.01 8.24v2.07c0 19.2-0.01 38.3-0.01 57.4v2.18 10.9 2.19 4.39c0.01 22.8 0 45.6-0.02 68.5-0.01 25.7-0.02 51.4-0.02 77.1v8.21 2.05c0 10.8-0.01 21.7-0.01 32.5-0.01 10.9-0.01 21.8-0.01 32.6 0.01 5.89 0.01 11.8 0 17.7-0.01 5.38-0.01 10.8 0 16.2 0 1.96 0 3.91-0.01 5.86 0 2.65 0 5.29 0.01 7.93 0 0.77-0.01 1.54-0.01 2.33 0.02 3.72 0.09 6.63 2.26 9.74 2.01 1.55 2.01 1.55 4.5 2.94 5.19 3.16 10.1 6.6 15 10.2 6.29 4.59 12.6 9.07 19.1 13.4 7.41 5.04 14.8 10.2 22.1 15.4 4.72 3.34 9.45 6.65 14.2 9.97 1.26 0.87 1.26 0.87 2.54 1.77l5.1 3.57c4.19 2.92 8.37 5.85 12.6 8.78 1.67 1.17 3.33 2.33 5 3.5l30 21c0.83 0.58 1.65 1.16 2.5 1.75 1.66 1.17 3.33 2.33 4.99 3.5 4.21 2.94 8.41 5.88 12.6 8.82 7.74 5.42 15.5 10.8 23.2 16.3 6.71 4.74 13.4 9.43 20.2 14.1s13.5 9.38 20.2 14.1c12.8 9.08 25.7 18.1 38.7 27 4.77 3.27 9.47 6.62 14.2 10 4.86 3.48 9.79 6.85 14.7 10.2 7.15 4.87 14.2 9.86 21.2 15 5.47 3.98 11 7.84 16.6 11.7 4.7 3.21 9.37 6.47 14 9.77 6.85 4.85 13.7 9.65 20.6 14.4 6.83 4.75 13.6 9.51 20.4 14.4 4.88 3.49 9.82 6.88 14.8 10.3 4.83 3.31 9.63 6.67 14.4 10 1.04 0.74 1.04 0.74 2.11 1.49 3.88 2.74 7.75 5.5 11.6 8.29 7.72 5.56 15.4 10.9 23.9 15.2 0.95 0.48 0.95 0.48 1.92 0.97 8.08 3.84 16.4 3.44 25.2 3.46 2.23 0.01 4.46 0.04 6.68 0.07 15 0.12 27.3-3.42 38.6-13.8 9.12-9.62 14.1-22.1 14-35.4 0.01-0.75 0.01-1.5 0.01-2.28 0.01-2.51 0-5.03 0-7.54 0-1.84 0-3.67 0.01-5.5 0.01-5.05 0-10.1 0-15.2 0-5.48 0-11 0.01-16.5 0.01-9.62 0.01-19.2 0.01-28.9 0-13.6 0.01-27.3 0.02-40.9 0.02-27.7 0.02-55.4 0.02-83.1v-8.95-2.24c0.01-16.4 0.01-32.8 0.01-49.2 0.01-6.75 0.01-13.5 0.01-20.3v-2.26c0.01-42.8 0.02-85.5 0.02-128v-4.8-21.7-9.67-4.84c0-51 0.01-102 0.04-153 0.01-12.8 0.02-25.7 0.02-38.5v-2.4c0.02-24.4 0.02-48.8 0.03-73.2v-2.32-50.4-18-4.48c0-23.8 0.01-47.7 0.03-71.5 0.01-24 0.02-48 0-72 0-14.9 0-29.8 0.02-44.7 0.01-9.5 0.01-19-0.01-28.5 0-5.42-0.01-10.8 0.01-16.2 0.02-4.93 0.01-9.86-0.01-14.8 0-1.77 0-3.54 0.01-5.31 0.09-16-2.46-29.7-13.5-42-13.3-12.8-29.4-15.2-47.1-15.1-20 0.45-32.7 8.3-48.5 19.7zm-694 331c-9.41 10.6-13 22-13.6 36-0.04 0.99-0.08 1.98-0.12 3-0.51 14.3-0.43 28.7-0.42 43v13c-0.01 8.5-0.01 17-0.01 25.5 0.01 6.91 0.01 13.8 0.01 20.7v3c0 2.01 0 4.01-0.01 6.02 0 18.8 0.01 37.5 0.01 56.3 0.01 16.1 0 32.1 0 48.2-0.01 18.7-0.01 37.4 0 56.1v5.99 2.98c0 6.9 0 13.8-0.01 20.7 0 8.41 0 16.8 0.01 25.2v12.8c-1.99 39.5-1.99 39.5 14.2 73.9 11 10.5 23.7 14 38.6 14.1 1.7 0.01 1.7 0.01 3.45 0.03 3.75 0.03 7.51 0.05 11.3 0.06 2.64 0.02 5.27 0.04 7.91 0.06 5.54 0.04 11.1 0.08 16.6 0.11 7.7 0.04 15.4 0.09 23.1 0.15 14.5 0.1 29 0.2 43.5 0.25 2.45 0.02 4.91 0.03 7.37 0.04 3.74 0.02 7.49 0.04 11.2 0.05 1.14 0.01 2.29 0.02 3.47 0.03h3.2c1.39 0.01 1.39 0.01 2.8 0.02 2.77-0.05 2.77-0.05 6.48-1.12v-480c-4.58-0.65-8.43-1.13-13-1.13-1.71-0.01-1.71-0.01-3.46-0.02h-3.74c-1.31 0-2.63 0-3.98-0.01-3.6 0-7.19-0.01-10.8-0.01h-6.76c-7.87-0.01-15.8-0.02-23.6-0.02-7.31 0.01-14.6-0.01-21.9-0.02-6.3-0.01-12.6-0.02-18.9-0.02-3.75 0-7.5 0-11.2-0.01-3.54-0.01-7.07-0.01-10.6 0-1.89 0-3.78-0.01-5.67-0.02-17.3 0.06-32.5 2.55-45.4 15z' fill='%23ffffff'/%3E%3Cpath transform='translate(1269 624)' d='m0 0c2.86 2.79 5.68 5.61 8.5 8.44 1.07 1.08 2.15 2.15 3.22 3.23 2.89 2.89 5.78 5.78 8.66 8.68 3.02 3.04 6.05 6.07 9.08 9.1 5.73 5.73 11.4 11.5 17.2 17.2 6.51 6.54 13 13.1 19.6 19.6 13.4 13.4 26.8 26.8 40.2 40.3 3.6-1.52 5.88-3.64 8.62-6.41 0.92-0.92 1.84-1.85 2.79-2.81 1.02-1.03 2.03-2.06 3.05-3.09 1.07-1.08 2.15-2.16 3.22-3.24 2.32-2.33 4.63-4.67 6.94-7 3.66-3.71 7.33-7.4 11-11.1 10.4-10.5 20.9-21 31.3-31.5 5.76-5.81 11.5-11.6 17.3-17.4 3.64-3.66 7.27-7.33 10.9-11 2.27-2.3 4.56-4.59 6.84-6.87 1.05-1.06 2.09-2.11 3.13-3.17 10.9-11.1 22.2-18.6 38-19.4 14.9 0.14 26.2 4.71 37 15 2.29 2.53 4.21 5.11 6 8 0.38 0.57 0.76 1.13 1.14 1.71 6.34 10.8 6.89 24.5 3.86 36.3-4.22 14.2-14.6 23.9-24.8 34.1l-3.17 3.17c-2.83 2.83-5.67 5.66-8.5 8.48-2.98 2.97-5.96 5.94-8.93 8.91-5.62 5.61-11.2 11.2-16.9 16.8-6.41 6.38-12.8 12.8-19.2 19.2-13.2 13.1-26.3 26.3-39.5 39.4 1.52 3.56 3.6 5.83 6.34 8.55 0.91 0.9 1.82 1.81 2.75 2.74 1.01 1 2.02 2 3.04 3 1.06 1.05 2.12 2.11 3.18 3.17 2.29 2.27 4.58 4.54 6.88 6.81 3.63 3.6 7.26 7.21 10.9 10.8 10.3 10.3 20.6 20.5 31 30.7 5.7 5.65 11.4 11.3 17.1 17 3.6 3.58 7.2 7.15 10.8 10.7 2.26 2.23 4.51 4.47 6.75 6.71 1.03 1.03 2.07 2.06 3.11 3.08 11.5 11.3 20.5 23.8 21.3 40.4-0.3 9.99-2.58 18.9-8.1 27.2-0.55 1.01-1.11 2.02-1.68 3.06-0.44 0.64-0.87 1.28-1.32 1.94h-2c-0.23 0.59-0.47 1.18-0.71 1.78-4.07 7.05-13.8 10.9-21.3 13.2-12.4 3.18-25.8 1.57-36.9-4.5-10.4-6.69-19.2-16.4-27.8-25.1-1.01-1.01-2.01-2.02-3.02-3.02-2.69-2.69-5.38-5.39-8.07-8.08-2.82-2.83-5.65-5.66-8.48-8.49-5.33-5.34-10.7-10.7-16-16-6.08-6.09-12.2-12.2-18.2-18.3-12.5-12.5-25-25-37.5-37.5-3.56 1.51-5.83 3.59-8.54 6.33-0.91 0.91-1.81 1.82-2.75 2.76-1 1.01-1.99 2.02-2.99 3.03-1.06 1.07-2.11 2.13-3.17 3.19-2.28 2.29-4.55 4.58-6.82 6.87-3.6 3.64-7.2 7.26-10.8 10.9-10.3 10.3-20.5 20.6-30.7 30.9-5.65 5.7-11.3 11.4-17 17.1-3.58 3.59-7.15 7.19-10.7 10.8-2.23 2.26-4.47 4.5-6.72 6.75-1.03 1.03-2.05 2.07-3.07 3.11-11.4 11.6-23.4 20.1-40.2 20.7-13.5 0.11-24.7-3.62-35.1-12.6-9.52-9.85-14.4-22.1-14.5-35.8 0.95-18.8 11.2-30.6 24-43.4 1.09-1.08 2.17-2.17 3.25-3.25 2.92-2.92 5.84-5.82 8.77-8.73 3.06-3.05 6.12-6.1 9.18-9.16 5.78-5.77 11.6-11.5 17.4-17.3 6.6-6.57 13.2-13.1 19.8-19.7 13.5-13.5 27.1-27 40.6-40.5-1.51-3.56-3.59-5.84-6.33-8.55l-2.75-2.75c-1.02-1-2.03-2-3.04-3-1.06-1.06-2.12-2.12-3.19-3.18-2.28-2.27-4.58-4.55-6.87-6.82-3.63-3.6-7.26-7.21-10.9-10.8-9.01-8.97-18-17.9-27-26.9-7.01-6.95-14-13.9-21-20.9-3.6-3.58-7.2-7.16-10.8-10.7-2.25-2.23-4.5-4.47-6.74-6.71-1.04-1.03-2.07-2.06-3.11-3.09-12.3-12.1-20.5-23.6-21.3-41.2 0.41-14.3 5.54-25.6 15.3-35.8 6.18-5.59 13.6-9.99 21.8-11.6 0.62-0.13 1.23-0.26 1.86-0.4 18-3.04 33 3.89 45.8 15.9z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.plyr__controls__item.plyr__volume .plyr__control:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 1600 1600' width='1280' height='1280' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath transform='translate(833,270)' d='m0 0c0.65 0.5 1.3 1 1.98 1.52 5.52 4.38 9.73 9.92 14 15.5 0.95 1.23 0.95 1.23 1.92 2.48 14.7 19.9 18.4 43.5 18.3 67.7 0 1.58 0.01 3.16 0.01 4.74 0.01 4.31 0 8.63 0 12.9-0.01 4.7 0 9.41 0 14.1 0.01 8.23 0.01 16.5 0.01 24.7-0.01 12.2-0.01 24.5 0 36.7 0.01 21.9 0.01 43.7 0 65.6v57.4 3.85 15.5c0 36 0.01 71.9 0 108v2.06c0 11-0.01 22-0.01 33-0.01 43.6-0.01 87.3 0 131 0 11 0.01 22 0.01 33v2.05c0.01 36.6 0 73.2 0 110v15.4 3.84c-0.01 19.1 0 38.2 0 57.4 0.01 21.7 0.01 43.5 0 65.2-0.01 12.2-0.01 24.3 0 36.5 0 8.13 0 16.3-0.01 24.4 0 4.63-0.01 9.26 0 13.9 0.01 4.22 0 8.44-0.01 12.7 0 1.51 0 3.02 0.01 4.53 0.08 27-6.77 51.9-24.3 72.8-0.46 0.63-0.93 1.25-1.41 1.89-14.7 19.2-41.5 30.1-64.6 34.1-4.76 0.41-9.47 0.48-14.2 0.44-1.91-0.01-1.91-0.01-3.85-0.03-26.3-0.47-48-11.7-68.2-28-2.74-2.2-5.52-4.33-8.3-6.46-1.08-0.83-2.15-1.65-3.23-2.48-0.53-0.4-1.06-0.81-1.6-1.23-2.71-2.07-5.41-4.15-8.11-6.23-3.19-2.45-6.38-4.91-9.57-7.36-4.7-3.6-9.39-7.21-14-10.8-8.91-6.97-17.9-13.8-27-20.6-4.85-3.63-9.63-7.31-14.3-11.1-3.48-2.78-7.03-5.48-10.6-8.18-5.94-4.53-11.9-9.09-17.8-13.7-7.43-5.8-14.9-11.5-22.4-17.2-5.66-4.3-11.3-8.64-16.9-13-6.32-4.94-12.7-9.78-19.1-14.6-6.56-4.89-13-9.88-19.4-15-5.77-4.65-11.7-9.07-17.6-13.5-9.5-7.08-18.8-14.4-28.2-21.7-6.53-5.09-13.1-10.1-19.7-15.2-2.08-1.6-4.17-3.21-6.25-4.81-3.57-2.75-7.14-5.49-10.7-8.22-7.32-5.58-14.6-11.2-21.8-16.8-7.32-5.72-14.7-11.3-22.2-16.8-5.27-3.94-10.4-7.96-15.4-12.2-0.85-0.67-1.7-1.34-2.58-2.03-0.51-0.49-1.01-0.98-1.53-1.48-7.86-6.59-17.3-5.34-27-5.25-1.99 0-3.98 0-5.97-0.01-4.27-0.02-8.54-0.01-12.8 0.01-6.77 0.04-13.5 0.03-20.3 0.01-10.7-0.02-21.5-0.01-32.2 0.01-19.2 0.04-38.3 0.04-57.5 0.02-6.72-0.01-13.4 0-20.1 0.02-4.21 0.01-8.41 0.01-12.6 0.01-1.93 0-3.86 0-5.79 0.01-16.9 0.1-33.6-1.32-49.8-6.54-0.96-0.3-1.91-0.6-2.9-0.91-19.4-6.31-37.1-16.4-52.4-29.9-0.52-0.46-1.04-0.91-1.58-1.38-7.58-6.66-14.3-13.6-20.4-21.6-0.68-0.87-1.35-1.74-2.05-2.64-10.7-14.1-19-30.1-24.1-47-0.22-0.73-0.45-1.45-0.68-2.2-0.78-2.69-1.46-5.39-2.13-8.11-0.24-0.97-0.24-0.97-0.48-1.96-3.39-14.1-4.11-27.6-4.07-42-0.01-2.33-0.02-4.66-0.03-7-0.03-6.27-0.03-12.6-0.02-18.8 0-5.95-0.01-11.9-0.02-17.8-0.03-12.5-0.02-25-0.01-37.5 0.01-11.4-0.01-22.7-0.05-34.1-0.04-11.8-0.05-23.5-0.05-35.2 0.01-6.56 0-13.1-0.03-19.7-0.2-52.8-0.2-52.8 6.76-73.9 0.42-1.33 0.42-1.33 0.85-2.69 7.62-24.1 20.7-45.1 38.2-63.3 0.66-0.72 1.31-1.44 1.99-2.18 29-30.7 69.9-43.4 111-44.8 7.35-0.15 14.7-0.09 22-0.06 2.12 0 4.24 0.01 6.36 0.01 3.35 0.01 6.69 0.02 10 0.03 8.21 0.02 16.4 0.02 24.6 0.01h7.19c1.19 0 2.38-0.01 3.61-0.01h3.61 3.63c13.7-0.01 27.4 0.02 41 0.17 7.9 0.08 15.8 0.12 23.7 0.13 4.55 0.01 9.1 0.04 13.6 0.13 22 1.31 22 1.31 41.2-7.55 1.72-1.71 3.34-3.45 4.91-5.3 1.96-2.2 4.21-3.82 6.62-5.51 0.73-0.53 1.46-1.06 2.22-1.61 0.72-0.52 1.44-1.03 2.17-1.56 7.39-5.39 14.6-10.9 21.8-16.6 3.11-2.46 6.27-4.87 9.43-7.29 4.74-3.64 9.45-7.31 14.2-11 9.84-7.66 19.7-15.3 29.7-22.8 8.87-6.63 17.6-13.4 26.3-20.2 12.1-9.45 24.3-18.8 36.5-28.1 10.4-7.9 20.8-15.8 31-23.9 10-7.79 20.1-15.5 30.2-23.2 9.46-7.23 18.9-14.5 28.3-21.8 11.7-9.11 23.5-18.1 35.3-27.1 9.95-7.58 19.9-15.2 29.7-22.9 13.8-10.8 13.8-10.8 20.3-15.7 1.2-0.92 2.39-1.83 3.59-2.75 43.8-33.7 97.1-41.4 142-4.54zm-76.2 84.8c-1.26 1.02-2.53 2.04-3.79 3.05-0.66 0.53-1.32 1.06-2 1.6-3.27 2.59-6.61 5.06-9.96 7.54-5.24 3.9-10.4 7.89-15.5 12-7.3 5.89-14.7 11.6-22.2 17.3l-13.1 9.99c-0.9 0.68-1.8 1.37-2.73 2.07-10.7 8.13-21.3 16.3-31.9 24.6-13.6 10.6-27.2 21-40.9 31.4-7.28 5.55-14.5 11.1-21.8 16.8-7.92 6.17-15.9 12.3-23.9 18.4-3.63 2.77-7.26 5.54-10.9 8.31-0.71 0.54-1.42 1.08-2.15 1.64-5.34 4.09-10.7 8.19-16 12.3-2.05 1.58-4.1 3.15-6.15 4.73-4.74 3.64-9.48 7.29-14.2 11-7.84 6.12-15.7 12.2-23.7 18.1-7.42 5.54-14.7 11.2-22 17-3.87 3.01-7.77 5.99-11.7 8.97-3.31 2.55-6.6 5.12-9.89 7.69-7.89 6.16-15.8 12.2-23.8 18.2-0.56 0.43-1.11 0.86-1.68 1.3-1.97 1.42-1.97 1.42-4.04 2.48-2.5 1.43-4.12 2.69-5.93 4.94-1.21 4.84-1.06 9.67-0.99 14.6-0.01 1.51-0.02 3.03-0.03 4.55-0.02 4.16 0 8.32 0.03 12.5 0.03 4.49 0.01 8.98 0 13.5-0.02 8.79 0 17.6 0.03 26.4 0.05 10.2 0.05 20.5 0.04 30.7 0 18.3 0.04 36.5 0.1 54.8 0.05 17.7 0.08 35.5 0.08 53.2v3.31 3.3c0 20.2 0.02 40.4 0.05 60.5 0.02 7.14 0.02 14.3 0.02 21.4 0.01 8.7 0.02 17.4 0.06 26.1 0.02 4.44 0.03 8.88 0.03 13.3-0.01 4.06 0.01 8.12 0.03 12.2 0.01 1.47 0.01 2.94 0.01 4.42-0.01 1.99 0.01 3.99 0.03 5.98v3.37c0.83 4.62 4.15 6.71 7.77 9.36 0.61 0.46 1.23 0.92 1.86 1.39 0.99 0.72 0.99 0.72 2 1.47 5.94 4.4 11.8 8.88 17.6 13.4 6.44 5.04 13 9.99 19.5 14.9 6.92 5.17 13.8 10.4 20.5 15.8 3.66 2.89 7.35 5.73 11 8.56 3.1 2.38 6.19 4.77 9.27 7.18 8.83 6.9 17.7 13.7 26.7 20.4 6.06 4.54 12 9.16 18 13.9 3.24 2.57 6.51 5.1 9.79 7.61 0.81 0.62 0.81 0.62 1.63 1.25 1.6 1.23 3.21 2.46 4.81 3.69 2.06 1.58 4.13 3.17 6.19 4.75 0.79 0.61 0.79 0.61 1.6 1.23 3.12 2.4 6.23 4.81 9.33 7.23 8.82 6.9 17.7 13.7 26.7 20.4 6.07 4.54 12 9.18 18 13.9 3.66 2.89 7.35 5.73 11 8.56 3.1 2.38 6.19 4.77 9.27 7.18 7.99 6.24 16 12.4 24.1 18.5 7.39 5.52 14.7 11.1 21.9 16.9 9.83 7.77 19.7 15.4 29.8 22.9 5.13 3.83 10.2 7.73 15.2 11.7 0.75 0.59 1.5 1.18 2.28 1.78 3.48 2.71 6.96 5.43 10.4 8.17 1.16 0.92 2.32 1.83 3.49 2.74 0.99 0.79 1.99 1.58 3.02 2.4 2.65 2.05 2.65 2.05 6.6 2.79v-900c-4.15 0-6.12 2.23-9.19 4.75zm-639 304c-9.45 11.1-14.2 22.5-14.1 37-0.01 0.91-0.01 1.82-0.01 2.76-0.01 3.06-0.01 6.11-0.01 9.17 0 2.19 0 4.38-0.01 6.58 0 5.95-0.01 11.9-0.01 17.9v11.2c-0.01 12.3-0.02 24.6-0.02 37v2.01 2.01c0.01 10.8 0 21.5-0.02 32.3-0.01 11.1-0.02 22.1-0.02 33.2 0 6.2 0 12.4-0.01 18.6-0.01 5.84-0.01 11.7 0 17.5 0 2.14-0.01 4.27-0.01 6.41-0.01 2.93 0 5.86 0 8.79 0 0.84-0.01 1.68-0.01 2.54 0.08 14.4 5.11 27.7 15.3 38.1 14.6 12.8 30.2 15.3 48.9 15.2h4.84c4.3 0 8.59-0.01 12.9-0.03 4.04-0.01 8.08-0.01 12.1-0.01 11.8-0.01 23.6-0.04 35.4-0.07 26.4-0.04 52.7-0.08 79.9-0.12v-314c-26.8-0.06-53.6-0.12-81.2-0.19-8.45-0.02-16.9-0.05-25.6-0.08-7.61-0.01-7.61-0.01-15.2-0.02-3.38 0-6.76-0.01-10.1-0.03-4.32-0.02-8.64-0.02-13-0.02-1.57 0-3.15-0.01-4.73-0.02-17.4-0.12-32.8 3.27-45.1 16.4z' fill='%23ffffff'/%3E%3Cpath transform='translate(1359 237)' d='m0 0c7.56 4.61 13.6 10.2 19.7 16.6 0.95 0.96 1.9 1.92 2.86 2.88 4.61 4.69 9.09 9.44 13.4 14.4 2.23 2.59 4.56 5.07 6.89 7.57 4.25 4.6 8.26 9.33 12.2 14.2 2.35 2.86 4.76 5.65 7.19 8.43 6.4 7.29 12.5 14.8 18.2 22.6 0.52 0.69 1.04 1.38 1.57 2.09 20.9 27.9 39.7 56.9 57.4 86.9 0.92 1.54 0.92 1.54 1.86 3.12 3.2 5.44 6.28 10.9 9.02 16.6 1.98 4.05 3.97 8.08 6.14 12 15.2 27.7 27.3 57.6 38 87.3 0.23 0.63 0.46 1.26 0.7 1.91 8.18 22.8 15.2 45.7 21.3 69.1 0.28 1.04 0.28 1.04 0.56 2.1 11.6 44.2 18.2 89.3 22.2 135 0.22 2.44 0.47 4.87 0.71 7.3 1.55 16.2 1.88 32.4 1.86 48.7v4.13c-0.02 26.5-1.57 52.7-4.38 79-0.08 0.78-0.16 1.56-0.24 2.37-0.98 9.22-2.13 18.4-3.46 27.6l-0.93 6.48c-3.35 23.4-7.76 46.5-13.4 69.6-0.18 0.76-0.37 1.53-0.56 2.33-5.76 23.6-12.7 46.7-20.7 69.6-0.68 1.96-1.35 3.91-2.02 5.87-10.8 31.6-24.3 62.3-39.5 91.9-0.85 1.65-1.69 3.32-2.54 4.98-20.5 40.4-45.3 78.2-72.6 114-0.43 0.58-0.87 1.16-1.32 1.76-5.46 7.23-11.1 14.2-17 21.1-2.46 2.88-4.84 5.81-7.22 8.75-3.87 4.75-7.93 9.29-12.1 13.8-4.19 4.58-8.28 9.23-12.2 14.1-0.72 0.82-1.44 1.65-2.19 2.5h-2c-0.26 0.58-0.51 1.16-0.78 1.76-7.35 13.5-23.6 24.9-38.1 29.2-14.4 2.93-28.2 1.38-40.9-6.25-12.2-8.4-21.4-20.9-24.2-35.8-1.12-16 1.72-30.1 12.4-42.6 5.36-6.11 11.1-11.9 16.8-17.6 2.39-2.42 4.6-4.97 6.81-7.55 1.94-2.21 3.92-4.38 5.93-6.53 5.6-6.05 10.9-12.3 16-18.7l3.03-3.69c15.8-19.2 30.4-39.4 44-60.3 0.45-0.68 0.89-1.36 1.35-2.05 34.5-52.9 60.2-111 78.6-171 0.46-1.5 0.46-1.5 0.93-3.02 14.7-48.6 22.9-99.4 26.1-150 0.06-0.92 0.12-1.84 0.18-2.79 1.85-31 1.26-62.2-1.18-93.2-0.1-1.31-0.2-2.61-0.3-3.96-5.11-62.8-18.9-125-41.7-184-0.37-0.97-0.74-1.94-1.13-2.94-7.95-20.5-16.2-40.9-26.8-60.2-1.69-3.09-3.26-6.23-4.79-9.41-12.6-26.1-28.6-50.8-45.3-74.4-0.63-0.91-0.63-0.91-1.28-1.83-5.61-8-11.4-15.8-17.4-23.5-1.31-1.67-2.61-3.36-3.9-5.04-5.81-7.51-11.9-14.8-18.1-21.9-2.13-2.42-4.22-4.86-6.29-7.33-5.55-6.6-11.3-12.9-17.4-18.9-3.49-3.43-6.82-6.93-9.97-10.7-1.06-1.24-2.17-2.44-3.31-3.61-10.2-10.6-13.8-23.9-13.5-38.2 1.04-13.3 6.7-24 15.3-33.9 6.09-5.15 12.5-9.28 20-12 1.31-0.54 1.31-0.54 2.63-1.08 12.6-3.46 27.5-1.76 38.9 4.46z' fill='%23ffffff'/%3E%3Cpath transform='translate(1216,388)' d='m0 0c4.19 3.49 8.11 7.18 12 11 0.76 0.73 1.51 1.46 2.29 2.21 3.79 3.71 7.35 7.58 10.8 11.6 2.22 2.55 4.5 5.02 6.79 7.5 4.91 5.4 9.57 11 14.1 16.7 0.42 0.52 0.84 1.05 1.27 1.59 3.27 4.11 6.51 8.25 9.73 12.4 0.46 0.59 0.92 1.19 1.4 1.8 57 73.4 94 163 115 300 0.09 1.07 0.19 2.15 0.29 3.26 1 13.1 0.9 26.3 0.9 39.5 0 2.78 0 5.55 0.02 8.33 0.39 81.4-17.4 163-52.2 237-0.49 1.06-0.98 2.12-1.49 3.21-12.5 26.8-26.7 52.4-43.5 76.8-0.5 0.73-1 1.46-1.52 2.21-7.05 10.3-14.2 20.4-22 30-1.56 1.92-3.1 3.85-4.65 5.79-5.59 6.97-11.3 13.8-17.4 20.4-1.95 2.12-3.85 4.26-5.75 6.43-18.7 21.4-18.7 21.4-29.7 28.2-0.62 0.41-1.25 0.83-1.89 1.25-11.5 6.75-25.6 6.49-38.1 3.75-12-3.4-23.8-11.5-30-22.4-7.72-14.6-10.1-29.1-5.13-45.2 4.79-11.5 13.3-20.2 21.7-29.1 12.7-13.5 24.4-27.4 35.5-42.3 0.54-0.72 1.08-1.44 1.63-2.18 8.86-11.8 16.8-24.1 24.4-36.8 0.38-0.63 0.76-1.27 1.15-1.92 42.7-71.6 65.2-155 65-238 0-0.82 0-1.65-0.01-2.5-0.23-96.1-30-190-119-311-2.16-2.41-4.32-4.83-6.48-7.24-1.88-2.06-3.79-4.08-5.73-6.08-12.6-13.1-20.8-26-20.8-44.7 0.9-12.2 4.86-21.2 12-31 0.59-0.82 1.18-1.63 1.79-2.48 2.54-2.9 5.35-5.01 8.52-7.14 0.55-0.39 1.09-0.77 1.65-1.16 17.3-11.8 40.9-11.2 58 0.78z' fill='%23ffffff'/%3E%3Cpath transform='translate(1068,535)' d='m0 0c12.9 9.99 23.9 23.2 34 36 0.73 0.9 1.46 1.8 2.21 2.73 16.4 20.7 30.5 43.4 41.8 67.3 0.39 0.81 0.77 1.61 1.17 2.44 19.3 40.3 29.9 83.1 33.8 128 0.14 1.54 0.14 1.54 0.29 3.1 0.73 8.57 0.95 17.1 0.96 25.7v2.22c-0.13 89.4-34.1 175-93.2 242-0.55 0.63-1.11 1.26-1.68 1.92-12.4 14.1-25.6 25.9-45.2 27.3-15.6 0.24-28.4-3.98-39.8-14.8-10.6-10.9-15.6-23.2-15.6-38.4 0.29-16.5 7.72-28 18.8-39.5 13.7-14.2 24.8-29.9 35.4-46.5 0.61-0.94 0.61-0.94 1.23-1.91 24.6-38.9 35-86.6 35.1-132 0.01-0.86 0.01-1.72 0.01-2.61 0.15-66.9-26.6-130-72.3-179-11.6-12.2-18.7-25-18.4-42.2 0.59-14.2 6.65-26.6 16.4-36.8 18.2-15.8 44.7-17.9 65-5z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.plyr__controls__item.plyr__menu .plyr__control[data-plyr="settings"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-three-dots-vertical' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3E%3C/svg%3E");
}

.plyr__video-wrapper {
    height: 191px;
}

.plyr video {
    height: 100%;
}

audio::-webkit-media-controls-enclosure {
    border-radius: 0;
}

.plyr__controls__item.plyr__progress__container {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 10px;
}

.plyr--video .plyr__controls {
    padding: 20px 10px 15px !important;
}

.plyr__time + .plyr__time::before {
    left: -12px;
}

.plyr__controls .plyr__controls__item:first-child {
    margin: 0;
}

.dvTranscript .trans-row .form-group {
    display: flex;
    align-items: flex-start;
}

    .dvTranscript .trans-row .form-group p {
        /* flex: 85% 0 0;
        padding-right: 100px;*/
        font-size: 20px !important;
    }

.trans-row .tags-badge {
    font-size: 14px;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 4px;
    background: #ABA9AF66;
    display: inline-block;
    margin-bottom: 5px;
    width: fit-content;
}

.badge-hover-close {
    padding: 2px;
    margin-top: 1px;
    border-radius: 4px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
    display: none;
    margin-left: 3px;
    cursor: pointer;
}

/*.trans-row .tags-badge:hover .tag-badge-counter {
    display: none;
}*/

.trans-row .tags-badge:hover .badge-hover-close {
    display: inline-flex;
}

/*.info-record-content .tags-badge .badge-hover-close {
    opacity: 0;
    display: inline-block;
}

.info-record-content .tags-badge:hover .badge-hover-close {
    opacity: 1;
}*/
.info-record-content .tags-badge:hover .badge-hover-close, .dvTag.tags-badge:hover .badge-hover-close {
    display: inline-flex;
}

.bulkMove, .bulkMerge, .fixed-width {
    width: 200px;
}

.sidebar-collapsed + .right-wrapper {
    width: calc(100% - 60px);
}

.transhighlight:after {
    content: '';
    position: absolute;
    background: #ECECEC;
    left: 0px;
    top: -3px;
    bottom: 0px;
    width: 100%;
    height: 130%;
    z-index: -1;
}

.transhighlight {
    position: relative;
    z-index: 1;
}

.transChighlight:after {
    content: '';
    position: absolute;
    background: #ECECEC;
    left: 0px;
    top: -3px;
    bottom: 0px;
    width: 100%;
    height: 130%;
    z-index: -1;
}

.transChighlight {
    position: relative;
    z-index: 1;
}

.moreOption-dropdown .dropdown-menu.move-tag-dropdown {
    left: 158px !important;
}
/*span[class^=\"spk\"]:focus {
    outline: none;
    box-shadow: none;
    text-decoration: none;
    border-bottom: 1px solid #7A66F0;
    border-radius: 0px;
}*/
.pe-none {
    pointer-events: none !important;
}

.dvTranscript .trans-row .form-group p span::selection {
    background: #EEEEEF;
}

.dvTranscript .trans-row .form-group p::selection {
    background: #EEEEEF;
}
/*.dvTranscript .newParent .trans-row .form-group p span::selection {
    background: transparent !important;
}
.dvTranscript .newParent .trans-row .form-group p::selection {
    background: transparent !important;
}*/
.text-truncate-tagline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block;
}

.DivGroups .text-truncate-tagline {
    max-width: 180px;
}

.enable-tag .tag-block:hover .text-truncate-tagline {
    max-width: 110px;
}
/*.DivGroups.enable-tag .text-truncate-tagline {
    max-width: 118px;
}
*/

.tags-border {
    border: 1px solid #0000001A;
}

.hastag-dropdown-wrapper {
    position: relative;
}

    .hastag-dropdown-wrapper .hastag-dropdown-inner {
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .hastag-dropdown-wrapper .hastag-dropdown-inner.modal-dropdown-scroll {
            max-height: 200px;
        }

        .hastag-dropdown-wrapper .hastag-dropdown-inner .dropdown-submenu {
            position: static;
        }


    .hastag-dropdown-wrapper .hastag-dropdown-inner {
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
    }

        .hastag-dropdown-wrapper .hastag-dropdown-inner::-webkit-scrollbar {
            width: 5px;
            height: 5px;
            background: none;
        }

        .hastag-dropdown-wrapper .hastag-dropdown-inner:hover::-webkit-scrollbar {
            background: #F5F5F5;
        }

        .hastag-dropdown-wrapper .hastag-dropdown-inner::-webkit-scrollbar-thumb {
            background: none;
            border-radius: 20px;
        }

        .hastag-dropdown-wrapper .hastag-dropdown-inner:hover::-webkit-scrollbar-thumb {
            background: #7A66F0;
        }


.recoding-accordion-wrap .info-record-content .tags-badge {
    padding: 5px 5px;
    margin-bottom: 0;
}

.recoding-accordion-wrap .tags-view-user-block img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
}

.recoding-accordion-wrap .tag-view-info {
    background: #d9d9d94d;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 20px;
    color: rgb(25 0 65 / 50%);
}

.record-video-backdrop {
    position: absolute;
    background: rgb(0 0 0 / 30%);
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

mark.current {
    background: #FFE50073;
}

.lastSavedTime {
    padding-left: 30px;
    font-size: 14px;
    color: rgb(25 0 65 / 60%);
}

.bulkMerge, .bulkMove {
    transform: translateY(-100%) !important;
}

.hastag-dropdown-inner-bulk {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.hastag-dropdown-inner-bulk {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    .hastag-dropdown-inner-bulk::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: none;
    }

    .hastag-dropdown-inner-bulk:hover::-webkit-scrollbar {
        background: #F5F5F5;
    }

    .hastag-dropdown-inner-bulk::-webkit-scrollbar-thumb {
        background: none;
        border-radius: 20px;
    }

    .hastag-dropdown-inner-bulk:hover::-webkit-scrollbar-thumb {
        background: #7A66F0;
    }
/* reports tag  */
.reports-block-wrapper {
}

    .reports-block-wrapper .reports-block-item {
        border: 1.2px solid rgb(0 0 0 / 10%);
        background: #FDFCFF;
        border-radius: 6px;
        padding: 18px 10px;
        margin-bottom: 26px;
    }

        .reports-block-wrapper .reports-block-item .reports-title-info {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }

            .reports-block-wrapper .reports-block-item .reports-title-info .reports-icon-badge {
                background: rgb(140 82 255 / 15%);
                min-width: 30px;
                min-height: 30px;
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #8C52FF;
                font-size: 15px;
                border-radius: 50px;
            }

            .reports-block-wrapper .reports-block-item .reports-title-info .reports-item-title {
                font-size: 14px;
                font-weight: 600;
                color: #190041;
                display: flex;
                flex-direction: column;
                margin-left: 10px;
            }

            .reports-block-wrapper .reports-block-item .reports-title-info .reports-date-info {
                font-size: 10px;
                font-weight: 600;
                color: rgb(25 0 65 / 20%);
                margin-top: 3px;
            }

            .reports-block-wrapper .reports-block-item .reports-title-info .reports-item-action {
                position: static;
            }

                .reports-block-wrapper .reports-block-item .reports-title-info .reports-item-action .reports-item-action-icon {
                    width: 22px;
                    height: 27px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                    .reports-block-wrapper .reports-block-item .reports-title-info .reports-item-action .reports-item-action-icon:after {
                        display: none;
                    }

                .reports-block-wrapper .reports-block-item .reports-title-info .reports-item-action .dropdown-menu {
                    left: 180px !important;
                    top: 10px !important;
                }

                .reports-block-wrapper .reports-block-item .reports-title-info .reports-item-action:hover .reports-item-action-icon {
                    background: rgb(217 217 217 / 10%);
                }

        .reports-block-wrapper .reports-block-item .reports-user-name-info {
            font-size: 12px;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
        }

            .reports-block-wrapper .reports-block-item .reports-user-name-info .reports-user-name {
                display: flex;
                align-items: center;
            }

                .reports-block-wrapper .reports-block-item .reports-user-name-info .reports-user-name img {
                    width: 20px;
                    height: 20px;
                    border-radius: 50px;
                    margin-right: 10px;
                }

/* ==== report ==== */
.report-body {
    padding: 20px;
}


.black-report-wrapper .report-icon-placeholder {
    width: 94px;
    height: 94px;
    background: rgb(217 217 217 / 20%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D9D9D9;
    font-size: 32px;
    border-radius: 50px;
}

.black-report-wrapper .create-report-headline-text {
    font-size: 16px;
    color: #190041;
    font-weight: 600;
    opacity: 0.50;
    padding: 20px 0;
}

.black-report-wrapper .btn-group-reports {
    display: flex;
    align-items: center;
    gap: 30px;
}

.btn-group-reports .select-all-btn {
    border: 1.5px solid rgb(25 0 65 / 20%);
    padding: 8px 32px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
}

.btn-group-reports .filter-tags-btn {
    border: 1.5px solid rgb(238 229 255);
    background: rgb(238 229 255);
    padding: 8px 46px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
}
/*
.filter-reports-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
}*/

.filter-reports-header .report-filter-option {
    display: flex;
    align-items: center;
    gap: 0 16px;
    padding-bottom: 24px;
}

.filter-reports-header .report-popup-dropdown {
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    color: #83878A;
    background: #F6F2FF;
}

.report-popup-dropdown:hover, .btn-report:hover {
    background: #F6F2FF;
}

.btn-report {
    background: rgb(151 151 151 / 3%);
    border: 1px solid rgb(0 0 0 / 10%);
    font-size: 14px;
    font-weight: 600;
}

.filter-reports-body {
    border: 1px solid #EBEBEB;
    background: rgb(246 242 255 / 50%);
    border-radius: 6px;
    padding: 25px 25px 35px 25px;
    position: relative;
}

    .filter-reports-body .report-search-record-list {
        max-height: 380px;
        overflow: auto;
        padding-left: 10px;
        padding-top: 10px;
    }

        .filter-reports-body .report-search-record-list .report-search-record-item {
            padding: 20px;
            background: #F5F0FF;
            border-radius: 6px;
            position: relative;
            margin-bottom: 30px;
        }

            .filter-reports-body .report-search-record-list .report-search-record-item:last-child {
                margin-bottom: 0;
            }

            .filter-reports-body .report-search-record-list .report-search-record-item .checkboxInputOption {
                position: absolute;
                top: -8px;
                left: -8px;
            }

        .filter-reports-body .report-search-record-list .search-tags-badge {
            font-size: 14px;
            font-weight: 700;
            padding: 7px 10px;
            border-radius: 4px;
            background: #ABA9AF66;
            display: inline-block;
            margin-bottom: 5px;
            width: auto !important;
        }

        .filter-reports-body .report-search-record-list .report-item-info-wrapper {
            opacity: 0.50;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

            .filter-reports-body .report-search-record-list .report-item-info-wrapper .report-item-info {
                font-size: 12px;
            }

        .filter-reports-body .report-search-record-list .report-item-content {
            font-size: 14px;
            color: rgb(25 0 65 / 50%);
            padding-top: 20px;
        }

    .filter-reports-body .report-search-record-list {
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
    }

        .filter-reports-body .report-search-record-list::-webkit-scrollbar {
            width: 5px;
            height: 5px;
            background: none;
        }

        .filter-reports-body .report-search-record-list:hover::-webkit-scrollbar {
            background: #F5F5F5;
        }

        .filter-reports-body .report-search-record-list::-webkit-scrollbar-thumb {
            background: none;
            border-radius: 20px;
        }

        .filter-reports-body .report-search-record-list:hover::-webkit-scrollbar-thumb {
            background: #7A66F0;
        }


.filter-reports-footer-btn {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.filter-report-btn {
    background: #8C52FF;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    color: #ffffff !important;
    width: 215px;
    text-align: center;
}

.create-blank-btn {
    background: #fff;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    border: 1.5px solid rgb(25 0 65 / 20%);
}

.comment-action-icon {
    width: 22px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .comment-action-icon:hover {
        background: rgb(217 217 217 / 10%);
    }

.dropleft .dropdown-toggle.comment-action-icon::before {
    display: none;
}


.pl--10 {
    padding-left: 30px !important;
}

.pl--25 {
    padding-left: 25px;
}

.ml--10 {
    margin-left: 10px;
}

.report-checkbox-input {
    position: absolute;
    top: -29px;
    left: 3px;
    opacity: 0;
}

.reports-block-item:hover .report-checkbox-input {
    opacity: 1;
}


/*Comment hover and other design for comment*/
.comment-body {
    overflow-x: hidden;
    overflow-y: auto;
}

.comment-body {
    -ms-overflow-style: 0; /* Internet Explorer 10+ */
    scrollbar-width: 0; /* Firefox */
}

    .comment-body::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: none;
    }

    .comment-body:hover::-webkit-scrollbar {
        background: #F5F5F5;
    }

    .comment-body::-webkit-scrollbar-thumb {
        background: #7A66F0;
        border-radius: 20px;
    }

    .comment-body:hover::-webkit-scrollbar-thumb {
        background: #7A66F0;
    }

.commentHover {
    position: relative;
    border-bottom: 2px solid var(--primary);
}

/*.commentHover:before {
        content: '';
        position: absolute;
        left: 0;
        right: auto;
        width: 100%;
        height: 2px;
        display: block;
        background: var(--primary);
        bottom: 0;
    }*/


.tribute-input {
    outline: none;
    min-height: 22px;
    cursor: text;
    min-width: 225px;
    margin-bottom: 0;
}

.mh-120 {
    min-height: 120px;
}

/*    .tribute-input:focus {
        border-color: #d1d1d1;
        background-color: #fbfbfb;
    }*/

[contenteditable="true"]:empty:before {
    content: attr(placeholder);
    /*display: block;*/
    color: #ccc;
}

.tribute-input a, .mentionLink, .comment-input a {
    background-color: transparent;
    color: #4988E7;
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
}

.edit-comment-input {
    outline: none;
    border: 1px solid #eee;
    border-radius: 2px;
    background: rgb(227 227 227 / 60%);
    min-width: 210px;
}

.userComment {
    /*padding-right: 19px;*/
    margin-bottom: 10px;
    min-height: 25px;
}

#pMainComment {
    width: 100%;
    background: rgb(227 227 227 / 60%);
    max-width: 100%;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 16px;
}

.clsCommentIcon {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.truncate170 {
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.badge-resize {
    padding: 2px;
    border-radius: 4px;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
    margin-left: 3px;
    cursor: pointer;
}

.w125 {
    width: 125px;
    min-width: 125px;
}

.ce-toolbar__actions {
    opacity: 1 !important;
}

.ce-toolbar {
    display: block !important;
}

.updateCommentWrap {
    display: flex;
    justify-content: end;
    gap: 5px;
}

.cancelBtn {
    font-size: 14px;
    cursor: pointer;
    padding: 5px 11px;
    border-radius: 4px;
    font-weight: 600;
    color: rgb(19 19 24 / 40%) !important;
}

    .cancelBtn:hover, .cancelBtn.active {
        background: #0000001A;
    }

.updateBtn {
    font-size: 14px;
    cursor: pointer;
    padding: 5px 11px;
    border-radius: 4px;
    font-weight: 600;
    background: rgb(140 82 255 / 10%);
    color: rgb(140 82 255 / 40%) !important;
}

    .updateBtn.active {
        background: #8C52FF !important;
        color: #fff !important;
    }

.tribute-container {
    box-shadow: 0px 4px 20px 0px #00000040;
    border-radius: 6px;
    margin-top: 13px;
    margin-left: -13px;
    width: 285px;
    max-height: 250px !important;
}

.tribute-container {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    .tribute-container::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: none;
    }

    .tribute-container:hover::-webkit-scrollbar {
        background: #F5F5F5;
    }

    .tribute-container::-webkit-scrollbar-thumb {
        background: none;
        border-radius: 20px;
    }

    .tribute-container:hover::-webkit-scrollbar-thumb {
        background: #7A66F0;
    }

    .tribute-container ul {
        background: transparent !important;
    }

    .tribute-container li {
        grid-template-columns: auto 1fr auto auto;
        padding-left: 19px;
        margin-bottom: 2.5px;
        padding-top: 5px;
        display: grid;
        background: #fff;
        padding: 5px 10px !important;
        padding-left: 19px !important;
    }

        .tribute-container li.highlight {
            background-color: #f5f5f5 !important;
        }

.imgMention {
    height: 35px;
    width: 35px;
    font-weight: 600;
    display: inline-block;
    object-fit: cover;
}

.searchTagBox {
    background-color: #fff;
    background-clip: padding-box;
    padding: 8px 0px;
    border: none;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    z-index: 15;
    position: absolute;
    max-height: 250px !important;
    overflow: auto;
    right: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
}

.searchTagBox {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    .searchTagBox::-webkit-scrollbar, .reportsDetails::-webkit-scrollbar, .dvSearchFile::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: none;
    }

    .searchTagBox:hover::-webkit-scrollbar, .reportsDetails::-webkit-scrollbar, .dvSearchFile::-webkit-scrollbar {
        background: #F5F5F5;
    }

    .searchTagBox::-webkit-scrollbar-thumb {
        background: none;
        border-radius: 20px;
    }

    .searchTagBox:hover::-webkit-scrollbar-thumb {
        background: #7A66F0;
    }

.reportsDetails::-webkit-scrollbar-thumb, .dvSearchFile::-webkit-scrollbar-thumb {
    background: #7A66F0;
    border-radius: 20px;
}

.reports-block-item, .lblReportName {
    cursor: pointer;
}

.hasSearchFile input.dropdown-item.taglis {
    height: auto !important;
    margin-bottom: 0;
}

.truncate140 {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report-wrapper-container {
    background: #F5F5F5;
    border-radius: 10px;
    padding: 30px;
}

    /*  .report-wrapper-container .reportsDetails {
        background: #fff;
        height: calc(100vh - 335px);
        overflow: auto;
        overflow-x: hidden;
        padding: 20px;
    }*/

    .report-wrapper-container .reportsDetails ul, .report-wrapper-container .reportsDetails li {
        list-style: inherit;
    }

.p-20 {
    padding: 20px;
}

.report-popup-dropdown[aria-expanded="true"] .bi {
    /*transform: rotate(180deg);*/
}

.report-popup-dropdown .bi {
    line-height: 10px;
}

.modad-create-report {
    max-width: 570px;
}


.reportTitle, .tagViewTitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0.02em;
}

.divReportTitle, .divTagViewTitle {
    position: absolute;
    margin-left: 381px;
}

.autosave-report-text {
    padding-left: 30px;
    font-size: 14px;
    font-style: italic;
}

.codex-editor {
    z-index: 0;
}

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

.bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td {
    height: 20px;
    line-height: 20px;
    width: 20px;
    font-size: 12px;
    border: 1px solid #ddd;
}

.dropdown-subtitle {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #190041;
    padding: 5px 18px;
}

.checkGroupList {
    padding-left: 25px;
}

.reportCheckOption {
    position: absolute;
    top: 10px;
    z-index: 1;
    left: -5px;
}

.checkGroupList:hover {
    background-color: rgb(140 82 255 / 7%) !important;
}

.checkGroupList .rlist .dropdown-item:hover {
    background-color: transparent !important;
}


.chk-opacity-0 {
    opacity: 0;
}

.chk-opacity-1 {
    opacity: 1;
}

input[type='checkbox'] {
    accent-color: #8C52FF;
}

@media (min-width: 651px) {
    .codex-editor--narrow .ce-toolbar__plus {
        left: -125px;
    }

    .codex-editor--narrow .ce-toolbar__actions {
        left: -85px;
        right: auto;
    }
}

.ce-toolbar__actions {
    top: 10px;
}

.ce-toolbar__actions-buttons {
    text-align: right;
    margin-right: 0;
}

.cdx-warning::before {
    margin-top: 3px !important;
}

.ce-block__content, .ce-toolbar__content {
    max-width: 650px;
}

.ce-settings {
    right: auto;
    min-width: 50px;
}

.cdx-list-settings {
    display: flex;
    flex-direction: column;
}

    .cdx-list-settings .cdx-settings-button {
        width: 100% !important;
    }

.ce-settings__default-zone:not(:empty) {
    display: flex;
    flex-direction: column;
}

.ce-settings__button {
    width: 100%;
}

.ce-toolbar .ce-toolbox, .ce-toolbar__plus {
    transform: translateY(0%);
}

.unselectable {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.highlight-mengshou-wrap {
    background: #EEEEEF !important;
    cursor: auto;
}
/* .highlight-mengshou-wrap:after {
    content: '';
    position: absolute;
    background: #ECECEC;
    left: 0px;
    top: -3px;
    bottom: 0px;
    width: 100%;
    height: 130%;
    z-index: -1;
} */
.truncate100 {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subpara {
    display: none;
}

.hasDatePicker input {
    height: 28px !important;
}

/*.moreOption-dropdown.show {
    opacity: 1 !important;
}*/
#transcriptblk {
    display: flex;
}

.newcomment {
    /*display: grid;
    grid-template-columns: 1fr 1fr;*/
    flex-wrap: wrap;
    display: flex;
    max-width: 100px;
}

.modal-open {
    padding-right: 0px !important;
}


#divInvitees .form-group.inl-box:last-child .row:last-child .custom-value-div .value-dropdown {
    bottom: 40px;
}

#divInvitees .form-group.inl-box:last-child .row:last-child .custom-value-div .bi-chevron-down::before {
    transform: rotate(180deg);
}

#divInvitees .form-group.inl-box:last-child .row:last-child .custom-value-div .value-inout-control.member-control .bi-chevron-down::before {
    transform: rotate(180deg);
}

#divInvitees .form-group.inl-box:last-child .row:last-child .custom-value-div .value-inout-control.member-control.collapsed .bi-chevron-down::before {
    transform: rotate(0deg);
}

.jks647 {
    max-width: 70%;
}

.dvTcTag {
    /*   display: grid !important;
    grid-template-columns: 1fr 1fr;*/
    gap: 3px;
    display: flex !important;
    justify-content: start;
    max-width: 160px;
}

.newTagDiv {
    position: relative;
    top: 0;
    /*width: 30%;*/
    width: 250px;
    margin-left: 30px;
}

.newCommentDiv {
    position: relative;
    top: 0;
    /*width: 30%;*/
    width: 20px;
    margin-left: 100px;
}

.tags-badge {
    background: #d9d9d9;
}

.newCreateProjectWrapper .empty-title {
    font-family: Nunito Sans;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #424144;
}

.newCreateProjectWrapper .empty-subtitle {
    font-family: Nunito Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #424144;
    opacity: 0.60;
}

.newCreateProjectWrapper .createBtn {
    height: 36px;
    padding: 5px 28px;
}

.k-grid-norecords-template {
    width: 100% !important;
}

.model-body-scroll {
    height: calc(100vh - 88px);
    overflow-y: auto;
}

.model-body-scroll {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    /*scrollbar-width: none;*/ /* Firefox */
}

    .model-body-scroll::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: none;
    }

    .model-body-scroll:hover::-webkit-scrollbar {
        background: #F5F5F5;
    }

    .model-body-scroll::-webkit-scrollbar-thumb {
        background: none;
        border-radius: 20px;
    }

    .model-body-scroll:hover::-webkit-scrollbar-thumb {
        background: #7A66F0;
    }

.chat-list-border {
    border-bottom: 1px solid rgb(0 0 0 / 6%);
    padding: 20px 16px;
}

.chat-main-item {
    display: flex;
    align-items: self-start;
    margin-bottom: 10px;
}

.chat-main-titlename {
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    color: var(--primary);
}

.chat-main-datetime {
    font-size: 11px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0.02em;
    color: var(--primary);
    opacity: 0.5;
}

.commentmain-user-img {
    min-width: 46px;
    min-height: 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin-right: 10px;
}

.chatmain-comment {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: var(--primary);
    opacity: 0.6;
    display: block;
    word-break: break-all;
    max-width: 100%;
    /*    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;*/
}

.see-all-link {
    font-family: Nunito Sans;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: var(--sub-primary);
    display: inline-flex;
    justify-content: end;
    align-items: center;
    width: 100%;
}

.see-all-arrow-bg {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: inline-flex;
    background: rgb(140 82 255 / 10%);
    color: var(--sub-primary);
    align-items: center;
    justify-content: center;
}

.dropdown-menu .add-tag-btn {
    font-size: 14px;
    color: rgb(25 0 65 / 30%);
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    margin: 0 13px;
}

    .dropdown-menu .add-tag-btn:hover {
        box-shadow: 0px 2px 2px 0px #00000040;
    }

.dropdown-menu .tag-item {
    min-height: 38px;
    box-shadow: 0px 2px 2px 0px #00000040;
    background: #ffffff;
    border-radius: 3px;
    padding: 7px 8px 6px 8px;
    margin: 0px 13px 10px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    /* position: relative; */
    width: auto;
    border: 1px solid #F7F9FC;
}

#divNewComment {
    padding: 20px 16px;
}

.backToMainComment {
    margin-right: 10px;
}

.header-subscripton {
    margin-top: 20px;
    margin-right: 5px;
}

.content-subscripton {
    border-radius: 20px;
}

.subscription-text {
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.subscription-text-color {
    color: var(--sub-primary);
    font-weight: bold;
}

.divsubscription {
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
}

.divsubscriptiontext {
    margin-top: 30px;
    margin-bottom: 20px;
}

.subscription-image {
    margin-top: 10px;
}

.dropdown-menu .add-associate-tag-btn {
    font-size: 14px !important;
    color: rgb(25 0 65 / 30%) !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 10px !important;
    margin: 0 13px !important;
    background: none !important;
}

    .dropdown-menu .add-associate-tag-btn:hover {
        box-shadow: 0px 2px 2px 0px #00000040 !important;
    }

.QuillTranscript .jks647 {
    max-width: 100%;
}

.enable-tag-wrapper {
    padding-bottom: 10px;
    font-size: 12px;
    color: #190041;
    font-weight: 600;
    line-height: 24px;
}

    .enable-tag-wrapper .custom-switch .custom-control-label::after {
        left: calc(100% + 10px);
        background-color: #D9D9D9;
        top: 7px;
    }

    .enable-tag-wrapper .custom-switch .custom-control-label::before {
        right: -2.25rem;
        left: auto;
        top: 5px;
        background: rgb(217 217 217 / 40%);
        border: none;
    }

    .enable-tag-wrapper .custom-switch {
        text-align: right;
        padding-right: 2.25rem;
        padding-left: 0;
    }

        .enable-tag-wrapper .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
            transform: translateX(0.5rem);
        }

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

    .enable-tag-wrapper .custom-control-input:checked ~ .custom-control-label::after {
        left: calc(100% + 14px);
    }

.scroting-wrapper {
    width: 56px;
    height: 23.44px;
    border-radius: 4px;
    border: 1px solid #EBEBEB80;
    ackground: #f5f5f5;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    opacity: 0;
}

    .scroting-wrapper:before {
        content: '';
        position: absolute;
        left: 50%;
        height: 100%;
        width: 1px;
        background: #EBEBEB80;
    }

.arrow-updown {
    color: #DCDCDC;
}

.tag-block:hover .scroting-wrapper {
    opacity: 1;
}

.text-truncate-tagline {
    max-width: 130px;
}

.clear-text {
    content: 'Clear';
}

.clear-text {
    content: 'Clear';
}

.btnClearHighlight {
    border-radius: 4px;
    background: #FAFAFA;
    border: 1px solid #0000001A;
    padding: 6px;
    width: 80px;
    display: block;
    cursor: pointer;
}

.color-box-highlight .color-square {
    width: 24px;
    height: 24px;
    background: #666;
    border-radius: 4px;
}

.colorSquare1 {
    background: #B6AFFF !important;
}

.colorSquare2 {
    background: #FFED94 !important;
}

.colorSquare3 {
    background: #CEE2F2 !important;
}

.colorSquare4 {
    background: #85DDB8 !important;
}

.colorSquare5 {
    background: #90D0FC !important;
}

.colorSquare6 {
    background: #F88DA7 !important;
}

.right-wrapper-container.dvTranscript.d-none + .right-wrapper-container.dvQuillTranscript [class^="colorSquare"] {
    background: transparent !important;
}

.scroting-wrapper {
    width: 56px;
    height: 23.44px;
    border-radius: 4px;
    border: 1px solid #EBEBEB80;
    background: #f5f5f5;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    display: none;
}

    .scroting-wrapper:before {
        content: '';
        position: absolute;
        left: 50%;
        height: 100%;
        width: 1px;
        background: #EBEBEB80;
    }

.enable-tag .tag-block:hover .scroting-wrapper {
    display: flex;
}

.arrow-updown {
    color: #DCDCDC;
}

.scroting-wrapper.scroting-tag-item {
    display: none !important;
}

.enable-tag .tag-block .tag-item:hover .scroting-wrapper.scroting-tag-item {
    display: flex !important;
}

.text-truncate-tagline {
    max-width: 130px;
}

.enable-tag-wrapper {
    padding-bottom: 10px;
    font-size: 12px;
    color: #190041;
    font-weight: 600;
    line-height: 24px;
}

    .enable-tag-wrapper .custom-switch .custom-control-label::after {
        left: calc(100% + 10px);
        background-color: #D9D9D9;
        top: 7px;
    }

    .enable-tag-wrapper .custom-switch .custom-control-label::before {
        right: -2.25rem;
        left: auto;
        top: 5px;
        background: rgb(217 217 217 / 40%);
        border: none;
    }

    .enable-tag-wrapper .custom-switch {
        text-align: right;
        padding-right: 2.25rem;
        padding-left: 0;
    }

        .enable-tag-wrapper .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
            transform: translateX(0.5rem);
        }

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

    .enable-tag-wrapper .custom-control-input:checked ~ .custom-control-label::after {
        left: calc(100% + 14px);
    }


.file-view-type {
    font-size: 18px;
    padding: 8px;
    border-radius: 4px;
    min-width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings-warpper .nav.nav-pills {
    position: relative;
}

    .settings-warpper .nav.nav-pills:after {
        content: '';
        position: absolute;
        border-bottom: 2px solid rgb(0 0 0 / 10%);
        left: 0;
        right: 0;
        bottom: 0;
    }

.settings-warpper .nav-pills .nav-link {
    border-radius: 0rem;
    font-size: 18px;
    font-weight: 600;
    color: #8B7F9F;
}

.settings-warpper .nav-pills .nav-link {
    margin: 0 20px;
}

    .settings-warpper .nav-pills .nav-link:first-child {
        margin-left: 0;
    }

    .settings-warpper .nav-pills .nav-link.active, .settings-warpper .nav-pills .show > .nav-link {
        color: #8C52FE;
        background-color: transparent;
        border-bottom: 2px solid #8C52FE;
        font-weight: 700;
    }

.profile-wrapper {
    margin-top: 60px;
}

.field-mandatory {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 10px;
    color: #FF3131;
}

.field-icon {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 12px;
    color: #190041;
}

    .field-icon svg {
        fill: #190041;
    }

.setting-collapse-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #000000;
}

.profile-wrapper .setting-collapse-btn:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
    display: inline-block;
}

.profile-upload-wrapper {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#ProfilePictureFile {
    display: none;
}

.preview {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: rgb(255, 255, 255);
}

    .preview img {
        width: 104px;
        height: 104px;
        object-fit: cover;
        border-radius: 15px;
    }

.profile-upload-wrapper label.file-input-label {
    font-weight: 600;
    cursor: pointer;
}

.file-view-type {
    font-size: 18px;
    padding: 8px;
    border-radius: 4px;
    min-width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings-warpper .nav.nav-pills {
    position: relative;
}

    .settings-warpper .nav.nav-pills:after {
        content: '';
        position: absolute;
        border-bottom: 2px solid rgb(0 0 0 / 10%);
        left: 0;
        right: 0;
        bottom: 0;
    }

.settings-warpper .nav-pills .nav-link {
    border-radius: 0rem;
    font-size: 18px;
    font-weight: 600;
    color: #8B7F9F;
}

.settings-warpper .nav-pills .nav-link {
    margin: 0 20px;
}

    .settings-warpper .nav-pills .nav-link:first-child {
        margin-left: 0;
    }

    .settings-warpper .nav-pills .nav-link.active, .settings-warpper .nav-pills .show > .nav-link {
        color: #8C52FE;
        background-color: transparent;
        border-bottom: 2px solid #8C52FE;
        font-weight: 700;
    }

.profile-wrapper {
    margin-top: 50px;
}

.field-mandatory {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 10px;
    color: #FF3131;
}

.field-icon {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 12px;
    color: #190041;
}

    .field-icon svg {
        fill: #190041;
    }

.setting-collapse-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #000000;
}

.profile-wrapper .setting-collapse-btn:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
    display: inline-block;
}

.profile-upload-wrapper {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#ProfilePictureFile {
    display: none;
}

.preview {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: rgb(255, 255, 255);
}

    .preview img {
        width: 104px;
        height: 104px;
        object-fit: cover;
        border-radius: 15px;
    }

.profile-upload-wrapper label.file-input-label {
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    border-radius: 8px;
    padding: 5px 10px;
    background-color: #8C52FE;
    margin-bottom: 0;
}


.profile-upload-wrapper .profile-remove-btn {
    border: 2px solid rgb(0 0 0 / 10%);
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: 16px;
    margin-left: 5px;
}

.profile-upload-wrapper .upload-info-label {
    color: #8B7F9F;
}

.share-member-list .shared-invitees img {
    width: 36px;
    height: 36px;
    border-radius: 2px;
}

.share-member-list .shared-invitees {
    width: 36px;
    height: 36px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
}

.rounded-circle {
    border-radius: 50% !important;
}

.three-bounce {
    text-align: center;
    font-size: 26px;
    position: relative;
    top: -26px;
    width: 80px;
    margin-right: 30px;
}

    .three-bounce > div {
        display: inline-block;
        width: 18px;
        height: 18px;
        border-radius: 100%;
        background-color: #ffbd59;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
        animation: bouncedelay 1.4s infinite ease-in-out both;
    }

    .three-bounce .one {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
        background-color: #8c52ff;
    }

    .three-bounce .two {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
        background-color: #000;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}


/* ======= 14-05-2023 notification ======= */
.notification-wrapper {
}

    .notification-wrapper .select-deselect-wrapper {
        display: flex;
        align-items: center;
        gap: 15px;
        margin: 20px 0;
    }

.select-link-text {
    border-bottom: 1.5px solid #8C52FF;
    color: #8C52FF;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.01em;
}

    .select-link-text:hover {
        color: #8C52FF;
    }

.deselect-link-text {
    border-bottom: 1.5px solid #190041;
    color: #190041;
    opacity: 0.50;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.01em;
}

    .deselect-link-text:hover {
        color: #190041;
    }

.center-line {
    background: #E4E7EB;
    height: 30px;
    width: 2px;
}

.notification-option-wrapper .notification-option-list {
    border: 1px solid #E4E7EB;
    background: #8C52FF0F;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 20px;
}

    .notification-option-wrapper .notification-option-list .notification-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.notification-option-wrapper .notification-icon-badge {
    width: 36px;
    height: 36px;
    background: rgb(140 82 255 / 10%);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-option-wrapper .notification-icon-badge {
    color: var(--sub-primary);
}

.notification-option-wrapper .enable-tag-wrapper .custom-switch .custom-control-label::before {
    background: #BEBEBE;
}

.notification-option-wrapper .enable-tag-wrapper .custom-switch .custom-control-label::after {
    background-color: #fff;
}

.notification-option-wrapper .enable-tag-wrapper .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--sub-primary);
    background-color: var(--sub-primary);
}


.notification-head-dropdown .notification-dropdown {
    width: 410px;
    border: 1.5px solid #00000014;
    border-radius: 8px;
    padding-bottom: 0;
}

.notification-head-dropdown .notifications-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #141414;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 16px 20px;
}

    .notification-head-dropdown .notifications-header .badge-primary {
        min-width: 24px;
        height: 24px;
        font-size: 13px;
        font-weight: 500;
        line-height: 19px;
        text-align: center;
        border-radius: 50px;
        background: #8C52FF;
    }

.notification-head-dropdown .notification-dropdown .notifications-scroll {
    max-height: 500px;
    overflow: auto;
}


.notifications-scroll::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
    border-radius: 12px;
}

.notifications-scroll:hover::-webkit-scrollbar {
    background: #F5F5F5;
}

.notifications-scroll::-webkit-scrollbar-thumb {
    background: none;
    border-radius: 20px;
}

.notifications-scroll:hover::-webkit-scrollbar-thumb {
    background: #7A66F0;
}


.notification-head-dropdown .notifications-tab-view {
    padding: 0 20px 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

    .notification-head-dropdown .notifications-tab-view:after {
        content: '';
        position: absolute;
        border-bottom: 2px solid rgb(0 0 0 / 10%);
        left: 0;
        right: 0;
        bottom: 0;
    }

    .notification-head-dropdown .notifications-tab-view .nav-pills .nav-link.active, .notification-head-dropdown .notifications-tab-view .nav-pills .show > .nav-link {
        color: #8C52FE;
        background-color: transparent;
        border-bottom: 2px solid #8C52FE;
        font-weight: 700;
    }

    .notification-head-dropdown .notifications-tab-view .nav-pills .nav-link {
        border-radius: 0rem;
        font-size: 12px;
        font-weight: 600;
        color: #8B7F9F;
    }

.mark-link {
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    color: #8C52FF;
}

.notifications-dropdown-list {
    padding: 24px 10px;
    background: #ffffff;
    border-bottom: 1px solid #DCDEE4;
}

    .notifications-dropdown-list.unread {
        background: #F9F6FF;
    }

    .notifications-dropdown-list:last-child {
        border-bottom: 0;
        border-radius: 0 0 8px 8px;
    }

    .notifications-dropdown-list .notifications-dropdown-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

        .notifications-dropdown-list .notifications-dropdown-item .user-info-icon {
            display: flex;
            align-items: flex-start;
            gap: 3px;
        }

            .notifications-dropdown-list .notifications-dropdown-item .user-info-icon .new-notifications-badge {
                min-width: 10px;
                min-height: 10px;
                background: #8C52FF;
                border-radius: 50px;
                display: inline-flex;
                margin-top: 12px;
                margin-left: 5px;
                margin-right: 10px;
            }

            .notifications-dropdown-list .notifications-dropdown-item .user-info-icon img {
                min-width: 32px;
                min-height: 32px;
                width: 32px;
                height: 32px;
                border: 1px solid #00000033;
                border-radius: 50px;
                object-fit: cover;
            }

        .notifications-dropdown-list .notifications-dropdown-item .notifications-content {
            font-size: 12px;
        }

            .notifications-dropdown-list .notifications-dropdown-item .notifications-content .notifications-comments {
                color: #696F8C;
                position: relative;
                padding-left: 10px;
                margin-top: 10px;
                margin-bottom: 10px;
            }

                .notifications-dropdown-list .notifications-dropdown-item .notifications-content .notifications-comments:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    height: 100%;
                    width: 2px;
                    background: #804CE5;
                }

.link-notifications-btn {
    color: #007bff;
}

.divgettranscript {
    margin-bottom: 35px;
    margin-right: 20px;
    margin-top: 20px;
    margin-left: 20px;
}

.divgettranscripttext {
    margin-top: 30px;
    margin-bottom: 30px;
}

.right-wrapper-container.dvTranscript.d-none + .right-wrapper-container.dvQuillTranscript [class^="colorSquare"] {
    background: transparent !important;
}

.transcript-btn {
    padding: 14px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.01em;
}

.m-btn {
    color: #D44F4F;
    background: #FFDCDC;
}

    .m-btn:hover {
        color: #D44F4F;
    }

.p-btn {
    color: #D48F4F;
    background: #FFEBB9;
    cursor: none;
}

.v-btn {
    color: #0E5A1A;
    background: #CEFFC6;
}

    .v-btn:hover {
        color: #0E5A1A;
    }

.introjs-button, .introjs-button:active, .introjs-button:focus {
    text-shadow: none;
    background: var(--sub-primary);
    border-color: var(--sub-primary);
    color: #ffffff !important;
    font: 14px / normal sans-serif;
    padding: 0.5em 0.75em;
}

    .introjs-button:hover:hover {
        background-color: #6a58d5;
        border-color: #6a58d5;
    }

.introjs-helperNumberLayer {
    display: none;
}

.introjs-tooltip {
    min-width: 300px;
    padding: 15px;
}

.introjs-button, .introjs-button:active, .introjs-button:focus {
    text-shadow: none;
    background: var(--sub-primary);
    border-color: var(--sub-primary);
    color: #ffffff !important;
    font: 14px / normal sans-serif;
    padding: 0.5em 0.75em;
}

    .introjs-button:hover:hover {
        background-color: #6a58d5;
        border-color: #6a58d5;
    }

.introjs-tooltip-header {
    display: flex;
    justify-content: space-between;
    padding-left: 18px;
    padding-right: 18px;
}

.introjs-helperNumberLayer {
    display: none;
}

.introjs-tooltip {
    min-width: 300px;
    max-width: 400px;
    padding: 0px;
}

.introjs-skipbutton {
    padding: 1px 10px;
    position: absolute;
    right: -3px;
    top: -2px;
    z-index: 1;
    opacity: 0;
}

.introjs-tooltip-header:after {
    content: '';
    position: absolute;
    visibility: visible;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    right: 10px;
    opacity: .5;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/></svg>");
}

a#takeTour {
    position: fixed;
    bottom: 75px;
    border-radius: 30px 8px 30px 30px;
    font-size: 14px;
    padding: 8px 14px 8px 14px;
    right: 30px;
    z-index: 1;
}

.introjs-tooltiptext {
    padding: 18px;
}

.btn-paymentMethod {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #7A5AF8;
    background: rgb(122 90 248 / 10%);
}

    .btn-paymentMethod:hover {
        color: #7A5AF8;
    }
/* ==== payment card ==== */


.payment-card-wrapper .payment-card {
    background: #F3F3F3;
    border-radius: 10px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    height: 100%;
}

    .payment-card-wrapper .payment-card.add-new-card {
        background: transparent;
        box-shadow: none;
        gap: 5px;
        text-align: center;
        justify-content: center;
        border: 2px dashed #999;
    }

.default-card {
    background-image: linear-gradient(to bottom right, #173359 10%, #2a587b 100%) !important;
    color: #fff;
}

.payment-card-wrapper .payment-card.default-card .card-user-info, .payment-card-wrapper .payment-card.default-card .exp-info, .payment-card-wrapper .payment-card.default-card .card-logo, .payment-card-wrapper .payment-card.default-card .white-icon {
    color: #fff;
}

.payment-card-wrapper .payment-card .card-method {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.payment-card-wrapper .payment-card .card-logo {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.payment-card-wrapper .payment-card .card-logo-img {
    max-width: 100%;
    height: 30px;
}

.payment-card-wrapper .payment-card .card-user-info {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.payment-card-wrapper .payment-card .exp-info {
    font-size: 12px;
    color: #000000;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: end;
    font-weight: 700;
}

.discover_card {
    width: 100px !important;
}

.seeAllBtn, .seeLessBtn {
    background: #fff;
    font-size: 14px;
    color: var(--sub-primary);
    font-weight: 700;
    position: relative;
    width: 100%;
    height: 50px;
    border-top: 1px solid #DCDEE4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.hidden-notification {
    display: none;
}

.error {
    color: red;
}

#divInfo {
    position: absolute;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
}

.truncate130 {
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w210px {
    width: 210px;
}

.pDiv {
    border: 1px solid #0000001A !important;
    border-radius: 6px;
    padding-left: 10px;
    margin-left: -10px;
}

/*.pDiv:after {
    content: '';
    position: absolute;
    left: -10px;
    right: 0px;
    top: -5px;
    bottom: -5px;
    border: 1px solid #0000001A;
    border-radius: 6px;
    z-index: -1;
}*/
.undoRedoContainer {
    margin-bottom: 15px;
    justify-content: end;
}

.btn-outline-primary {
    background: #fff;
    border: 1px solid var(--sub-primary);
    color: var(--sub-primary);
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--sub-primary);
        border-color: var(--sub-primary);
    }

.inputwidthmachine:focus {
    border-bottom: 0 !important;
}

.backIndex {
    z-index: 1;
}

.pagination li.page-item .page-link {
    color: var(--primary);
}

.pagination .page-item.active .page-link {
    background: var(--sub-primary);
    border-color: var(--sub-primary);
    color: white;
}

/*File Stack CSS STart */

.fsp-modal {
    background: #fff
}

.fsp-modal__sidebar {
    background: #fff
}

.fsp-drop-area {
    background: #fff
}

.fsp-header {
    background: #fff
}

.fsp-picker__brand-container {
    display: none
}

.fsp-picker {
    background-color: transparent
}

.connect-zoom-btn {
    display: block;
    margin: 0 auto;
    background-color: #2e68fb;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

    .connect-zoom-btn:hover {
        background-color: darkblue;
    }

.connect-zoom-p {
    display: block;
    margin: 0 auto;
    padding: 10px 140px;
}

.fsp-modal {
    border-radius: 20px !important;
}

.fsp-modal__sidebar {
    border-radius: 20px 0 0 20px !important;
}

.fsp-modal__body {
    border-radius: 0 20px 20px 0 !important;
    background: #e2e2e2 !important;
}

.fsp-drop-area-container {
    background: #eeeeee;
}

.fsp-picker__brand-container {
    display: none !important;
}

@media screen and (min-width: 769px) {
    .fsp-modal {
        width: 650px !important;
        height: 500px !important;
        background-color: transparent !important;
    }
}

.fsp-select-labels--active {
    background-image: url(/images/icon-add-files-blue.svg) !important;
}

/*File Stack CSS End */

.timestrap-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.w150px {
    width: 150px;
}

/* ==== 18-06-2024 ==== */


.uploading-file-wrapper {
    background: #F7F3FF;
    border: 1px solid #0000001A;
    border-radius: 6px;
}

    .uploading-file-wrapper .uploading-file-header {
        border-bottom: 2px solid hsl(260deg 100% 66% / 7%);
        padding: 21px 29px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .uploading-file-wrapper .upload-add-btn {
        background: hsl(260deg 100% 66% / 10%);
        width: 77px;
        height: 42px;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        color: #8C52FF;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .uploading-file-wrapper .upload-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 34px;
        text-align: center;
        color: #190041;
    }

.uploading-content-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid hsl(260deg 100% 66% / 7%);
    padding: 24px 29px;
}

.uploading-file-wrapper .uploading-file-body {
    height: calc(100vh - 360px);
    overflow: auto;
}

.uploading-file-wrapper .uploading-file-footer {
    border-top: 2px solid hsl(260deg 100% 66% / 7%);
    height: 84px;
}

.uploading-file-wrapper .uploading-file-body .uploading-imagevideo {
    position: relative;
    /*font-size: 34px;
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 6px;
    background: hsl(260deg 100% 66% / 10%);*/
}

.uploading-imagevideo-overlay {
    background: rgb(0 0 0 / 50%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.uploading-file-wrapper .uploading-file-body .uploading-content-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.content-img {
    width: 65px;
    height: 65px;
    border-radius: 6px
}

.uploading-file-wrapper .uploading-file-body .uploading-content {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    color: #190041;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .uploading-file-wrapper .uploading-file-body .uploading-content .duration-details {
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        text-align: left;
        color: rgb(25 0 66 / 60%);
        display: flex;
        gap: 7px;
    }

.uploading-file-wrapper .uploading-file-body .uploading-list-close a {
    color: #19004180;
    font-size: 19px;
    display: inline-flex;
}


.uploading-list-close {
    display: flex;
    align-items: center;
    gap: 10px;
}

.truncate-390 {
    width: 390px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploading-file-body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: none;
}

.uploading-file-body:hover::-webkit-scrollbar {
    background: #F5F5F5;
}

.uploading-file-body::-webkit-scrollbar-thumb {
    background: none;
    border-radius: 20px;
}

.uploading-file-body:hover::-webkit-scrollbar-thumb {
    background: #7A66F0;
}


.editspeaker {
    cursor: pointer;
}

.lh-25 {
    line-height: 25px;
}
/*.trans-row{
    position:relative;
}*/
.jks647 {
    position: relative;
}

.editableParagraph {
    border: 1px solid #0000001A;
    padding: 2px 6px;
    border-radius: 5px;
}

.topGroupMenu {
    width: 270px;
}

    .topGroupMenu .topSubGroupMenu {
        width: 270px;
    }

.trans-row {
    border: 1px solid transparent;
    border-radius: 6px;
}


/* ==== Meta data Modal 14-05-2024 ==== */

.modal-meta .table thead th:first-child, .modal-meta .table td:first-child {
    padding-left: 30px !important;
    width: 202px;
    display: block;
}

.disabled {
    pointer-events: none;
    opacity: 0.30;
}

.modal-meta .table td {
    color: var(--primary) !important;
}

.meta-badge-box {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    text-align: center;
    padding: 1px 10px;
}

    .meta-badge-box:hover {
        background: #EFEBF6;
    }

        .meta-badge-box:hover a {
            color: rgb(25 0 65 / 30%);
        }

.meta-dropdown-box {
    padding: 5px 10px 10px 10px;
    width: 195px;
}

    .meta-dropdown-box .meta-dropdown-label {
        font-size: 10px;
        font-weight: 400;
        line-height: 13.5px;
        color: #393939;
        opacity: 0.50;
    }

.meta-option-link {
    padding: 2px 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16.2px;
    border-radius: 2px;
}

.meta-option-content {
}

    .meta-option-content .meta-option-list {
        padding: 3px 0;
    }

        .meta-option-content .meta-option-list .meta-option-item {
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 5px;
        }

.meta-item-action {
    position: absolute;
    right: 5px;
}

    .meta-item-action a i {
        color: rgb(126 100 160 / 50%);
    }

.meta-option-content .dropdown-submenu .dropdown-toggle::after {
    display: none;
}

.meta-option-colordropdown {
    padding: 9px;
    width: 92px;
    min-width: 92px;
}

.meta-input-group {
    margin-bottom: 8px;
}

    .meta-input-group .form-control {
        border: 1px solid #0000001A;
        border-radius: 6px;
        height: auto;
        font-size: 12px;
        padding: 2px 5px;
    }

.color-meta-toggle {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 8px;
}

.color-meta {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

.meta-hr {
    border-bottom: 0.5px solid #83878A80
}

.meta-btn-link {
    font-size: 10px;
    font-weight: 600;
    line-height: 13.5px;
    color: #8C52FF;
}

.modal-meta .table tbody {
    overflow: auto;
    max-height: calc(100vh - 300px);
    /*display: block;*/
    padding: 0;
}

/*.modal-meta thead, .modal-meta tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;*/ /* even columns width , fix width of table too*/
/*}*/

.meta-badge-other {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    text-align: center;
    padding: 1px 5px;
    font-weight: 600;
}

    .meta-badge-other a {
        color: #7E64A0;
    }

.new-field-submenu {
    background: #F1EEEE80;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.meta-new-gap {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}

.new-meta-dropdown {
    width: 220px;
}

.meta-option-inputformat {
    width: 90px;
}

.closeMetaData {
    position: absolute;
    right: 5px;
    top: 3px;
    cursor: pointer;
}

.info-metadata-box {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    width: 178px;
    border-radius: 6px;
    padding: 15px 17px;
    color: #000;
    position: absolute;
    margin-top: 5px;
    opacity: 0;
    transition: 0.5s all;
}

.tag-view-info-wrapper:hover .info-metadata-box {
    opacity: 1;
}

.info-metadata-box .info-list-ul li {
    margin-bottom: 10px;
    margin-top: 0;
}

.info-metadata-box .info-list-ul li {
    font-weight: 600;
}

    .info-metadata-box .info-list-ul li:last-child {
        margin-bottom: 0;
    }

.metadata-pl-4 {
    padding-left: 2rem;
}

.metaColor1 {
    background: #f7a8ae;
}

.metaColor2 {
    background: #a9d16c;
}

.metaColor3 {
    background: #92caf9;
}

.metaColor4 {
    background: #f1d4a7;
}

.metaColor5 {
    background: #a981fa82;
}

.metaColor6 {
    background: #f9c4c8;
}

.metaColor7 {
    background: #d8c9f5;
}

.metaColor8 {
    background: #c7c3c3;
}

.metaColor9 {
    background: #bae2ef;
}

.metaColor10 {
    background: #cbcaca99;
}

.metaColor11 {
    background: #ffbd59db;
}

.metaColor12 {
    background: #e8dffbe0;
}
/* ==== first colunm fixed  */
.modal-meta table th, table td {
    white-space: nowrap;
}

.modal-meta table tr th:first-child, .modal-meta table td:first-child {
    z-index: 10;
    background: #fff;
    position: sticky;
    left: 0;
}

.modal-meta table tr th:first-child {
    z-index: 11;
}

.modal-meta table tr th {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
    width: 200px;
    min-width: 200px;
}

/*.modal-meta table tr th, .modal-meta table tr td {
    width: 150px;
}
*/
.newParent.pDiv .colorSquare1, .newParent.pDiv .colorSquare2, .newParent.pDiv .colorSquare3, .newParent.pDiv .colorSquare4, .newParent.pDiv .colorSquare5, .newParent.pDiv .colorSquare6 {
    background: transparent !important;
}

.login-menu-wrapper .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0;
    border-radius: 10px;
    border: none;
    background-color: #FFFFFF;
    box-shadow: 5px 15px 44px 0 rgba(190, 196, 213, 0.5);
}

.login-menu-wrapper:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
}

.notifications-comments {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-height:800px) {
    .allNotificationlist {
        max-height: calc(100vh - 328px);
        overflow: hidden;
    }
}

.meta-option-inputformat {
    width: 160px;
    position: absolute;
    left: calc(100% + 2px);
    background: #fff;
    bottom: -25px;
    border-radius: 4px;
    display: none;
}

a.meta-sub-option {
    padding: 10px 18px;
    font-weight: 600;
    color: var(--primary);
    font-size: 14px;
    display: flex;
    align-items: center;
    line-height: 1.5;
    margin-bottom: 4px;
}

.meta-option-inputformat li:hover {
    background-color: #F1EEEE80;
}

.close-icon-overlay {
    position: absolute;
    right: 6px;
    top: -1px;
}

div#inputBox {
    display: inline-flex;
    position: relative;
    align-items: center;
}

.NonText {
    padding-right: 4px !important;
}

.meta-option-link {
    padding-right: 20px;
}

.modal-meta .table td:first-child, .modal-meta .table th:first-child {
    display: table-cell;
}

.meta-option-content .meta-option-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: none;
}

.meta-option-content .meta-option-list:hover::-webkit-scrollbar {
    background: #F5F5F5;
}

.meta-option-content .meta-option-list::-webkit-scrollbar-thumb {
    background: none;
    border-radius: 20px;
}

.meta-option-content .meta-option-list:hover::-webkit-scrollbar-thumb {
    background: #7A66F0;
}

/*.modal-meta table {
    min-height: 500px;
    display: block;
    max-height: 500px;
}*/

.modal-meta table::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: none;
}

.modal-meta table:hover::-webkit-scrollbar {
    background: #F5F5F5;
}

.modal-meta table::-webkit-scrollbar-thumb {
    background: none;
    border-radius: 20px;
}

.modal-meta table:hover::-webkit-scrollbar-thumb {
    background: #7A66F0;
}

.truncate125 {
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meta-menu-wrapper .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0;
    border-radius: 10px;
    border: none;
    background-color: #FFFFFF;
    box-shadow: 5px 15px 44px 0 rgba(190, 196, 213, 0.5);
}

.meta-menu-wrapper:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
}

.lnkDeleteTag {
    font-size: 12px;
    color: #fff;
}

.color5 .lnkDeleteTag, .color6 .lnkDeleteTag, .color8 .lnkDeleteTag, .color11 .lnkDeleteTag, .color12 .lnkDeleteTag, .color13 .lnkDeleteTag, .color14 .lnkDeleteTag, .color16 .lnkDeleteTag, .color17 .lnkDeleteTag, .color24 .lnkDeleteTag, .color25 .lnkDeleteTag, .color26 .lnkDeleteTag, .color32 .lnkDeleteTag, .color38 .lnkDeleteTag {
    color: var(--primary);
}

.dvTag.tags-badge.null .lnkDeleteTag {
    color: var(--primary);
}

.indent-border {
    border-bottom: 1px solid rgb(25 0 65 / 0.10);
    /* padding-bottom: 20px;*/
}

    .indent-border:last-child {
        border-bottom: 0;
    }

.transcript-Viewby {
    width: 210px;
    top: 15px !important;
}

.color-box-highlight {
    min-width: 100px;
    max-width: 100px;
    /*display: flex;*/
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}

    .color-box-highlight.show {
        display: flex !important;
    }

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

.filter-group-item.tag-spacing {
    display: flex;
    width: 90px;
    justify-content: space-between;
}

.metadataOpt {
    left: 220px !important;
}

.recording-metadata-dropdown.dropright .dropdown-toggle::after {
    display: none;
}

.clsStrike {
    text-decoration: line-through;
}

.recoding-section .recording-list .info-toggle-box.moreInfoToggle {
    min-width: 300px;
    left: 86% !important;
    transform: translateY(-67%);
}

.reportsDetails {
    background: white;
    height: calc(100vh - 335px);
    overflow: auto;
    overflow-x: hidden;
    padding: 20px;
}

.dvSearchFile {
    background: white;
    height: calc(100vh - 335px);
    overflow: auto;
    overflow-x: hidden;
}

.modal-meta .table-responsive {
    min-height: 500px;
    max-height: 500px;
    overflow: auto;
}

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

.dropdown-menu[aria-labelledby="iDropdown"] {
    border: solid 1px rgb(0, 0, 0, .15);
    border-radius: 5px;
}

.btn-edit-order {
    background: rgb(140 82 255 / 10%);
    border-radius: 8px;
    color: #8C52FF;
    padding: 11px 28px;
    font-size: 16px;
    font-weight: 700;
}

.modal-open {
    overflow: hidden;
}

.options-single-block {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0.01em;
    color: #8C52FF;
    border-radius: 4px;
    background: rgb(140 82 255 / 20%);
    padding: 4px 12px;
}

.options-multi-block {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
    gap: 6px;
}

.truncate110 {
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixed-Metadatawidth {
    width: 170px;
}

.link-color {
    color: var(--sub-primary);
}

.link-options {
    border: 1px solid #D9D9D9;
    background: #F7F7F7;
    border-radius: 6px;
}

.link-options-ul {
    padding: 14px 0;
}

    .link-options-ul .link-options-list .link-options-link {
        padding: 8px 30px;
        margin: 8px 0;
        display: block;
        font-weight: bold;
    }

        .link-options-ul .link-options-list .link-options-link:hover {
            background-color: rgb(140 82 255 / 7%);
        }

.back-btn {
    background: hsl(260deg 100% 66% / 10%);
    width: 77px;
    height: 42px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #8C52FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.red-border {
    border: 1px solid red !important;
}

.info-toggle-box.dropdown-menu.show {
    display: block !important;
}

.readOnlyTranscript {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    border-radius: 6px;
    padding: 5px;
    background: #fffbc9;
    border: 1.5px solid #e3d419;
    z-index: 1076;
}
/* ==== OTP screen === */
.passcode-wrapper {
    display: flex;
    gap: 23px;
}

    .passcode-wrapper .form-control {
        text-align: center;
        width: 60px;
    }

.dropdown-recording .recording-thumbs .name-charcter {
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    line-height: 31px;
}

.fsp-notifications__container {
    position: absolute;
    top: 60px !important;
}

.highlight {
    background-color: #d7d1fa !important;
}

.z-index11 {
    z-index: 11111111111 !important;
}

.fileUploadOptionSize {
    height: 30px;
    width: 30px;
}

.reportRecording {
    max-height: 150px !important;
}

.matchwordcount {
    position: relative;
}

.mergedDropdown-inner {
    max-height: 200px !important;
}

.image-tool--withBorder .image-tool__image {
    border: 2px solid var(--border-color) !important;
}

.table-file-icon {
    font-size: 18px !important;
}

.btnNewRecording, .btnNewReport {
    font-size: 22px;
    padding: 8px;
    border-radius: 4px;
    min-width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.renameFileTextBox {
    border: none;
    background: #EEEEEF;
    width: 100%
}

.renameFile {
    width: 100%
}

.collapse-up-arrow {
    min-width: 18px;
    min-height: 18px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
    margin-right: 7px;
}

.filter-button-tag {
    background: #52525280;
    color: #ffffff;
}

    .filter-button-tag:hover {
        color: #ffffff;
    }

.tbl-completed {
    color: #048851;
}

.tbl-fail {
    color: #FF5106 !important;
}

.tbl-uploaded {
    color: #5422B8 !important;
}

.opacity75 {
    opacity: 0.75;
}

.filter-thead-dropdown {
    position: static !important;
    display: inline-block;
}

.overlay-table .k-grid-header-wrap {
    overflow: visible;
}

.custom-checkbox-dropdown {
    padding: 10px;
    font-size: 14px;
}

    .custom-checkbox-dropdown .form-check-label {
        width: 100%;
    }

    .custom-checkbox-dropdown .form-check {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

.bg-form {
    background: #F3EEFF7A;
    margin: 0 10px;
}

.filter-text-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 15px;
}

.filter-single-block {
    background: #E8DFFB80;
    gap: 5px;
    border-radius: 20px;
    color: #190041;
    font-size: 14px;
    display: flex;
    padding: 5px 10px;
}
/*li[data-range-key='Custom Range'] {
    display: none;
}*/
/*.project-detalis-mainpage {
    padding-left: 0;
    padding-right: 0;
}*/

    .project-detalis-mainpage ~ .daterangepicker td.active, .project-detalis-mainpage ~ .daterangepicker td.active:hover {
        background-color: var(--sub-primary) !important;
    }

    .project-detalis-mainpage ~ .daterangepicker .ranges li.active {
        background-color: var(--sub-primary) !important;
    }

    .project-detalis-mainpage ~ .daterangepicker td.active, .project-detalis-mainpage ~ .daterangepicker td.active:hover {
        background-color: var(--sub-primary) !important;
    }

    .project-detalis-mainpage ~ .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 0px solid #ddd !important;
    }

    .project-detalis-mainpage ~ .daterangepicker {
        padding: 10px;
        box-shadow: 3.61px 4.81px 14.43px 0px #00000040;
        border: 0 !important;
        margin-left: -20px
    }

        .project-detalis-mainpage ~ .daterangepicker .prev.available {
            position: absolute;
            right: 40px;
            top: 18px;
            min-width: 24px !important;
            width: 24px !important
        }

        .project-detalis-mainpage ~ .daterangepicker .next.available {
            width: 24px !important;
            min-width: 24px !important;
        }

        .project-detalis-mainpage ~ .daterangepicker th.available:hover {
            background-color: transparent !important;
            border-color: transparent;
            color: inherit;
        }

    .project-detalis-mainpage .k-grid-header th.k-header > .k-link {
        overflow: visible;
    }

.projectAudioDiv {
    background: #ffffff;
}
/*.project-detalis-mainpage .form-control.createdatepicker, .project-detalis-mainpage .form-control.duedatepicker {
    width: 20px !important;
    background: #fff;
}*/
/*.project-detalis-mainpage .hasSearchFile {
    width: 10px;
}*/
.project-detalis-mainpage .form-control.createdatepicker {
}

.projectAudioDiv .hasSearchFile {
    width: 0;
}

.breadcrumb-color {
    color: #948aa8;
}

.gap-1 {
    gap: 10px;
}

.dropdown-submenu .fileDropdownIcon.dropdown-toggle::after {
    display: none;
}

.gridFileInfo {
    right: 100% !important;
    width: 300px !important;
    transform: translateX(-303px) !important;
    padding: 29px;
}

    .gridFileInfo .infoClose {
        position: absolute;
        top: 0px;
        right: 0px;
        background-image: none;
        font-size: 20px;
        padding: 3px 4px;
        border: 0;
        cursor: pointer;
    }

.file-filter {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 15px;
    border-radius: 8px;
}

.fileDateFilter {
    /*max-width: 225px;*/
    margin-right: 15px;
    /*background-color: #E8DFFB80 !important;*/
    background: #F3EEFF !important;
    width: 230px;
}

.createdatepicker, .duedatepicker {
    background: #F3EEFF !important;
}
.info-dropdown-menu {
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

.aInfoBox {
    display: none;
    position: absolute;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    bottom: 0;
}

    .aInfoBox.show {
        display: block;
    }

.projectAudioDiv .k-grid-content {
    position: static !important;
}
.moreOption-dropdown .dropdownCustomBottom {
    bottom: -10px;
    top: auto !important;
}
/*.dropdownBottomBox {
    bottom: -10px;
    top: auto !important;
}*/

.newParent .seekplay {
    pointer-events: none;
    cursor: default;
}
.newParent {
    word-wrap: break-word;   
    overflow-wrap: break-word;
}

    .newParent span {
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }
.ce-block__content a {
    word-break: break-word; 
    overflow-wrap: break-word; 
    display: inline-block;
    white-space: normal; 
}
.ce-header {
margin-top:-20px !important;
}