@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/poppins/poppins-v19-latin-regular.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/poppins/poppins-v19-latin-regular.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/poppins/poppins-v19-latin-regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/poppins-v19-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/poppins-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/poppins-v19-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/poppins-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/poppins-v19-latin-regular.svg#Poppins') format('svg');
    /* Legacy iOS */
}
/* Works on Firefox */
    /* Works on Chrome, Edge, and Safari */
    * {
        scrollbar-color: auto !important;
    }

    *::-webkit-scrollbar {
        width: 7px !important;
        height: 7px !important;
    }

    *::-webkit-scrollbar-track {
        background: #ddd;
        margin: 0;
        padding: 0;
        border-radius: 5px !important;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #B9B9B9 !important;
        border-radius: 5px !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        background-clip: unset !important;
    }
html, body {
    height: 100%;
}
html,
body {
    /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: 'Poppins', sans-serif !important;
    background-color: #fff !important;
}

h1:focus {
    outline: none;
}

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

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred.";
    }

/*commons*/
.primary-color {
    color: #605bff !important;
}

.bg-color-grey {
    background-color: #F6F7FB !important;
}

.radius-5 {
    border-radius: 5px !important;
}

a {
    text-decoration: none;
    color: #605bff;
}

    a:hover {
        color: #605bff;
    }

.flex-auto {
    flex: auto;
}

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 35px;
    display: none;
    background-color: #605BFF;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .04);
    justify-content: center;
}

.more-info-ad {
    position: fixed !important;
    bottom: 20px;
    right: calc(50% - 56px);
}

.loading-wrapper {
    display: flex;
    flex: auto;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.ant-drawer-close {
    font-size: 20px;
}

.ant-btn > span {
    display: inline-flex;
}

.ant-btn-inline-block > span {
    display: inline-block;
}

.ant-btn-link {
    color: #605bff !important;
}

    .ant-btn-link:disabled {
        color: #B9B9B9 !important;
    }

.ant-pagination-item {
    border: none;
    font-weight: bold;
}

    .ant-pagination-item.ant-pagination-item-active {
        background: #F0F3FF;
        border: 1px solid #605BFF;
        border-radius: 5px;
    }

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
    border: none;
}

    .ant-pagination-prev .ant-pagination-item-link .anticon,
    .ant-pagination-next .ant-pagination-item-link .anticon {
        vertical-align: text-top;
    }

.ant-dropdown-menu {
    font-size: 12px;
    line-height: 18px;
    padding: 15px 0;
    max-height: 400px;
    overflow: auto;
}

    .ant-dropdown-menu .ant-dropdown-menu-item .ant-menu-title-content {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
    }

.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
    color: #605bff !important;
    /*background-color: rgba(96, 91, 255, 0.1) !important;*/
    background-color: transparent !important;
    font-weight: 800;
}

.ant-select-selection-search:not(.product-select .ant-select-selection-search) {
    left: 0 !important;
}

.ant-input-group-addon {
    border: none;
}

.ant-input-borderless,
.ant-input-affix-wrapper-borderless,
.ant-picker-borderless,
.rz-inputtext {
    padding-left: 0 !important;
    padding-right: 50 !important;
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:not(.product-select .ant-select-selector) {
    padding: 0;
    margin: 0 !important;
}

.product-select .ant-select-selector {
    background-color: #f7f7f8 !important;
}

.ant-checkbox-checked .ant-checkbox-inner {
    background-color: #605bff;
}

.ant-btn-primary {
    background-color: #605bff;
    border-color: #605bff;
}

.signup-steps .ant-btn-primary,
.signup-steps .ant-steps-item-icon,
.signup-steps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
    background-color: white;
    border-color: #605bff;
}

.signup-steps .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail {
    height: 2px;
}

    .signup-steps .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
        background-color: #605bff;
        border-color: #605bff;
        height: 2px;
    }

.signup-steps .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-description,
.signup-steps .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-subtitle,
.signup-steps .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-title {
    color: #A19DFF;
}

.signup-steps .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role=button]:hover .ant-steps-item-icon {
    color: #A19DFF;
    border-color: #A19DFF;
}

.signup-steps .ant-steps-item-title {
    position: relative;
    top: -60px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 600;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 4px;
    color: #605bff !important;
}

.signup-steps .ant-steps-item-wait .ant-steps-item-container {
    pointer-events: none;
}

.signup-steps .ant-steps-item-wait .ant-steps-item-title {
    color: #B9B9B9 !important;
}

.signup-steps .ant-steps-item-wait .ant-steps-item-icon {
    background-color: #F6F7FB;
    border-color: #F6F7FB;
}

    .signup-steps .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
        color: #B9B9B9;
        font-size: 11px;
        top: -3px;
    }

.signup-steps .ant-steps-item-process .ant-steps-item-title {
    color: #605bff !important;
}

.signup-steps .ant-steps-item-process .ant-steps-item-icon {
    background-color: #F6F7FB;
    border-color: #F6F7FB;
}

    .signup-steps .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
        color: #605bff !important;
        font-size: 11px;
        top: -3px;
    }

.signup-steps .ant-steps-item-finish .ant-steps-item-title {
    color: #605bff !important;
}

.signup-steps .ant-steps-item-finish .ant-steps-item-icon {
    background-color: #605bff;
    border-color: #605bff;
}

    .signup-steps .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
        color: white !important;
        font-weight: bold;
        vertical-align: text-top !important;
        top: -2px;
    }
    
.user-created-bullet {
    list-style-image: url(../icons/user-created.png);
}
 
    
.draggable-item {
    border: none;
    margin: 10px !important;
    background-color: white;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    flex-wrap: nowrap;
    padding-top: 10px;
    padding-bottom: 10px !important;
}
    
.meeting_category-name:first-letter {
    color: #605BFF !important;
    font-weight: bold;
}

.meeting_answers {
    margin-top: 30px;
}

.meeting_answer {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.meeting_answers-order {
    padding: 6px 5px;
    width: 30px;
}

.meeting_answers-input {
    height: 40px;
    border: solid 1px #dedede;
    border-radius: 4px;
    flex-grow: 1;
    padding: 5px 10px;
}

.meeting_buttons {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.preparation-steps .ant-checkbox-checked .ant-checkbox-inner,
.preparation-steps .ant-steps-item-icon,
.preparation-steps .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after,
.preparation-steps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
    background-color: #605bff;
    border-color: #605bff;
}

.preparation-steps .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-description,
.preparation-steps .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-subtitle,
.preparation-steps .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-title {
    color: #A19DFF;
}

.preparation-steps .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role=button]:hover .ant-steps-item-icon {
    color: #A19DFF;
    border-color: #A19DFF;
}

.preparation-steps .ant-steps-item-finish .ant-steps-item-icon {
    border-color: #605bff;
}

    .preparation-steps .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
        color: #605bff;
    }

        .preparation-steps .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon:hover {
            color: #A19DFF !important;
        }

.preparation-steps .ant-steps {
    width: fit-content;
    font-weight: bold;
}

    .preparation-steps .ant-steps .ant-steps-item {
        cursor: pointer;
    }

        .preparation-steps .ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
            padding-left: 6px;
            padding-right: 6px;
        }

        .preparation-steps .ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
            font-weight: bold;
            z-index: 1;
            position: relative;
        }

            .preparation-steps .ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon {
                top: -1px;
            }

        .preparation-steps .ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
            color: #605bff;
        }

        .preparation-steps .ant-steps .ant-steps-item.ant-steps-item-disabled {
            cursor: not-allowed;
        }

        .preparation-steps .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon {
            width: 12px;
            height: 12px;
            background-color: #605bff;
            margin-top: 6px;
            margin-left: 52px;
        }

            .preparation-steps .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
                display: none;
            }

        .preparation-steps .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-content {
            margin-top: 14px;
        }

            .preparation-steps .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title {
                color: #A29FF2;
            }

        .preparation-steps .ant-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon {
            width: 12px;
            height: 12px;
            background-color: #B9B9B9;
            border-color: #B9B9B9;
            margin-top: 6px;
            margin-left: 52px;
        }

            .preparation-steps .ant-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
                display: none;
            }

        .preparation-steps .ant-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-content {
            margin-top: 14px;
        }

            .preparation-steps .ant-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-content .ant-steps-item-title {
                color: #B9B9B9;
            }

.ant-table-cell:not(.table-flowbite-like .ant-table-cell),
.ant-table-thead > tr > th:not(.table-flowbite-like th),
.ant-table-tbody > tr > td:not(.table-flowbite-like td) {
    border: none !important;
}

    .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
        content: none !important;
    }

.ant-table-thead tr > th {
    font-weight: 800;
    background-color: #f6f7fb;
}

.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
    padding: 5px 24px;
}

.ant-input-prefix {
    color: #B9B9B9;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 5px;
}

.ant-input-affix-wrapper > input.ant-input {
    padding-left: 10px !important;
}

.ant-input-affix-wrapper,
.ant-input-affix-wrapper:hover,
.ant-input-affix-wrapper :focus {
    border-radius: 5px;
    /*margin: 20px 0;*/
}

    .ant-input-affix-wrapper .ant-input-prefix,
    .ant-input-affix-wrapper:hover .ant-input-prefix,
    .ant-input-affix-wrapper :focus .ant-input-prefix {
        padding: 10px;
        font-size: 16px;
        color: #777;
    }

.ant-modal-title {
    font-weight: 800;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: #1E193E;
}

.ant-modal-header {
    border-bottom: none;
    padding: 40px 40px 0 40px;
}

.ant-modal-footer {
    border: none;
    padding: 0;
}

.ant-modal-body {
    padding: 40px;
}

.modal-addedit-attendee .ant-modal-body {
    padding-top: 0 !important;
}

.ant-select-arrow {
    right: 0;
}

.ant-btn.choose-file {
    background-color: #F6F7FB;
    border: none;
    border-radius: 5px;
    color: #B9B9B9;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}
/*.ant-btn-primary {
    background-color: @primary-color;
    border:none;

    &:hover, &:focus{
        background-color: @primary-highlighted;
    }
}*/
.custom-button,
.custom-button-primary {
    min-width: 135px;
    min-height: 40px;
    border-radius: 5px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    letter-spacing: 0.01em !important;
}

.custom-button-primary-flex {
    min-width: unset !important;
}

.onboarding-popup {
    display: none;
    position: absolute;
    width: fit-content;
    z-index: 1000;
}

.onboarding-popup-content {
    border-radius: 5px;
    border: 1px solid lightgray;
    background-color: white;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    max-width: 320px;
    width: 100%;
    z-index: 1000;
}

.popup-arrow-top-left::after {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    margin-top: -20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent lightgray transparent;
}

.popup-arrow-top-right::after {
    content: "";
    position: absolute;
    top: 0;
    right: 16px;
    margin-top: -20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent lightgray transparent;
}

.meeting-objective-hover-hook-edit {
    opacity: 0;
    transition: opacity 0.3s;
}

.meeting-objective-hover-hook:hover .meeting-objective-hover-hook-edit {
    opacity: 1 !important;
}

.calendar-switch-custom .ant-switch {
    min-width: 100px !important;
}

.calendar-switch-custom .ant-switch-inner {
    padding-right: 50px
}

.d-block {
    display: block !important;
}

/* issue 2954 - Pages\GeneralDashboard\GeneralDashboardGlobalAdmin.razor */
@media screen and (width <= 600px) {
    .deals-created-chart {
        min-width: 220px;
    }

    .contacts-created-chart {
        min-width: 220px;
    }
    .contacts-created-chart-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    .flex-dir-600px {
        flex-direction: column;
    }

        .flex-dir-600px .extra {
            margin-left: unset !important;
        }
}

@media screen and (width <= 480px) {
    .ant-popover-inner-content div {
        width: 300px !important;
    }
}

@media screen and (width <= 350px) {
    .ant-popover-inner-content div {
        width: 280px !important;
    }
}

@media screen and (width > 600px) {
    .deals-created-chart {
        min-width: 290px;
    }

    .contacts-created-chart {
        min-width: 360px;
    }

    .contacts-created-chart-content {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    }
}

/* 2969 -> 2970 & 2971 */
/*  */
.ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
    box-shadow: none;
}

