/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700;1,800;1,900&display=swap'); */

:root {
    --menu-color: #c3c0c0;
    --login-bg: #5538a5;
    --green-color: #3ABB57;
    --green-light-table-bg: #ecf8ef;
    /*--body-color: #f8f5fc;*/
    --body-color: #F8F6FC;
    --white-color: #fff;
    --black-color: #000;
    --black-light: #0C0437;
    --gray-dark-table: #0C0437;
    --gray-color-light: #3b3b3b;
    --gray-light2: #e4e4e4;
    --gray-light3: #999999;
    --gray-brdr-color: #f2f2f2;
    --gray-light4: #bcbcbc;
    --gray-light5: #c2c2c2;
    --gray-light6: #848484;
    --green-light-input-check: #35267E;
    --green-dark: #35267E;
    --green-drak3: #35267E;
    --theme-table-header: #35267e38;
    --theme-table-dot: #561C99;
    --gray-light7-brdr: #e6e6e7;
    --gray-light8-brdr: #eeee;
    --gray-light9: #666666;
    --gray-light12: #f1f1f1;
    --gray-light13: #aaaaaa;
    --gray-light14: #bbbbbb;
    --cream-light: #ffdddd;
    --gray-light15: #cccccc;
    /*--side-bar: linear-gradient(210deg, #8d0255 20%, #35267e 90%);*/
    --side-bar: #561C99;
    --table-footer-bg: rgba(166,141,238,0.5);
    --orangdark-bg-color: #8d0255;
    --checkbox-label-color: #848484;
    --checkbox-border-color: #D1D5DB;
    --blue-color: #561C99;
    --label-color: #374151;
    --input-border-color: #D1D5DB;
    --input-color: #0C0437;
    --white-color-light: rgba(255,255,255,0.55);
    --black-light-nor: rgba(22, 22, 22, 0.4);
    --black-color: #000000;
}


.tab-data-package.details .card-package .form-group > label {
    display: block;
    width: 100%;
}

div#multiselectDetailTabLanguage_multiSelect {
    width: 100%;
}

.multiselect-wrapper .multiselect-list.active input.multiselect-checkbox {
    width: auto;
    height: auto;
}

div#multiselectDetailTabLanguage_itemList {
    width: 100%;
}

div#multiselectDetailTabLanguage_multiSelect {
    position: relative;
}

div#multiselectDetailTabLanguage_itemList {
    width: 100%;
    border-color: var(--gray-light13);
    margin-top: 2px;
}

div#multiselectDetailTabLanguage_itemList {
    /*    width: 100%;
    border-color: var(--gray-light13);
    margin-top: 3px;*/
    width: 100%;
    border-color: #e6e6e7;
    margin-top: 7px;
    border-radius: 0;
}

div#multiselectDetailTabLanguage_multiSelect label.multiselect-dropdown-arrow {
    top: 0;
}

div#multiselectDetailTabLanguage_multiSelect .multiselect-dropdown-arrow {
    width: 20px;
    height: 10px;
    border: none;
    position: absolute;
    background: var(--white-color) url(/img/dropDown.png) !IMPORTANT;
    background-position: 87% 60% !important;
    line-height: 20px;
    text-align: center;
    margin-top: 17px;
    border-radius: 4px;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
    cursor: pointer;
}

input#multiselectDetailTabLanguage_input {
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: var(--black-color) !important;
    background-color: var(--white-color);
    background-clip: padding-box;
    border: 1px solid #e6e6e7;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 10px;
    font-family: 'degular';
}

.modal-header.delete-popup h5 span {
    color: var(--white-color);
}

#AlertShowModel {
    z-index: 1051;
}

.multiselect-dropdown-arrow,
.multiselect-wrapper.disabled .multiselect-dropdown-arrow {
    margin-top: 23px !important;
}

#multiselectLanguage_multiSelect,
#multiselectEditLanguage_multiSelect {
    width: 100%;
}

#ClientMember div#multiselectLanguage_itemList {
    min-width: calc(100% - 32px);
    margin-top: 9px;
    border-color: #ced4da !important;
}

.multiselect-wrapper label {
    display: block;
    font-size: 1rem !important;
    font-weight: 400 !important;
    font-family: 'degular' !important;
    line-height: 1.5;
}

.multiselect-wrapper ul li.active label span {
    color: #fff;
}

.multiselect-wrapper ul li.active,
.multiselect-wrapper ul li:hover {
    background-color: var(--blue-color) !important;
    color: var(--white-color) !important;
}

    .multiselect-wrapper ul li:hover span.multiselect-text {
        color: var(--white-color) !important;
    }

.multiselect-wrapper label span.multiselect-text {
    margin-left: 10px;
}

input#multiselectLanguage_input,
input#multiselectEditLanguage_input {
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#UpdateStatus .modal-body .form-group label {
    display: block;
}

#UserProfile .form-group label {
    display: block;
}

.tab-data-package.details .body-package .form-group label.heading {
    border-bottom: dotted 1px #A68DEE;
    width: 100%;
    padding: 0 0 4px;
}

.tab-data-package.details .body-package .input-group {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0 0 13px;
}

    .tab-data-package.details .body-package .input-group input[type="checkbox"] {
        width: 15px;
        height: 15px;
        order: 1;
        margin-left: 20px;
    }

.tab-data-package.details .body-package > .form-group {
    display: flex;
    flex-wrap: wrap;
}

    .tab-data-package.details .body-package > .form-group .input-group {
        width: calc(33% - 10px);
        padding-right: 18px;
    }

    .tab-data-package.details .body-package > .form-group label.heading {
        width: 100%;
        color: var(--black-light);
        font-size: 18px;
        font-weight: 400;
    }

.tab-data-package.details .body-package .input-group label {
    /*max-width: calc(167px - 30px);*/
    width: 100%;
    margin: 0;
    font-size: 18px;
    color: var(--blue-color);
}

.btn-success:focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    background-color: var(--green-color);
    border-color: var(--green-color);
    box-shadow: none;
}

.sidebar .lfc-menu ul.bottom .dropright a {
    color: var(--gray-light9) !important;
}

.btn-success:hover {
    background: var(--green-color);
    color: var(--white-color);
}

.modal label,
.modal .form-control {
    color: var(--black-light);
}

.modal span {
    color: var(--black-light);
}

.modal-header {
    border-color: var(--gray-light2);
}

.table td, .table th {
    /*border-color: var(--black-light);*/
    border: none;
}

span#AlertMessage {
    color: var(--white-color);
}

.modal-footer button {
    background: var(--green-color);
    border: var(--green-color);
    color: var(--white-color);
}

/*delete Confirm Model*/
.delete-popup {
    background-color: var(--green-color);
    border: none;
    border-radius: 0px;
    box-shadow: none;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: var(--white-color);
    text-align: left;
}

.delete-popup-main .modal-content {
    border: none;
}

.delete-popup-main h5 {
    font-size: 21px;
    font-weight: 600;
}

.delete-popup-main .modal-footer {
    border: none;
}

.delete-popup-main .modal-body {
    min-height: 210px;
}

button.clear-btn {
    background-color: var(--green-color);
    border: none;
    border-radius: 10px;
    box-shadow: none;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: var(--white-color);
    padding: 8px 20px;
}

button.cancel-btn {
    background-color: var(--gray-light4);
    border: none;
    border-radius: 10px;
    box-shadow: none;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    padding: 8px 20px;
    color: var(--white-color);
}
/*end*/



.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    top: 11px;
    z-index: 90;
}

button:focus {
    outline: none;
}

body {
    margin: 0;
    padding: 0;
    /*background-color: #1D1D1D !important;*/
    font-family: "degular";
    background-color: var(--body-color) !important;
}

.that {
    background-image: none !important;
}

a.create-icon-button:hover {
    text-decoration: none;
    color: none;
    color: var(--white-color);
}

.tab-data-table .tab-content .card table tbody tr td span button,
.tab-data-table .tab-content .card table tbody tr td span a:focus {
    outline: none;
}

ol {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

a:hover {
    color: var(--black-color);
}

/*Login*/

.m-2.px-2.mb-5 > img {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
}

.col-5.px-4.bg-white.border {
    height: calc(100vh - 20px);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.login-page-life .lfc-py {
    min-height: 100vh;
    display: flex;
    height: 100%;
    justify-content: start;
    padding-top: 10px;
}


.login-page-life p {
    margin-bottom: 13px;
    font-size: 21px;
}

.rember {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 0px;
}

.login-page-life .rember input {
    width: 35px;
    height: 35px;
    background: inherit;
    background-color: var(--white-color);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #D1D5DB;
    border-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--white-color);
}

.rember label {
    padding-left: 10px;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: var(--checkbox-label-color);
    margin-bottom: 10px;
}

.arrow-icon-img {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    /*color: var(--gray-light9);
	background: var(--gray-light2) !important;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 20px;*/
}

.login-page-life .image.ax_default_hidden {
    position: absolute;
    top: 50%;
    right: -31.7%;
    height: auto;
    margin-left: 66px;
    transform: translateY(-50%);
}

.login-page-life .card-body {
    padding: 1.25rem 60px 35px 35px;
}

.input-recheck span {
    height: 33px;
    width: 35px;
    position: absolute;
    left: 0;
    top: 0;
    border: solid 1px var(--checkbox-border-color);
    border-radius: 6px;
}

.input-recheck input:checked ~ span {
    border: solid 1px var(--green-color);
}

.input-recheck input {
    height: 40px !important;
    width: 40px !important;
    position: relative;
    z-index: 1000;
    opacity: 0;
}


    .input-recheck input:checked ~ span:before {
        opacity: 2;
    }

.input-recheck {
    position: relative;
}

    .input-recheck span:before {
        content: '';
        position: absolute;
        height: 19px;
        width: 12px;
        border: solid var(--green-color);
        border-width: 0px 5.5px 5.5px 0px;
        left: 11px;
        top: 45%;
        transform: translateY(-50%) rotate(45deg);
        opacity: 0;
        border-radius: 2px;
    }

ul.bottom {
    position: absolute;
    bottom: 0;
    z-index: 1000;
    width: 100%;
}


input:focus,
button:focus,
textarea:focus,
select:focus {
    outline: none !important;
    /* border-color: inherit !important; */
}

img {
    max-width: 100%;
}

.main > div[b-pjg56hhge3] {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.form-control:focus {
    box-shadow: inherit;
    border-color: inherit;
}

.package-heading-content-title h1.h1-heading {
    font-size: 36px;
    font-weight: 600;
    font-style: normal;
    color: var(--black-light);
}

.survey-heading h1.h1-heading {
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    color: var(--black-light);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-bottom: 17px;
}

/* .right-survey {
    padding: 80px 0 0 53px;
} */
.right-survey .list-group {
    display: flex;
    flex-direction: revert;
    /*margin-left: 29px;*/
    margin-left: 15px;
}

    .right-survey .list-group a + a {
        margin: 0 20px;
        text-decoration: none;
    }

    .right-survey .list-group a {
        font-weight: 600;
        font-style: normal;
        font-size: 14px;
        color: var(--gray-light6);
    }

        .right-survey .list-group a.active {
            border-bottom: solid 2px var(--gray-light9);
            padding-bottom: 0px;
        }

.tab-data-table .tab-content .card table tbody tr td span a.common-edit {
    background: var(--green-color) !important;
    border: navajowhite;
    font-size: 18px;
    color: var(--white-color);
    border-radius: 30px;
    height: 50px;
    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .tab-data-table {
    max-width: 1170px;
} */
.tab-data-start .box-dark.light {
    /* background: var(--white-color); */
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    box-shadow: hsla(0, 0%, 0%, 0.15) 0px 5px 10px;
    /* font-family: "Open Sans"; */
    /* padding: 50px 62px; */
    min-height: 163px;
    padding: 58px 60px 50px 51px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

    .sticky + .content {
        padding-top: 102px;
    }

button.create-button {
    background: var(--green-color);
    border: navajowhite;
    padding: 1px 18px;
    /* font-size: 20px; */
    /* color: var(--white-color); */
    border-radius: 13px !important;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: var(--white-color);
    text-align: center;
    /* font-weight: 500; */
    border-radius: 15px;
    display: flex;
    align-items: center;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 7px;
}

    button.create-button:focus {
        outline: none;
    }

.question {
    margin-top: 28px;
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 22px 13px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
}

    .question p {
        font-size: 18px;
        color: var(--gray-light6);
        font-weight: 500;
    }

    .question .border-bottom {
        border-bottom: 1px solid #E6E6E6 !important;
        color: var(--black-light);
    }

button.create-button img {
    height: 20.75px;
    width: 20.75px;
    padding: 0;
    margin: 4px 0px 0px;
}

.right-survey .tab-data-table .tab-content .card {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    text-align: left;
    background: transparent;
    border: none;
    border-radius: 0;
    /* box-shadow: rgb(0 0 0 / 15%) 0px 5px 10px; */
    margin-top: -5px;
}

.right-survey .tab-data-table .tab-content {
    padding-left: 0;
    position: relative;
    right: 0;
    top: 100%;
    /*z-index: 2 !important;*/
    width: calc(100% + 0px);
    max-height: 75vh;
    overflow-y: auto;
    text-align: left;
    margin-top: 20px;
    padding: 0 !important;
}

    .right-survey .tab-data-table .tab-content .card-body {
        padding: 0px !important;
    }

    .right-survey .tab-data-table .tab-content::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .right-survey .tab-data-table .tab-content::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 2px solid transparent;
    }

    .right-survey .tab-data-table .tab-content::-webkit-scrollbar-thumb {
        background-color: var(--blue-color);
    }

        .right-survey .tab-data-table .tab-content::-webkit-scrollbar-thumb:hover {
            background-color: var(--blue-color);
        }

    .right-survey .tab-data-table .tab-content::-webkit-scrollbar-corner, .right-survey .tab-data-table .tab-content::-webkit-scrollbar-track {
        background-color: var(--blue-color);
    }




.right-survey .table thead th {
    border-bottom: 1px solid var(--gray-brdr-color);
}

.tab-data-table .tab-content .card table tbody tr td {
    padding: 36px 15px;
    vertical-align: middle;
    white-space: nowrap;
}

    .tab-data-table .tab-content .card table tbody tr td b.data-response {
        font-size: 24px;
        font-weight: 400;
        color: var(--gray-light6);
    }

    .tab-data-table .tab-content .card table tbody tr td b {
        font-size: 18px;
        font-weight: 500;
        color: var(--black-light);
        font-style: normal;
    }

    .tab-data-table .tab-content .card table tbody tr td span {
        font-size: 12px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: end;
        color: var(--gray-light6);
    }

        .tab-data-table .tab-content .card table tbody tr td span button {
            margin: 0 5px;
        }

        .tab-data-table .tab-content .card table tbody tr td span.menu-icon,
        .tab-data-table .tab-content .card table tbody tr td a {
            border: transparent !important;
            background: transparent !important;
            color: var(--green-color);
            font-size: 30px;
            display: flex;
            align-items: center;
            margin-left: 5px;
        }

    .tab-data-table .tab-content .card table tbody tr td:last-child {
        text-align: right;
    }

.tab-data-table .card-body {
    padding-right: 0;
    padding-left: 0;
}

.tab-data-table .tab-content .card table tbody tr td span b {
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-light6);
}

.tab-data-table .tab-content .card table tbody tr td span button,
.tab-data-table .tab-content .card table tbody tr td span a {
    background: var(--blue-color);
    border: navajowhite;
    font-size: 13px;
    color: var(--white-color);
    border-radius: 30px;
    height: 32px;
    width: 32px;
    text-align: center;
    margin-right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tab-data-table .tab-content .card table tbody tr td span button.menu {
        background: transparent;
        color: var(--green-color);
        font-size: 30px;
        line-height: 50px;
    }

.card .card-body .dataTables_wrapper {
    padding: 0px 11px;
}

.dataTables_filter .menu-icon i {
    background-color: none;
    color: var(--black-color);
    font-size: 27px;
}

h1.h1-heading.start {
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 17px;
    color: var(--black-light);
}

.my-service-tabel {
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.149019607843137);
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    margin-bottom: 29px;
}

.my-service-tabel-question-detail {
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.149019607843137);
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    margin-bottom: 29px;
    /*margin-top: 110px;*/
    min-height: 120px;
    display: flex;
    width: 100%;
}

.surevy-heading-text {
    padding: 20px;
    align-items: center;
    display: flex;
    padding-top: 34px;
}

    .surevy-heading-text h4 {
        padding-left: 32px;
        font-size: 18px;
        color: #0C0437;
        font-weight: 500;
    }

span.d-block.response {
    font-size: 12px !important;
    color: var(--gray-light6) !important;
}

p.d-block.response {
    font-size: 12px !important;
    color: var(--gray-light6) !important;
}

/*survey create*/
/* .tab-data-start{
    max-width: 990px;
} */
.tab-data-start .box-dark {
    background: var(--theme-table-dot);
    border-radius: 20px;
    /* font-family: "Open Sans"; */
    padding: 58px 60px 50px 51px;
    min-height: 163px;
}

.box-dark h3 {
    font-size: 25px;
    color: var(--white-color);
    font-weight: 600;
    padding-bottom: 20px;
}

.box-dark p {
    font-size: 17px;
    color: var(--white-color);
    font-weight: 400;
    padding-bottom: 10px;
    min-height: 76px;
}

.dashboard-box .box-dark.light {
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 12%) 0px 5px 10px;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: var(--black-light);
    text-align: left;
    min-height: 300px;
}


.box-dark.light h3 {
    color: var(--black-light);
}

.box-dark.light p {
    color: var(--gray-light6);
    font-weight: 400;
    font-size: 14px;
    padding-left: 4px;
}

.box-dark a {
    background: var(--green-color);
    padding: 14px 35px;
    display: inline-block;
    font-size: 16px;
    /* color: var(--white-color); */
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 13px;
    margin-top: 20px;
    color: var(--white-color);
    text-decoration: none;
    min-width: 163px;
    text-align: center;
}

.col-lg-4.surey-edit-box a {
    background: var(--green-color);
    color: var(--white-color);
}

table.invite-tabel tr td i {
    color: var(--green-color);
}

.header {
    /*position: fixed;*/
    width: 100%;
    z-index: 999;
    background: var(--body-color);
    /*top: 0;*/
    /*left: 121px; */
    padding-top: 67px;
    /*padding-left: 0px;*/
    padding-left: 20px;
}