.custom-button {
    border-color: #605bff !important;
    color: #605bff !important;
    /*text-transform: uppercase;*/
    /*    &:hover {
        color: @primary-highlighted !important;
        border-color: @primary-highlighted !important;
    }*/
}

.custom-button-primary {
    border: none !important;
    color: #FFFFFF !important;
}

    .custom-button-primary:disabled {
        background-color: #DEDEDE !important;
    }

    .custom-button-primary:hover {
        color: #FFFFFF !important;
    }

    .custom-button-primary:hover,
    .custom-button-primary:focus {
        background-color: #A19DFF;
        border-color: #A19DFF;
    }

.custom-form-item label,
.custom-form-label {
    font-weight: 800;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #1E193E;
}

    .custom-form-item label::before {
        display: none !important;
    }

.custom-form-item .ant-form-item-control-input-content {
    border-bottom: 1px solid #B9B9B9 !important;
}

.custom-form-item.no-border-form-item .ant-form-item-control-input-content {
    border-bottom: none !important;
}

.custom-form-item .rz-inputtext {
    border: none !important;
    box-shadow: none !important;
}

.custom-form-item .ant-radio-button-wrapper {
    border: none !important;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.01em;
}

    .custom-form-item .ant-radio-button-wrapper span {
        color: #727272 !important;
    }

.custom-form-item .ant-radio-button-wrapper-checked span {
    color: #605bff !important;
}

.icon-button-primary {
    background-color: #605bff;
    border: none;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
}

    .icon-button-primary:hover,
    .icon-button-primary:focus {
        background-color: #A19DFF;
    }

    .icon-button-primary span {
        font-size: 11px;
    }

.custom-table {
    font-size: 14px;
    line-height: 18px;
    word-break: break-word;
}

    .custom-table td {
        vertical-align: top;
        padding: 10px 0;
    }

    .custom-table tr > td:first-child {
        padding: 10px 20px 10px 0px;
        font-weight: 800;
        color: #1E193E;
        white-space: nowrap;
    }

.number-circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
    margin-right: 1px;
    text-align: center;
    width: 20px;
}

.menu-icon {
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

.menu-icon-cancel {
    width: 18px;
    height: 18px;
    margin-left: -2px;
    margin-right: 6px;
}

.modal-button {
    font-size: 13px;
    text-transform: uppercase;
    min-height: 60px !important;
    min-width: 150px;
}

.custom-modal-footer {
    display: flex;
    padding-top: 20px;
    justify-content: center;
}

    .custom-modal-footer button {
        margin-left: 10px;
        margin-right: 10px;
    }

.custom-modal-footer-button {
    display: flex;
    padding-top: 20px;
    justify-content: start;
}

.custom-tag.ant-tag {
    border-color: #F6F7FB;
    background-color: #F6F7FB;
    color: #B9B9B9;
    border-radius: 5px;
    margin: 0 5px 5px 0;
}

    .custom-tag.ant-tag a {
        color: #B9B9B9;
    }

    .custom-tag.ant-tag img {
        height: 12px;
        margin: 0px 2px 2px 0px;
    }

    .custom-tag.ant-tag .anticon {
        vertical-align: middle;
    }
/*login*/
.identity-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    background-image: url(/images/identity-bg.png);
    background-size: cover;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-position: bottom;
}

.identity-header {
    display: flex;
    /*height: 20vh;*/
    align-items: center;
    justify-content: center;
}

.identity-form-wrapper {
    background: #FFFFFF;
    min-width: 300px;
    max-width: 100%;
    min-height: 455px;
    display: flex;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
}

    .identity-form-wrapper span.ant-input-password {
        background: none;
    }

        .identity-form-wrapper span.ant-input-password input {
            padding-left: 0 !important;
        }

.identity-form-content {
    padding: 40px;
    flex: auto;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}

.identity-title {
    font-weight: 800;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #1E193E;
    padding: 30px 0;
}

.identity-button {
    min-height: 60px !important;
    font-size: 16px !important;
    width: 100%;
    text-transform: uppercase;
    line-height: 24px !important;
}

.identity-link {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #1E193E;
    text-decoration: none;
    text-align: center;
    display: block;
}
/*layout*/
.main-layout {
    display: flex;
    flex: auto;
    /*flex-direction: column;*/
    min-height: 0;
    max-width: 100%;
}

.extra {
    margin-right: 5px;
    margin-left: auto;
    display: flex;
    align-items: center;
    text-align: end;
    justify-content: flex-end;
}
/*menu*/
.main-menu-collapsed {
    flex: 0 0 10px;
    max-width: 100px;
    min-width: 70px;
    width: 100px;
    padding: 5px;
}

    .main-menu-collapsed .menu-tab-item span {
        display: none;
    }

    .menu-sub-title {
        font-size: 16px;
        font-weight: 600;
    }

    .menu-sub-title img {
        width: 20px;
    }

.main-menu-collapsed {
    padding-bottom: 10px;
}

@media (width < 480px) {
    .main-menu-mobile {
        max-width: 100% !important;
        width: 100%;
    }
    .main-menu-inner {
        max-width: 100% !important;
        width: 100%;
    }
    
    .hide-480px {
        display: none !important;
    }
    
    .font-18px-480px {
        font-size: 18px;
    }
    .discussion-points-header-children3 {
        justify-content: space-between !important;
    }
}

@media (width > 641px) {
    .main-menu-inner {
        max-width: 300px !important;
        width: unset;
    }
}



.main-menu-mobile {
    position: fixed;
    top: 51px; /* header height + 1px border */
    left: 0;
    z-index: 100;
    max-width: 300px;
    box-shadow: 10px 0 8px -8px rgba(0, 0, 0, 0.15);
    height: 100%;
}

.ant-menu.ant-menu-inline-collapsed li div span span {
    display: none;
}

.menu-button {
    padding-top: 14px;
    margin-left: 13px;
    cursor: pointer;
    background-color: #FFFFFF;
}

.menu-tab-item {
    cursor: pointer;
    /*margin: 10px 0px;*/
    color: #A5A5A5;
    font-size: 16px;
    border-radius: 5px;
    display: block !important;
}

    .menu-tab-item.active span,
    .menu-tab-item:hover {
        font-weight: 800;
    }

        .menu-tab-item.active img,
        .menu-tab-item:hover img {
            filter: invert(35%) sepia(36%) saturate(5500%) hue-rotate(215deg) brightness(99%) contrast(150%);
        }

    .menu-tab-item span {
        margin-left: 22px;
        /*transition: all 0.5s;*/
    }

.menu-tab-item-disabled {
    color: #DEDEDE !important;
    pointer-events: none;
}

    .menu-tab-item-disabled img {
        filter: invert(77%) sepia(29%) saturate(39%) hue-rotate(356deg) brightness(150%) contrast(100%);
    }

.menu-footer {
    margin-top: auto;
}

.ant-menu.ant-menu-root.ant-menu-light.ant-menu-vertical {
    padding: 0 10px 0 4px;
}

.ant-menu.ant-menu-root.ant-menu-light.ant-menu-vertical {
    padding: 0 10px 0 4px;
}

.menu-sub-title img {
    margin-right: 15px;
}

.menu-sub-title span {
    margin-left: 10px;
}

.ant-menu-item {
    text-overflow:inherit !important;
}

.ant-menu.ant-menu-sub.ant-menu-light.ant-menu-inline li span {
    width: 27px;
}

.ant-menu-submenu-selected div span img {
    filter: invert(35%) sepia(36%) saturate(5500%) hue-rotate(215deg) brightness(99%) contrast(150%);
}

.ant-menu-submenu-selected div i {
    color: #605bff;
}

.ant-menu-light .ant-menu-submenu-title:hover span img {
    filter: invert(35%) sepia(36%) saturate(5500%) hue-rotate(215deg) brightness(99%) contrast(150%);
}
/*body*/
/*header*/
.main-body {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
}

.main-header {
    /*padding-left: 15px;*/
    background-color: white;
    border-bottom: 1px solid lightgray;
    /*min-width: 830px;*/
}

.main-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
}

.header-extra-item:last-child {
    padding-left: 10px;
    padding-right: 20px;
}

    .header-extra-item:last-child .profile-chevron-icon {
        transform: rotate(180deg);
        height: 20px;
    }

.profile-info {
    text-align: right;
}

.tab-header {
    display: flex;
    align-items: center;
    margin: 0 20px;
}

    .tab-header > div {
        flex: 1;
    }

.tab-header-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: #1E193E;
    padding: 15px 30px;
}

span.anticon-plus,
span.anticon-minus {
    color: #605bff;
}

button.btn-plus-circle,
button.btn-plus-circle:not([disabled]):hover,
button.btn-plus-circle:not([disabled]):focus,
button.btn-plus-circle:not([disabled]):active {
    width: 20px;
    height: 20px;
    min-width: 20px;
    color: #fff;
    background-color: #605BFF;
    border: 2px solid #605BFF;
}

    button.btn-plus-circle span.anticon-plus,
    button.btn-plus-circle:not([disabled]):hover span.anticon-plus,
    button.btn-plus-circle:not([disabled]):focus span.anticon-plus,
    button.btn-plus-circle:not([disabled]):active span.anticon-plus {
        color: white;
        margin: -2px;
        font-size: 14px;
    }

    button.btn-plus-circle[disabled],
    button.btn-plus-circle[disabled]:hover,
    button.btn-plus-circle[disabled]:focus,
    button.btn-plus-circle[disabled]:active {
        background-color: #d9d9d9;
    }

button.btn-answer,
button.btn-answer:not([disabled]):hover,
button.btn-answer:not([disabled]):focus,
button.btn-answer:not([disabled]):active {
    border-radius: 5px;
    text-transform: uppercase;
    min-width: unset;
    height: 34px;
    font-weight: normal;
    background-color: #F6F7FB;
}

button.btn-list {
    width: 32px;
    height: 32px;
    min-width: 32px;
    color: #605BFF;
}

    button.btn-list span.anticon {
        font-size: 22px;
    }
/*custom-time-picker*/
.custom-time-picker {
    display: flex;
}

    .custom-time-picker input.custom-time-picker-input {
        width: 100%;
        padding: 4px 0;
        outline: none !important;
        border: none;
    }

        .custom-time-picker input.custom-time-picker-input[disabled] {
            background: unset !important;
            color: #B9B9B9 !important;
        }

    .custom-time-picker button {
        border: none;
        background: none;
    }

        .custom-time-picker button.custom-time-picker-button {
            padding: 1px 1px 1px 6px;
            color: #605bff;
        }

ul.custom-time-picker-items {
    max-height: 250px !important;
    height: 245px !important;
}

    ul.custom-time-picker-items li.ant-dropdown-menu-item:hover,
    ul.custom-time-picker-items li.ant-dropdown-menu-item-selected:hover {
        background-color: #f5f5f5 !important;
    }

    ul.custom-time-picker-items li.ant-dropdown-menu-item span,
    ul.custom-time-picker-items li.ant-dropdown-menu-item-selected span {
        font-size: 14px !important;
        color: rgba(0, 0, 0, 0.85) !important;
        font-weight: normal;
    }

    ul.custom-time-picker-items li.ant-dropdown-menu-item.time-item-muted span,
    ul.custom-time-picker-items li.ant-dropdown-menu-item-selected.time-item-muted span {
        font-size: 12px !important;
        color: #B9B9B9 !important;
        font-weight: normal;
    }