.header-test {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: var(--body-color);
    top: 0;
    /* left: 154px; */
    padding-top: 70px;
    padding-left: 21px;
}

.survey-heading {
    /*position: fixed;*/
    width: 100%;
    z-index: 999;
    background: var(--body-color);
    /*top: 0;*/
    /* left: 154px; */
    padding-top: 79px;
    padding-left: 0px;
}

/*.right-survey {
    margin-top: 136px;
}*/

.new-serve-heading-title {
    /*position: fixed;*/
    width: 100%;
    z-index: 999;
    background: var(--body-color);
    top: 0;
    /* left: 154px; */
    left: 204px;
    /*padding-top: 191px;*/
    padding-left: 0px;
}

.Support-centre-heading-title {
    /*position: fixed;*/
    width: 100%;
    z-index: 999;
    background: var(--body-color);
    top: 0;
    /* left: 154px; */
    padding-top: 60px;
    padding-left: 0px;
    margin-bottom: 30px;
}

.package-heading-content-title {
    /*position: fixed;*/
    width: 100%;
    z-index: 999;
    background: var(--body-color);
    top: 0;
    /* left: 154px; */
    padding-top: 79px;
    padding-left: 29px;
}

.dashboard-header {
    margin-top: 112px;
}

.surve-detail h6 {
    color: var(--black-light);
    font-size: 16px;
    font-weight: 700;
    padding-top: 14px;
}

.create-icon-button h5 {
    font-weight: 600;
    font-style: normal;
    font-size: 19px;
    color: var(--white-color);
    text-align: center;
    padding-top: 8px;
}

.Support-centre-box {
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.149019607843137);
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    font-weight: 400;
    padding: 26px 29px 26px 35px;
}

    .Support-centre-box h3 {
        font-weight: 600;
        font-style: normal;
        font-size: 28px;
        color: var(--black-light);
        padding-bottom: 8px;
        padding-top: 4px;
    }

    .Support-centre-box p {
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        color: var(--black-light);
        padding-bottom: 22px;
    }

    .Support-centre-box a {
        background: var(--green-color);
        padding: 10px 0px;
        display: inline-block;
        font-size: 16px;
        /* color: var(--white-color); */
        font-weight: 600;
        text-transform: capitalize;
        border-radius: 13px;
        margin-top: 0px;
        color: var(--white-color);
        text-decoration: none;
        min-width: 163px;
        height: 46px;
        text-align: center;
    }

.right-survey .tab-data-table .tab-content .card tr {
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 10px;
    background: var(--white-color);
    border: none;
    border-radius: 20px;
}

.tab-data-package.details .card-package .multiselect-list span label input.multiselect-checkbox {
    height: auto !important;
}

.tab-data-package.details .card-package .multiselect-list li label input.multiselect-checkbox {
    height: auto !important;
}

/*Survay page css start*/
.right-survey .archive-tooltip .dropdown-menu button {
    width: auto !important;
    background: transparent !important;
    color: #353535 !important;
    font-size: 18px !important;
    height: 40px !important;
}

.right-survey .archive-tooltip .dropdown-menu {
    position: absolute !important;
    top: -7px !important;
    left: -174px !important;
    width: 200px !important;
    padding: 7px 7px !important;
    border-radius: 10px;
    background-color: var(--white-color);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--gray-light2);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: var(--black-light);
    transform: inherit !important;
    will-change: inherit !important;
}


.right-survey .archive-tooltip.show {
    position: relative;
}
/* // form datable*/
/*.dataTable thead tr th.sorting_asc {
        background: none;
    }*/
/*    //End*/
.right-survey .content {
    margin-left: 25px;
}

.right-survey .table {
    margin-top: -1px;
}

.right-survey .text-end a {
    text-decoration: none;
}

.right-survey .archive-tooltip button#pendingBtn {
    padding-top: 13px;
}

.right-survey span.delete {
    background: var(--green-color);
    border: navajowhite;
    font-size: 20px !important;
    color: var(--white-color) !important;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    / text-align: center;
    / display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-decoration: none;
}

.right-survey .survey-heading {
    padding: 67px 0px 10px 15px;
}

.right-survey button.icon-menu-view i {
    font-size: 31px;
}

.right-survey button.icon-menu-view {
    background: none !important;
    color: var(--green-color) !important;
    font-size: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-survey table.dataTable thead th, .right-survey table.dataTable thead td {
    padding: 0px 12px !important;
}

.right-survey .tab-data-table .tab-content .card table tbody tr td span a.common-edit {
    font-size: 20px !important;
    height: 50px !important;
    width: 50px !important;
}

.right-survey .archive-tooltip .nav-link {
    display: block !important;
    padding: 0.3rem 2.7rem !important;
}

@@media (max-width:1440px) {
    .right-survey span.delete {
        font-size: 16px !important;
        height: 46px !important;
        width: 50px;
    }

    .right-survey button.create-button {
        margin-top: -42px !important;
    }

    .right-survey .archive-tooltip .nav-link {
        display: block !important;
        padding: 0.3rem 2.7rem !important;
    }

    .right-survey .tab-data-table .tab-content .card table tbody tr td span a.common-edit {
        font-size: 16px !important;
        height: 45px !important;
        width: 45px !important;
    }

    .right-survey .tab-data-table .tab-content .card table tbody tr td span button, .right-survey .tab-data-table .tab-content .card table tbody tr td span a {
        font-size: 16px !important;
        height: 45px;
        width: 45px;
    }

    .right-survey button.icon-menu-view i {
        font-size: 28px;
    }

    .right-survey .table-survey .text-end {
        display: flex;
        justify-content: end;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media(max-width:1200px) {
    .right-survey span.delete {
        font-size: 16px !important;
        border-radius: 100%;
        height: 46px !important;
        width: 50px;
    }

    .right-survey button.create-button {
        margin-top: -42px !important;
    }
}




.right-survey button.create-button {
    margin-top: -19px;
    margin-right: 25px;
}

.right-survey .table td, .right-survey .table th {
    border-bottom: 1px solid var(--gray-brdr-color) !important;
}

.right-survey .table td, .right-survey .table th {
    border: none;
}

.right-survey table.dataTable.no-footer {
    border: none !important;
}

.right-survey .card .card-body .dataTables_wrapper {
    padding: 0px 0px 0px 0px;
}


.tab-data-package.details .card-package .multiselect-list li label {
    display: flex !important;
    vertical-align: middle;
}

/*Survay page css End*/


@media only screen and (max-width: 767px) {
    .main > div[b-pjg56hhge3] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .right-survey {
        padding: 0;
    }

    .box-dark {
        margin-bottom: 15px;
    }
}

/*survey create*/

/*Profile*/

.profile-edit .password-edit span {
    position: inherit;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    text-decoration: underline;
    color: var(--green-color);
}

.email-verfication p {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: var(--black-color);
}


/*tabs*/
a.common-edit {
    font-size: 16px;
    height: 27px;
    width: 27px;
}

    a.common-edit:hover {
        text-decoration: none;
    }

.tab-data-package {
    max-width: 1046px;
    padding-left: 0px;
    /* margin: auto; */
    margin-top: -15px;
}

/*23/01/24*/
.tab-data-package {
    margin-top: 0px
}
    /*23/01/24*/
    .tab-data-package .card-package {
        padding: 30px 0 0;
        margin-bottom: 22px;
        background-color: var(--white-color);
        border: none;
        border-radius: 20px;
        box-shadow: rgb(0 0 0 / 15%) 0px 5px 10px;
    }

.right-survey .card-package label {
    padding-left: 30px;
    padding-bottom: 12px;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    color: var(--label-color);
    padding-top: 0 !important;
}


.package-select input {
    height: 100px;
    width: 100%;
    position: relative;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
}

.package-select {
    position: relative;
}

    .package-select span {
        position: absolute;
        top: 0;
        left: 0;
        height: 121px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 34px;
        border-radius: 20px;
        font-weight: 400;
        color: var(--blue-color);
        background-color: var(--body-color);
        border: none;
    }

    .package-select input:checked ~ span {
        background: var(--blue-color);
        color: var(--white-color);
    }

.tab-data-package .row-form-gorup {
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
}

    .tab-data-package .row-form-gorup .package-select + .package-select {
        margin-left: 20px;
    }

    .tab-data-package .row-form-gorup .package-select {
        width: calc(25% - 15px);
    }

.row-form-gorup.sec .package-select {
    width: calc(33.50% - 15px);
}

.sec .package-select {
    height: 130px;
}

.tab-data-package .box-footer {
    background-color: var(--table-footer-bg);
    border: none;
    border-radius: 0px 0px 20px 20px;
    box-shadow: none;
    min-height: 58px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-footer p {
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    color: #959595;
}

.tab-data-package .box-footer span {
    font-size: 24px;
    color: #959595;
}

.row-form-gorup.sec.pb-4 input {
    height: 130px;
}

.row-form-gorup.sec.pb-4 span {
    height: 130px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    border-radius: 5px;
    border: 1px solid #cdcaca;
}

.table-survey .text-end {
    display: flex;
    justify-content: end;
}

.body-package .amoutn {
    margin-top: 53px;
}

/*tabs*/

/* ===============panel_list================== */

.dropdown-menu[b-tcexr8tl1n] a:hover {
    text-decoration: none;
}

.dropdown-menu[b-tcexr8tl1n] a:hover {
    color: var(--gray-light9) !important;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    background-color: var(--gray-brdr-color) !important;
}


.login h3 {
    font-weight: 600;
    font-style: normal;
    font-size: 30px !important;
    color: #676A6C;
    padding-top: 43px;
    margin-bottom: 5px;
}

.login h6 {
    padding-top: 50px;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    color: var(--gray-light9);
}

.login p {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: var(--gray-light6);
    margin-bottom: 28px;
    line-height: 25px;
    padding-top: 4px;
}

/*sec tabs footer*/
footer {
    background: var(--white-color);
    width: calc(100% - 100px);
    position: fixed;
    bottom: 0;
    right: 0;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
    z-index: 10;
    padding: 20px 0;
}

    footer .list-group {
        display: flex;
        flex-direction: row;
        padding: 0 15px;
        width: calc(84% - 5px);
        padding-left: 64px;
    }

        footer .list-group a {
            margin: 0;
            color: var(--gray-light6);
            font-size: 17px;
            text-align: center;
        }

.box-client-name {
    display: flex;
}

footer .btn-group {
    /*width: calc(20% - 23px);*/
    width: auto;
    display: flex;
    justify-content: flex-end;
}

/*.bottom-padding{
    padding-bottom: 120px;
}*/
footer .list-group a span.d-block.cricle {
    height: 28px;
    width: 28px;
    background: #D5D5D5;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 100%;
    color: var(--white-color);
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

footer .btn-group button {
    background: var(--gray-light6);
    border: none;
    margin-left: 15px;
    padding: 16px 0px;
    border-radius: 13px;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 600;
}

    footer .btn-group button.next {
        background: var(--green-color);
        color: var(--white-color);
        width: 94px;
    }

footer .list-group a {
    width: calc(25% - 10px);
}

    footer .list-group a.active span.d-block.cricle {
        background: var(--theme-table-dot);
        color: var(--white-color);
    }

    footer .list-group a.active {
        /* color: var(--black-color); */
        font-weight: 600;
        font-style: normal;
        font-size: 15px;
        color: var(--blue-color) !important;
        cursor: pointer;
    }

footer .list-group a {
    color: var(--gray-light6) !important;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    cursor: pointer;
}

    footer .list-group a + a {
        position: relative;
    }

        footer .list-group a + a:before {
            content: '';
            /*background: var(--gray-light2);*/
            position: absolute;
            left: -64px;
            height: 0.1px;
            width: calc(100% - 100px);
            top: 50%;
            transform: translateY(-50%);
        }

section.confirmation {
    background: var(--blue-color);
    max-width: 40%;
    margin: 0 auto;
    border-radius: 10px;
}

.conformation-email img {
    width: 100%;
    max-width: 250px;
    background: #fff;
    padding: 5px;
    border-radius: 4px;
}

#step1 .body-package input {
    height: 100px;
}

#step1 .body-package .sec input {
    height: 130px;
}

.conformation-email p {
    font-size: 21px;
    color: var(--white-color);
    padding-top: 41px;
    padding-bottom: 43px;
}

.conformation-email {
    text-align: center;
    padding: 28px 0px;
}

/*sec tabs footer*/


.tab-data-package.details .card-package {
    padding: 30px;
}

    .tab-data-package.details .card-package label {
        padding: 0;
    }

    .tab-data-package.details .card-package .form-group {
        margin: 0 0 10px;
    }

.tab-data-package.add-quetion {
    padding: 0;
}

    .tab-data-package.add-quetion .card-package {
        padding: 25px;
        padding-left: 20px;
        min-height: 120px;
        /*margin-top: 190px;*/
        display: flex;
        align-items: center;
    }

        .tab-data-package.add-quetion .card-package h3 {
            font-size: 18px;
            padding: 0;
            color: #0C0437;
            font-weight: 500;
        }

.add-quetion .row-item {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

    .add-quetion .row-item h3 {
        padding-left: 0px;
    }

.add-quetion .icons i {
    background: var(--green-color);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: var(--white-color);
}

.add-quetion .drop-select {
    margin-top: -15px;
}

.add-quetion .icons i.fa-ellipsis {
    background: transparent;
    color: var(--green-color);
}

.add-quetion button.full-width-btn {
    background: var(--green-color);
    border: none;
    width: 100%;
    border-radius: 13px;
    padding: 11px 0;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: var(--white-color);
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 34px !important;
    margin-bottom: 0px !important;
    padding-left: 16px;
}

.detail-client h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: var(--black-light);
    margin-bottom: 11px;
}

.drop-select.show {
    position: relative;
}

/*ul.row.dropdown-menu.mx-3.show {
	transform: translate3d(-17px, 249px, 0px) !important;
	position: absolute !important;
	top: -209px !important;
}*/

.tab-data-package.confirm .card-package {
    padding: 70px 20px;
}

.add-quetion button.full-width-btn i {
    border: solid 2px var(--white-color);
    height: 25px;
    width: 25px;
    line-height: 0px;
    border-radius: 50%;
    font-size: 13px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
}

.right-survey.details select.form-control {
    border-color: var(--input-border-color);
    border-radius: 6px;
    /*height: calc(1.5em + 0.75rem + 2px) !important;*/
    height: 42px !important;
    letter-spacing: 0.3px;
    font-size: 16px;
    line-height: 19px;
    background: var(--white-color) url(/img/dropDown.png) !IMPORTANT;
    background-position: 98% 57% !important;
    appearance: none;
    margin-bottom: 0;
    padding-right: 20px;
    font-weight: 400;
    font-style: normal;
    color: var(--black-color);
    position: relative;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
    cursor: pointer;
}

.tab-data-package.confirm .card-package table.table tbody tr {
    border: transparent;
}

    .tab-data-package.confirm .card-package table.table tbody tr td:first-child {
        width: 25%;
        /*padding: 0px;*/
        padding: 1px;
    }

    .tab-data-package.confirm .card-package table.table tbody tr td span {
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        color: var(--black-color);
    }

.detail-client table:last-child {
    border-bottom: none;
}

.tab-data-package.confirm .card-package table.table tbody tr td b {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: var(--label-color);
}

.tab-data-package.confirm .card-package h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color);
    margin-bottom: 10px;
}

.tab-data-package.confirm .card-package table.table tbody tr td {
    font-size: 14px;
    font-weight: 400;
    padding-left: 0;
    padding-top: 0px;
    color: var(--label-color);
}

/*select.form-control {
	border-color: var(--gray-light7-brdr);
	border-radius: 10px;
	width: 100%;
	height: 50px;
	letter-spacing: 0.3px;
	font-size: 16px;
	line-height: 19px;
	background: var(--white-color) url('../images/drop1.png');
	background-repeat: no-repeat;
	background-position: 97% 55%;
	appearance: none;
	background-size: 13px;
	margin-bottom: 0;
	padding-right: 20px;
	font-weight: 400;
	font-style: normal;
	color: var(--black-color);
}*/

.start h1 {
    font-size: 60px;
    font-weight: 500;
}

@media only screen and (max-width: 1200px) {
    footer .list-group a {
        font-size: 14px;
    }

    footer .btn-group button {
        margin-left: 10px;
        padding: 16px 18px;
        font-size: 16px;
    }

    footer .list-group a + a:before {
        content: none;
    }
}

@media only screen and (max-width: 991px) {

    footer {
        width: 100%;
    }

    .tab-data-package {
        padding-left: 0;
    }

    .right-survey {
        padding: 0;
    }

    footer .list-group a + a:before {
        left: -12px;
        width: calc(100% - 91px);
    }

    footer .list-group a > span {
        font-size: 16px;
    }

    footer .list-group a {
        font-size: 0px;
    }

    footer .list-group {
        width: calc(60% - 10px);
    }



    footer .btn-group button {
        padding: 11px 20px;
    }

    footer .list-group a span.d-block.cricle {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {

    footer .list-group {
        width: calc(50% - 10px);
    }

    footer .btn-group {
        width: calc(50% - 10px);
    }

        footer .btn-group button {
            padding: 10px 15px;
            font-size: 15px;
        }
}


/*Client-details*/
.client-details .box-client-name a i {
    font-size: 40px;
    color: var(--gray-light9);
    margin-right: 20px;
}

.surevy-heading-text a {
    background: #EDE6FD !important;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-client-name i:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: auto;
    color: var(--green-color);
    font-size: 30px;
}

.client-details .box-client-name span {
    /*font-size: 32px;*/
    font-size: 24px;
    color: var(--black-light);
    font-weight: 400;
    margin-left: 45px;
}

.client-details .box-client-name {
    display: flex;
    align-items: center;
    background: var(--white-color);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 20px;
    padding: 40px 30px;
}

.client-details td b {
    font-size: 20px;
    font-weight: 700;
    color: var(--black-light);
}

.client-details td {
    padding: 36px 15px;
    vertical-align: middle;
    white-space: nowrap;
}

    .client-details td span {
        font-size: 14px;
        font-weight: 300;
        color: var(--gray-light3);
    }

    .client-details td button {
        background: var(--green-color);
        border: none;
        font-size: 20px;
        color: var(--white-color);
        border-radius: 30px;
        height: 50px;
        width: 50px;
        text-align: center;
        margin: 0 auto;
    }

    /*.client-details td:last-child {
        width: 200px;
    }*/

.client-details .card {
    background: var(--white-color);
    padding: 40px 0px !important;
}

.client-details .card-body {
    padding: 0;
}


/*end Client-details*/
/*dashboard*/


.client-details h3 {
    margin-bottom: 17px;
    font-size: 32px;
    font-weight: 300;
    color: var(--black-light);
}

.box p {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color);
}

.box-dark {
    min-height: 250px;
    padding: 20px;
}

.dash-admin .inner-box-dash {
    display: flex;
    justify-content: space-between;
}

.inner-box-dash a {
    text-decoration: none;
}

.dash-admin .inner-box-dash h5 {
    font-size: 50px;
    font-weight: 700;
    color: var(--white-color);
    padding: 10px 0px;
    margin: 0;
    line-height: 20.75px;
}

.dash-admin .inner-box-dash {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .dash-admin .inner-box-dash a {
        background: var(--green-color);
        padding: 11px 25px;
        border-radius: 13px;
        color: var(--white-color);
        font-size: 16px;
        font-weight: 600;
    }

/*end dashboard*/


/*client list*/
.client h4 {
    font-size: 32px;
    font-weight: 300;
    color: var(--black-light);
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 6px;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 22px !important;
}

.client .box-table-inner {
    background: var(--white-color);
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 8px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
}

    .client .box-table-inner .col.tech-survey-that p {
        color: var(--blue-color);
    }

    .client .box-table-inner a {
        background: var(--gray-light6);
        color: var(--white-color);
        font-size: 18px;
        padding: 10px 20px;
        border-radius: 10px;
        cursor: pointer;
    }

    .client .box-table-inner table tbody tr td {
        font-size: 15px;
        color: var(--black-light);
        vertical-align: middle;
        padding: 5px 10px;
        font-weight: 400;
    }

.dataTables_wrapper .dataTables_info {
    padding-top: 22px !important;
    font-size: 15px;
}

.client .box-table-inner table thead tr th {
    font-size: 16px;
    color: var(--gray-color-light);
    vertical-align: middle;
    font-weight: 600;
}

.client .box-table-inner table thead tr th,
.client .box-table-inner table tbody tr td {
    /*padding: 5px 15px;*/
    /*padding: 5px 14px;*/
    /*padding: 5px 0px;*/
    padding: 5px 14px;
    white-space: nowrap;
}
    .client .box-table-inner table thead tr th:first-child,
    .client .box-table-inner table tbody tr td:first-child {
        padding-left: 0;
    }
.client .box-table-inner table tbody tr:last-child {
    border-width: 0px;
}

.client .box-table-inner table tbody tr i {
    font-size: 23px;
    color: var(--blue-color);
}

.client p {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF8C;
}

.client .add-client {
    background: var(--green-color);
    font-size: 18px;
    padding: 15px 28px;
    border: none;
    border-radius: 15px;
    color: var(--white-color);
    font-weight: 600;
}

    .client .add-client:focus {
        outline: none;
    }

    .client .add-client img {
        /*border: solid 2px var(--white-color);*/
        /* height: 24px; */
        /*width: 29px;
	border-radius: 50%;
	line-height: 21px;
	text-align: center;
	margin: 0 15px auto auto;
	padding: 7px;*/
        border: none !important;
        height: 20.75px !important;
        width: 20.75px;
        text-align: center;
    }

.chart-board {
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.149019607843137);
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    padding: 20px;
    margin-top: 0px;
    /*margin-left: 25px !important;*/
}

/*support center */

.Support-centre-heading-title h2.h1-heading {
    font-size: 32px;
    margin-bottom: 0px;
    font-weight: 600;
    font-style: normal;
    color: var(--black-light);
}

.package-heading-content-title .content h1 {
    font-size: 32px;
    padding-bottom: 16px;
    font-weight: 400;
}

h6.p-3.border-bottom,
h6.p-3.border-bottom.collapsed {
    position: relative;
    transition: all ease-in 0.2s;
}

    h6.p-3.border-bottom:before {
        content: '';
        position: absolute;
        right: 14px;
        font-size: 32px;
        top: 19%;
        font-weight: 600;
        color: var(--gray-light2);
        font-family: 'degular' !important;
        color: var(--black-light) !important;
        background: url(/img/arrow-bg-up.png);
        width: 34px;
        height: 34px;
    }

    h6.p-3.border-bottom.collapsed:before {
        content: '';
        position: absolute;
        /*right: 14px;*/
        right: 0px;
        font-size: 32px;
        top: 19%;
        width: 34px;
        height: 34px;
        background: #EDE6FD;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(/img/arrow-bg-down.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

.faq-question h6 {
    /* padding-top: 10px; */
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    text-align: left;
    /* color: #534b5c; */
    color: var(--gray-dark-table);
}

/* dashboard client */
h3.user-name-heading {
    padding-bottom: 21px;
    font-size: 36px;
    color: var(--black-light);
    font-weight: 600;
    line-height: 40.15px;
}

.test-box span {
    font-size: 14px;
    font-weight: 600;
    color: var(--white-color-light);
    padding-left: 20px;
    /* padding-top: 20px; */
    /* margin-top: 20px; */
    display: inline-block;
    padding-top: 18px;
}


.test-box p {
    font-size: 64px;
    font-weight: 400;
    margin-bottom: 0px;
    font-style: normal;
    color: var(--white-color);
    text-align: left;
    padding-left: 20px;
    /*line-height: 64px;*/
}

.table-responsive {
    /* display: block; */
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.login-logo img {
    margin: auto;
    margin-bottom: 52px;
    /* margin: auto; */
    display: flex;
    justify-content: center;
    align-items: center;
}

button.submit {
    border-radius: 13px;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: var(--white-color);
    background: var(--green-color);
    border: none;
    /* padding: 10px; */
    height: 41px;
    outline: none;
    box-shadow: none;
}

.login-page-life input {
    height: 42px;
    color: var(--input-color);
    border-color: #D1D5DB;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-radius: 6px;
}

    .login-page-life input::placeholder {
        color: #D5D5D5 !important;
    }

.Register p {
    font-weight: 400;
    text-decoration: underline;
    color: var(--black-light);
}

.create-account-register p:after {
    position: absolute;
    background: var(--black-light);
    content: "";
    top: 24px;
    height: 1px;
    width: 100%;
    left: 0px;
}

.validation-message {
    font-size: 14px;
}

.create-account-register p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 300;
    color: var(--black-light);
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.create-account-register a:after {
    position: absolute;
    background: var(--green-color);
    content: "";
    top: 24px;
    height: 1px;
    width: 100%;
    left: 0px;
    z-index: 10;
}

.create-account-register a {
    font-weight: 600;
    position: relative;
    color: var(--green-color);
    font-size: 21px;
    text-decoration: none;
    display: inline-block;
}

.login-logo img {
    max-width: 307px;
    display: flex;
    justify-content: center;
}

.forgot-password p {
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    color: var(--blue-color);
    padding-top: 8px;
    display: inline-block;
}

.forgot-password a:hover {
    text-decoration: none;
}

.forgot-check a:hover {
    text-decoration: none;
}

p.forgot-check {
    font-weight: 600;
    position: relative;
    color: var(--blue-color);
    font-size: 14px;
    display: inline-block;
}

    p.forgot-check:after {
        position: absolute;
        background: var(--blue-color);
        content: "";
        top: 22px;
        height: 1px;
        width: 100%;
        left: 0px;
    }

.forgot-password p:after {
    position: absolute;
    background: var(--blue-color);
    content: "";
    top: 29px;
    height: 1px;
    width: 100%;
    left: 0px;
}

.login-page-life input:focus {
    outline: none;
}

p.Contact {
    line-height: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 16px;
}

.box-client-name i.fa-solid.fa-circle-chevron-left {
    background: var(--black-light) !important;
    border-radius: 100%;
    z-index: 9999999;
    color: var(--gray-light2) !important;
    border: none !important;
    font-size: 41px;
}

.box-client-name a {
    text-decoration: none;
}

.email-verfication p {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: var(--black-light);
}

.valid-name p {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: var(--black-light);
}

.valid-name {
    padding: 0px 0px 0px;
}

.value p {
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    color: var(--gray-light6);
}

li.my-4.event a {
    /* font-size: 17px; */
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    color: var(--gray-light3);
}

.password-edit {
    position: relative;
    margin: 10px 0px;
}


span.details-edit {
    position: absolute;
    top: -15px;
    /* left: 30px; */
    /* right: 20%; */
    left: 421%;
}

.password-edit span {
    /* right: 0px; */
    position: absolute;
    /* left: 0px; */
    white-space: nowrap;
    right: -13px;
}

.password-edit p {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    text-decoration: underline;
    color: var(--green-color);
    cursor: pointer;
}


a.common-edit i {
    background: var(--green-color);
    /* padding: 8px; */
    border-radius: 100%;
    font-size: 16px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-right: 3px; */
    margin-left: 0px;
}

.login-return p {
    /* font-size: 21px; */
    font-weight: 600;
    font-style: normal;
    font-size: 21px;
    position: relative;
    color: var(--green-color);
    padding-top: 8px;
    text-decoration: none;
    display: inline-block;
}

    .login-return p:after {
        /* position: absolute; */
        position: absolute;
        content: "";
        top: 36px;
        height: 1px;
        width: 100%;
        left: 0px;
        background: var(--green-color);
    }

.reset-password:after {
    content: "";
    position: absolute;
    background: var(--green-color);
    height: 1px;
    width: 100%;
    top: 27px;
    right: 1px;
}

.reset-password {
    font-size: 22px;
    font-weight: 700;
    color: var(--green-color);
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.file-choose-input {
    padding: 3px 10px !important;
}

/* ===================== responsive start ================================== */
@media (max-width:1440px) {
    .client-details h3 {
        font-size: 27px;
    }

    .login-return p {
        font-size: 18px;
    }

    .input-recheck span {
        height: 35px;
        width: 35px;
    }

        .input-recheck span:before {
            left: 11px;
        }

    .bottom-padding .body-package input {
        font-size: 18px;
    }

    .bite-size-button {
        padding-top: 124px !important;
    }

    .login-page-life input {
        height: 45px;
    }

    .email-verfication p {
        font-size: 16px;
    }

    .login-star .login-full-logo {
        /* height: 124vh !important;
		margin-top: -82px !important;
		margin-bottom: -3px !important;
		margin-right: 63px; */
    }

    .rember label {
        font-size: 18px;
    }

    .login-logo img {
        max-width: 300px;
    }

    .create-account-register p {
        font-size: 16px;
    }

    .create-account-register a {
        font-size: 16px;
    }

    .rember label {
        font-size: 16px;
    }

    .forgot-password p {
        font-size: 16px;
    }


    .login-page-life .lfc-py {
        padding-bottom: 10px;
    }

    .tab-data-table .tab-content .card table tbody tr td span a.common-edit {
        font-size: 16px;
        height: 30px;
        width: 30px;
    }

    .dataTables_wrapper .dataTables_info {
        font-size: 14px;
    }

    .client h4 {
        font-size: 27px;
    }

    .dash-admin .inner-box-dash a {
        padding: 13px 18px;
        font-size: 16px;
    }

    .dash-admin .inner-box-dash h5 {
        font-size: 60px;
    }

    .box p {
        font-size: 16px;
    }

    .client p {
        font-size: 16px;
    }

    .client .add-client {
        padding: 11px 18px;
        font-size: 16px;
    }

    h2.h1-heading {
        font-size: 27px;
    }

    .box-dark.light h3 {
        color: var(--black-color);
        font-size: 21px;
    }

    .box-dark.light p {
        font-size: 16px;
    }

    .box-dark p {
        font-size: 16px;
    }

    .col-lg-6.box-get {
        margin-bottom: 30px;
    }

    .box-dark a {
        padding: 7px 17px;
        display: inline-block;
        font-size: 16px;
    }

    h6.p-3.border-bottom.collapsed:before {
        font-size: 30px;
    }

    .client .box-table-inner table tbody tr i {
        font-size: 21px;
    }

    .test-box span {
        font-size: 16px;
    }

    .test-box p {
        font-size: 60px;
    }

    h3.user-name-heading {
        font-size: 29px;
        padding-left: 0px;
    }

    button.create-button {
        padding: 11px 18px;
        font-size: 18px;
        margin-right:15px !important;
    }

    .right-survey .list-group a {
        color: var(--gray-light3);
        font-size: 15px;
    }

    h1.h1-heading {
        font-size: 27px;
    }

    .tab-data-table .tab-content .card table tbody tr td b {
        font-size: 21px;
    }

    .tab-data-table .tab-content .card table tbody tr td span button,
    .tab-data-table .tab-content .card table tbody tr td span a {
        font-size: 16px;
        height: 30px;
        width: 30px;
    }

    .tab-data-table .tab-content .card table tbody tr td span b {
        font-size: 15px;
    }

    .tab-data-table .tab-content .card table tbody tr td span.menu-icon,
    .tab-data-table .tab-content .card table tbody tr td a {
        font-size: 27px;
    }

    .tab-data-table .tab-content .card table tbody tr td b.data-response {
        font-size: 25px;
    }

    span.d-block.response {
        font-size: 16px !important;
    }

    button.icon-menu-view i {
        font-size: 28px;
    }

    .box-dark h3 {
        font-size: 21px;
    }

    .package-select span {
        font-size: 40px;
    }

    footer .list-group a {
        font-size: 16px;
    }



    .tab-data-package.confirm .card-package h5 {
        font-size: 18px;
    }

    footer .btn-group button {
        padding: 13px 0px;
        font-size: 17px;
    }

    h1.h1-heading.start {
        /*font-size: 60px;*/
        font-size: 36px;
        font-weight: 500;
        padding-bottom: 17px;
    }

    .content h1 {
        font-size: 27px;
    }

    .login h3 {
        font-size: 25px !important;
    }

    .login p {
        font-size: 16px;
    }

    .welcome p span {
        font-style: normal;
        font-size: 30px;
        color: var(--black-color);
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        font-size: 16px;
    }

    .client-details td b {
        font-size: 18px;
    }

    .client-details .box-client-name span {
        font-size: 18px;
    }

    .box-client-name i.fa-solid.fa-circle-chevron-left {
        font-size: 38px;
    }

    .right-survey .list-group a + a {
        margin: 0 15px;
        text-decoration: none;
    }

    p.d-block.response {
        font-size: 16px;
    }

    .create-icon-button h5 {
        font-size: 18px;
    }

    .create-icon-button img {
        padding: 7.5px;
    }

    p.d-block.response {
        font-size: 16px !important;
    }

    .col {
        width: 80%;
        max-width: 80%;
        flex: 0 0 80%;
    }

    .support-center-content .col-xl-12.col-lg-12.col {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .survey-heading h1.h1-heading {
        font-size: 29px;
    }

    .Support-centre-heading-title h2.h1-heading {
        font-size: 29px;
    }

    /*.support-center-box-row {
        width: 40%;
        max-width: 40%;
        flex: 0 0 40%;
    }*/

    .Support-centre-box h3 {
        font-size: 24px;
    }

    .Support-centre-box p {
        font-size: 16px;
    }

    .Support-centre-box a {
        font-size: 16px;
    }

    .faq-question h6 {
        font-size: 16px;
    }

    .package-heading-content-title h1.h1-heading {
        font-size: 29px;
    }

    .right-survey .card-package label {
        font-size: 16px;
    }

    .box-footer p {
        font-size: 19px;
    }

    .bottom-padding .body-package input {
        font-size: 18px !important;
    }

    .surevy-heading-text h4 {
        font-size: 24px;
    }

    .sidebar[b-pjg56hhge3] {
        width: 94px !important;
        height: 100%;
        position: sticky;
        top: 0;
        min-height: 100vh;
        z-index: 1000;
    }

    .client .box-table-inner table thead tr th {
        font-size: 14px;
    }

    .client .box-table-inner table tbody tr td {
        font-size: 14px;
    }

    .tab-data-package.confirm .card-package table.table tbody tr td {
        padding-top: 0px;
    }

    .detail-client h4 {
        font-size: 20px;
    }

    .value p {
        font-size: 15px;
    }

    footer {
        width: calc(100% - 92px);
    }

    .login-page-life input {
        font-size: 18px;
    }

    .forgot-password p:after {
        position: absolute;
        background: var(--blue-color);
        content: "";
        top: 32px;
        height: 1px;
        left: 0px;
    }

    select.form-control {
        height: 45px;
    }

    #step1 .body-package input {
        height: 90px;
    }

    .login h3 {
        font-size: 26px !important;
    }

    .login p {
        font-size: 17px;
    }
}

@media (max-width:1200px) {
    .right-survey .list-group a + a {
        margin: 0 9px;
        text-decoration: none;
    }

    .sidebar[b-pjg56hhge3] {
        width: 90px !important;
    }

    .login-return p {
        font-size: 16px;
    }

    .login p {
        font-size: 15px;
    }

    .login-logo img {
        max-width: 270px;
    }

    .input-recheck span:before {
        content: '';
        position: absolute;
        height: 15px;
        width: 11px;
        border: solid var(--gray-light3);
        border-width: 0px 5.5px 5.5px 0px;
        left: 11px;
        top: 47%;
    }

    .login h3 {
        font-size: 23px !important;
    }

    button.submit {
        height: 40px;
    }

    .login-page-life input {
        height: 40px;
    }

    #step1 .body-package input {
        height: 80px;
    }

    select.form-control {
        height: 40px;
    }

    .rember label {
        font-size: 16px;
    }

    .login-page-life input {
        font-size: 15px;
    }

    .create-account-register p {
        font-size: 15px;
    }

    .login-page-life .card-body {
        padding: 3.25rem 46px 33px 3px;
    }

    .right-survey .card-package label {
        font-size: 14px;
    }

    .box-footer p {
        font-size: 17px;
    }

    .bottom-padding .body-package input {
        font-size: 15px !important;
    }

    li.my-4.event a {
        font-size: 15px;
    }

    .valid-name p {
        font-size: 15px;
    }

    .value p {
        font-size: 14px;
        padding-top: 5px;
    }

    .email-verfication p {
        font-size: 15px;
    }

    .client .box-table-inner table thead tr th, .client .box-table-inner table tbody tr td {
        padding: 0px 8px !important;
        white-space: nowrap;
    }

    .client .add-client img {
        width: 28px;
    }

    .client-details h3 {
        font-size: 21px;
    }

    .publish-content-box {
        width: 534px;
        max-width: 534px;
        flex: 4 0 534px;
    }

    .client p {
        font-size: 15px;
    }

    .client .box-table-inner table thead tr th {
        font-size: 14px;
    }

    h1.h1-heading.start {
        font-size: 50px;
    }

    .survey-heading h1.h1-heading {
        font-size: 27px;
    }

    .client .box-table-inner table tbody tr td {
        font-size: 14px;
    }

    .dataTables_wrapper .dataTables_info {
        font-size: 13px;
    }

    .dash-admin .inner-box-dash a {
        padding: 8px 18px;
        font-size: 17px;
    }

    .dash-admin .inner-box-dash h5 {
        font-size: 40px;
        font-weight: 500;
    }

    .box-dark {
        margin-bottom: 22px;
    }

    .box p {
        font-size: 14px;
    }

    .client h4 {
        font-size: 24px;
    }

    .dash-admin .inner-box-dash a {
        padding: 10px 21px;
        font-size: 16px;
    }

    .box-dark.light h3 {
        font-size: 21px;
    }

    .box-dark.light p {
        font-size: 14px;
    }

    .my-service-tabel-question-detail {
        margin-top: 113px;
    }

    h2.h1-heading {
        font-size: 25px;
    }

    .box-dark a {
        font-size: 15px;
    }

    h6.p-3.border-bottom.collapsed:before {
        font-size: 27px;
    }

    .client .add-client {
        padding: 10px 13px;
        font-size: 14px;
    }

    .client .box-table-inner table tbody tr i {
        font-size: 18px;
    }

    .test-box span {
        font-size: 14px;
    }

    .test-box p {
        font-size: 50px;
    }

    h3.user-name-heading {
        font-size: 24px;
    }

    button.create-button {
        padding: 10px 13px;
        font-size: 17px;
    }

    h1.h1-heading {
        font-size: 24px;
    }

    .right-survey .list-group a {
        font-size: 15px;
    }

    .tab-data-table .tab-content .card table tbody tr td b {
        font-size: 21px;
    }

    .tab-data-table .tab-content .card table tbody tr td span button,
    .tab-data-table .tab-content .card table tbody tr td span a {
        font-size: 16px;
        height: 27px;
        width: 27px;
    }

    .box-dark h3 {
        font-size: 20px;
    }

    .package-select span {
        font-size: 35px;
    }

    footer .list-group a {
        font-size: 15px;
    }

    .add-quetion button.full-width-btn {
        font-size: 16px;
    }

    .tab-data-package.confirm .card-package h5 {
        font-size: 16px;
    }

    .tab-data-package .table tr td b {
        font-size: 16px;
    }

    footer .btn-group button {
        padding: 13px 0px;
        font-size: 14px;
    }

    h1.h1-heading.start {
        /*font-size: 50px;*/
        font-size: 40px;
        font-weight: 500;
        padding-bottom: 17px;
    }

    .content h1 {
        font-size: 24px;
    }

    .rember label {
        font-size: 16px;
    }

    .m-2.px-2.mb-5 > img {
        max-width: 270px;
    }

    .login h3 {
        font-size: 19px;
    }

    .login p {
        font-size: 15px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        font-size: 15px;
    }

    .client-details td b {
        font-size: 17px;
    }

    .client-details .box-client-name span {
        font-size: 17px;
    }

    .box-client-name i.fa-solid.fa-circle-chevron-left {
        font-size: 36px;
    }

    .tab-data-table .tab-content .card table tbody tr td span b {
        font-size: 14px;
    }

    .tab-data-table .tab-content .card table tbody tr td span {
        font-size: 14px;
    }

    .tab-data-table .tab-content .card table tbody tr td b.data-response {
        font-size: 21px;
    }

    span.d-block.response {
        font-size: 15px !important;
        color: var(--gray-light3) !important;
    }

    .tab-data-package.details .card-package .form-group {
        margin: 0 0 18px;
    }

    .detail-client h4 {
        font-size: 20px;
    }

    .tab-data-package.confirm .card-package table.table tbody tr td b {
        font-size: 15px;
    }

    select.form-control {
        font-size: 15px;
    }

    .dash-admin .inner-box-dash h5 {
        font-size: 50px;
    }

    .client .box-table-inner table tbody tr td {
        font-size: 12px;
    }

    .client .box-table-inner table thead tr th {
        font-size: 12px;
    }

    .detail-client h4 {
        font-size: 17px;
    }
}

@media(max-width:1024px) {
    footer .list-group {
        width: calc(72% - 5px);
        padding-left: 26px;
    }

    .box-dark.light h3 {
        font-size: 19px;
    }

    .login-logo img {
        max-width: 260px;
    }

    .sidebar[b-pjg56hhge3] {
        width: 86px !important;
    }

    .rember label {
        font-size: 14px;
    }

    .detail-client h4 {
        font-size: 15px;
    }

    .dash-admin .inner-box-dash h5 {
        font-size: 50px;
    }

    .right-survey .card-package label {
        padding-bottom: 21px;
    }

    .row-form-gorup.sec.pb-4 span {
        height: 110px;
    }

    .tab-data-package {
        max-width: 851px;
        /*padding-left: 141px;*/
        /* margin: auto; */
        /*margin-top: -15px;*/
    }

    footer .list-group a.active {
        font-size: 15px;
    }

    .Support-centre-box p {
        font-size: 14px;
    }

    h6.p-3.border-bottom, h6.p-3.border-bottom.collapsed {
        font-size: 14px;
    }

    .Support-centre-box a {
        font-size: 14px !important;
    }

    .Support-centre-box {
        padding: 38px 19px 47px 33px;
    }

        .Support-centre-box h3 {
            font-size: 20px;
        }

    .box-dark h3 {
        font-size: 19px;
    }

    .box-dark p {
        font-size: 14px;
    }

    .box-dark.light p {
        font-size: 14px;
    }

    .login h6 {
        font-size: 25px;
    }
}


@media (max-width:991px) {
    .client-details h3 {
        font-size: 19px;
    }

    .box-dark.light h3 {
        font-size: 19px;
    }

    .box-dark h3 {
        font-size: 19px;
    }

    .box-dark p {
        font-size: 15px;
    }

    .box-dark.light p {
        font-size: 15px;
    }

    .dash-admin .inner-box-dash a {
        padding: 7px 15px;
        font-size: 16px;
    }

    .dash-admin .inner-box-dash h5 {
        font-size: 35px;
        font-weight: 500;
    }

    .box-dark {
        margin-bottom: 22px;
    }

    .client h4 {
        font-size: 18px;
    }

    .dash-admin .inner-box-dash a {
        padding: 7px 15px;
        font-size: 16px;
    }

    .client .box-table-inner {
        margin-top: 4px;
    }

    .box-table-inner .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 5px 12px;
        margin-bottom: 10px;
    }

    h6.p-3.border-bottom.collapsed:before {
        font-size: 25px;
    }

    .client .add-client {
        padding: 10px 13px;
        font-size: 16px;
    }

    .client .box-table-inner table tbody tr i {
        font-size: 21px;
    }

    .test-box span {
        font-size: 15px;
    }

    .test-box p {
        font-size: 35px;
    }

    .test-box {
        margin-bottom: 19px;
    }

    h3.user-name-heading {
        font-size: 21px;
    }

    h1.h1-heading {
        font-size: 21px;
    }

    button.create-button {
        padding: 7px 9px;
        font-size: 16px;
    }

    .tab-data-table .tab-content .card table tbody tr td b {
        font-size: 16px;
    }

    .box-dark h3 {
        font-size: 18px;
    }

    .box-dark.light h3 {
        font-size: 18px;
    }

    .package-select span {
        font-size: 34px;
    }

    footer .list-group a {
        font-size: 12px;
    }

    .add-quetion button.full-width-btn {
        font-size: 17px;
    }

    .tab-data-package.confirm .card-package h5 {
        font-size: 15px;
    }

    .tab-data-package .table tr td b {
        font-size: 15px;
    }

    footer .btn-group button {
        padding: 9px 0px;
        font-size: 15px;
    }

    h1.h1-heading.start {
        /*font-size: 45px;*/
        font-size: 36px;
        font-weight: 500;
        padding-bottom: 17px;
    }

    .content h1 {
        font-size: 21px;
    }

    .m-2.px-2.mb-5 > img {
        max-width: 200px;
    }

    .rember label {
        font-size: 15px;
    }

    .login h3 {
        font-size: 17px;
    }

    .login p {
        font-size: 14px;
    }

    .dataTables_wrapper .dataTables_info {
        font-size: 14px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        font-size: 14px;
    }

    .client-details td b {
        font-size: 16px;
    }

    .client-details .box-client-name span {
        font-size: 16px;
    }

    .box-client-name i.fa-solid.fa-circle-chevron-left {
        font-size: 34px;
    }

    span.details-edit {
        position: absolute;
        top: 0px;
        /* left: 30px; */
        /* right: 20%; */
        left: 421%;
    }

    .login h6 {
        font-size: 24px;
    }
}

@media (max-width:767px) {
    .client .box-table-inner {
        padding: 20px 10px;
    }

    .login-return p {
        font-size: 14px;
    }

    .input-recheck span {
        height: 30px;
        width: 30px;
    }

        .input-recheck span:before {
            content: '';
            position: absolute;
            height: 15px;
            width: 11px;
            border: solid var(--gray-light3);
            border-width: 0px 4.5px 4.5px 0px;
            left: 10px;
            top: 47%;
            transform: translateY(-50%) rotate(45deg);
            opacity: 0;
            border-radius: 2px;
        }

    .login h6 {
        font-size: 22px;
    }

    .login-logo img {
        max-width: 250px;
    }

    .box-table-inner .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 2px 5px;
        margin-bottom: 10px;
    }

    .client-details h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .dash-admin .inner-box-dash a {
        padding: 6px 11px;
        font-size: 15px;
    }

    .dash-admin .inner-box-dash h5 {
        font-size: 25px;
        font-weight: 500;
    }

    .box-dark {
        margin-bottom: 22px;
    }

    .client h4 {
        font-size: 18px;
        font-weight: 600;
        /* padding-bottom: 0px !important; */
        /* margin-top: -1px !important; */
        /* padding-top: 0px !important; */
        margin-bottom: 20px !important;
    }

    .dash-admin .inner-box-dash a {
        padding: 6px 11px;
        font-size: 15px;
    }

    .content h6 {
        font-size: 14px;
    }

    h6.p-3.border-bottom.collapsed:before {
        font-size: 23px;
    }

    .client .add-client {
        padding: 9px 14px;
        font-size: 15px;
    }

    .mx-4 {
        margin-left: 0px !important;
    }

    .mx-4 {
        margin-right: 0px !important;
    }

    .client .box-table-inner table tbody tr i {
        font-size: 19px;
    }

    h3.user-name-heading {
        font-size: 19px;
    }

    .tab-data-table .tab-content .card table tbody tr td b {
        font-size: 15px;
    }

    .right-survey .list-group a {
        font-size: 14px;
    }

    button.create-button {
        padding: 7px 12px;
        font-size: 15px;
        margin-top: 12px;
    }

    .tab-data-table .tab-content .card table tbody tr td span b {
        font-size: 14px;
    }

    .tab-data-table .tab-content .card table tbody tr td span {
        font-size: 14px;
    }

    button.create-button i {
        height: 25px;
        width: 25px;
        line-height: 22px;
    }

    .box-dark h3 {
        font-size: 16px;
    }

    .box-dark.light h3 {
        font-size: 17px;
    }

    .box-dark.light p {
        font-size: 14px;
    }

    .package-select span {
        font-size: 30px;
    }

    .tab-data-package .row-form-gorup .package-select {
        margin: 0 4px !important;
        width: calc(42% - 79px);
    }

    footer .list-group a {
        font-size: 12px;
    }

    h1.h1-heading {
        font-size: 19px;
    }

    .add-quetion button.full-width-btn {
        font-size: 15px;
    }

    .tab-data-package.confirm .card-package h5 {
        font-size: 14px;
    }

    .tab-data-package .table tr td b {
        font-size: 14px;
    }

    footer .btn-group button {
        padding: 7px 19px;
        font-size: 13px;
    }

    h1.h1-heading.start {
        font-size: 26px;
        font-weight: 500;
        padding-bottom: 17px;
    }

    .right-survey .list-group a + a {
        margin: 0 6px;
        text-decoration: none;
    }

    .content h1 {
        font-size: 19px;
        font-weight: 600;
    }

    .rember label {
        font-size: 14px;
    }

    .login-page-life p {
        margin-bottom: 13px;
        font-size: 16px;
    }

    .login-page-life .row.py-3 {
        padding: 0px 25px 0px 0px;
    }

    .login-page-life .image.ax_default_hidden {
        display: none;
    }

    button.submit {
        font-size: 16px;
        margin-top: 5px !important;
    }

    .login h3 {
        font-size: 17px;
    }

    .login p {
        font-size: 14px;
    }

    footer .list-group {
        width: calc(100% - 10px);
        margin-bottom: 10px;
    }

    footer {
        flex-direction: column;
    }

        footer .btn-group {
            justify-content: center;
        }

    ul.bottom {
        bottom: inherit;
        position: inherit;
    }

    .dataTables_wrapper .dataTables_info {
        font-size: 12px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        font-size: 12px;
    }

    .client-details td b {
        font-size: 15px;
    }

    .client-details .box-client-name span {
        font-size: 15px;
    }

    .box-client-name i.fa-solid.fa-circle-chevron-left {
        font-size: 32px;
    }

    span.details-edit {
        position: absolute;
        top: -20px;
        /* left: 30px; */
        /* right: 20%; */
        left: 505%;
        font-size: 13px;
    }

    .password-edit span {
        /* right: 0px; */
        position: absolute;
        /* left: 0px; */
        white-space: nowrap;
        right: -52px;
        font-size: 13px;
    }

    .value p {
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        color: var(--black-color);
    }

    p.forgot-check:after {
        top: 23px;
        height: 1px;
    }
}

@media(max-width:540px) {
    .tab-data-package .row-form-gorup .package-select {
        margin: 0 4px !important;
        width: calc(31% - 8px);
    }

    .reset-password:after {
        top: 17px;
        right: 0px;
    }

    .reset-password {
        font-size: 14px;
    }

    .login-return p {
        font-size: 12px;
    }

    .create-account-register a {
        font-size: 14px;
    }

    .login-logo img {
        max-width: 260px;
    }

    .login-page-life .lfc-py {
        padding-bottom: 10px;
        padding-right: 25px;
    }

    .login-page-life p {
        font-size: 14px;
    }

    .forgot-password p:after {
        content: "";
        top: 24px;
        left: 0px;
    }

    .create-account-register p:after {
        top: 16px;
    }

    .create-account-register a:after {
        top: 16px;
    }

    .login h3 {
        padding-top: 5px;
    }

    .tab-data-package.confirm .card-package table.table tbody tr td:first-child {
        width: 75%;
    }

    .content h6 {
        flex-wrap: wrap;
    }

    .question h6 button {
        flex-wrap: wrap;
        width: 85%;
        justify-content: center !important;
    }

    .rember label {
        font-size: 13px;
        padding-left: 0px;
    }

    .rember label {
        font-size: 14px;
    }


    .card-body input {
        font-size: 15px;
    }

    p.forgot-check:after {
        top: 16px;
    }
}

@media(max-width: 1440px) {
    .sureve-detail-button .surve-detail h5 {
        font-size: 18px;
    }

    .surve-detail h6 {
        font-size: 23px;
    }
}

@media(max-width: 1200px) {
    .sureve-detail-button .surve-detail h5 {
        font-size: 17px;
    }

    .surve-detail h6 {
        font-size: 21px;
    }
}

@media(max-width: 991px) {
    .sureve-detail-button .surve-detail h5 {
        font-size: 16px;
    }

    .surve-detail h6 {
        font-size: 19px;
    }
}

@media(max-width: 767px) {
    .sureve-detail-button .surve-detail h5 {
        font-size: 14px;
    }

    .surve-detail h6 {
        font-size: 17px;
    }

    .create-icon-button {
        min-height: 120px;
        margin-top: 20px
    }

    .login h6 {
        padding-top: 23px;
    }
}

.add-quetion button.full-width-btn:focus {
    outline: none;
}



#step1 .card-package label {
    padding-top: 0 !important;
}

.bottom-padding .body-package input {
    border-color: var(--input-border-color);
    border-radius: 6px;
    /* font-size: 20px; */
    color: var(--gray-light3);
    font-weight: 400;
   /* change 3 px to 0px on 19-Mar-25*/
    margin-left: 0px;
  /*  end*/
    height: 39px;
    padding: 6px !important;
}

.add-quetion .card-package {
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.149019607843137);
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
}