/*content*/
.main-content {
    display: flex;
    flex-direction: column;
}

.content-sections {
    flex: auto;
}

.ant-select-force-text-left .ant-select-selection-item {
    text-align: left !important;
}

.content-panel-wrapper,
.meeting-panel-wrapper {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 15px 20px rgba(30, 25, 62, 0.05);
    margin: 20px;
}

.meeting-notes-responsive-page .panel-content {
    min-height: unset !important;
}

.panel-content:not(.meeting-notes.panel-content, .meeting-notes-responsive-page.panel-content) {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    overflow: hidden;
    min-height: calc(100vh - 51px);
}

.meeting-preparation-flag .panel-content {
    min-height: unset !important;
}

.panel-header,
.meeting-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .panel-header .panel-header-title,
    .meeting-header .panel-header-title {
        padding: 0;
        font-weight: 700;
        font-size: 24px;
        line-height: 35px;
        color: #1E193E;
        padding: 20px;
        white-space: nowrap;
        padding-left: 0;
    }

.page-header {
    padding: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #1E193E;
    padding: 20px;
    white-space: nowrap;
}

.panel-body {
    /*display:flex;*/
}

.panel-body-large {
    padding: 10px;
}

.panel-footer {
    display: flex;
    justify-content: end;
}

    .panel-footer .ant-btn {
        border: none;
        box-shadow: none;
    }

        .panel-footer .ant-btn .anticon {
            font-size: 24px;
            color: #605BFF;
        }

.custom-select {
    border-bottom: 1px solid #B9B9B9;
}

.custom-select > .custom-select {
    border-bottom: none;
}
    .custom-select .ant-select-arrow {
        color: #605BFF;
        font-size: 16px;
    }

    .custom-select .ant-select-selector {
        padding-left: 0;
        padding-right: 0;
    }

        .custom-select .ant-select-selector .custom-select .ant-select-selector .ant-select-selection-search {
            left: 0;
        }

    .custom-select .ant-select-arrow {
        right: 6px;
    }
/*sider*/
.sider-right,
.sider {
    flex: 0 0 auto;
    /*max-width: 300px;*/
    min-width: 300px;
    /*width: 300px;*/
}

    .sider-right > div {
        margin-left: 0;
    }

.sider-header-title {
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
    line-height: 27px;
    color: #1E193E;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    padding: 0;
}

.sider-item-wrapper {
    background: #FFFFFF;
    border: 2px solid rgba(114, 114, 114, 0.1);
    box-sizing: border-box;
    border-radius: 30px;
    margin: 10px 0;
}

.sider-item {
    padding: 10px;
    display: flex;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #1E193E;
    align-items: center;
}

.sider-item-content {
    padding: 10px;
}
/*dashboard*/
.dropdown-link {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    color: #605bff;
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
}

    .dropdown-link span {
        font-size: 20px;
        margin-left: 10px;
    }

.meeting-panel-wrapper {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    margin: 10px;
    font-size: 12px;
}

.meeting-content {
    color: #727272;
    flex: auto;
}

.meeting-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1E193E;
    margin-right: 25px;
}

.meeting-subtitle,
.meeting-info {
    color: #727272;
}

.meeting-info {
    padding-top: 10px;
}

.meeting-icon {
    font-size: 10px;
    color: #605BFF;
    display: inline-flex;
    margin-right: 8px;
}

.meeting-list table tbody tr td {
    border-bottom: 1px solid #eee !important;
}

.task-list table tbody tr td {
    border-bottom: 1px solid #eee !important;
}
.task-list.ant-table.ant-table-has-scrollbar-width > tr {
    vertical-align: top !important;
}
/*preparation*/
.preparation-steps {
    margin-top: 6px;
}

    .preparation-steps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after,
    .preparation-steps .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
        background-color: #B9B9B9;
    }

.preparation-question {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid rgba(114, 114, 114, 0.1);
    font-size: 13px;
    cursor: pointer;
}

    .preparation-question .extra {
        font-size: 15px;
        color: #605BFF;
    }

    .preparation-question:hover {
        background-color: #dad9ff;
    }

.preparation-question-title {
    font-weight: 800;
    color: #605BFF;
}

.dd-template li.ant-dropdown-menu-item {
    padding: 0;
}

    .dd-template li.ant-dropdown-menu-item:hover {
        background-color: unset;
    }
/*modal dialog*/
.modal-dlg .ant-modal {
    padding-bottom: 0;
}

.modal-dlg .ant-modal-content {
    border-radius: 5px;
}

    .modal-dlg .ant-modal-content .ant-modal-close-x {
        font-size: 20px;
        width: 50px;
        height: 36px;
        line-height: 40px;
    }

.modal-dlg .ant-modal-header {
    padding: 0;
    border: none;
    border-radius: 5px 5px 0 0;
}

    .modal-dlg .ant-modal-header .ant-modal-title {
        font-size: 18px;
        font-weight: 700;
        padding: 40px 40px 0 40px;
    }

.modal-dlg .ant-modal-body {
    /*padding: 0 40px;*/
    /*.ant-input-affix-wrapper {
            background-color: #efefef;
            border-radius: 5px;*/
    /*margin: 20px 0;*/
    /*.ant-input-prefix {
                padding: 10px;
                font-size: 16px;
                color: #777;
            }
        }*/
}

    .modal-dlg .ant-modal-body .ant-select {
        border-bottom: 1px solid #B9B9B9;
    }

        .modal-dlg .ant-modal-body .ant-select .ant-select-arrow {
            color: #605BFF !important;
            font-size: 16px !important;
        }

        .modal-dlg .ant-modal-body .ant-select .ant-select-selector {
            padding-left: 0;
            padding-right: 0;
        }

            .modal-dlg .ant-modal-body .ant-select .ant-select-selector .ant-select-selection-search {
                left: 0;
            }

        .modal-dlg .ant-modal-body .ant-select .ant-select-arrow {
            right: 9px;
        }

.meeting-list.ant-table.ant-table-has-scrollbar-width>tr{
    vertical-align: top !important;
}

.modal-dlg .ant-modal-body .ant-table .ant-table-tbody > tr > td {
    border-bottom: 1px solid #DEDEDE;
}

.modal-dlg .ant-modal-footer {
    padding: 40px;
    border: none;
    text-align: center;
}

    .modal-dlg .ant-modal-footer .ant-btn {
        width: 150px;
        height: 60px;
        border-radius: 5px;
        font-weight: bold;
    }
/*END modal dialog*/
.modal-text-small {
    font-size: 12px !important;
}

.modal-text-highlighted {
    color: #605bff !important;
}
/*meeting-notes*/
.meeting-side-item {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(114, 114, 114, 0.1);
    font-size: 13px;
    line-height: 20px;
    margin-right: 30px;
}


    .meeting-drawer {
        width: 70% !important;
    }

.meeting-drawer .ant-drawer-header {
    padding: 30px 50px;
    border: none;
}

.meeting-drawer .ant-drawer-title {
    font-weight: 800;
    font-size: 22px;
    line-height: 16px;
}

.meeting-drawer .scratchpadList {
    height: 100% !important;
}

.scratchpad .btn-add-scratch {
    padding: 0;
    height: 42px;
    margin-left: 10px;
}

.scratchpad .scratchpadList {
    height: 160px;
    overflow: auto;
    margin-right: -30px;
}

.modal-dlg .scratchpad .btn-add-scratch {
    padding: 10px;
    background-color: blue;
    height: 42px;
    width: 42px;
    margin-left: 5px;
    border-radius: 5px;
}

    .modal-dlg .scratchpad .btn-add-scratch[disabled] {
        background-color: white;
    }

.rz-html-editor .rz-html-editor-toolbar {
    border-radius: 5px 5px 0 0;
    border-bottom: none;
}
    .rz-html-editor.scratchpad-height {
        outline: none;
    }

    .rz-html-editor .rz-html-editor-toolbar button {
        border-radius: 5px;
        margin: 0;
        color: #B9B9B9;
    }

        .rz-html-editor .rz-html-editor-toolbar button.rz-selected {
            background-color: #F6F7FB;
        }

.rz-html-editor .rz-html-editor-content {
    border-radius: 0 0 5px 5px;
}

.rz-html-editor.meeting-answer-editor {
    position: relative;
}

    .rz-html-editor.meeting-answer-editor .rz-html-editor-content {
        padding-right: 40px;
    }

    .rz-html-editor.meeting-answer-editor .rz-html-editor-toolbar .btn-add-scratch {
        padding: 0 7px;
        position: absolute;
        top: 5px;
        right: 0;
    }

    .rz-html-editor.meeting-answer-editor .rz-html-editor-toolbar .btn-add-answer {
        padding: 0 7px;
        position: absolute;
        right: 0;
        bottom: 0px;
    }

.ant-upload {
    display: block !important;
}

.meeting-answer-wrapper {
    border: 1px solid #B9B9B9;
    border-radius: 5px;
    width: 70%;
}

.meeting-answer-content {
    padding: 10px;
    padding-bottom: 0;
    font-size: 12px;
    /*min-height: 80px;*/
}

.meeting-answer-row {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

    .meeting-answer-row .meeting-answer-time {
        color: #B9B9B9;
        font-size: 12px;
        float: right;
        margin-right: 11px;
        margin-top: 5px;
    }

.qa-already-answered {
    animation: fade 2s forwards;
    background-color: #f2f5a9;
}

.discussion-point-question {
    background-color: lavender;
}

.discussion-point {
    background-color: lavender;
}

@keyframes fade {
    from {
        background-color: rgba(255, 141, 30, 0.3);
    }

    to {
        background-color: rgba(255, 141, 30, 0);
    }
}

.custom-question {
    /*flex:1;
    margin: 8px 0;*/
    width: 100%;
}

    .custom-question input {
        font-weight: 700;
        font-size: 18px;
        white-space: nowrap;
        line-height: 27px;
        background-color: #F6F7FB !important;
        color: unset;
        padding: 10px !important;
        border-radius: 5px;
    }

.summary-tab-title {
    font-weight: 800;
    font-size: 18px;
    line-height: 16px;
    color: rgba(114, 114, 114, 0.5);
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
}

    .summary-tab-title:hover {
        color: #A19DFF;
    }

.summary-tab-title-active {
    color: #605bff;
    border-bottom: 2px solid #605bff;
}

.chb-group label.ant-checkbox-wrapper {
    margin: 0;
    padding: 14px 0;
    width: 100%;
}

.chb-group .with-divider label.ant-checkbox-wrapper {
    border-bottom: 1px solid #F6F7FB;
}

.mdp-select-btn {
    display: inline-block;
    padding: 0 !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 2px;
    border: 1px solid #B9B9B9;
}

.mdp-selected {
    background-color: #605bff !important;
    border: 1px solid #605bff;
}

.meeting-notes {
    margin: 0 20px !important;
}

    .meeting-notes .fears-tempts .ant-tabs-nav {
        margin-bottom: 6px;
    }

        .meeting-notes .fears-tempts .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
            font-size: 14px;
            font-weight: bold;
            color: #B9B9B9;
        }

        .meeting-notes .fears-tempts .ant-tabs-nav:before {
            border: none;
        }

    .meeting-notes .fears-tempts .ant-space-item {
        margin-bottom: 0 !important;
    }

        .meeting-notes .fears-tempts .ant-space-item .questionlist-table {
            height: 146px !important;
        }

    .meeting-notes .fears-tempts .ant-table td:first-child {
        color: #605bff;
        font-weight: bold;
    }

    .meeting-notes .fears-tempts .ant-table .ant-table-cell {
        padding-top: 8px;
        padding-bottom: 4px;
    }