.bottom-padding .card-package {
    background: var(--white-color);
    margin-left: 9px;
}

.bottom-padding .body-package {
    border-color: transparent !important;
}


.dropdown-menu[b-tcexr8tl1n] a {
    border-bottom: solid 1px #eee;
    border-radius: 0px;
    font-weight: 400;
    font-style: normal;
    color: var(--gray-light9);
    font-size: 14px;
}

    .dropdown-menu[b-tcexr8tl1n] a:hover {
        text-decoration: none;
    }

    .dropdown-menu[b-tcexr8tl1n] a:hover {
        color: var(--gray-light9) !important;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

footer .btn-group button.next:focus {
    outline: none;
}

footer .btn-group button:focus {
    outline: none;
}


.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    top: 11px;
    z-index: 90;
}

.container-fluid.login-page-life {
    position: relative;
}

.login-star {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    transform: translate(55.4%, 0);
    z-index: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}

    .login-star .login-full-logo {
        /*height: 110vh;
	width: 106%;*/
        height: 106vh;
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -49px;
        margin-bottom: -30px;
    }

    /* div#u4 img {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
} */
    .login-star img {
        height: 100%;
    }

.sidebar-logo img {
    width: 46.84px;
    height: auto;
    /*margin-left: 6px;*/
    margin-top: 1px;
}

.navbar .sidebar-logo.navbar-brand {
    margin-right: 0px;
}

.lfc-menu {
    margin-top: 3px;
}

.profile-detail {
    margin-top: 96px;
}

.profile-presnt {
    margin-top: 124px;
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 10px;
    margin-left: 51px;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

.bite-size-button {
    padding-top: 93px;
    padding-right: 0px;
}

.box-table-inner.bite-box {
    /* background: var(--white-color); */
    border-radius: 10px;
    padding: 23px 20px;
    margin-top: 26px;
    background-color: var(--white-color);
    border: none;
    border-radius: 20px;
    margin-left: 8px;
    margin-bottom: 30px;
}

button.apply {
    background-color: var(--gray-light6);
    border: none;
    border-radius: 10px;
    box-shadow: none;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: var(--white-color);
    padding: 7px 24px;
    font-size: 19px;
}

/*.your-profile-content {
    padding-top: 103px;
}
*/
.email-verfication {
    /*padding: 0px 0px 15px;*/
    padding: 0px 0px 0px;
}

a.invite {
    background-color: var(--green-color);
    border: none;
    border-radius: 15px;
    padding: 12px 28px;
    font-size: 17px;
    cursor: pointer;
    color: var(--white-color) !important;
    margin-bottom: 67px;
    margin-top: 13px;
}



.pos-rel {
    position: relative;
}

.indexz1 {
    z-index: 1;
}

.sidebar ul.bottom .nav-item.dropdown {
    margin-bottom: 25px !important;
}

.form-select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-group label {
    font-size: 14px;
    font-weight: 500;
    color: var(--label-color);
}

.rember.common .input-recheck {
    width: 22px;
    height: 22px;
}

    .rember.common .input-recheck span {
        border-color: var(--blue-color);
        border-radius: 3px;
        width: 22px;
        height: 22px;
    }

        .rember.common .input-recheck span:before {
            border-color: var(--white-color);
            width: 7px;
            height: 14px;
            left: 7px;
            border-width: 0px 3.5px 3.5px 0px;
        }

.rember.common label.form-check-label {
    color: var(--blue-color);
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.rember.common .input-recheck input:checked ~ span {
    background: var(--blue-color);
}

.rember.common {
    margin-top: 6px;
}

.form-check.radio-custom {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    margin-top: 6px;
}

    .form-check.radio-custom input {
        height: 22px !important;
        width: 22px !important;
        position: relative;
        z-index: 1000;
        opacity: 0;
        margin: 0;
        padding: 0;
    }

    .form-check.radio-custom span {
        border-radius: 100%;
        width: 22px;
        height: 22px;
        position: absolute;
        left: 0;
        top: 0;
        border: solid 1px var(--blue-color);
    }

        .form-check.radio-custom span:before {
            content: '';
            position: absolute;
            left: 2px;
            top: 7%;
            opacity: 1;
            border-radius: 100%;
            width: 16px;
            height: 16px;
            background: var(--blue-color);
            opacity: 0;
        }

    .form-check.radio-custom input[type="radio"]:checked ~ span:before {
        opacity: 1;
    }

textarea.form-control {
    height: auto;
    resize: none;
}

.container-fluid .row {
    display: flex;
    justify-content: center;
}

.container-fluid.login-page-life.forgot-password-page .row {
    justify-content: left;
}

.right-survey.details .tab-content .package-heading-content-title {
    padding-left: 0px;
}

footer .btn-group button#Saveasdraft {
    width: 128px;
}

.tab-data-package.details .card-package label span.text-danger {
    color: #865BEF !important;
}

.right-survey .card-package label.multiselect-count {
    top: 2px !important;
    background: var(--body-color) !important;
}


.bottom-padding .body-package input.file-choose-input::file-selector-button {
    padding: 3px;
    border: 1px solid #C4C4C4;
    border-radius: 11px;
    justify-content: center;
    color: #0C0437;
    font-size: 14px;
    font-weight: 400;
    width: 151px;
    height: 33px;
}

.modal button.clear-btn span {
    color: var(--white-color);
}

.modal button.clear-btn {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.tab-data-package.details .body-package .input-group .checkbox-custom {
    position: relative;
    margin: 6px 0px 0px;
}

    .tab-data-package.details .body-package .input-group .checkbox-custom input[type="checkbox"] {
        margin: 0px;
        opacity: 0;
        z-index: 1000;
        width: 26px;
        height: 25px !important;
        position: relative;
    }

    .tab-data-package.details .body-package .input-group .checkbox-custom span {
        height: 22px;
        width: 22px;
        position: absolute;
        left: 0;
        top: 0;
        border: solid 1px var(--blue-color);
        border-radius: 3px;
    }

    .tab-data-package.details .body-package .input-group .checkbox-custom input[type="checkbox"]:checked ~ span {
        background: var(--blue-color);
    }

    .tab-data-package.details .body-package .input-group .checkbox-custom span:before {
        content: '';
        position: absolute;
        height: 9px;
        width: 13px;
        left: 4px;
        top: 25%;
        opacity: 0;
        border-radius: 3px;
        background: url(/img/check-icon-white.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .tab-data-package.details .body-package .input-group .checkbox-custom input[type="checkbox"]:checked ~ span:before {
        opacity: 2;
    }

.tab-data-package.details .card-package .form-group.panelmember-counter-box {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

    .tab-data-package.details .card-package .form-group.panelmember-counter-box span {
        font-size: 18px;
        font-weight: 500;
        color: var(--gray-light6);
    }

    .tab-data-package.details .card-package .form-group.panelmember-counter-box label {
        width: auto;
        margin: 0;
        padding: 0;
        font-size: 18px;
        font-weight: 500;
        color: var(--gray-light6);
    }

.tab-data-package.add-quetion .col-md-12.w-100.input-question {
    background: none !important;
    margin: 0;
    padding: 0;
}


    .tab-data-package.add-quetion .col-md-12.w-100.input-question div#divFormPreview {
        background: transparent;
        /*margin-top: 110px;*/
    }
.mt-110 {
    margin-top: 110px
}
.tab-data-package.add-quetion .drop-select ul.row.dropdown-menu {
    display: none;
    margin-top: -9px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    justify-content: flex-start;
    margin-left: 0 !important;
}

}

.bottom-padding #divFormPreview .body-package {
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
}

.tab-data-package.add-quetion .col-md-12.w-100.input-question .body-package {
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    margin-left: 9px;
}

    .tab-data-package.add-quetion .col-md-12.w-100.input-question .body-package .top-input input {
        height: 100% !important;
        padding: 10px 10px;
        width: calc(100% - 100px);
        margin-left: 3px;
    }

    .tab-data-package.add-quetion .col-md-12.w-100.input-question .body-package .top-input .input-box-inner {
        background: var(--white-color);
        border: 1px solid #D1D5DB;
        border-radius: 6px;
        height: 56px;
    }

.body-package .top-input {
    position: relative;
    background: #F8F6FC;
    border-radius: 20px 20px 0px 0px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    column-gap: 2px;
    justify-content: space-evenly;
}

.inner-box-input ul.slider li .valur-input.sec-input.text-center input[type="range"] {
    height: auto;
    box-shadow: none;
    min-width: inherit;
    padding: 0px;
    border: none;
}

.inner-box-input ul.slider li .valur-input.sec-input.text-center {
    padding: 10px 0px 0px;
}

.input-value-content h6 {
    color: var(--label-color);
    font-size: 14px;
    font-weight: 500;
}

.tab-data-package.add-quetion .col-md-12.w-100.input-question .body-package .inner-box-input ul {
    display: flex;
    width: 100%;
    flex-direction: column;
    background: var(--body-color);
    border: 1px solid #D5D5D5;
    border-radius: 20px;
    padding: 30px 0px 13px;
}

    .tab-data-package.add-quetion .col-md-12.w-100.input-question .body-package .inner-box-input ul.rating {
        min-height: 109px;
        margin: 10px 0px;
    }

.add-media-section {
    position: fixed;
    background: #cdcdcd;
    z-index: 999;
    left: 100px;
    top: 0;
    height: 100%;
    background: rgb(86,28,153);
    background: -moz-linear-gradient(280deg, rgba(86,28,153,1) 0%, rgba(11,5,53,1) 94%);
    background: -webkit-linear-gradient(280deg, rgba(86,28,153,1) 0%, rgba(11,5,53,1) 94%);
    background: linear-gradient(280deg, rgba(86,28,153,1) 0%, rgba(11,5,53,1) 94%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#561c99",endColorstr="#0b0535",GradientType=1);
    width: 581px;
    padding: 20px;
    transition: 0.5s;
    display: block;
}

    .add-media-section.hide {
        transition: 0.3s;
        left: -581px;
        display: none;
    }

    .add-media-section .top-header {
        position: relative;
    }

        .add-media-section .top-header a.close-icon {
            position: absolute;
            right: -9px;
            top: -16px;
            width: 12px;
            height: auto;
            z-index: 9999;
            cursor: pointer;
        }

            .add-media-section .top-header a.close-icon img {
                width: 12px;
                object-fit: cover;
                height: auto;
            }

        .add-media-section .top-header .inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 20px 0px 0px;
        }

            .add-media-section .top-header .inner input {
                height: 34px;
                border: 1px solid var(--input-border-color);
                border-radius: 10px;
                width: 183px;
                color: #0C0437;
                padding: 0px 10px;
            }

                .add-media-section .top-header .inner input::placeholder {
                    color: #C4C4C4;
                }

            .add-media-section .top-header .inner .btn-box {
                display: flex;
                align-items: center;
                column-gap: 9px;
            }

                .add-media-section .top-header .inner .btn-box button.btn {
                    height: 35px;
                    border-radius: 10px;
                    color: #fff;
                    font-size: 18px;
                    font-weight: 600;
                    display: flex;
                    align-items: center;
                    width: 145px;
                    justify-content: center;
                    background: #0B0535;
                }

                    .add-media-section .top-header .inner .btn-box button.btn.yellow {
                        background: #FCD21D;
                        color: #777777;
                    }

                .add-media-section .top-header .inner .btn-box button#btnUploadMedia.yellow {
                    color: var(--black-light);
                }

    .add-media-section .inner-box {
        padding: 20px 12px 20px 0px;
        display: flex;
        column-gap: 10px;
    }

        .add-media-section .inner-box .left-part, .add-media-section .inner-box .right-part {
            width: 50%;
        }

            .add-media-section .inner-box .left-part .header-top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid #A68DEE;
                padding: 0px 0px 5px 0px;
                margin-right: 10px;
            }

                .add-media-section .inner-box .left-part .header-top .title {
                    color: var(--white-color);
                    font-size: 18px;
                    font-weight: 600;
                }

                .add-media-section .inner-box .left-part .header-top a {
                    margin-right: 20px;
                }

            .add-media-section .inner-box .right-part ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                column-gap: 10px;
            }

                .add-media-section .inner-box .right-part ul li {
                    width: 46.5%;
                    position: relative;
                    margin: 10px 0px 0px;
                    min-height: 118px;
                }

                    .add-media-section .inner-box .right-part ul li img {
                        width: 100%;
                        height: 118px;
                        object-fit: cover;
                    }

                    .add-media-section .inner-box .right-part ul li video {
                        width: 100%;
                        height: 118px;
                        object-fit: cover;
                    }

                    .add-media-section .inner-box .right-part ul li audio {
                        width: 100%;
                        height: 118px;
                        object-fit: cover;
                    }

                    .add-media-section .inner-box .right-part ul li a.close-icon {
                        position: absolute;
                        top: 0;
                        right: 0;
                        background: #561C9980;
                        width: 19px;
                        height: 18px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                        .add-media-section .inner-box .right-part ul li a.close-icon img {
                            height: auto;
                            width: 11.76px;
                        }

            .add-media-section .inner-box .left-part .accordion {
                margin: 10px 0px;
                height: 100%;
            }

                .add-media-section .inner-box .left-part .accordion ul {
                    padding: 0px 0px 14px;
                    margin: 0px;
                    list-style: none;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    position: relative;
                    flex-wrap: wrap;
                }

                    .add-media-section .inner-box .left-part .accordion ul li {
                        display: flex;
                        align-items: center;
                        column-gap: 6px;
                        z-index: 9;
                        position: relative;
                    }

                        .add-media-section .inner-box .left-part .accordion ul li:first-child {
                            width: calc(100% - 70px);
                        }

                        .add-media-section .inner-box .left-part .accordion ul li:nth-child(2) {
                            width: 70px;
                        }

                        .add-media-section .inner-box .left-part .accordion ul li.dragable-view {
                            position: relative;
                            width: 100%;
                            height: 30px;
                            top: 0px;
                            left: 0;
                            font-size: 9px;
                            margin-top: -28px;
                            background: rgb(171 144 0 / 20%);
                            border-color: #ab9000;
                            text-indent: 102px;
                            opacity: 0;
                            z-index: 0;
                        }

                            .add-media-section .inner-box .left-part .accordion ul li.dragable-view.ui-state-active {
                                position: relative;
                                width: 100%;
                                height: 30px;
                                top: 0px;
                                left: 0;
                                font-size: 9px;
                                margin-top: -28px;
                                background: rgb(127 86 181 / 34%);
                                border-color: #541e9c;
                                text-indent: 102px;
                                opacity: 1;
                            }

.group-times.ui-draggable-dragging {
    font-size: 6px;
    color: transparent;
    border: none;
    height: 5px !important;
    margin-top: 15px;
}

    .group-times.ui-draggable-dragging:after {
        content: '+Copy';
        position: relative;
        width: 70px;
        top: -8px;
        font-size: 12px;
        color: #fff;
        z-index: 99999;
    }

.add-media-section .inner-box .left-part .accordion ul li a {
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    text-decoration: none;
    box-shadow: none;
    outline: none;
}

.add-media-section .inner-box .left-part .accordion ul li:first-child a {
    display: flex;
    align-items: center;
    column-gap: 4px;
    text-decoration: none;
}

.add-media-section .inner-box .left-part .accordion ul li .total {
    font-size: 13px;
    font-weight: 600;
    color: #010005;
    background: #fff;
    padding: 4px 10px;
    border-radius: 11px;
    min-width: 35px;
    text-align: center;
}

.add-media-section .inner-box .left-part .accordion ul li .icon {
    display: flex;
    align-items: center;
    column-gap: 4px;
    width: 28px;
}

.add-media-section .inner-box .left-part .accordion ul li a.collapsed img.colls {
    display: inline-block;
}

.add-media-section .inner-box .left-part .accordion ul li a.collapsed img.open {
    display: none;
}

.add-media-section .inner-box .left-part .accordion ul li a img.colls {
    display: none;
}

.add-media-section .inner-box .left-part .accordion ul li a img.open {
    display: inline-block;
}

.add-media-section .inner-box .left-part .accordion .inner {
    padding-left: 30px;
}

.add-media-section .inner-box .right-part ul li.small-img img {
    width: 60px;
    height: auto;
    object-fit: cover;
}

.add-media-section .inner-box .right-part ul li.small-img {
    background: #370C682E;
    box-shadow: inset 0 0 24px #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-media-section .dropbox-section {
    padding: 20px;
    border: 2px dotted #A68DEE;
    border-radius: 20px;
    margin: 20px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 658px;
    padding-bottom:60px;
}

    .add-media-section .dropbox-section .inner {
        text-align: center;
    }

        .add-media-section .dropbox-section .inner .title {
            font-size: 25px;
            font-weight: 600;
            color: var(--white-color);
        }

        .add-media-section .dropbox-section .inner span {
            font-size: 14px;
            padding: 15px 0px;
            display: block;
            color: var(--white-color);
        }

        .add-media-section .dropbox-section .inner .custom-file input.custom-file-input {
            /*height: 290px;*/
            height: 350px;
            position: absolute;
            left: 0px;
            /*top: -100px;*/
            top: -50px;
        }

        .add-media-section .dropbox-section .inner .form-group .select-view-box span {
            color: #000;
        }
        /*.add-media-section .dropbox-section .inner .custom-file {
    width: 134px;
    background: var(--green-color);
    border-radius: 13px;
    position: relative;
    height: 46px;
    cursor: pointer !important;
    color: var(--white-color);
    font-weight: 600;
}*/
        .add-media-section .dropbox-section .inner .custom-file {
            width: 100%;
            position: relative;
            height: 46px;
            cursor: pointer !important;
        }
        /*.add-media-section .dropbox-section .inner .custom-file:after {
    content: 'Select Files';
    position: absolute;
    left: 0;
    right: 0;
    top: 21%;
    font-size: 16px;
    font-weight: 600;
}*/

        .add-media-section .dropbox-section .inner .btn-select-file {
            width: 134px;
            background: var(--green-color);
            border-radius: 13px;
            position: relative;
            height: 46px;
            cursor: pointer !important;
            color: var(--white-color);
            font-weight: 600;
            border: none;
        }

            .add-media-section .dropbox-section .inner .btn-select-file:after {
                content: 'Select Files';
                position: absolute;
                left: 0;
                right: 0;
                top: 21%;
                font-size: 16px;
                font-weight: 600;
            }

        .add-media-section .dropbox-section .inner p {
            font-size: 14px;
            font-weight: 400;
            margin: 0;
            padding: 23px 0px;
            line-height: 18.58px;
            color: var(--white-color);
        }

        .add-media-section .dropbox-section .inner .form-group label {
            color: var(--white-color);
        }

        .add-media-section .dropbox-section .inner .form-group select {
            height: 43px;
            border-radius: 4px;
            border: none;
        }

        .add-media-section .dropbox-section .inner .form-group .select-view-box {
            background: var(--white-color);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0px 10px;
            border: 1px solid #D4D4D8;
            border-radius: 4px;
            height: 43px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            color: var(--black-color);
        }

.select-pic-popup .modal-header.delete-popup {
    background: no-repeat;
    padding: 10px;
}

    .select-pic-popup .modal-header.delete-popup button.close {
        color: #0C0437;
        opacity: 1;
    }

.select-pic-popup .modal-body {
    padding: 0px 1rem;
}

    .select-pic-popup .modal-body .inner-box {
        width: 300px;
        margin: 0 auto;
        text-align: center;
        display: block !important;
    }

        .select-pic-popup .modal-body .inner-box label {
            color: var(--black-color);
        }

        .select-pic-popup .modal-body .inner-box .form-control {
            height: 43px;
            border-color: #D4D4D8;
            color: var(--black-light);
            text-align: center;
            font-size: 14px;
            font-weight: 500;
        }

        .select-pic-popup .modal-body .inner-box select.form-control {
            text-align: left;
            font-weight: 700;
            color: var(--black-color);
        }

        .select-pic-popup .modal-body .inner-box .form-group {
            margin-bottom: 19px;
        }

.page .sidebar {
    z-index: 2000;
}

.body-package .top-input .input-box-inner {
    position: relative;
    width: 80%;
}

.body-package .top-input .addmedia {
    height: 42px;
    width: 130px;
    background: var(--white-color);
    border: 1px solid #D1D1D1;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    color: #374151;
    padding: 0px;
    column-gap: 6px;
}

ul.nav.flex-column li.nav-item a.nav-link {
    border-radius: 0px;
}

.select-pic-popup .modal-footer {
    border: none;
    text-align: center;
    justify-content: center;
    padding: 0px 0px 20px;
}

    .select-pic-popup .modal-footer button.clear-btn {
        font-size: 14px;
        font-weight: 500;
        min-width: 166px;
        height: 46px;
        justify-content: center;
    }

.inner-box-input .d-block li.option-add-text {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    padding: 0;
    margin: 0px;
    border: none;
    align-items: flex-start;
}

    .inner-box-input .d-block li.option-add-text .input-box-inner {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
    }

    .inner-box-input .d-block li.option-add-text button.addmedia {
        display: flex;
        align-items: center;
        color: #374151;
        font-size: 14px;
        font-weight: 500;
        width: 98px;
        column-gap: 6px
    }

    .inner-box-input .d-block li.option-add-text .input-box-inner {
        width: 85%;
        position: relative;
        display: flex;
        align-items: center;
        border: 1px solid var(--input-border-color);
        /* flex-wrap: wrap;*/ /*commented  on 08-Apr-25*/
    }

    .inner-box-input .d-block li.option-add-text:nth-child(1) .input-box-inner {
        border-radius: 6px 6px 0px 0px;
    }

    .inner-box-input .d-block li.option-add-text:nth-last-child(2) .input-box-inner {
        border-radius: 0px 0px 6px 6px;
    }

.tab-data-package.add-quetion .col-md-12.w-100.input-question .body-package .inner-box-input ul.rating li i {
    color: #A68DEE;
}

.tab-data-package.add-quetion .col-md-12.w-100.input-question .body-package .top-input .input-box-inner textarea {
    height: 52px;
    padding: 10px 10px;
    width: calc(100% - 100px);
    border-radius: 0px;
    margin-left: 3px;
    border: none;
    resize: none;
}

.survey-detail-content .table-view-des ul {
}

    .survey-detail-content .table-view-des ul li ul {
        background: var(--white-color);
        box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
        border-radius: 20px;
        display: flex;
        margin: 20px 10px;
        align-items: center;
        justify-content: space-between;
        padding: 30px;
    }

    .survey-detail-content .table-view-des ul li b {
        font-size: 18px;
        font-weight: 500;
        color: var(--black-light);
    }

    .survey-detail-content .table-view-des ul li span.d-block b {
        padding-right: 4px;
    }

    .survey-detail-content .table-view-des ul li span.d-block b, .survey-detail-content .table-view-des ul li span.d-block {
        font-size: 12px;
        font-weight: 600;
        color: var(--gray-light6);
    }

    .survey-detail-content .table-view-des ul li b.data-response {
        color: var(--gray-light6);
        font-size: 24px;
        font-weight: 400;
    }

    .survey-detail-content .table-view-des ul li:last-child span {
        display: flex;
        align-items: center;
        column-gap: 15px;
    }

        .survey-detail-content .table-view-des ul li:last-child span a.delete span.delete,
        .survey-detail-content .table-view-des ul li:last-child span a.common-edit i {
            background: var(--theme-table-dot);
            width: 32px;
            height: 32px !important;
            font-size: 11px !important;
            text-decoration: none;
            color: var(--white-color);
        }

        .survey-detail-content .table-view-des ul li:last-child span a.menu span {
            background: var(--theme-table-dot);
            width: 32px;
            height: 32px !important;
            font-size: 11px !important;
            text-decoration: none;
            border-radius: 100%;
            color: var(--white-color);
            margin: 4px 0px 0px;
        }

            .survey-detail-content .table-view-des ul li:last-child span a.menu span i {
                text-align: center;
                width: 32px !important;
                height: auto;
            }

        .survey-detail-content .table-view-des ul li:last-child span .archive-tooltip button.nav-link {
            padding: 0px !important;
            width: 23px;
            height: 23px;
            display: flex !important;
            align-items: center;
            justify-content: center;
            background: none;
            border: none;
            color: #777777;
        }

    .survey-detail-content .table-view-des ul li .archive-tooltip .dropdown-menu button.archived {
        background: var(--green-color) !important;
        border: none;
        border-radius: 6px;
        padding: 5px 10px;
        color: #ffffff !important;
        font-size: 15px !important;
    }

    .survey-detail-content .table-view-des ul li .archive-tooltip .dropdown-menu {
        z-index: 1 !important;
    }

.survey-heading.small h3.user-name-heading {
    color: var(--blue-color);
    font-size: 14px;
    font-weight: 600;
    padding: 0;
}

.tab-data-table .tab-content .card.my-service-tabel table tbody tr td .box-client-name a img {
    background: transparent !important;
    height: 20px !important;
    width: 20px !important;
    object-fit: cover !important;
    padding: 0px !important;
    border-radius: 0px !important;
    min-width: 20px !important;
}

.tab-data-table .tab-content .card.my-service-tabel table tbody tr td .box-client-name a {
    background: #EDE6FD !important;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*Survey_details page css Start*/
.client .box-table-inner table tbody tr td {
    /*word-break: break-all;*/
    word-break: break-word;
    white-space: break-spaces !important;
    vertical-align: text-top;
}

.content {
    margin-left: 10px;
}

.table td, .table th {
    border: none;
}

.box-client-name i:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: auto;
    color: var(--gray-light9);
    font-size: 25px;
    background: var(--gray-light2);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dash-admin .inner-box-dash {
    box-shadow: none;
}


.dash-admin .box {
    min-height: 140px;
    background-color: var(--blue-color);
    border: none;
    border-radius: 20px;
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.149019607843137);
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    padding: 25px 20px;
    margin-bottom: 22px;
}

.client-details .col-lg-12.box-table-inner table tr td:last-child {
    text-align: right;
}

    .client-details .col-lg-12.box-table-inner table tr td:last-child a {
        padding: 0;
    }

.client-details .col-lg-12.box-table-inner table tr td:first-child,
.client-details .col-lg-12.box-table-inner table tr th:first-child {
    padding: 0;
}

.tech-survey-that p {
    padding-top: 13px;
}

th.survey-detail-name {
    font-weight: 700;
    font-style: normal;
    color: var(--black-light);
    font-size: 14px;
}

td.data-detail {
    font-weight: 400;
    font-style: normal;
    color: var(--black-light);
    font-size: 14px;
}

.box-table-inner .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #d7d7d7;
}