.tabs-questions.rz-tabview ul.rz-tabview-nav li {
    border: none;
    background: none;
}

    .tabs-questions.rz-tabview ul.rz-tabview-nav li a {
        padding-left: 0;
    }

.tabs-questions.rz-tabview ul.rz-tabview-nav li a > span {
    color: #B9B9B9;
}

    .tabs-questions.rz-tabview ul.rz-tabview-nav li .ant-badge {
        margin-left: 5px;
    }

        .tabs-questions.rz-tabview ul.rz-tabview-nav li .ant-badge sup {
            background-color: #B9B9B9 !important;
            color: #fff;
        }

    .tabs-questions.rz-tabview ul.rz-tabview-nav li.rz-tabview-selected a > span {
        color: #605bff;
        border-bottom: 2px solid #605bff;
        padding-bottom: 10px;
    }

    .tabs-questions.rz-tabview ul.rz-tabview-nav li.rz-tabview-selected .ant-badge sup {
        background-color: #605bff !important;
    }

.tabs-questions.rz-tabview .rz-tabview-panels {
    border: none;
}

    .tabs-questions.rz-tabview .rz-tabview-panels .rz-tabview-panel {
        padding: 0;
    }

        .tabs-questions.rz-tabview .rz-tabview-panels .rz-tabview-panel .tree-questions .ant-table-cell {
            padding-left: 0;
        }

.fears-tempts .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
    font-size: 18px;
    font-weight: bold;
    color: #B9B9B9;
}

.fears-tempts .ant-tabs-nav:before {
    border: none;
}

.fears-tempts .ant-table td:first-child {
    color: #605bff;
    font-weight: bold;
}
/* Transcript Upload*/
.transcript-upload-container input[type="file" i] {
    opacity: 0;
}

.transcript-upload-button {
    display: block;
    margin: 2rem auto 0;
    text-align: center;
}

.transcript-input-hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.transcript-upload-container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fafafa;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    transition: border-color 0.3s;
}

    .transcript-upload-container:hover {
        cursor: pointer;
        border-color: blue;
    }

.transcript-upload-icon {
    color: #40a9ff;
    font-size: 48px;
}

.transcript-upload-text {
    margin: 0 0 4px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
}

.transcript-uploaded-file-container {
    margin-top: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    width: 50%;
    padding: 10px;
    transition: background-color 0.3s;
}

    .transcript-uploaded-file-container:hover {
        background-color: #f0f0f0;
        border: 1px solid #605bff;
    }

.transcript-uploaded-left {
    display: flex;
    align-items: center;
}

.transcript-uploaded-left-icon {
    margin-right: 10px;
}

.transcript-uploaded-right-icon {
    display: none;
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.transcript-uploaded-file-container:hover .transcript-uploaded-right-icon {
    display: block;
}
/* Deals Modal*/
.deals-selector-color > .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    background: #f7f7f8;
    padding-left: 8px !important;
}

.deals-form-label {
    margin-bottom: 6px;
    font-weight: bold;
    color: black;
    letter-spacing: 0.01em;
}

.deals-form-item {
    margin-bottom: 8px;
    color: black;
}

.deal-modal-edit-icon {
    cursor: pointer;
    transition: color 0.3s;
}

    .deal-modal-edit-icon:hover {
        filter: invert(35%) sepia(36%) saturate(5500%) hue-rotate(215deg) brightness(99%) contrast(150%);
    }

.deal-modal-image-disabled:hover {
    cursor: not-allowed;
}

.currency-amount-input .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select .ant-select-selector .ant-select-selection-item {
    padding-left: 8px;
}

.currency-amount-input .ant-select-selector {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.currency-amount-input .ant-input-number {
    border-left: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.deal-modal-cancel-button {
    border-width: 1px;
    height: 40px;
}

    .deal-modal-cancel-button:hover {
        background-color: rgba(255, 0, 0, 0.1);
    }

.deal-modal-another-button {
    border-width: 2px;
    border-color: #afadff;
    color: #6e6aff;
    height: 40px;
}

    .deal-modal-another-button:hover {
        background-color: rgba(0, 0, 255, 0.1);
    }

.deals-selector-color .ant-select-selector {
    background-color: #f7f7f8 !important;
}

.deals-contacts-select .ant-select-selection-item {
    border: 0.5px solid rgba(0, 0, 0, 0.15) !important;
    margin-left: 5px !important;
}
/* Deals Drag and Drop*/
.plk-dd-inprogess > * {
    pointer-events: none;
}

.plk-dd-spacing {
    height: 15px;
}

.plk-dd-spacing-dragged-over {
    padding: 25px;
}

.plk-dd-dragged-over {
    background-color: lightgray;
    opacity: 0.6;
    animation: blinker 1s linear infinite;
}

.plk-dd-in-transit {
    opacity: 1;
    backdrop-filter: invert(15%) sepia(10%) saturate(100%) hue-rotate(195deg) brightness(90%) contrast(90%);
}

    .plk-dd-in-transit > div {
        opacity: 0.3;
    }

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.blink_me {
    animation: blinker 1s linear infinite;
}

.deal-modal-dd-container-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.deal-modal-dd-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px 5px 10px;
    border: 1px solid #ccc;
    transition: background-color 0.3s;
}

    .deal-modal-dd-container:hover {
        background-color: #f0f0f0;
    }

        .deal-modal-dd-container:hover .deal-modal-delete-icon {
            display: flex;
            filter: invert(35%) sepia(36%) saturate(5500%) hue-rotate(215deg) brightness(99%) contrast(150%);
        }

.deal-modal-delete-icon {
    display: none;
    cursor: pointer;
    transition: color 0.3s;
}

.deal-modal-dd-name {
    margin-right: 10px;
}

.deal-modal-dd-lower-buttons {
    display: flex;
    justify-content: end;
}

.deal-modal-dd-main-container {
    text-align: center;
    background: #F7F7F8;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 30px 50px;
}

.presales-request p {
    font-size: 12px;
}

    .presales-request p h6 {
        font-size: 12px;
        font-weight: bold;
        color: #605bff;
    }

    .presales-request p .param-title {
        font-weight: bold;
        margin: 5px 5px 5px 0;
        display: inline-block;
    }

    .presales-request p .param-value {
        color: #B9B9B9;
        margin-right: 20px;
    }

    .presales-request p .chbgroup-wrapper .chb-wrapper {
        width: 230px;
        display: inline-block;
        margin: 5px 3px 5px 0;
    }

        .presales-request p .chbgroup-wrapper .chb-wrapper input[type=checkbox] {
            vertical-align: middle;
        }

        .presales-request p .chbgroup-wrapper .chb-wrapper label {
            font-size: 12px;
            padding-left: 5px;
            margin-right: 10px;
            line-height: 15px;
            width: 200px;
            vertical-align: middle;
        }

.presales-request .ant-form-item {
    margin-bottom: 10px;
}

    .presales-request .ant-form-item input {
        border-bottom: 1px solid #B9B9B9;
    }
/*DnD, reordering*/
.reordering-is-on {
    font-size: 12px;
    margin: 0 10px;
    font-weight: normal;
    color: #FF8D1E;
}

.reorderable-wrapper .ant-table-wrapper {
    overflow: hidden !important;
}

.reorderable-wrapper .reorderable.dnd-is-on .draggable-table .draggable-table__drag {
    position: absolute;
    width: 100%;
    border: 1px solid #fff;
    background-color: #B9B9B9;
    color: #fff;
    z-index: 10;
    cursor: grabbing;
    opacity: 1;
}

.reorderable-wrapper .reorderable.dnd-is-on .draggable-table thead th {
    user-select: none;
}

.reorderable-wrapper .reorderable.dnd-is-on .draggable-table tbody tr {
    cursor: grabbing;
}

    .reorderable-wrapper .reorderable.dnd-is-on .draggable-table tbody tr td {
        user-select: none;
        border-top: 1px solid red;
    }

    .reorderable-wrapper .reorderable.dnd-is-on .draggable-table tbody tr.is-dragging {
        background: #B9B9B9 !important;
    }

        .reorderable-wrapper .reorderable.dnd-is-on .draggable-table tbody tr.is-dragging td {
            color: #727272 !important;
        }
/*DnD, reordering END*/
.onboarding {
    display: flex;
    flex-direction: row;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

.onboarding-layout {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.onboarding-side {
    width: 70%;
    height: 100vh;
    background-color: #E4E9F7;
}

.signup-step-name-active {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 4px;
    color: #6560FF;
}

.signup-title {
    font-family: Poppins;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0px;
    text-align: center;
}

.signup-description-text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    text-align: center;
}

.signup-title-container {
    margin-bottom: 15px;
}

.signup-information-steps-container {
    display: flex;
    justify-content: center;
    margin-top: 5%;
}

.signup-terms-condition-warning {
    color: red;
    margin-left: 24px;
    font-size: 12px;
}

.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    margin-left: 0px;
}

.ant-steps {
    width: 10%;
}

.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot,
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
    background-color: #605bff;
}

.signup-information-steps-container .ant-steps-label-vertical .ant-steps-item-content {
    width: 0px;
}

.onboarding-terms-conditions {
    font-weight: 600;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 15%;
}

.signup-email-form-container {
    margin-top: 5%;
}

.ant-checkbox-group {
    display: flex;
    flex-direction: column;
}

.ant-checkbox-wrapper + .ant-checkbox-wrapper {
    margin-left: 0;
}

.ant-checkbox-wrapper {
    white-space: nowrap;
}

.checkbox-wrapper-wrapper {
    background-color: #F6F7FB;
    margin: 4px 0px;
    padding: 0px;
    border-radius: 5px;
}

    .checkbox-wrapper-wrapper .ant-checkbox-wrapper {
        font-size: 13px !important;
        font-weight: 400 !important;
        padding-left: 8px;
    }