.box-table-inner table tr {
    border-bottom: 1px solid var(--gray-brdr-color);
}

.table {
    margin-bottom: 0px;
}

.dash-admin .inner-box-dash h5 {
    margin-top: -11px;
}

@@media(max-width:1440px) {
    .dash-admin .box {
        min-height: 120px;
    }
}

@@media(max-width:1024px) {
    .dash-admin .box {
        min-height: 110px;
    }
}

/*Survey_details page css End*/
.client-details table.table, .client-details table.table th {
    border: none;
}

    .client-details table.table th.survey-detail-name {
        color: #0C0437;
        font-size: 18px;
        font-weight: 700;
    }

    .client-details table.table td.data-detail {
        border-color: #E6E6E6;
        color: #0C0437;
        font-size: 18px;
        font-weight: 500;
        /*padding: 15px 15px;*/
        padding: 10px 0px;
        word-break:break-word;
    }

        .client-details table.table td.data-detail:nth-child(2) {
            color: #848484;
        }

    .client-details table.table td:last-child {
        text-align: right;
    }

.main {
    position: relative;
}

.bottom-padding .body-package input[type="file"] {
    padding: 2px !important;
}

.bottom-padding .body-package .package-select input[type="radio"] {
    height: 117px !important;
}

.clients_panel_derails .row.dashboard-header.ml-2 {
    margin-top: 130px;
}

.clients_panel_derails .header {
    left: inherit;
}

.clients_panel_derails .box-align {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 5px;
    margin: 20px 0px 0px;
}

    .clients_panel_derails .box-align a.create-icon-button {
        background: var(--blue-color);
        color: var(--white-color);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        padding: 3px 11px;
        border-radius: 10px;
    }

    .clients_panel_derails .box-align img {
        width: 30px;
        object-fit: cover;
    }

    .clients_panel_derails .box-align .drop-select button {
        background: var(--blue-color);
        border: none;
        border-radius: 10px;
    }

    .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu.show {
        min-width: 800px;
        top: 100% !important;
        transform: inherit !important;
        right: 0px !important;
        left: inherit !important;
        z-index: 9;
    }

    .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content {
        column-gap: 10px;
        justify-content: flex-start;
        padding: 10px;
    }

        .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input {
            /*width: 32%;*/
            /*width: auto;*/
            /*width: 145px;*/
            padding: 10px;
            break-inside: avoid-column;
        }

            .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input h6 {
                color: var(--black-light);
                font-weight: 600;
                font-size: 14px;
            }

            .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input .form-check-label {
                font-size:12px!important;
            }

.clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input .input-check-filter {
    position: relative;
    padding: 0;
    margin: 0;
    height: 21px;
}

                .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input .input-check-filter input[type="checkbox"] {
                    margin: 0px;
                    opacity: 0;
                    z-index: 1000;
                    width: 25px;
                    height: 21px !important;
                    position: relative;
                }

                .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input .input-check-filter span {
                    height: 22px;
                    width: 22px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    border: solid 1px var(--blue-color);
                    border-radius: 3px;
                }

                    .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input .input-check-filter span:before {
                        content: '';
                        position: absolute;
                        height: 9px;
                        width: 13px;
                        left: 4px;
                        top: 25%;
                        opacity: 0;
                        border-radius: 3px;
                        background: url(/img/check-icon-white.svg);
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input .input-check-filter input[type="checkbox"]:checked ~ span {
                    background: var(--blue-color);
                }

                    .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input .input-check-filter input[type="checkbox"]:checked ~ span:before {
                        opacity: 2;
                    }

            .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu .row.panel-heading-content .panel-input .form-check {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                padding: 2px 0px;
                column-gap: 6px;
            }

.clients_panel_derails .search-box.inline-block.mr-4.my-1 {
    margin-right: 0px !important;
}

.clients_panel_derails .page-size-chooser select {
    width: 80px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    height: 38px;
}

.clients_panel_derails table.quickgrid .col-header-content .col-title-text {
    font-weight: 600;
}

.clients_panel_derails table.quickgrid td.col-justify-start:last-child {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.clients_panel_derails table.quickgrid td.col-justify-start button {
    margin: 0 !important;
    padding: 0 !important;
    width: auto;
    height: auto;
    font-size: 15px !important;
    color: var(--blue-color) !important;
}

.clients_panel_derails table.quickgrid td.col-justify-start a {
    padding: 0;
    margin: 0;
    background: var(--blue-color);
}

    .clients_panel_derails table.quickgrid td.col-justify-start a i {
        color: var(--blue-color);
        font-size: 23px;
    }

.clients_panel_derails table.quickgrid td.col-justify-start button i {
    font-size: 18px;
    color: var(--blue-color);
}

.clients_panel_derails .box-table-inner table tbody tr td.grid-cell-placeholder {
    padding: 0px;
    margin: 0px;
}

#UploadPanelMemberForm .package-heading-content-title {
    padding-left: 0px;
}

.tab-data-package.details .body-package input[type="file"] {
    border: 1px solid var(--input-border-color);
    width: 100%;
    height: 42px;
    border-radius: 6px;
}

.tab-data-package.details .body-package input[type="file"] {
    border: 1px solid var(--input-border-color);
    width: 100%;
    border-radius: 6px;
    /* font-size: 20px; */
    color: var(--gray-light3);
    font-weight: 400;
    margin-left: 3px;
    height: 39px !important;
    padding: 2px !important;
}

.tab-data-package.details .body-package input.file-choose-input::file-selector-button {
    padding: 3px;
    border: 1px solid #C4C4C4;
    border-radius: 11px;
    justify-content: center;
    color: #0C0437;
    font-size: 14px;
    font-weight: 400;
    width: 151px;
    height: 33px;
}

.tab-data-package.details .body-package .form-group {
    align-items: center;
    margin: 10px 0px 0px;
    column-gap: 10px;
}

    .tab-data-package.details .body-package .form-group button.btn {
        margin: 0 !important;
    }

    .tab-data-package.details .body-package .form-group a {
        color: var(--blue-color);
    }

.card-footer .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    line-height: 25px;
}

.card-footer {
    display: flex;
    justify-content: space-between;
}

.clients_panel_derails .h1-heading.pb-3.start {
    font-size: 32px;
    font-weight: 600;
}

/*.support-center-content {
    padding: 100px 0px 0px;
}*/

.question h6.border-bottom {
    border-bottom: none !important;
}

    .question h6.border-bottom.collapsed {
        border-bottom: 1px solid #E6E6E6 !important;
        padding-right: 20px !important;
    }

.dash-admin.client.client-details {
    padding-top: 12px;
}

.client-details .box-client-name a {
    background: #EDE6FD;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .client-details .box-client-name a img.arrow-icon-img {
        display: block;
    }

.clients_panel_derails .card p {
    color: var(--black-light);
}

.clients_panel_derails .card .card-body.p-0 td.p-1[colspan="8"] {
    text-align: center;
    font-weight: 400;
}

.client-details table.table td[colspan="8"] {
    text-align: center;
    font-weight: 400;
}

table.table th[colspan="8"],
table.table td[colspan="8"] {
    text-align: center;
    font-weight: 400;
}

.your-profile-content .text.u178_text {
    background: var(--white-color);
    border-radius: 20px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    padding: 30px;
}

.your-profile-content ul.mt-2.p-0.m-0.list-group {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: inherit;
    column-gap: 12px;
}

    .your-profile-content ul.mt-2.p-0.m-0.list-group li.my-4.event {
        width: auto;
        margin: 0px !important;
        padding: 10px 0px 20px;
    }

        .your-profile-content ul.mt-2.p-0.m-0.list-group li.my-4.event a {
            color: var(--black-light);
            font-weight: 500;
            font-size: 18px;
            border-bottom: 2px solid transparent;
        }

            .your-profile-content ul.mt-2.p-0.m-0.list-group li.my-4.event a.active {
                color: var(--blue-color);
                border-bottom: 2px solid var(--blue-color);
            }

.your-profile-content .text.u178_text .password-edit span.details-edit span {
    position: inherit;
    text-decoration: none;
}

.your-profile-content .text.u178_text .password-edit .details-edit {
    position: inherit;
    display: flex;
    justify-content: center;
    background: #865BEF;
    width: 163px;
    height: 46px;
    align-items: center;
    border-radius: 13px;
    color: var(--white-color);
    text-decoration: none;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    column-gap: 7px;
}

.your-profile-content .text.u178_text .password-edit p {
    color: var(--white-color);
    text-decoration: none;
}

.your-profile-content .text.u178_text .password-edit .details-edit span {
    position: initial;
}

a.btn.btn-success1.btn_commonHref.float-right.text-white {
    font-weight: 600 !important;
    font-size: 16px !important;
}

.your-profile-content .text.u178_text h3 {
    color: var(--black-light);
    font-weight: 500;
    font-size: 20px;
}

.select-pic-popup.delete-folder .modal-body .inner-box {
    width: auto;
    margin: 0px 0px 12px;
}

    .select-pic-popup.delete-folder .modal-body .inner-box p {
        color: var(--black-color);
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }

.select-pic-popup.delete-folder .modal-footer button.clear-btn {
    background: #FF0000;
}

.add-media-section .inner-box .left-part .accordion ul li .input-edit-view input.form-control:disabled {
    background: transparent;
    height: 27px;
    border-radius: 6px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
}

.add-media-section .inner-box .left-part .accordion ul li .input-edit-view input.form-control {
    height: 27px;
    border-radius: 6px;
    border: blanchedalmond;
    outline: none;
    box-shadow: none;
    color: var(--black-light);
    font-size: 14px;
    font-weight: 400;
}

.add-media-section .inner-box .left-part .accordion ul li .input-edit-view {
    margin-right: 5px;
    position: relative;
}

    .add-media-section .inner-box .left-part .accordion ul li .input-edit-view span.input-submit {
        position: absolute;
        top: 6px;
        right: 6px;
        display: none;
        cursor: pointer;
    }

    .add-media-section .inner-box .left-part .accordion ul li .input-edit-view.open span.input-submit {
        display: flex;
    }

.started-new-survey.started-new-survey-section {
    padding: 228px 130px;
}

.add-media-section .inner-box .right-part ul li.audio-box {
    background: #370C682E;
    box-shadow: inset 0 0 24px #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .add-media-section .inner-box .right-part ul li.audio-box .inner img {
        width: 24px;
        height: 24px;
        object-fit: cover;
        display: block;
        margin: 0 auto;
    }

    .add-media-section .inner-box .right-part ul li.audio-box .inner p {
        font-size: 13px;
        font-weight: 600;
        color: var(--white-color);
        text-align: center;
        line-height: 16px;
        word-wrap: break-word;
        padding: 7px 7px 0px 7px;
        min-width: 62%;
        margin: 0 auto;
    }

    .add-media-section .inner-box .right-part ul li.audio-box .inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 0px 0px;
        text-align: center;
        min-height: 100%;
        width: 100%;
    }

.add-media-section .inner-box .right-part {
    position: relative;
    right: 0;
    top: 100%;
    z-index: 2 !important;
    max-height: 86vh;
    /*overflow-y: auto;*/
    overflow-y: auto !important;
    text-align: left;
    padding: 0 !important;
}



    .add-media-section .inner-box .right-part::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .add-media-section .inner-box .right-part::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 2px solid transparent;
    }

    .add-media-section .inner-box .right-part::-webkit-scrollbar-thumb {
        background-color: rgba(255,255,255,0.25);
    }

        .add-media-section .inner-box .right-part::-webkit-scrollbar-thumb:hover {
            background-color: rgba(255,255,255,0.25);
        }

.add-media-section .search-result-section {
    width: 100%;
    display: block;
    max-height: 87vh;
    overflow-y: auto;
    text-align: left;
    right: 0;
    top: 100%;
    z-index: 2 !important;
    position: relative;
    padding: 20px 0px 20px 0px;
    margin: 10px 0px 0px;
    display: none;
}

    .add-media-section .search-result-section::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .add-media-section .search-result-section::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 2px solid transparent;
    }

    .add-media-section .search-result-section::-webkit-scrollbar-thumb {
        background-color: rgba(255,255,255,0.25);
    }

        .add-media-section .search-result-section::-webkit-scrollbar-thumb:hover {
            background-color: rgba(255,255,255,0.25);
        }



    .add-media-section .search-result-section ul {
        display: flex;
        flex-wrap: wrap;
    }

        .add-media-section .search-result-section ul li {
            width: 120px;
            margin: 4px;
            position: relative;
            height: 118px;
        }

            .add-media-section .search-result-section ul li a.close-icon {
                position: absolute;
                top: 0;
                right: 0;
                background: #561C9980;
                width: 19px;
                height: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .add-media-section .search-result-section ul li a.close-icon img {
                    height: auto;
                    width: 11.76px;
                }

            .add-media-section .search-result-section ul li img {
                width: 100%;
                height: 118px;
                object-fit: cover;
            }

.add-media-section .inner-box .right-part ul li a.img-btn {
    height: 100%;
    display: block;
    position: relative;
}

.add-media-section .inner-box .right-part ul li.audio-box a.img-btn {
    height: 100%;
    min-height: 118px;
    align-content: center;
    width: 100%;
}

.add-media-section .inner-box .right-part .img-result-section .large-img {
    width: 241px;
    margin: 10px 0px;
}

    .add-media-section .inner-box .right-part .img-result-section .large-img img {
        width: 100%;
        height: 233px;
        object-fit: cover;
    }

.add-media-section .inner-box .right-part .img-result-section .title-update-form {
    padding: 15px 0px;
    display: flex;
    column-gap: 12px;
}

    .add-media-section .inner-box .right-part .img-result-section .title-update-form label {
        color: var(--white-color);
        font-size: 14px;
        font-weight: 600;
        padding: 6px 0px 0px;
    }

    .add-media-section .inner-box .right-part .img-result-section .title-update-form input[type="text"] {
        height: 34px;
        border-radius: 10px;
        border: none;
        box-shadow: none;
        outline: none;
        color: #0C0437;
        padding: 11px;
        text-overflow: ellipsis;
        width: 95%;
    }

        .add-media-section .inner-box .right-part .img-result-section .title-update-form input[type="text"]::placeholder {
            color: #C4C4C4;
        }

    .add-media-section .inner-box .right-part .img-result-section .title-update-form button {
        background: var(--green-color);
        border-radius: 13px;
        width: 94px;
        font-size: 16px;
        font-weight: 500;
        height: 37px;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 15px auto 0;
        border: none;
        color: var(--white-color);
    }

.add-media-section .inner-box .right-part .img-result-section .title {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #A68DEE;
    padding-bottom: 4px;
    margin: 10px 0px;
}

.add-media-section .inner-box .right-part .img-result-section ul.folder-view-section {
    display: block;
    padding: 10px 25px;
}

    .add-media-section .inner-box .right-part .img-result-section ul.folder-view-section li {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: auto;
    }

        .add-media-section .inner-box .right-part .img-result-section ul.folder-view-section li span {
            font-size: 14px;
            color: var(--white-color);
            font-weight: 500;
        }

        .add-media-section .inner-box .right-part .img-result-section ul.folder-view-section li a img {
            width: 12px;
            height: auto;
            object-fit: cover;
        }

.body-package button.add-input-text {
    margin-bottom: 20px;
}

.publish-content-box {
    width: 534px;
    max-width: 534px;
    flex: 4 0 534px
}

.started-new-survey.started-new-survey-section {
    /*padding: 131px 0px 0;*/
    padding: 0px 0px 0;
}

    .started-new-survey.started-new-survey-section .new-serve-heading-title {
        left: 304px;
    }

        .started-new-survey.started-new-survey-section .new-serve-heading-title h1 {
            color: var(--black-light);
            font-size: 36px;
            font-weight: 500;
        }

    .started-new-survey.started-new-survey-section .publish-content-box .box-dark h3 {
        color: var(--black-light);
        font-size: 18px;
        font-weight: 700;
        width: 233px;
    }

    .started-new-survey.started-new-survey-section .publish-content-box .box-dark p {
        min-height: auto;
        color: #374151;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        padding: 0;
        line-height: 20px;
        width: 275px;
    }

    .started-new-survey.started-new-survey-section .publish-content-box .box-dark a.survey-btn.btn {
        padding: 0px;
        width: 121px;
        height: 46px;
        min-width: 121px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white-color);
    }

    .started-new-survey.started-new-survey-section .publish-content-box .box-dark {
        padding: 58px 134px;
    }

.collapsemedia, .collapseupload {
    display: none;
}

    .collapseupload.show, .collapsemedia.show {
        display: block;
    }

.started-new-survey {
    /*padding: 245px 0px 0px;*/
    padding: 67px 0px 0px;
}

    .started-new-survey .new-serve-heading-title {
        left: 130px;
    }

.deeplink-section .card .card-body {
    padding: 40px;
}

.deeplink-section {
    padding: 20px 0px;
}

    .deeplink-section .row {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .deeplink-section h1 {
        padding: 10px 0px;
        font-size: 30px;
        font-weight: 500;
        color: var(--black-light);
        text-align: center;
    }

    .deeplink-section .card .card-body p {
        color: #374151;
        font-size: 15px;
        font-weight: 400;
        text-align: center;
    }

    .deeplink-section .store-links {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 30px;
        padding: 20px 0px 0px;
    }

        .deeplink-section .store-links img {
            width: 158px;
            object-fit: cover;
            height: auto;
        }

.right-survey.details #step4 .tab-data-package.add-quetion .find-now {
    top: 142px;
}





.select-pic-popup .modal-body .inner-box .wrap-drop-box, .add-media-section .dropbox-section .wrap-drop-box {
    width: 100%;
    height: 43px;
    font-size: 14px;
    font-weight: 500;
    border-radius: .25rem;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    background: var(--white-color);
}

    .select-pic-popup .modal-body .inner-box .wrap-drop-box ul.wrap-drop,
    .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop {
        height: 43px;
    }

    .select-pic-popup .modal-body .inner-box .wrap-drop-box ul.wrap-drop,
    .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop {
        margin: 0;
        height: auto;
        padding: 0;
        width: 305px;
        position: absolute;
        left: -1px;
        top: 3px;
        max-height: 146px;
        overflow-y: auto;
    }



        .select-pic-popup .modal-body .inner-box ul.wrap-drop li,
        .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop li {
            z-index: 2;
            position: relative;
            padding: 7px 10px;
            font-weight: 600;
            border-top: 1px solid #C4C4C4;
            border-left: 1px solid #C4C4C4;
            border-right: 1px solid #C4C4C4;
            font-size: 14px;
            font-weight: 500;
        }

            .select-pic-popup .modal-body .inner-box ul.wrap-drop li:not(.init),
            .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop li:not(.init) {
                width: 100%;
                display: none;
                background: #fff;
                cursor: pointer;
            }

            .select-pic-popup .modal-body .inner-box ul.wrap-drop li.selected,
            .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop li.selected {
                cursor: pointer;
                color: #000;
                font-size: 14px;
                font-weight: 600;
            }

                .select-pic-popup .modal-body .inner-box ul.wrap-drop li:not(.init):hover,
                .select-pic-popup .modal-body .inner-box ul.wrap-drop li.selected:not(.init),
                .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop li:not(.init):hover,
                .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop li.selected:not(.init) {
                    background: #ECECEC;
                    color: #000000;
                    cursor: pointer;
                }

            .select-pic-popup .modal-body .inner-box ul.wrap-drop li.init,
            .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop li.init {
                cursor: pointer;
                font-weight: 700;
                color: #000000;
                padding-bottom: 9px;
                border: none;
            }

        .select-pic-popup .modal-body .inner-box .wrap-drop-box ul.wrap-drop::-webkit-scrollbar,
        .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }

        .select-pic-popup .modal-body .inner-box .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-track,
        .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-track {
            background-clip: content-box;
            border: 2px solid transparent;
        }

        .select-pic-popup .modal-body .inner-box .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-thumb,
        .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-thumb {
            background-color: var(--blue-color);
        }

            .select-pic-popup .modal-body .inner-box .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-thumb:hover,
            .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-thumb:hover {
                background-color: var(--blue-color);
            }

        .select-pic-popup .modal-body .inner-box .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-corner,
        .select-pic-popup .modal-body .inner-box .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-track,
        .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-corner,
        .add-media-section .dropbox-section .wrap-drop-box ul.wrap-drop::-webkit-scrollbar-track {
            background-color: var(--blue-color);
        }

    .select-pic-popup .modal-body .inner-box .wrap-drop-box a.arrow-select-icon,
    .add-media-section .dropbox-section .wrap-drop-box a.arrow-select-icon {
        position: absolute;
        right: 10px;
    }



.tab-data-package.details .body-package a.btn.btn-success {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 600;
    border-radius: 13px;
    border: none;
    outline: none;
    background: var(--green-color);
    min-height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tab-data-package.details .body-package a.btn.btn-success:hover {
        color: var(--white-color);
        background: var(--green-color);
    }

.credit-msg-section {
    background: #D05757;
    border-radius: 15px;
    padding: 3px 25px 3px 15px;
    margin: 14px 0px 0px;
}

    .credit-msg-section ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .credit-msg-section ul li {
            color: var(--white-color);
            font-size: 14px;
            font-weight: 600;
            display: flex;
            align-items: center;
        }

            .credit-msg-section ul li a {
                color: var(--white-color);
                text-decoration: none;
                box-shadow: none;
                position: relative;
            }

                .credit-msg-section ul li a:after {
                    content: '';
                    background: var(--white-color);
                    height: 1px;
                    width: 100%;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                }

.select-pic-popup .modal-body .inner-box ul.wrap-drop li.dir-child-li {
    padding-left: 10px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
}

.add-media-section .inner-box .left-part .accordion ul li .input-edit-view[class*='tagLblSpan-'] span {
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    cursor: pointer;
}

.add-media-section span.span-norecord {
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    font-weight: 600;
    /*background: #541e9c;*/
    text-transform: uppercase;
    background: #370C682E;
    box-shadow: inset 0 0 24px #000;
}

.add-media-section span.span-search-norecord {
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    font-weight: 600;
    background: #370C682E;
    box-shadow: inset 0 0 24px #000;
    text-transform: uppercase;
    padding: 30px 0px;
}

/* dropdown list */
.wrap-drop-box .dropdown {
    margin: 0px auto;
    width: 100%;
    position: relative;
}

    .wrap-drop-box .dropdown .select-label {
        position: relative;
        display: block !important;
        width: 100%;
        height: 43px;
        line-height: 43px;
        color: #000 !important;
        font-size: 14px !important;
        background: #fff;
        z-index: 9999;
        cursor: pointer;
        transform-style: preserve-3d;
        transform-origin: 50% 0%;
        transition: transform 300ms;
        user-select: none;
        text-align: left;
        border: 1px solid #D4D4D8;
        font-weight: 600;
        padding: 0px 10px !important;
        margin: 0;
        border-radius: 4px;
    }

    .wrap-drop-box .dropdown.active .select-label {
        border-radius: 4px 4px 0px 0px;
    }

    .wrap-drop-box .dropdown .select-label:after {
        content: '';
        position: absolute;
        top: 0;
        right: 20px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 12px;
    }

.wrap-drop-box .dropdown-list {
    position: absolute;
    top: 100%;
    width: 100%;
    border: 1px solid #C4C4C4;
    background: #ffffff;
    display: none;
    max-height: 119px;
    overflow-y: auto;
    border-top: 0;
    border-radius: 0px 0px 4px 4px;
}

    .wrap-drop-box .dropdown-list::-webkit-scrollbar,
    .wrap-drop-box .dropdown-list::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .wrap-drop-box .dropdown-list::-webkit-scrollbar-track,
    .wrap-drop-box .dropdown-list::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 2px solid transparent;
    }

    .wrap-drop-box .dropdown-list::-webkit-scrollbar-thumb,
    .wrap-drop-box .dropdown-list::-webkit-scrollbar-thumb {
        background-color: var(--blue-color);
    }

        .wrap-drop-box .dropdown-list::-webkit-scrollbar-thumb:hover,
        .wrap-drop-box .dropdown-list::-webkit-scrollbar-thumb:hover {
            background-color: var(--blue-color);
        }

    .wrap-drop-box .dropdown-list::-webkit-scrollbar-corner,
    .wrap-drop-box .dropdown-list::-webkit-scrollbar-track,
    .wrap-drop-box .dropdown-list::-webkit-scrollbar-corner,
    .wrap-drop-box .dropdown-list::-webkit-scrollbar-track {
        background-color: var(--blue-color);
    }




.wrap-drop-box .dropdown.active .dropdown-list {
    display: block;
}

.wrap-drop-box .dropdown .dropdown-list li {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    background-color: #ffffff;
    /* transition-duration: .3s; */
    list-style: none;
    opacity: 1;
    /*height: 39px;*/
    height: 30px;
    line-height: 30px;
    text-align: left;
    /*padding: 11px 0px 11px 12px;*/
    padding: 0px 12px 0px 12px;
    font-weight: 500;
}

.wrap-drop-box .dropdown-list li:hover {
    background-color: #ECECEC;
}

/*.wrap-drop-box .dropdown-list li:nth-child(1) {
			z-index: 4;
		}

		.wrap-drop-box .dropdown-list li:nth-child(2) {
			z-index: 3;
		}

		.wrap-drop-box .dropdown-list li:nth-child(3) {
			z-index: 2;
		}

		.wrap-drop-box .dropdown-list li:nth-child(4) {
			z-index: 1;
		}*/

.wrap-drop-box .dropdown .select-label:after {
    content: '';
    background: url(/img/chevron-down-icon.svg);
    width: 18px;
    background-repeat: no-repeat;
    height: 18px;
    position: absolute;
    top: 14px;
    right: 10px;
    transform: rotate(0deg);
    transition: 0.5s;
}

.wrap-drop-box .dropdown.active .select-label:after {
    content: '';
    background: url(/img/chevron-down-icon.svg);
    width: 18px;
    background-repeat: no-repeat;
    height: 18px;
    position: absolute;
    top: 14px;
    right: 10px;
    transform: rotate(180deg);
    transition: 0.5s;
}

.wrap-drop-box .dropdown.active .dropdown-list li {
    background: #ffffff;
}

    .wrap-drop-box .dropdown.active .dropdown-list li:hover {
        background: #ECECEC;
    }

.add-media-section .inner-box .left-part .accordion ul li .input-edit-view a.close-icon-box {
    position: absolute;
    background: #000;
    border-radius: 100%;
    border: none;
    right: -5px;
    width: 15px;
    height: 15px;
    top: -13px;
    color: #fff;
    justify-content: center;
    display: none;
}

.add-media-section .inner-box .left-part .accordion ul li .input-edit-view.open a.close-icon-box {
    display: flex;
}

.add-media-section .inner-box .left-part .accordion ul li .input-edit-view a.close-icon-box img {
    width: 9px;
    height: auto;
}

.input-rechecked span {
    height: 19px;
    width: 19px;
    position: absolute;
    left: 0;
    top: 0;
    border: solid 1px var(--checkbox-border-color);
    border-radius: 0;
}

.input-rechecked input:checked ~ span {
    border: solid 1px var(--white-color);
}

.input-rechecked input {
    height: 20px !important;
    width: 20px !important;
    position: relative;
    z-index: 1000;
    opacity: 0;
    cursor: pointer;
}

.input-rechecked span:before {
    content: '';
    position: absolute;
    height: 15px;
    width: 8px;
    border: solid var(--white-color);
    border-width: 0px 3.5px 3.5px 0px;
    left: 4px;
    top: 44%;
    transform: translateY(-50%) rotate(45deg);
    opacity: 0;
    border-radius: 2px;
}

.input-rechecked input:checked ~ span:before {
    opacity: 2;
}

.input-rechecked {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.add-media-section .inner-box .right-part ul li.video-box a.img-btn iframe,
.add-media-section .inner-box .right-part ul li.video-box a.img-btn video {
    width: 114px;
    height: 118px;
    object-fit: cover;
}
/*.add-media-section .inner-box .right-part ul li.video-box a.img-btn:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 118px;*/
/*background: rgba(0, 0, 0, 0.8);*/
/*background: #370c68cc;
	left: 0;
	top: 0;
}
.add-media-section .inner-box .right-part ul li.video-box a.img-btn:after {
	content: "\f04b";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'FontAwesome';
	color: #301067;
	background: #fff;
	width: 42px;
	border-radius: 4px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
}*/





.add-media-section .search-result-section ul li.video-box a.img-btn iframe,
.add-media-section .search-result-section ul li.video-box a.img-btn video {
    width: 114px;
    height: 118px;
    object-fit: cover;
}

/*.add-media-section .search-result-section ul li.video-box a.img-btn:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 118px;
	background: #370c68cc;
	left: 0;
	top: 0;
}

.add-media-section .search-result-section ul li.video-box a.img-btn:after {
	content: "\f04b";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'FontAwesome';
	color: #301067;
	background: #fff;
	width: 42px;
	border-radius: 4px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
}*/




.add-media-section .search-result-section ul li.audio-box {
    background: #370C682E;
    box-shadow: inset 0 0 24px #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .add-media-section .search-result-section ul li.audio-box .inner img {
        width: 24px;
        height: 24px;
        object-fit: cover;
        display: block;
        margin: 0 auto;
    }

    .add-media-section .search-result-section ul li.audio-box .inner p {
        font-size: 13px;
        font-weight: 600;
        color: var(--white-color);
        text-align: center;
        line-height: 16px;
        word-wrap: break-word;
        padding: 7px 0px 0px;
        min-width: 62%;
        margin: 0 auto;
    }

    .add-media-section .search-result-section ul li.audio-box .inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 0px 0px;
        text-align: center;
        min-height: 100%;
        width: 100%;
    }

        .add-media-section .search-result-section ul li.audio-box .inner a.img-btn {
            height: 100%;
            min-height: 118px;
            align-content: center;
            width: 100%;
        }