@media (max-width: 1000px) {
    .checkbox-wrapper-wrapper .ant-checkbox-wrapper {
        font-size: 11px !important;
    }
}

        .checkbox-wrapper-wrapper .ant-checkbox-wrapper .ant-checkbox {
            display: none !important;
        }

    .checkbox-wrapper-wrapper.checkbox-wrapper-wrapper-checked {
        background-color: #605bff;
    }

        .checkbox-wrapper-wrapper.checkbox-wrapper-wrapper-checked .ant-checkbox-wrapper {
            color: white !important;
        }

        .checkbox-wrapper-wrapper.checkbox-wrapper-wrapper-checked img {
            filter: invert();
        }
    /*        .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
            background-color: transparent;
        }

        .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
            background-color: transparent;
        }
*/
    .signup-information-image {
        width: 373.5px;
        height: 233.5px;
        margin-bottom: 10%;
        margin-top: 10%;
        background-image: url("../images/signup-preparation.png");
    }

    .signup-information-notetaking-image {
        width: 421px;
        height: 230px;
        margin-bottom: 10%;
        margin-top: 10%;
        background: url("../images/signup-note-taking.png");
    }

    .signup-information-contract-image {
        width: 362px;
        height: 200px;
        margin-bottom: 10%;
        margin-top: 10%;
        background: url("../images/signup-contract.png");
    }

    .signup-information-forcast-image {
        width: 362px;
        height: 200px;
        margin-bottom: 10%;
        margin-top: 10%;
        background: url("../images/signup-forcast.png");
    }

    .signup-information-subheading-top {
        height: 21px;
        /* Default / Bold / Callout */
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 21px;
        /* identical to box height, or 131% */
        text-align: center;
        /* Blue Genie/500 */
        color: #6560FF;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .signup-information-heading-main {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        text-align: center;
        /* Blue Genie/800 */
        color: #28266C;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        margin-top: 5%;
    }

    .signup-information-subheading-bottom {
        margin-top: 5%;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        color: #28266C;
        flex: none;
        order: 2;
        flex-grow: 0;
    }

    .col-center-items {
        display: flex;
        justify-content: center;
    }
    /*div.ant-checkbox-group label.ant-checkbox-wrapper {
    font-size: 14px;
    align-items: center;
    margin: 0;
    width: 100px;
    padding: 0 15px;
    border: 1px solid rgb(217, 217, 217);
    border-right-width: 0;
}

    div.ant-checkbox-group label.ant-checkbox-wrapper span:first-child {
        display: none;
    }

    div.ant-checkbox-group label.ant-checkbox-wrapper span:last-child {
        padding: 0;
    }

div.ant-checkbox-group label.ant-checkbox-wrapper-checked {
    border: 1px solid #1890ff;
}

    div.ant-checkbox-group label.ant-checkbox-wrapper-checked + label.ant-checkbox-wrapper {
        border-left-width: 0;
    }

div.ant-checkbox-group label.ant-checkbox-wrapper:last-child {
    border-right-width: 1px;
}*/
    /* Deals */
    .deals-search .ant-input-search-icon {
        color: darkgrey;
    }

    .deals-search .ant-input-search {
        border-color: darkgrey !important;
    }

    .deals-search .ant-input-affix-wrapper-focused {
        border-color: darkgrey !important;
    }

    .main-header-search .ant-input-search-icon {
        color: darkgrey;
    }

    .main-header-search .ant-input-search {
        border-color: darkgrey !important;
    }

    .main-header-search .ant-input-affix-wrapper-focused {
        border-color: darkgrey !important;
    }

    .signup-teamsize .ant-form-item-label label {
        font-weight: 800;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: 0.01em;
        color: #1E193E;
    }

        .signup-teamsize .ant-form-item-label label::before {
            display: none !important;
        }

    .signup-teamsize .signup-teamsize-radio .ant-radio-button-wrapper {
        margin: 3px;
        border-color: #F6F7FB !important;
        background-color: #F6F7FB !important;
    }

        .signup-teamsize .signup-teamsize-radio .ant-radio-button-wrapper:not(:first-child)::before {
            background-color: transparent !important;
        }

        .signup-teamsize .signup-teamsize-radio .ant-radio-button-wrapper:hover {
            color: #605bff;
        }

    .signup-teamsize .signup-teamsize-radio .ant-radio-button-wrapper-checked {
        border-color: #605bff !important;
        background-color: #605bff !important;
    }

    .signup-teamsize .signup-teamsize-radio.no-border-form-item .ant-form-item-control-input-content {
        border-bottom: none !important;
    }

    .signup-information-container {
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .signup-information-steps {
        height: 20%;
        width: 70%;
        display: flex;
        justify-content: center;
    }

    .signup-information-steps-container {
        display: flex;
        justify-content: center;
    }

    .signup-header-logo {
        position: fixed;
        top: 80px;
        left: 56px;
        height: 30px;
    }

    .field-hint {
        color: #B9B9B9 !important;
        font-size: 12px !important;
    }

    .analytics .panel-title {
        color: #605bff;
        font-weight: 900;
    }

    .analytics .filters-button {
        color: #605bff;
        background-color: white;
        border-color: #605bff;
        height: 8px !important;
    }

        .analytics .filters-button:disabled {
            background-color: #DEDEDE !important;
        }

        .analytics .filters-button:hover {
            color: #FFFFFF !important;
        }

        .analytics .filters-button:hover,
        .analytics .filters-button:focus {
            background-color: #A19DFF;
            border-color: #A19DFF;
        }

    .analytics .progressitem-title::first-letter {
        font-weight: 900;
    }

    .white-area {
        background-color: white;
        border-radius: 10px;
    }

    .goal-step-badge {
        min-width: 54px;
        max-width: 54px;
        height: 24px;
        background-color: darkorange;
        border-radius: 15px;
        margin-right: 10px;
    }

    .goal-step-badge-text {
        font-size: 12px;
        font-weight: 700;
        margin: 3px 0 0 9px;
        color: white;
    }

    .goal-step-header {
        display: flex;
        flex-direction: row;
        /*padding: 15px 0 0 0px;*/
    }

    .goal-step-description {
        font-size: 16px;
        font-weight: 900;
    }

    .goal-step-input-label {
        font-size: 12px;
        font-weight: 800;
    }

    .selected-attendee-position {
        margin: 0 5px 0 0;
    }

    .all-contacts-rb {
        margin-top: 15px;
    }

        .all-contacts-rb .ant-tabs-tab-btn {
            font-size: 14px !important;
            font-weight: 500;
            color: black !important;
        }

        .all-contacts-rb .ant-tabs-tab-active {
            font-size: 14px !important;
            border-color: #D9D9D9 !important;
            border-bottom-color: transparent !important;
            color: black !important;
            font-weight: 800;
        }

    .force-scroll-ant-tabs {
        overflow-y: scroll;
        scrollbar-width: none;
        margin: 0 0 0 0 !important;
    }

    /*2981*/

    .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, 
    .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
        overflow: scroll !important;
        scrollbar-width: none;
    }

    .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, 
    .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
        display: none !important;
    }

    .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before, 
    .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, 
    .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after, 
    .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
        display: none !important;
    }

    .white-color-filter {
        filter: invert(87%) sepia(0%) saturate(7500%) hue-rotate(17deg) brightness(111%) contrast(112%);
    }

    .contacts-search .ant-input-search-icon {
        color: #D9D9D9;
    }

    .contacts-search {
        max-width: 400px;
        width: 100%;
    }

    .contacts-search .ant-input-search {
        border-color: #D9D9D9 !important;
        background-color: white;
    }

    .contacts-search .ant-input {
        background-color: white;
    }

    .contacts-search .ant-input-affix-wrapper-focused {
        border-color: #D9D9D9 !important;
    }

    .main-header-search .ant-input-search-icon {
        color: #D9D9D9;
    }

    .main-header-search .ant-input-search {
        border-color: #D9D9D9 !important;
        background-color: white;
    }

    .main-header-search .ant-input {
        background-color: white;
    }

    .main-header-search .ant-input-affix-wrapper-focused {
        border-color: #D9D9D9 !important;
    }

    .primary-color-filter {
        filter: invert(33%) sepia(99%) saturate(2798%) hue-rotate(231deg) brightness(102%) contrast(101%);
    }

    .contact-detail-search .ant-input-search-icon {
        color: #D9D9D9;
    }

    .contact-detail-search .ant-input-search {
        border-color: #D9D9D9 !important;
        background-color: white;
    }

    .contact-detail-search .ant-input {
        background-color: white;
    }

    .contact-detail-search .ant-input-affix-wrapper-focused {
        border-color: #D9D9D9 !important;
    }

    .contacts-detail-chk .ant-checkbox-wrapper {
        color: #605BFF;
    }

    .contacts-detail-chk .ant-checkbox-checked .ant-checkbox-inner {
        background-color: white;
        border-color: #605BFF;
    }

    .contacts-detail-chk .ant-checkbox-inner::after {
        border-color: #605BFF;
    }

    .lightgrey-color-filter {
        filter: invert(66%) sepia(0%) saturate(3557%) hue-rotate(162deg) brightness(98%) contrast(93%);
    }

    .contact-detail-tabs-container .ant-tabs-tab-btn {
        font-size: 12px !important;
        font-weight: 500;
        color: #1E193E !important;
    }

    .contact-detail-tabs-container .ant-tabs-tab-active {
        border-color: #D9D9D9 !important;
        border-bottom-color: transparent !important;
        background-color: #fff !important;
    }

    .darkblue-color-filter {
        filter: invert(9%) sepia(80%) saturate(998%) hue-rotate(221deg) brightness(96%) contrast(98%);
    }

    .cd-activities-table th {
        font-size: 11px;
        font-weight: 800;
        color: #1E193E;
        background-color: #f5f6f8 !important;
    }

    .cd-activities-table td {
        font-size: 11px;
        font-weight: 600;
    }

    .cd-activities-table .ant-empty-image {
        display: none !important;
    }

    .contact-detail-total {
        font-size: 11px;
        font-weight: 600;
        margin-left: 5px;
        color: #1E193E;
    }

    .cd-deals-table th {
        font-size: 9px;
        font-weight: 800 !important;
        color: #1E193E !important;
        background-color: #f5f6f8 !important;
    }

    .cd-deals-table td {
        font-size: 9px;
        font-weight: 600 !important;
    }

    .cd-deals-table .ant-empty-image {
        display: none !important;
    }

    .grey-selection-color-filter {
        filter: invert(50%) sepia(9%) saturate(947%) hue-rotate(203deg) brightness(91%) contrast(91%);
    }

    .define-component-wrapper .ant-radio-wrapper {
        border: solid 1px #DEDEDE;
    }

    .define-component-wrapper .ant-radio-wrapper-checked {
        border: solid 1px #605BFF;
    }

    .refine-component-wrapper th {
        font-size: 11px;
        font-weight: 800 !important;
        color: #1E193E !important;
    }

    .refine-component-wrapper td {
        font-size: 11px;
        font-weight: 600 !important;
    }

    .refine-filters-conf-categories-selectors .ant-radio-button-wrapper-checked {
        color: #605BFF !important;
    }

    .refine-filters-conf-categories-selectors .ant-radio-button-wrapper:hover {
        color: #605BFF !important;
    }

    .group-create-component-table th {
        font-size: 11px;
        font-weight: 800 !important;
        color: #1E193E !important;
    }

    .group-create-component-table td {
        font-size: 11px;
        font-weight: 600 !important;
    }

    .refine-custom-select .ant-select-arrow {
        color: black;
        font-size: 16px;
        right: 6px;
    }

    .refine-custom-select .ant-select-selection-placeholder {
        margin-left: 10px;
    }

    .refine-custom-select .ant-select-selector {
        background-color: #f7f7f8 !important;
    }

    .filters-dropdown-container {
        cursor: pointer;
        font-size: 14px;
        font-weight: 700;
        display: flex;
        align-items: center;
    }

    .filters-down-arrow {
        font-size: 14px;
        padding-left: 2px;
    }

    .discard-meeting-icon {
        margin-left: 15px;
        margin-right: 5px;
        width: 15px;
        cursor: pointer;
    }

    .meeting-notes *::-webkit-scrollbar {
        width: 7px;
        height: 5px;
    }

    .meeting-notes .loading-wrapper {
        margin-top: 5px;
    }

    .meeting-notes .tab-header {
        margin: 0 !important;
    }

        .meeting-notes .tab-header .extra .ant-btn {
            min-width: 95px !important;
            width: 95px !important;
            display: flex !important;
            align-items: center;
            justify-content: center;
        }

        .meeting-notes .tab-header .extra .ant-space-item {
            margin: 0 !important;
        }

    .meeting-notes .rz-splitter {
        border: none !important;
        background: transparent !important;
    }

    .meeting-notes .rz-splitter-bar {
        width: 8px !important;
        height: 100% !important;
        opacity: var(--rz-splitter-bar-hover-opacity);
        margin: 3px !important;
        box-shadow: 0px 1px 1px 1px;
        background-color: none !important;
        opacity: 0.1 !important;
    }

        .meeting-notes .rz-splitter-bar .rz-collapse,
        .meeting-notes .rz-splitter-bar .rz-resize,
        .meeting-notes .rz-splitter-bar .rz-expand {
            display: none !important;
        }

        .meeting-notes .rz-splitter-bar::before {
            content: url('/icons/fluent_re-order-dots-vertical-24-regular.svg');
        }

        .meeting-notes .rz-splitter-bar:active {
            background-color: transparent !important;
        }

    .meeting-notes .rz-splitter-vertical .rz-splitter-bar {
        width: 100% !important;
        height: 10px !important;
    }

        .meeting-notes .rz-splitter-vertical .rz-splitter-bar::before {
            content: url('/icons/fluent_re-order-dots-horizontal-16-regular.svg');
            margin-top: 5px !important;
        }

    .meeting-notes .rz-splitter-pane {
        padding: 3px !important;
    }

        .meeting-notes .rz-splitter-pane .rz-splitter-pane {
            border-radius: 5px !important;
            border: none !important;
            background: white !important;
            box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.16);
        }

    .meeting-notes .countdown-progress-wrapper {
        margin-left: 5px;
        margin-right: 15px;
    }

        .meeting-notes .countdown-progress-wrapper .rz-progressbar-circular-value {
            stroke: #605BFF !important;
        }

        .meeting-notes .countdown-progress-wrapper .rz-progressbar-circular-label {
            color: #605BFF !important;
            font-size: 13px;
            font-weight: bold;
        }

        .meeting-notes .countdown-progress-wrapper .rz-progressbar-circular-md {
            width: 2rem !important;
            height: 2rem !important;
        }

    .meeting-notes .ant-tabs-tab-btn,
    .meeting-notes .meeting-notes-panel-header {
        font-weight: bold !important;
        font-size: 18px !important;
    }

    .meeting-notes .scratchpad {
        margin-left: 10px !important;
        margin-right: 30px;
    }

        .meeting-notes .scratchpad .meeting-notes-panel-header {
            color: #1E193E !important;
            margin-left: 25px;
            padding-top: 5px;
        }

        .meeting-notes .scratchpad .ant-spin-nested-loading,
        .meeting-notes .scratchpad .scratchpad-height,
        .meeting-notes .scratchpad .ant-spin-container,
        .meeting-notes .scratchpad .ant-spin-nested-loading > div {
            height: 100% !important;
        }

    .meeting-notes .ant-tabs-tab-active .ant-tabs-tab-btn {
        color: #605bff !important;
    }

    .meeting-notes .contact-discussion {
        overflow: visible !important;
    }

        .meeting-notes .contact-discussion .ant-tabs-content-holder {
            margin-right: -30px !important;
        }

            .meeting-notes .contact-discussion .ant-tabs-content-holder .content-panel-wrapper {
                margin-right: 30px !important;
            }

        .meeting-notes .contact-discussion .ant-tabs-tab-active .ant-tabs-tab-btn {
            color: #1E193E !important;
        }

        .meeting-notes .contact-discussion .ant-tabs-tab-btn {
            font-size: 13px !important;
        }

        .meeting-notes .contact-discussion .ant-tabs-ink-bar {
            display: none;
        }

        .meeting-notes .contact-discussion .ant-checkbox-group {
            height: 200px;
        }

        .meeting-notes .contact-discussion .ant-checkbox-wrapper {
            white-space: normal !important;
            padding-top: 0;
            padding-bottom: 25px;
            padding-right: 0;
            padding-left: 20px;
            color: #1E193E;
            position: relative;
        }

            .meeting-notes .contact-discussion .ant-checkbox-wrapper:last-child {
                padding-bottom: 0;
            }

            .meeting-notes .contact-discussion .ant-checkbox-wrapper .ant-checkbox-inner {
                width: 10px;
                height: 10px;
            }

                .meeting-notes .contact-discussion .ant-checkbox-wrapper .ant-checkbox-inner::after {
                    display: none !important;
                }

            .meeting-notes .contact-discussion .ant-checkbox-wrapper span.ant-checkbox-group-item {
                position: absolute;
                top: 5px;
                left: 0px;
            }

    .meeting-notes #button-hangup-outgoing {
        border: 1px solid #C75759 !important;
        color: #C75759 !important;
        padding-bottom: 10px !important;
        background-color: transparent !important;
    }

        .meeting-notes #button-hangup-outgoing:hover {
            background-color: transparent !important;
        }

    .meeting-notes .questions-tab {
        margin-top: 0 !important;
        margin-left: 0 !important;
        min-width: 570px !important;
    }

        .meeting-notes .questions-tab .ant-tabs-content-holder {
            overflow: hidden !important;
        }

        .meeting-notes .questions-tab .ant-tabs-content {
            height: 100%;
            padding-bottom: 45px !important;
        }

            .meeting-notes .questions-tab .ant-tabs-content .scrollable-tabs-wrapper {
                height: 100%;
                overflow-y: auto;
                margin-bottom: 45px !important;
                padding-bottom: 45px !important;
            }

        .meeting-notes .questions-tab .ant-tabs-tab-btn {
            font-size: 13px !important;
        }

        .meeting-notes .questions-tab .ant-tabs-ink-bar {
            margin-bottom: 11px !important;
            background: #605bff !important;
            opacity: 0.7 !important;
        }

        .meeting-notes .questions-tab .questions-search-input-wrapper {
            position: relative;
            display: flex;
            align-items: center;
            padding-top: 0 !important;
            padding-bottom: 0;
        }

            .meeting-notes .questions-tab .questions-search-input-wrapper input {
                position: relative;
                background-color: #F6F7FB !important;
                height: 44px !important;
                padding-left: 10px !important;
                border-radius: 5px !important;
            }

            .meeting-notes .questions-tab .questions-search-input-wrapper img {
                position: absolute;
                right: 15px;
                width: 15px;
                height: 15px;
            }

        .meeting-notes .questions-tab .meeting-side-item {
            border-bottom: none !important;
        }

            .meeting-notes .questions-tab .meeting-side-item .questions-wrapper {
                width: 100% !important;
                margin-right: 30px !important;
            }

                .meeting-notes .questions-tab .meeting-side-item .questions-wrapper .content-panel-wrapper {
                    box-shadow: none !important;
                }

            .meeting-notes .questions-tab .meeting-side-item .questions-chevron-and-more-icons-wrapper {
                font-weight: bold !important;
                position: relative;
                padding-right: 80px;
                width: 100% !important;
            }

                .meeting-notes .questions-tab .meeting-side-item .questions-chevron-and-more-icons-wrapper img {
                    position: absolute;
                    width: 13px;
                    height: 13px;
                }

                .meeting-notes .questions-tab .meeting-side-item .questions-chevron-and-more-icons-wrapper .question-chevron-icon {
                    top: 2px;
                    right: 0;
                }

                .meeting-notes .questions-tab .meeting-side-item .questions-chevron-and-more-icons-wrapper .question-more-icon {
                    top: 2px;
                    right: -30px;
                }

        .meeting-notes .questions-tab .date-picker-wrapper {
            width: 100%;
            display: flex;
            margin-top: 10px;
        }

            .meeting-notes .questions-tab .date-picker-wrapper .time-period-button {
                flex-basis: 100%;
                margin-right: 5px;
                border-radius: 5px !important;
                border: 1px solid #72727210;
                font-size: 12px !important;
                text-overflow: ellipsis;
                white-space: nowrap;
                background-color: #F6F7FB;
                color: #727272;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .meeting-notes .questions-tab .date-picker-wrapper .time-period-button:last-child {
                    margin-right: 0;
                }

        .meeting-notes .questions-tab .questions-notepad-icon-wrapper {
            margin-left: auto;
            margin-right: 10px;
            margin-top: 10px;
        }

    .meeting-notes .content-sections .panel-content {
        padding-right: 25px;
        overflow: hidden !important;
    }

        .meeting-notes .content-sections .panel-content .panel-body {
            height: 100% !important;
        }

            .meeting-notes .content-sections .panel-content .panel-body > div {
                height: 100% !important;
            }

    .meeting-notes .answers-section-wrapper {
        overflow: auto;
        height: 100% !important;
        padding-right: 22px;
        margin-right: -22px;
    }

        .meeting-notes .answers-section-wrapper .meeting-answer-content .btn-answer {
            background-color: transparent !important;
            height: 23px !important;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 3px 5px;
        }

        .meeting-notes .answers-section-wrapper .meeting-answer-section-question {
            font-weight: bold;
            display: flex;
        }

            .meeting-notes .answers-section-wrapper .meeting-answer-section-question .ake-icons-wrapper {
                position: relative !important;
                margin-left: auto;
                right: 0 !important;
                bottom: 0 !important;
                min-width: 70px;
                padding-right: 0 !important;
                text-align: right;
            }

        .meeting-notes .answers-section-wrapper .custom-answer-markup {
            position: relative;
            padding: 5px;
            padding-right: 15px !important;
            border: 1px solid #72727215;
            border-radius: 5px;
            margin-top: 5px;
        }

            .meeting-notes .answers-section-wrapper .custom-answer-markup .custom-answer-dropdown {
                position: absolute;
                top: 5px;
                right: 5px;
                cursor: pointer;
            }

                .meeting-notes .answers-section-wrapper .custom-answer-markup .custom-answer-dropdown .custom-answer-more-icon {
                    width: 15px;
                    height: 14px;
                    opacity: 0.9;
                }

            .meeting-notes .answers-section-wrapper .custom-answer-markup .ant-dropdown {
                top: 3px !important;
                border-radius: 5px !important;
            }

                .meeting-notes .answers-section-wrapper .custom-answer-markup .ant-dropdown .ant-dropdown-menu {
                    width: 140px !important;
                    padding: 10px !important;
                }

                    .meeting-notes .answers-section-wrapper .custom-answer-markup .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
                        padding: 5px 7px;
                        border-radius: 5px !important;
                    }

    .ant-layout-sider-children {
        background-color: #FFFFFF;
        overflow-x: hidden;
    }

    .main-menu-collapsed {
        min-width: 60px;
        padding: 0;
    }

    .ake-icons-wrapper {
        position: absolute;
        bottom: 15px;
        right: 50px;
    }

        .ake-icons-wrapper svg rect {
            fill: white !important;
            stroke: #B8B8B8 !important;
        }

        .ake-icons-wrapper svg path {
            fill: #B8B8B8 !important;
        }

        .ake-icons-wrapper svg.selected rect {
            fill: #B8B8B8 !important;
        }

        .ake-icons-wrapper svg.selected path {
            fill: white !important;
        }

        .ake-icons-wrapper svg:hover {
            cursor: pointer;
        }

    .phone-mobile-number {
        color: #605bff !important;
    }

    .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
        font-size: 16px;
    }

    .ant-select-arrow .anticon:not(.ant-select-suffix) {
        pointer-events: none;
    }

    .discussion-point-popup {
        padding: 30px;
    }

    .rz-paginator-element, .rz-button {
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .discussion-point-popup .phone-mobile-number {
        font-weight: normal !important;
        padding-left: 10px !important;
    }

    .discussion-point-popup h2 {
        font-size: 20px;
        padding: 10px;
        font-weight: bolder;
    }

    .discussion-point-popup div {
        padding: 10px;
        font-weight: bold;
        white-space: nowrap;
        word-break: normal;
    }

    .discussion-point-popup .menu-icon {
        width: 20px;
        height: 20px;
    }

    .rz-scheduler-nav-views .rz-button.rz-primary {
        background-color: transparent !important;
    }

    .rz-scheduler-nav-prev-next .rz-button {
        background-color: transparent !important;
        border: var(--rz-scheduler-view-button-border) !important;
        color: black !important;
    }

    .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
        color: none !important;
        background-color: var(--rz-scheduler-view-selected-background-color) !important;
    }

    .end-contact-or-discussion-point-popup {
        padding: 30px;
    }

        .end-contact-or-discussion-point-popup h2 {
            font-size: 20px;
            padding: 8px;
            font-weight: bolder;
        }

        .end-contact-or-discussion-point-popup label:nth-child(3) {
            border-bottom: 1px solid #B9B9B9 !important;
        }

        .end-contact-or-discussion-point-popup .ant-checkbox-group {
            height: 200px;
        }

        .end-contact-or-discussion-point-popup .ant-checkbox-wrapper {
            white-space: normal !important;
            padding-top: 0;
            padding-bottom: 25px;
            padding-right: 0;
            padding-left: 20px;
            color: #1E193E;
            position: relative;
        }

            .end-contact-or-discussion-point-popup .ant-checkbox-wrapper:last-child {
                padding-bottom: 0;
            }

            .end-contact-or-discussion-point-popup .ant-checkbox-wrapper .ant-checkbox-inner {
                width: 10px;
                height: 10px;
            }

                .end-contact-or-discussion-point-popup .ant-checkbox-wrapper .ant-checkbox-inner::after {
                    display: none !important;
                }

            .end-contact-or-discussion-point-popup .ant-checkbox-wrapper span.ant-checkbox-group-item {
                position: absolute;
                top: 20px;
                right: 0 !important;
            }

@media (max-width: 1200px) {
    .header-feedback-section {
        display: none !important;
    }
}

.contact-detail-column-1 {
    width: 100%;
    max-width: 400px;
}

.hide {
    display: none !important;
}

.preparation-tab-header.tab-header {
    margin-top: 16px;
}

.colum-no-before:before {
    width: 1px !important;
    visibility: hidden;
    min-width: unset !important;
    padding: 0 !important;
}

.forceshow-flex {
    display: flex !important;
}

/* 960px is AntDesign's default responsive breakpoint */
@media (max-width: 960px) {
    .hide-960px {
        display: none !important;
    }
    
    .step4-mobile-transform {
        flex-direction: column;
    }

    .step4-mobile-transform-child {
        width: 100%;
    }

    .generate-dp-model-wrapper {
        flex-direction: column;
    }
    
    .generate-dp-model-input {
        width: 100%;
    }

    .generate-dp-model-input-outer {
        flex-direction: column;
    }
    .mt-16-960px {
        margin-top: 16px !important;
    }

    .meeting-notes {
        height: calc(100vh - 51px - 16px);
    }

    .h-100-960px {
        height: 100% !important;
    }

    .notepad-mobile-flag .panel-body .ant-spin-nested-loading {
        height: 100%;
    }

    .notepad-mobile-flag .panel-body .ant-spin-nested-loading > div {
        height: 100%;
    }

    .notepad-mobile-flag .panel-body .ant-spin-container {
        height: 100%;
    }

    .notepad-mobile-flag form #formSaveAns {
        height: 100%;
    }

    .notepad-mobile-flag #answer-html-editor0 > div.rz-html-editor-content {
        height: 100%;
    }

    .meeting-notes-phone-header-transformation {
        position: fixed;
        top: 51px;
        left: 0;
        right: 0;
        width: 100%;
        height: 50px;
        border-bottom: 1px solid lightgrey;
        z-index: 51;
        background-color: white;
    }

    .mobile-header-transformation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 50px;
        border-bottom: 1px solid lightgrey;
        z-index: 51;
        background-color: white;
    }
    
    .meeting-notes-header-sticky {
        position: fixed;
        top: 51px;
        left: 0;
        right: 0;
        width: 100%;
        height: 50px;
        border-bottom: 1px solid lightgrey;
        z-index: 51;
        background-color: white;
    }
    
    .meeting-notes-sticky-title {
        font-weight: 700;
        font-size: 18px;
        letter-spacing: 0.01em;
        color: #1E193E;
    }

    .mobile-header-transformation {
        padding-left: 16px;
    }
    
    .preparation-tab-header.tab-header {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }
    .preparation-tab-header.tab-header .extra {
        margin-right: 0 !important;
    }

    .preparation-tab-header.tab-header .tab-header-title {
        padding: 0;
        font-size: 18px;
    }

    .preparation-tab-header.tab-header > div {
        flex: unset;
    }

    .preparation-steps.show-960px .ant-steps {
        width: 100%;
    }

    .step1-layout-lvl1-wrap .sider {
        margin: 10px;
    }

    .step1-layout-lvl1-wrap .panel-content {
        min-width: 300px !important;
    }

    /*.preparation-steps  .ant-steps-item-content {*/
    /*    width:unset !important;*/
    /*}*/
    
    .meeting-notes-title-responsive {
        /*padding: 40px 0 0 0 !important;*/
        padding: 0 0 0 0 !important;
    }
    
    .meeting-side-item {
        margin-right: 0 !important;
    }

    .filter-transformation {
        position: fixed;
        top: 51px;
        right: 0px;
        width: 100%;
        bottom: 0px;
        box-shadow: -10px 0 8px -8px rgba(0, 0, 0, 0.15);
        z-index: 50;
        padding: 16px;
        background-color: white;
        flex-direction: column !important;
        align-items: flex-start !important;
        min-height: calc(100vh - 51px);
        overflow: auto scroll;
        flex-wrap: nowrap !important;
    }

    .filter-transformation-left {
        position: fixed;
        top: 51px;
        left: 0px;
        width: 320px;
        bottom: 0px;
        box-shadow: 10px 0 8px -8px rgba(0, 0, 0, 0.15);
        z-index: 50;
        padding: 16px;
        background-color: white;
        flex-direction: column !important;
        align-items: flex-start !important;
        min-height: calc(100vh - 51px);
        overflow: auto scroll;
        flex-wrap: nowrap !important;
    }
    
    .discussion-points-device-margin {
        margin-top: 8px;
    }
    
    .w-100-960px {
        width: 100%;
    }

    .contacts-search {
        width: calc(100vw - 48px - 94px) !important;
        max-width: unset !important;
    }

    .CRM-buttons-by-the-search {
        flex-wrap: wrap;
    }

    .ant-table-responsive .ant-table-tbody .ant-table-cell {
        text-align: right;
    }

    .content-panel-wrapper,
    .meeting-panel-wrapper {
        margin: 0;
    }

    .responsive-page .panel-body {
        margin-top: 0;
    }

    .responsive-page .panel-content {
        padding: 0 0 0 0 !important;
        max-height: calc(100vh - 51px) !important;
        overflow: scroll !important;
    }

    .responsive-page .panel-header {
        padding-left: 16px;
        padding-right: 16px;
    }

    .responsive-page .meetings-list-options {
        padding-left: 16px;
        padding-right: 16px;
    }

    .responsive-page .flex-dir-600px {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .responsive-page .ant-table-body {
        /*max-height: 75vh !important;*/
    }

    .responsive-page .icon-buttons-container {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px;
    }

    .responsive-page .ant-table-row-expand-icon-cell {
        display: none !important;
    }

    .responsive-page .ant-table-expanded-row .ant-table-cell:before {
        padding: 0 !important;
        padding-inline-end: 0 !important;
        padding-inline-start: 0 !important;
    }

    .custom-button-bottom-left-fixed {
        position: fixed;
        bottom: 16px;  /* Adjust the spacing from the bottom */
        right: 16px;   /* Adjust the spacing from the right */
    }

    .responsive-page .ant-table-responsive .ant-table-tbody .ant-table-cell:before {
        font-weight: bold !important;
    }

    .ant-popover {
        left: unset !important;
        right: unset !important;
    }

    .responsive-table-hide-title:before {
        display:none;
    }

    .contact-detail-column-1 {
        max-width: unset;
    }

    .contact-detail-search .ant-input-search {
        width: calc(100vw - 32px) !important;
    }

    .responsive-page .goal-income-calc {
        margin: 0 !important;
        padding: 0 !important;
    }

    .goal-step-input-label {
        font-size: 14px !important;
    }

    .step2-vertical-transform {
        flex-direction: row;
    }

    .step2-vertical-transform {
        flex-direction: column !important;
        justify-content: center !important;
    }
    
    .income-goals-step3-transform {
        justify-content: center !important;
    }
    
    .ant-table-cell {
        align-items: center !important;
    }

    .step4-content .ant-table-cell:before {
        min-width:140px;
        text-align: left;
    }
    
    .goal-target-personal-w100 {
        width: 100% !important;
    }
    
    .align-unset-960px {
        align-items: unset !important;
    }
    
    .discussion-points-header-transformation {
        flex-direction: column !important;
        gap: 16px;
    }
    
    .discussion-points-header-children1 {
        justify-content: flex-end !important;
    }
    
    .discussion-points-header-children2 {
        margin-right: auto !important;
    }

    .discussion-points-chimney {
        height: fit-content !important;
    }
}