.body-package .media_question {
    width: 214px;
    max-height: 207px;
    position: relative;
    margin: 10px auto 30px;
}

    .body-package .media_question img {
        width: 100%;
        height: 207px;
        object-fit: cover;
    }

    .body-package .media_question video {
        width: 214px;
        height: 207px;
        object-fit: cover;
    }

    .body-package .media_question a.close-icon {
        position: absolute;
        background: #561C9980;
        width: 20px;
        height: 20px;
        top: 0;
        right: -30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .body-package .media_question a.close-icon img {
            width: 12px;
            height: auto;
            object-fit: cover;
        }

    .body-package .media_question .audio-box {
        background: #250e5a;
        box-shadow: inset 0 0 24px #000;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 207px;
    }

        .body-package .media_question .audio-box .inner {
            display: block;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            padding: 0px 10px;
            text-align: center;
            width: 100%;
        }

        .body-package .media_question .audio-box img {
            width: auto;
            height: auto;
        }

        .body-package .media_question .audio-box audio {
            width: 100%;
        }

        .body-package .media_question .audio-box p {
            color: #fff;
            word-wrap: break-word;
            padding: 0;
            display: block;
            margin: 0 auto;
            font-size: 16px;
            font-weight: 500;
        }

.add-media-section .inner-box .right-part .div-LoadMore {
    text-align: center;
    padding: 20px 8px 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .add-media-section .inner-box .right-part .div-LoadMore a {
        color: #fcd21d;
        font-size: 13px;
        font-weight: 500;
        border: 1px solid #fcd21d;
        padding: 2px 6px;
        text-decoration: none;
        outline: none;
        box-shadow: none;
    }

        .add-media-section .inner-box .right-part .div-LoadMore a:hover {
            background: #0b0535;
            color: #fff;
            border-color: #0b0535;
        }



.add-media-section .search-result-section .div-LoadMore {
    text-align: center;
    padding: 20px 8px 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .add-media-section .search-result-section .div-LoadMore a {
        color: #fcd21d;
        font-size: 13px;
        font-weight: 500;
        border: 1px solid #fcd21d;
        padding: 2px 6px;
        text-decoration: none;
        outline: none;
        box-shadow: none;
    }

        .add-media-section .search-result-section .div-LoadMore a:hover {
            background: #0b0535;
            color: #fff;
            border-color: #0b0535;
        }


.add-media-section .inner-box .right-part .img-result-section .large-audio {
    width: 241px;
    margin: 10px 0px;
    background: #370C682E;
    box-shadow: inset 0 0 24px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 233px;
}

    .add-media-section .inner-box .right-part .img-result-section .large-audio .inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 0px 0px;
        text-align: center;
        min-height: 100%;
        width: 100%;
        position: relative;
    }

        .add-media-section .inner-box .right-part .img-result-section .large-audio .inner a {
            height: 100%;
            min-height: 233px;
            align-content: center;
            width: 100%;
        }

        .add-media-section .inner-box .right-part .img-result-section .large-audio .inner img {
            width: 24px;
            height: 24px;
            object-fit: cover;
            display: block;
            margin: 0 auto;
        }

        .add-media-section .inner-box .right-part .img-result-section .large-audio .inner p {
            font-size: 13px;
            font-weight: 600;
            color: var(--white-color);
            text-align: center;
            line-height: 16px;
            word-wrap: break-word;
            padding: 7px 3px 0px;
            margin: 0 auto;
            min-width: 70%;
        }

.add-media-section .inner-box .right-part ul li a .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    background: #fff;
    width: 34px;
    border-radius: 4px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b0535;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.add-media-section .inner-box .right-part .img-result-section .large-video {
    width: 240px;
    height: 233px;
    position: relative;
}

    .add-media-section .inner-box .right-part .img-result-section .large-video video {
        height: 233px;
        width: 241px;
        object-fit: cover;
    }

    .add-media-section .inner-box .right-part .img-result-section .large-video .video-play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        width: 34px;
        border-radius: 4px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b0535;
        text-decoration: none;
        outline: none;
        box-shadow: none;
        cursor: pointer;
    }

.add-media-section .search-result-section ul li a .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 34px;
    border-radius: 4px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b0535;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}


.draggable {
    cursor: move; /* fallback: no `url()` support or images disabled */
    cursor: url('../img/hand.png'); /* fallback: Internet Explorer */
    cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
    cursor: -moz-grab; /* Firefox 1.5-26 */
    cursor: grab; /* W3C standards syntax, should come least */
}

    .draggable:active {
        cursor: url('../img/hand.png');
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }

.add-media-section .inner-box .right-part ul li .clone-media-file {
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-0%, -50%);
    opacity: 0;
}

.body-package .media_question button.close-icon {
    padding: 0px;
    position: absolute;
    background: #561C9980;
    width: 20px;
    height: 20px;
    top: 0;
    right: -30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .body-package .media_question button.close-icon img {
        width: 12px;
        height: auto;
        object-fit: cover;
    }

.media_option_box {
    position: relative;
    padding: 5px 0px 15px 10px;
}

    .media_option_box img {
        width: 60px;
        height: 60px;
        object-fit: cover;
    }

    .media_option_box button.close-icon {
        padding: 0px;
        position: absolute;
        background: #561C9980;
        width: 20px;
        height: 20px;
        top: 0px;
        right: -30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .media_option_box button.close-icon img {
            width: 12px;
            height: auto;
            object-fit: cover;
        }

    .media_option_box video {
        width: 60px;
        height: 60px;
        object-fit: cover;
    }

    .media_option_box .audio-box {
        background: #250e5a;
        box-shadow: inset 0 0 24px #000;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        width: 60px;
    }

        .media_option_box .audio-box .inner {
            display: block;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            padding: 0px 10px;
            text-align: center;
            width: 100%;
        }

            .media_option_box .audio-box .inner img {
                width: auto;
                height: auto;
            }

.dis-event {
    pointer-events: none;
}

.add-media-section .search-result-section ul li .clone-media-file,
.add-media-section .search-result-section ul li.audio-box .inner img.clone-media-file {
    display: none;
}

.add-media-section .search-result-section ul li.video-box video {
    height: 118px;
    width: 100%;
    object-fit: cover;
}



.body-package .media_question button.close-icon {
    padding: 0px;
    position: absolute;
    background: #561C9980;
    width: 20px;
    height: 20px;
    top: 0;
    right: -27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .body-package .media_question button.close-icon img {
        width: 12px;
        height: auto;
        object-fit: cover;
    }

.media_option_box {
    position: relative;
    padding: 5px 0px 15px 10px;
}

    .media_option_box img {
        width: 60px;
        height: 60px;
        object-fit: cover;
    }

    .media_option_box button.close-icon {
        padding: 0px;
        position: absolute;
        background: #561C9980;
        width: 20px;
        height: 20px;
        top: 0px;
        right: -30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .media_option_box button.close-icon img {
            width: 12px;
            height: auto;
            object-fit: cover;
        }

    .media_option_box video {
        width: 60px;
        height: 60px;
        object-fit: cover;
    }

    .media_option_box .audio-box {
        background: #250e5a;
        box-shadow: inset 0 0 24px #000;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        width: 60px;
    }

        .media_option_box .audio-box .inner {
            display: block;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            padding: 0px 10px;
            text-align: center;
            width: 100%;
        }

            .media_option_box .audio-box .inner img {
                width: auto;
                height: auto;
            }

.add-media-section .inner-box .right-part ul li.audio-box .inner img.clone-media-file {
    width: 100%;
}

.add-media-section .search-result-section ul li .input-rechecked {
    display: none;
}

.no-optopn-select {
    opacity: 0.3;
    background-color: #555;
    cursor: no-drop;
}

.dropdown-list li {
    color: #555 !important;
}

    .dropdown-list li.dir-noparent {
        font-weight: 600 !important;
        color: #000 !important;
    }

.audio-play-icon i {
    color: #fff !important;
}

.large-audio audio {
    width: 88%;
    margin: 10px auto;
    height: 33px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}

.survey-audio {
    width: 90% !important;
    margin: 10px auto;
    height: 33px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}

/*.add-media-section .inner-box .right-part .img-result-section .large-audio .inner p audio::-webkit-media-controls-enclosure {
	background: #42147d !important;
}*/
.add-media-section .inner-box .right-part .img-result-section .large-audio .inner p audio::-webkit-media-controls-time-remaining-display,
.add-media-section .inner-box .right-part .img-result-section .large-audio .inner p audio::-webkit-media-controls-current-time-display {
    font-size: 11px !important;
}

.survey-audio::-webkit-media-controls-time-remaining-display,
.survey-audio::-webkit-media-controls-current-time-display {
    font-size: 11px !important;
}

.col-justify-start.client-name button.col-title {
    width: 20%;
}

.paginator {
    margin-top: 1.5rem !important;
}

/* -------------- Template page css ----------------- */
.slect-temp {
    padding: 30px 30px 0px 30px;
}

    .slect-temp .card {
        border-radius: 20px;
        border: 0px;
        background: #f8f6fc;
        padding: 0px !important;
    }

    .slect-temp .card-header {
        background: 0px;
        border: 0px;
        position: relative;
    }

    .slect-temp .card-body {
        padding: 0rem 1.25rem 1.25rem 1.25rem !important;
    }

    .slect-temp h4 {
        font-weight: 600;
        color: #541e9b;
        line-height: 12px;
    }

        .slect-temp h4 a {
            color: #541e9b !important;
            font-size: 20px !important;
            text-decoration: none;
            background: transparent !important;
            padding: 0px !important;
            line-height: 15px;
            vertical-align: top;
        }

            .slect-temp h4 a span {
                font-size: 12px;
            }

    .slect-temp p {
        /*font-size: 18px;*/
        font-size: 17px;
        font-weight: 600;
        color: #541e9b !important;
        line-height: 24px;
    }

.template-view .close-btn {
    width: 20px;
    height: 20px;
    position: absolute;
    background: #a589cc;
    color: #ffffff;
    top: 10px;
    right: 15px;
    line-height: 20px;
    text-align: center;
}

.template-view .back-arrow {
    width: 34px;
    height: 34px;
    margin-right: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 34px;
    background: #ede6fe;
    color: #855cf2;
}

.template-view .nav-pills {
    background: #f8f6fc;
    border-radius: 20px;
}

.template-view .nav-link {
    background: transparent !important;
    color: #541e9b !important;
}

.template-view .nav-pills .nav-link.active, .template-view .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #541e9b !important;
    border-radius: 20px !important;
}

a.add-client:hover {
    text-decoration: none;
}

.btnCreatetemplate {
    width: auto !important;
    padding: 16px 16px !important;
}

.admSurvey-Template .addmedia {
    pointer-events: none !important;
    display: none !important;
}

.admSurvey-Template .body-package .top-input .input-box-inner {
    width: 100%;
}

.admSurvey-Template .inner-box-input .d-block li.option-add-text .input-box-inner {
    width: 100%;
}

footer .btn-group button#saveAsTemplate {
    width: 140px;
}

.container-fluid .justify-row-left {
    justify-content: start !important;
}
/* -------------- End Template page css ----------------- */

.btn-grid-pkg {
    background: none !important;
    border: 1px solid #dfdfdf !important;
    border-radius: 5px !important;
    width:90px !important;
}

    .btn-grid-pkg span {
        padding: 10px 10px !important;
        color:#000 !important;
        font-weight:bold !important;
    }

    .btn-grid-pkg i {
        font-size: 12px !important;
        margin-left: 10px !important;
        line-height: 30px !important;
        color:#000 !important;
    }
.clients_panel_derails table.quickgrid td.col-justify-start:nth-last-child(2) {
    /*display: flex;
    align-items: center;
    column-gap: 8px;
    line-height:50px;*/
}
/*.clients_panel_derails .company-grid table.quickgrid td.col-justify-start:last-child {
    display: revert !important; padding-left:10px;
}*/
#UpdatePlanData .modal-content {
    min-height: 300px;
    border-radius: 1rem;
}
#UpdatePlanData .modal-dialog {
    top: 33% !important;
}
#UpdatePlanData .modal-body {
    padding:20px 50px !important;
}
#UpdatePlanData .modal-body .form-control {
    border:1px solid #dfdfdf !important;
}
.dropdown-list-pkg .active{
    background:#dfdfdf !important;
}
.survey-box-button {
    position: absolute;
    bottom: 40px;
}
.box-dark p{
    padding-bottom:60px;
}

.back-arrow a {
    background: none !important;
    padding: 0px !important;
    color: #855cf2 !important;
}
.box-table-inner .grid {
    overflow-x: scroll;
}
.company-grid .grid-inner-div{
    width:1500px;
}
.panelGrid .grid-inner-div {
    width: 1300px;
}
.col-justify-right {
    padding: 0px 8px !important;
}
.lfc-menu a.nav-link {
    padding: 2rem 2.7rem;
}
.package-heading-other-title h1.h1-heading {
    font-size: 36px;
    font-weight: 600;
    font-style: normal;
    color: var(--black-light);
}
.final-checks-div uli {
    padding-left:20px;
}

.final-checks-div ul li{
    list-style-type:disc;
}
.checkbox-desclaimer{
    width:auto !important;
    height:auto !important;
    margin-right:5px;
}
.package-heading-content-title-survey{
    position:fixed !important
}
.final-checks-div ul {
    padding-left: 30px;
}
.my-survey-tbl tr td:first-child{
    width:5%;
}
.body-package.disclaimer-div td:first-child {
    vertical-align: top;
}
.sticky-hdr{
    position:sticky;
}
.find-now .card-package{
    margin-left:0px !important;
}
.form-group.ocp-srv-dv .input-group {
    width: 100% !important;
}
.filter-panel-container {
    display: block;
    column-count: 2;
    break-inside: avoid;
}
.occ-pnl-div label.form-check-label {
    margin: 5px 0px;
}

.tab-data-package.add-quetion .body-package input[type=checkbox] {
    /*change 18px to 15 px on 19-Mar-25*/
    height: 15px !important;
    width: 15px !important;
    /*end*/
    padding: 4px 1px !important;
    /*change 3px to 0px on 19-Mar-25*/
    margin: 5px 5px 0px 0px;
    /*end*/
}
.lst-off {
    float: left;
    padding-left: 20px;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 0px !important;
}

table.dataTable tbody td {
    padding: 8px 0px !important;
}

@media (max-width: 1700px) {
}

@media (max-width: 1919px) {
   /* .box-table-inner .grid {
        overflow-x: scroll;
    }*/
}

@media (max-width: 1500px) {
    .tab-data-package.details .body-package > .form-group .input-group {
        width: calc(50% - 10px);
    }

    .started-new-survey.started-new-survey-section .new-serve-heading-title {
        left: 262px;
    }
}

@media (max-width: 1388px) {
    .inner-box-input .d-block li.option-add-text button.addmedia {
        font-size: 13px;
    }

    .choice p {
        font-size: 13px;
        padding-left: 6px;
    }
}

@media (min-width:1200px) and (max-width:1280px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
    .started-new-survey.started-new-survey-section .new-serve-heading-title {
        left: 222px;
    }

    .survey-detail-content .table-view-des ul li:last-child span {
        display: flex;
        align-items: center;
        column-gap: 5px;
    }

    .right-survey button.create-button {
        padding: 10px 11px;
        font-size: 15px;
        margin-top: -12px !important;
    }

    .clients_panel_derails .box-align .drop-select.show section.uniq-modal.dropdown-menu.show {
        min-width: 750px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .started-new-survey .col-lg-4.box-get {
        margin: 30px 0px;
    }

    .started-new-survey .new-serve-heading-title {
        left: 163px;
    }

    .started-new-survey.started-new-survey-section .new-serve-heading-title {
        left: 152px;
    }

    .right-survey button.create-button {
        margin-top: 8px !important;
    }

    .right-survey .list-group a + a {
        margin: 0 8px;
        text-decoration: none;
        font-size: 12px;
    }

    .right-survey .list-group a {
        font-size: 12px;
    }

    .right-survey .list-group {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
}




.select-pic-popup .modal-body .inner-box .select-menu {
    position: relative;
}

.select-menu .select-btn {
    display: flex;
    height: 43px;
    background: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    border: 1px solid #D4D4D8;
}

.select-menu .options {
    position: absolute;
    width: 100%;
    overflow-y: auto;
    max-height: 136px;
    padding: 0px;
    margin-top: -2px;
    border-radius: 0px 0px 8px 8px;
    background: #fff;
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 0.35s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
    border: 1px solid #D4D4D8;
}

    .select-menu .options::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .select-menu .options::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 2px solid transparent;
    }

    .select-menu .options::-webkit-scrollbar-thumb {
        background-color: var(--blue-color);
    }

        .select-menu .options::-webkit-scrollbar-thumb:hover {
            background-color: var(--blue-color);
        }

    .select-menu .options::-webkit-scrollbar-corner,
    .select-menu .options::-webkit-scrollbar-track, {
        background-color: var(--blue-color);
    }

    .select-menu .options .option {
        display: flex;
        height: 39px;
        cursor: pointer;
        padding: 5px 10px;
        align-items: center;
        background: #fff;
        font-size: 14px;
        font-weight: 500;
        color: #000;
        border-bottom: 1px solid #C4C4C4;
    }

        .select-menu .options .option:hover {
            background: #f2f2f2;
        }

        .select-menu .options .option .option-text {
            font-size: 14px;
            font-weight: 500;
            color: #000;
        }

.select-menu.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--green-color);
    border-color: var(--green-color);
}

.card-package button {
    border: none !important;
    border-radius: 10px !important;
    width: auto !important;
    font-size: 14px !important;
    height: 36px !important;
}

.btn-secondary:hover {
    color: #fff;
    background-color: var(--green-color) !important;
    border-color: var(--green-color) !important;
}

.btn-sample {
    border: none !important;
    border-radius: 10px !important;
    width: auto !important;
    font-size: 14px !important;
    height: 36px !important;
    padding: 6px 20px !important;
    text-decoration: none !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--green-color) !important;
    border-color: var(--green-color) !important;
}

h4.fnt-nw {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #374151;
}

.screen-icon button {
    background: transparent !important;
    border: 0px !important;
}

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

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

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

    to {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
}
.quickgrid[theme=default] .col-title {
    padding: 0 !important
}

/*Added ruby akram on 08-Apr-25*/
label.image-checkbox {
    margin-bottom: 0;
}

img.img-close-toggle {
    cursor: pointer;
}
/*End*/