.discussion-points-chimney {
    height:627px;
}

.discussion-points-header-transformation {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

@media (width < 760px) {
    .step1-layout-lvl1-wrap {
        flex-wrap: wrap;
    }

    .step1-layout-lvl1-wrap .sider {
        width: calc(100% - 20px);
    }
    
    .step1-layout-lvl1-wrap .sider .content-panel-wrapper {
        max-width:100% !important;
        height: unset !important;
    }

    .step1-layout-lvl1-wrap .panel-content {
        padding: 14px !important;
    }
}

.step2-vertical-transform {
    flex-direction: row;
}

.step3-content {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: center;*/
    width: fit-content;
    /*height: 120px;*/
    min-height: 120px;
    border: 1px solid #f2f2f2;
    border-radius: 15px;
    /*margin: 10px auto 10px 0px;*/
}

@media (width < 480px) {
}  

@media (min-width: 961px) {
    .show-960px {
        display: none !important;
    }
    
    .income-goal-sign-margin {
        margin-top: 20px !important;
    }
    .step3-equal-sign-margin {
        margin-top: 62px !important;
    }
    .step4-mobile-transform {
        flex-direction: row;
    }

    .step4-mobile-transform-child {
        width: 450px;
    }

    .generate-dp-model-wrapper {
        flex-direction: row;
    }

    .generate-dp-model-input {
        width: 50%;
    }

    .generate-dp-model-input-outer {
        flex-direction: row;
    }

    .CRM-buttons-by-the-search {
        flex-wrap: nowrap;
        margin-left:auto;
    }
}

@media (max-width: 1000px) {
    .onboarding-side {
        display: none; /* hides side panel on /sign-up (2953) */
    }
}

@media (max-width: 1200px) {
    .header-feedback-section {
        display: none !important;
    }
}

.menu-blocker {
    position: fixed;
    z-index: 25;
    width: 100vw;
    height: 100vh;
}

.onboarding-blocker {
    position: fixed;
    z-index: 24;
    width: 100vw;
    height: 100vh;
    top:0;
    left:0;
    display: none;
}

@media (width < 600px) {
    .hide-600px {
        display: none !important;
    }

    .transcript-uploaded-file-container {
        width: 100% !important;
    }
    
    .show-600px {
        display: flex;
    }
    
    .ant-modal-title {
        padding: 20px 20px 10px !important;
    }
    
    .ant-modal-body {
        padding: 10px 20px 20px;
    }
    
    .add-edit-dp-modal-wrapper {
        flex-direction: column;
    }
}

@media (width >= 600px) {
    .add-edit-dp-modal-wrapper {
        flex-direction: row;
    }
    
    .show-600px {
        display: none !important;
    }
}

@media (width < 360px) {
    .hide-360px {
        display: none !important;
    }

    .preparation-tab-header.tab-header .tab-header-title {
        font-size: 16px !important;
    }
}

.main-menu-mobile-collapsed {
    display: none !important;
}

.pt-4 {
    padding-top: 0.5rem !important;
    padding-bottom: 1.5rem !important;
}

    :root {
        --rz-secondary: #605BFF !important;
    }

    .collapse-trigger {
        color: #605BFF !important;
    }

    .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
        padding-left: 0px !important;
    }

/*Radzen*/
.rz-column-title-content {
    white-space: pre-wrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ant-row {
    display: block;
}

.btn-table-column-Sf {
    width: 15%;
}
@media (max-width: 960px) {
    .btn-table-column-Sf {
        width: 100%;
    }
}

.formAddEditAIDiscussionPoint {
    container-type: inline-size;
}  
.ai-discussion-form-item {
    margin-bottom: 20px;
    width: 50%; /* This will be the default width */
}

/* Media query for viewport widths of 400px or less */
@container (max-width: 600px) {
    .responsive-ai-discussion-form-item {
        width: 100% !important; /* This will override the default width */
    }
}

.ant-tooltip {
    max-width: 260px !important;
}

.attendee-input-fix .ant-select,
.attendee-input-fix .custom-select {
    border-bottom: none !important;
}

.primary-contact-border:not(.primary-contact-border .primary-contact-border) {
    border-bottom: 1px solid #b9b9b9 !important;
}

.primary-contact-border .primary-contact-border {
    border-bottom: none !important;
}

.table-flowbite-like {
    width:100%;
}

.table-flowbite-like div.ant-table{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #F0F0F3;
}

.table-flowbite-like .ant-table-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/*.table-flowbite-like .ant-table-body {*/
/*    border-bottom-left-radius: 10px;*/
/*    border-bottom-right-radius: 10px;*/
/*}*/

.table-flowbite-like .ant-table-column-title {
    color: gray;
}

    .table-flowbite-like th.ant-table-cell.ant-table-cell-fix-right.ant-table-cell-fix-right-first {
        color: gray;
    }

.table-flowbite-like tr:not(tr.ant-table-measure-row) {
    border-bottom: 1px solid #F0F0F3 !important;
}

.table-flowbite-like .ant-table-pagination {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0 !important;
    padding: 8px;
    border: 1px solid #F0F0F3;
}

.table-flowbite-like .ant-table-pagination li {
    margin: 0 !important;
    border: 1px solid #F0F0F3;
    border-radius: 0;
}

.table-flowbite-like .ant-table-pagination .ant-pagination-prev,
.table-flowbite-like .ant-table-pagination .ant-pagination-prev .ant-pagination-item-link {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.table-flowbite-like .ant-table-pagination .ant-pagination-next,
.table-flowbite-like .ant-table-pagination .ant-pagination-next .ant-pagination-item-link {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.table-flowbite-like .ant-pagination-item-active {
    background-color: #ceccfe !important;
}

/* RadzenDatePicker component*/
.valid {
    outline: none !important;
}
    .valid ::-moz-focus-outer {
        border: none !important;
        box-shadow: none !important;
    }

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

.rz-calendar-button {
    display: flex;
    align-items: center;
}

.rz-datepicker-header {
    background: white !important;
}

/*.resizable-table-span {*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*    text-align: start;*/
/*    text-decoration: none;*/
/*}*/

.expandable-table-text {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding-right: 8px;
    color: black !important;
}

.expandable-table-text span:first-child,
.expandable-table-text .exp-t-ch {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    text-decoration: none;
}

/* Ynex design */
@property --ynex-primary {
    syntax: "<color>";
    inherits: false;
    initial-value: #605bff;
}
@property --ynex-secondary {
    syntax: "<color>";
    inherits: false;
    initial-value: #ff8d1e;
}
@property --ynex-text-dark {
    syntax: "<color>";
    inherits: false;
    initial-value: black;
}
@property --ynex-text-light {
    syntax: "<color>";
    inherits: false;
    initial-value: white;
}

.ypanel {
    background-color: white;
    border-radius: 10px;
}
    .ypanel.-profile {
        width: 400px;
        font-size: 13px;
        color: gray;
        flex: none;
    }
    .ypanel.-profile-history {
        flex-grow: 1;
        min-width: 400px;
        font-size: 13px;
        color: black;
        padding:16px;
    }

    .ypanel.-profile-edit {
        max-width: 900px;
        width: 100%;
        padding: 16px;
    }
    
    .ypanel.-integration-card {
        /*flex: 1 1 300px;*/
        /*max-width: 370px;*/
        padding: 16px;
        flex-direction: column;
        gap: 8px;
    }

.-screen-height {
    min-height: calc(100vh - 50px - 90px - 16px)
}

    .flag-01293 .custom-time-picker-button.ant-dropdown-trigger {
        margin-top: 4px;
    }

    .yprofile-wrapper {
        width: 100%;
    }

    .ypage-container {
        background-color: #f0f1f7;
    }

    .ybutton {
        border-radius: 5px;
        min-height: 50px;
        padding: 5px;
    }

    .ypanel-header {
        width: 100%;
        border-radius: 10px 10px 0 0;
        padding: 24px;
    }

        .ypanel-header.-primary {
            background-color: var(--ynex-primary);
        }

    .ypanel-body {
        width: 100%;
        height: fit-content;
        padding: 24px;
    }

    .yicon-circled {
        height: 25px;
        width: 25px;
        background-color: #ad0808;
        border-radius: 50%;
    }

    .ynex-radzen-datepicker {
        padding: 0 0 0 8px !important;
        height: 32px !important;
    }

    .ynex-ant-button {
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: width 0.5s ease;
    }

        .ynex-ant-button.-primary {
            background-color: var(--ynex-primary);
            border-color: var(--ynex-primary) !important;
        }

        .ynex-ant-button.-primary-hollow {
            background-color: white;
            border-color: var(--ynex-primary) !important;
            color: var(--ynex-primary);
        }

        .ynex-ant-button.-secondary {
            background-color: var(--ynex-secondary);
            border-color: var(--ynex-secondary) !important;
        }

        .ynex-ant-button.-secondary-hollow {
            background-color: white;
            border-color: var(--ynex-secondary) !important;
            color: var(--ynex-secondary);
        }

        .ynex-ant-button.-disabled {
            background-color: lightgray;
            border-color: lightgray !important;
            color: white;
        }

            .ynex-ant-button.-disabled:hover {
                background-color: lightgray !important;
                border-color: lightgray !important;
                color: white !important;
            }

        .ynex-ant-button.-black {
            background-color: black;
            color: white;
        }

        .ynex-ant-button.-square {
            padding: 4px !important;
            height: 32px !important;
            width: 32px !important;
        }

    .ynex-profile-input {
        flex-grow: 1;
    }

        .ynex-profile-input.-normal {
            min-width: 200px;
        }

        .ynex-profile-input.-fullwidth {
            min-width: 100%;
        }

        .ynex-profile-input.-small {
            min-width: 150px;
        }

    .ynex-input {
        width: 100%;
    }

    .ynex-multi-input input {
        padding: 0;
        border: none;
        background: none;
        flex-grow: 1;
        min-width: 60px;
    }

        .ynex-multi-input input:focus {
            border: none;
            outline: none;
        }

    .ynex-ant-select {
        display: inline-block;
        width: 100%;
        height: calc(2.25rem + 2px);
        padding: .375rem 1.75rem .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        vertical-align: middle;
        background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
        background-size: 8px 10px;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .ynex-date-input {
        border-radius: 5px;
    }

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

    .ymultiinput-suggestion {
        position: absolute;
        top: 100%;
        left: -1px;
        z-index: 1;
        width: inherit;
        padding: 8px;
        height: fit-content;
        border-radius: 4px;
        border: 1px solid lightgray;
        background-color: #f2f2f2;
    }

        .ymultiinput-suggestion:hover {
            background-color: #e5e5e5;
        }

    .pie-text-ph {
        font-size: 10px;
        font-weight: 500;
        color: lightslategrey;
        text-align: center;
        display: inline-block;
        margin-left: 5px;
    }

    @media (max-width: 480px) {
        .ynex-tab {
            width: 100%;
        }

        .ynex-profile-input {
            min-width: unset !important;
        }

        .ypanel.-integration-card {
            max-width: unset !important;
        }
    }

    @media (max-width: 848px) {
        .-screen-height {
            height: unset !important;
            min-height: unset !important;
        }

        .yprofile-wrapper {
            flex-wrap: wrap !important;
        }

        .-profile, .-profile-history {
            width: 100% !important;
            min-width: unset !important;
        }
    }

    @media (max-width: 960px) {
        .onboarding-section-content {
            display: flex;
            gap: 16px;
            flex-direction: column;
        }

        .onboarding-image {
            width: 100%;
            max-width: 600px;
            height: auto;
        }

        .profile-menu-mobile-spacing li {
            margin: 8px 0;
        }

        .ynex-ant-button.-squarify {
            padding: 4px !important;
            height: 32px !important;
            width: 32px !important;
        }

        .mi-page-padding {
            padding: 16px 16px;
        }

        .ant-popover {
            display: none !important;
        }
    }

    @media (width < 961px) {
        .notes-row {
            width: calc(100% - 40px);
        }
    }

    @media (width >= 961px) {
        .onboarding-section-content {
            display: flex;
            gap: 16px;
            padding: 0 calc(64px + 16px);
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
        }

            .onboarding-section-content .onboarding-section-description {
                order: -1;
                max-width: 550px;
                width: 100%;
            }

        .onboarding-image-container {
            flex-grow: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .onboarding-image {
            max-width: 500px;
            width: 100%;
            height: 250px;
        }

        .mi-page-padding {
            padding: 16px 32px;
        }

        .ant-table-body {
            padding-right: 11px !important;
        }
    }

    .options-menu-back-button > span {
        margin-left: 0px !important;
    }

    .rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover {
        background-color: #605bff;
    }

    .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight {
        background-color: #605bff;
    }

    .rz-datepicker-calendar td .rz-state-default.rz-state-focused, .rz-datepicker-calendar td .rz-state-default:hover {
        background-color: #605bff;
    }

    .blinking {
        animation: blinker 1s linear infinite;
    }

    @keyframes blinker {
        50% {
            opacity: 0;
        }
    }

    /* Media query for larger screens */
    @media (min-width: 768px) { /* Adjust breakpoint as needed */
        .metric-box {
            width: 150px; /* Restore original width on larger screens */
        }

        .table-wrapper {
            width: 45%; /* Restore side-by-side layout on larger screens */
        }

        .sales-data-table {
            font-size: 1em; /* Restore original font size on larger screens */
        }
    }

    /* Smaller text sizes on smaller screens */
    @media (max-width: 576px) {
        .sales-data-table th, .sales-data-table td {
            padding: 5px;
        }

        h4 {
            font-size: 1.2em;
        }

        .sales-data-table {
            font-size: 0.7em;
        }
    }


    /* Media query for medium screens and up */
    @media (min-width: 768px) {
        .matrics_container..col-md-6 {
            flex: 0 0 50%; /* Takes up half the width of its parent container */
            max-width: 50%; /* occupy half of the width available */
        }

        .dashboard-card {
            min-height: 155px;
        }
    }