body {
    font-family: "Inter", sans-serif !important;
    margin: 0px;
    padding: 0px;
    color: #171637;
    background: #f6f6f6;
}

h1,
.h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
}

.h1 span {
    color: #ed63ac;
}

::selection {
    color: #fff;
    background: #000;
}

a {
    color: #171637;
    text-decoration: none;
}

a:hover,
.dropdown-item:hover {
    text-decoration: none;
    color: #ff66ad;
}

img {
    max-width: 100%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0px 0px 5px;
}

ul {
    margin: 0px;
    padding: 0px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar {
    height: 4px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

/****Login page css****/
.login-page-wrapper {
    background: #f0f0f0;
    min-height: calc(100vh - 48px);
    padding-bottom: 10px;
}
.login-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 34px 150px;
}
.login-inner-data {
    padding: 32px;
    background: #fff;
    border-radius: 20px;
    max-width: 542px;
    margin: 0 auto;
}
.admin-logo-wrap {
    display: table;
    margin: 60px auto 30px;
}
.admin-logo-wrap .logo img {
    width: 150px;
}

.login-inner-data h3 {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    margin: 0;
}

.form-control {
    border-radius: 10px;
    border: 1px solid #9c9c9c;
    height: 55px;
    padding: 0 20px;
    width: 100%;
    font-size: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    background-color: unset;
}
.input .clear,
.input .clear:hover {
    display: none;
}
.login-hdr-left h2 {
    margin: 0;
    font-size: 27px;
    font-weight: 500;
    color: #171637;

    letter-spacing: 2px;
}
.login-hdr-left a img {
    width: 100px;
}

.login-hdr-left h2 span {
    color: #ff66ad;
}

.input-field {
    position: relative;
    width: 100%;
    min-height: 32px;
    line-height: 24px;
    background: none;
    margin: 0 0 24px;
}

.input-field label {
    position: absolute;
    top: 24px;
    left: 20px;
    width: 100%;
    color: #9c9c9c;
    transition: 0.2s all;
    cursor: text;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.textarea-form-group label {
    z-index: -1;
}

.required-field-icon {
    margin-left: 12px;
}

/* .input-field input,
.input-field select,
.input-field textarea {
    width: 100%;
    border: 0;
    outline: 0;
    padding: 7px 18px 5px 0px;
    border-bottom: 2px solid #171637;
    box-shadow: none;
    color: #171637;
    background: none;
    font-size: 14px;
    border-radius: 0px;
    resize: none;
} */

.input-field textarea {
    min-height: 10px;
    padding: 9px 0 8px;
    max-height: initial;
    height: auto;
}

.input-field textarea:focus {
    background: unset;
    border-bottom: 2px solid #171637;
    box-shadow: none;
    outline: none;
}

.input-field select {
    display: block;
    /*padding: 17px 44px 16px 16px;
    height: 52px;*/
    width: 100%;
    outline: none !important;
    background-image: url(../images/down-chevron.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 4px center !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    padding-right: 30px;
}

.input-field input:focus {
    background: unset;
    box-shadow: none;
    border-color: #171637;
}

.input-field input:invalid {
    outline: 0;
}

.input-field input:focus,
.input-field input:valid {
}

.input-field input:focus ~ label,
.input-field textarea:focus ~ label {
    font-size: 12px;
    top: -12px;
    font-weight: 300;
}

.input-field input:focus ~ label img {
    width: 18px;
}

.login-form-inner-data {
    width: 100%;
    margin-top: 32px;
    padding-bottom: 0px;
}
.login-form-inner-data input:-webkit-autofill,
.login-form-inner-data input:-webkit-autofill:hover,
.login-form-inner-data input:-webkit-autofill:focus,
.login-form-inner-data input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255) inset !important;
}
.researcher-form-btn {
    margin-top: 114px;
}

.login-data-wrap {
    min-height: calc(100vh - 104px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-heading {
    font-size: 78px;
    margin: 0 0 8px;
    text-transform: uppercase;
    font-weight: 600;

    position: relative;
    left: -5px;
    line-height: 90px;
}

.form-heading span {
    color: #ff66ad;
}

.form-sub-head {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
}

.forgot-password-link {
    text-align: right;
    margin: 8px 0 0;
    font-size: 12px;
    position: relative;
}

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

.divider-wrap {
    margin: 36px auto 36px;
    border-top: 1px solid #171637;
    position: relative;
    width: 85%;
}

.divider-wrap span {
    position: absolute;
    top: -10px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    width: 100px;
    background: #edf8ff;
    font-size: 14px;
    text-align: center;
}

.social-login-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px -10px 0px;
}

.social-login-wrap span {
    display: inline-block;
    padding: 0px 10px;
}

.social-login-wrap span a {
    display: inline-block;
}

.form-btn,
.form-btn:focus {
    background: #000;
    border-radius: 40px;
    color: #fff;
    height: 58px;
    font-size: 16px;
    font-weight: 600;

    box-shadow: none;
    border: 0px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

input:autofill ~ label,
.input.input-field.form-group.focused label {
    top: 1px;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #000;
    padding: 0 8px;
    z-index: 2;
    background: #fff;
    display: inline-flex;
    width: auto;
    left: 12px;
}

.form-btn:hover {
    background: #555;
    color: #fff;
}

.login-hdr-right a {
    border: 2px solid #171637;
    box-sizing: border-box;
    border-radius: 40px;
    height: 36px;
    font-weight: 600;
    font-size: 14px;
    line-height: 0;
    color: #2f2e55;
    width: 176px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.login-hdr-right a:hover {
    border-color: #ff66ad;
}
i.toggle-password img {
    width: 24px;
    height: 24px;
}

.toggle-password {
    position: absolute;
    right: 15px;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    z-index: 2;
    transition: 0.5s;
    height: 40px;
    display: flex;
    align-items: center;
    bottom: 6px;
}

.hide-password-img {
    width: 16px;
    display: none;
}

.toggle-password.slash .show-password-img {
    display: none;
}

.toggle-password.slash .hide-password-img {
    display: block;
}

.login-data-wrap .container {
    max-width: 60%;
}

.password-guide-text,
.field-guide-text {
    font-size: 12px;
    margin: 8px 0 10px;
    line-height: 18px;
    position: relative;
}

.form-back-btn {
    color: #171637;
    display: flex;
    align-items: center;
    background: unset;
    border: 2px solid #171637;
    justify-content: space-around;
    margin-top: 18px !important;
}

.form-back-btn:hover {
    background: #171637;
    color: #fff;
}

.custom-control-label {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.custom-control-label b {
    font-weight: bold;
}

.custom-control-label::before {
    background-color: unset;
    border: 1px solid #cccccc;
    width: 24px;
    height: 24px;
    border-radius: 5px !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ff66ad;
    border-color: #ff66ad;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #171637;
}

.modal-backdrop {
    background: #eaf6ff;
    opacity: 0.8 !important;
}

.email-sent-modal .modal-dialog {
    max-width: 523px;
    width: 523px;
}

.email-sent-modal .modal-body {
    padding: 0px;
}

.custom-modal-wrap .modal-content {
    border: 0;
    background: rgb(226 245 253);
    background: linear-gradient(
        90deg,
        rgba(181, 255, 253, 0.5) -8.56%,
        rgba(255, 187, 219, 0.5) 154.56%
    );
    mix-blend-mode: normal;
    box-shadow: 0px 8px 50px 4px rgba(19, 29, 45, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 16px;
}

.modal-inner-text {
    padding: 80px 76px;
    text-align: center;
}

.resend-email-btn,
.resend-email-btn:hover,
.resend-email-btn:focus {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #171637;
    mix-blend-mode: normal;
    flex: none;
    order: 1;
    flex-grow: 0;
    outline: none;
    box-shadow: none;
    background: none;
    border: 0;
    cursor: pointer;
}

.email-ver-count {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #ff66ad;
    margin-bottom: 8px;
}

.resend-email-btn:hover {
    color: #ff66ad;
}

.login-page-btn {
    margin-top: 32px;
}

.reset-btn-wrap {
    margin-top: 82px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
    box-shadow: none !important;
    outline: none !important;
}

.account-term-and-condition-wrap {
    margin-top: 32px;
    margin-bottom: 48px;
}

.modal-inner-text h2 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;

    margin: 0;
}

.modal-inner-text p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin: 16px auto 32px;
    width: 341px;
}

.login-email-modal .modal-inner-text p {
    font-size: 14px;
    line-height: 18px;
    margin: 16px auto 77px;
}

.modal-inner-text .form-btn,
.modal-inner-text .form-btn:focus {
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #eaf6ff;
    width: 90%;
    margin: 0 auto;
}

.modal-inner-text .close,
.modal-inner-text .close:focus {
    opacity: 1;
    position: absolute;
    top: 36.5px;
    right: 36.5px;
    outline: none;
    box-shadow: none;
}

.verify-email-otp-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px -10px;
}

.verify-email-otp-wrap input {
    width: 60px;
    margin: 0 10px;
    background: unset;
    text-align: center;
    border: 2px solid #171637;
    box-shadow: none;
    color: #171637;
    font-size: 14px;
    padding: 10px;
    border-radius: 3px;
}

.verify-email-otp-wrap input:focus {
    outline: none;
    box-shadow: none;
}

.dont-receive-emai-text {
    text-align: center;
    margin: 0;
    margin-top: 8px;
    font-size: 12px;
}

.dont-receive-emai-text a {
    text-decoration: underline;
    color: #171637;
}

.line-height-24 {
    line-height: 24px;
}

.login-page-btn-wrap {
    margin-top: 70px;
    margin-bottom: 24px;
}

/****Login page css****/

/*** Inner Page css****/
.inner-page-right-hdr {
    display: flex;
    align-items: center;
}

.inner-page-right-hdr {
    margin: 0px 0px 0 -10px;
}

.inner-page-right-hdr span {
    padding: 0px 10px;
    color: #fff;
    font-weight: bold;
}

.login-page-header.inner-page-hdr-wrap {
    padding: 7px 0px;
}

.inner-page-container {
    max-width: 100%;
    padding: 0 20px;
}

.profile-heading-section {
    padding: 15px 0px 32px;
    display: flex;
    align-items: start;
    border-top: 1px solid #bebecc;
    width: 100%;
    border-bottom: 1px solid #bebecc;
    justify-content: space-between;
}
.nps-data-count {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    min-width: 160px;
    text-align: right;
    position: relative;
    top: 15px;
}

.top-bar-link {
    display: flex;
    align-items: center;
    align-items: center;
    flex-wrap: wrap;
}
.profile-heading-section span img {
    margin-right: 8px;
}

.profile-heading-section span {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #ff66ad;
    line-height: 24px;
}

.username-drop-down .dropdown-toggle,
.username-drop-down .btn-primary {
    background: none;
    border: 0;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    outline: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: unset;
}

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

.count-coin-wrap img {
    margin-left: 18px;
}

.count-coin-wrap {
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.count-coin-wrap a {
    padding: 0;
    width: auto;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

.inner-page-right-hdr .username-drop-down {
    margin-left: 8px;
}

.signin-btn-wrap a {
    width: 117px;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.inner-page-right-hdr .notification-btn {
    margin-left: 14px;
    margin-right: 14px;
}
span.username-drop-down.notification-btn.mr-0.pr-0 {
    display: none;
}
.inner-page-right-hdr .username-drop-down {
    padding-right: 0px;
}

.dropdown-menu {
    border: 0;
    border-radius: 12px;
    mix-blend-mode: normal;
    box-shadow: 0px 8px 50px 4px rgba(19, 29, 45, 0.08);
    width: 386px;
    /* left: auto !important;
    right: 0px; */
    padding: 68px 40px;
    transform: translate3d(0px, 18px, 0px) !important;
    background: linear-gradient(
        90deg,
        rgba(181, 255, 253, 0.2) -8.56%,
        rgba(255, 187, 219, 0.2) 154.56%
    );
    box-shadow: 0px 8px 50px 4px rgb(19 29 45 / 15%) !important;
    backdrop-filter: blur(30px) !important;
    background-color: #edf8ff !important;
}

.dropdown-menu a {
    display: block;
    text-align: unset;
    width: 100% !important;
    border: 0;
    font-size: unset;
    line-height: 18px;
    font-weight: 300;
    margin: 0px 0 !important;
    height: auto;
    border-radius: 0;
    padding: 0;
    border-radius: 0px;
    white-space: inherit;
    background-color: unset;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: unset;
    text-decoration: none;
    background-color: unset;
}

.dropdown-item.active,
.dropdown-item:active {
    color: unset !important;
    text-decoration: none !important;
    background-color: unset !important;
}

.dropdown-menu .profile-link {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    display: flex;
    align-items: center;
    margin-bottom: 15px !important;
    justify-content: flex-start;
}

.dropdown-menu .border-wrap {
    margin: 9px 0px 24px;
}

.dropdown-menu .profile-link img {
    margin-right: 12px;
    min-height: 24px;
    height: 24px;
}

.dropdown-menu .profile-link:hover {
    color: #ff66ad;
}

.border-wrap {
    display: block;
    height: 2px;
    background: #bebecc;
    opacity: 0.2;
    margin: 24px 0;
}

.dropdown.show button {
    color: #ff66ad !important;
    background: unset !important;
    border-radius: 0px !important;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-bottom: 0;
    border-left: 6px solid transparent;
    border-radius: 40px;
    transition: 0.3s;
}

.dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.notification-btn .dropdown-menu {
    transform: translate3d(0px, 28px, 0px) !important;
}

.notification-btn .dropdown .dropdown-toggle::after {
    display: none !important;
}

.no-data {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    line-height: 18px;
}

/****header****/
.profile-info-section {
    display: flex !important;
    justify-content: space-between;
    padding: 0px;
    margin-bottom: 20px;
}

.profile-info-left {
    width: 675px;
}

.progress-bg-wrap {
    background-image: url(../images/progress-bg.png);
    width: 173px;
    height: 154px;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #edf8ff;
    z-index: 222;
    transition: 0.3s;
}

.progress-fixed {
    position: fixed;
    right: 150px;
    top: 70px;
    transition: 0.3s;
}

.progress-inner {
    border: 4px solid #96fffc;
    width: 124px;
    height: 124px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 9px;

    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 48px;
}

.backto-list-wrap a img {
    margin-right: 16px;
}

.backto-list-wrap a,
.backto-list-wrap a:hover {
    display: flex;
    align-items: center;
    text-transform: uppercase;

    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #171637;
    line-height: 20px;
}

.profile-info-text {
    margin-top: 34px;
}

.page-main-heading {
    font-style: normal;
    font-weight: 600;
    font-size: 90px;
    line-height: 100px;
}

.profile-info-text p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    margin: 20px 0px 0px;
}

.profile-form-repeat {
    padding: 60px 0;
    border-bottom: 2px solid rgba(190, 190, 204, 0.2);
}

.profile-form-repeat:last-child {
    border-bottom: 0px;
}

.form-info-text h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.form-info-text p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0 0;
    color: rgba(0, 0, 0, 0.87);
}

.static-label label {
    position: static;
    top: 0;
    margin-top: -18px;
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: unset;
    display: table;
    padding: 0;
}

.intl-tel-input .selected-flag .iti-flag {
    -webkit-clip-path: polygon(
        50% 0%,
        100% 25%,
        100% 75%,
        50% 100%,
        0% 75%,
        0% 25%
    );
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    height: 15px !important;
    width: 15px !important;
    background-color: #d8d8db;
}
.selected-flag .iti-flag.in {
    background-position: -2416.5px 0 !important;
}
.selected-flag .iti-flag.jp {
    background-position: -2615px -1px !important;
}
.selected-flag .iti-flag.ar {
    background-position: -224px 0 !important;
}
.selected-flag .iti-flag.bd {
    background-position: -420px -1px;
}
.selected-flag .iti-flag.ca {
    background-position: -837px 0;
}
.selected-flag .iti-flag.mt {
    background-position: -3469px 0;
}
.selected-flag .iti-flag.zm {
    background-position: -5594px 0;
}
.selected-flag .iti-flag.vn {
    background-position: -5415px 0;
}
.selected-flag .iti-flag.va {
    background-position: -5309px 0;
}
.selected-flag .iti-flag.so {
    background-position: -4628.5px -1px;
}
.selected-flag .iti-flag.ad {
    background-position: -25px 0;
}
.selected-flag .iti-flag.bo {
    background-position: -639.5px 0;
}

.selected-flag .iti-flag.ir {
    background-position: -2482px -1px;
}
.selected-flag .iti-flag.mo {
    background-position: -3362px 0px;
}
.flag-box .iti-flag.ae {
    background-position: -45px 0;
}
.flag-box .iti-flag.al {
    background-position: -133px -1px;
}
.flag-box .iti-flag.ao {
    background-position: -176px -1px;
}
.flag-box .iti-flag.be {
    background-position: -439px 0;
}

.flag-box .iti-flag.bz {
    background-position: -812px -1px;
}
.flag-box .iti-flag.ba {
    background-position: -373px 0;
}
.flag-box .iti-flag {
    box-shadow: none !important;
}
.profile-form-group .input-field {
    line-height: 24px;
    /*margin-bottom: 6px !important;*/
}
.flag-box .iti-flag {
    width: 21px !important;
    height: 16px !important;
    background-color: unset !important;
    border: 0px !important;
    background-color: unset !important;
}
.flag-box .iti-flag.cv {
    background-position: -1160px -1px;
}
li.country .flag-box {
    margin-right: 10px !important;
}
.intl-tel-input .flag-container {
    z-index: 999;
    background: #edf8ff;
    border-bottom: 2px solid;
}

.intl-tel-input {
    width: 100%;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background: #edf8ff;
}

.hidden {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.radio_btn_input:checked + span .fill-icon {
    display: block;
}

.radio_btn_input:checked + span .empty-fill-icon {
    display: none;
}

.radio_btn_class label span .fill-icon {
    display: none;
}

.checkboxes.radio_btn_class.gender_btn.d-flex label {
    display: flex;
    align-items: center;
    margin-top: 6px;
    cursor: pointer;
    width: auto;
}

.inner-page-wrapper {
    overflow-x: hidden;
    min-height: 100vh;
}

.checkboxes.radio_btn_class.gender_btn.d-flex label p {
    margin: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    width: auto;
    margin-right: 68px;
}

.checkboxes.radio_btn_class.gender_btn.d-flex span {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: flex;
}

.checkboxes.radio_btn_class.gender_btn.d-flex span img {
    width: 20px;
    height: 20px;
}

.mobile-apps-list-wrap {
    margin-top: 6px;
}

.mobile-apps-list-wrap span {
    border: 2px solid #595972;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 4px 27px;
    display: inline-block;
    font-weight: 400;
    color: #171637;
    font-size: 14px;
    line-height: 20px;
    margin: 9px 3px 0px;
    cursor: pointer;
    position: relative;
}

.mobile-apps-list-wrap span:hover {
    border-color: #ff66ad;
}

.qty-row-wrap {
    display: flex;
    align-items: center;
    width: 190px;
    margin-top: 12px;
}

.qty-row-wrap button {
    padding: 0px;
    background: none;
    border: 0px;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}

.qty-row-wrap input {
    width: 50px;
    padding: 0px;
    text-align: center;
    border: 0;
    margin: 0;
    min-width: auto;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.aed-btn-wrap {
    position: absolute;
    right: 0;
    bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #595972;
    transition: 0.5s;
}

.household-income-wrap.active-income .aed-btn-wrap {
    right: 20px;
}

.profile-form-wrap .static-label label {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
}

.profile-form-wrap .mobile-appslist-outer {
    max-width: 100% !important;
    margin-bottom: 10px;
}

.profile-form-repeat .row {
    margin-right: -45px;
    margin-left: -45px;
}

.profile-form-repeat .row .col-md-4,
.profile-form-repeat .col-md-8,
.profile-form-repeat .col-md-6,
.profile-form-repeat .col-md-12 {
    padding-right: 45px;
    padding-left: 45px;
}

.profile-form-repeat .form-group.custom-control.custom-checkbox {
    display: flex;
    align-items: center;
}

.input.input-field.form-group.focused label img {
    width: 18px;
}

.input-field.form-group.mb-0.password-margin-top.focused label img,
.focused label img {
    width: 18px;
}

.focused label {
    font-size: 10px !important;
    top: 4px;
    font-weight: 300;
}

.intl-tel-input .selected-flag .iti-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #171637;
    border-radius: 50px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input {
    padding-left: 14px !important;
    width: calc(100% - 80px);
    margin-left: 80px;
}

.inner-form-btn .btn {
    padding: 10px 64px;
}

.profile-complete-btn-wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 57px;
}

.profile-complete-btn-wrap .form-btn {
    min-width: 250px;
}

/*** Inner Page css****/

/*** Dashboard css****/
.dashboard-data-wrapper {
    margin-top: 40px;
}

.profile-complete-progress-wrap {
    background: #96fffc;
    mix-blend-mode: normal;
    box-shadow: 0px 8px 50px 4px rgb(19 29 45 / 8%);
    backdrop-filter: blur(30px);
    border-radius: 16px;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 300;
    font-size: 16px;
    margin-top: 24px;
    line-height: 24px;
    margin-bottom: 64px;
    position: relative;
}

.pro-lft-wrap span {
    font-weight: 600;
}

.pro-right-wrap a {
    display: flex;
    align-items: center;

    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #171637;
}

.pro-right-wrap a img {
    margin-left: 8px;
}

.pro-right-wrap {
    display: flex;
    align-items: center;
}

.delete-progress-row {
    margin-left: 84px;
    width: 15px;
    cursor: pointer;
    position: relative;
    top: -2px;
}

/***super admin***/
.remember-me-wrap .custom-control {
    padding-left: 32px;
}

.remember-me-wrap .custom-control-label {
    margin-top: 6px;
    font-weight: 500;
    color: #000;
}
.custom-control-label::after {
    position: absolute;
    top: 8px;
    left: 4px;
}

.remember-me-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 0 0;
}
.super-admin-header {
    background: #000;
    /* box-shadow: 0 0 10px #f1f1f1; */
    padding: 6px 0;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 55;
    /* border-bottom: 1px solid #ebeef0; */
}

@keyframes swing {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(10deg);
    }
    30% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    60% {
        transform: rotate(5deg);
    }
    70% {
        transform: rotate(0deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes sonar {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/

.page-wrapper {
    height: 100vh;
}

.page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
}

.page-wrapper .theme.chiller-theme {
    background: #1e2229;
}

/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
    left: 0px !important;
    /*border-radius: 0px 16px 16px 0px;*/
}

@media screen and (min-width: 768px) {
    .page-wrapper.toggled .page-content {
        padding-left: 300px;
    }
}
/*----------------show sidebar button----------------*/
#show-sidebar {
    position: fixed;
    left: 0;
    top: 10px;
    border-radius: 0 4px 4px 0px;
    width: 35px;
    transition-delay: 0.3s;
    z-index: 55;
}
.page-wrapper.toggled #show-sidebar {
    left: -40px;
}
/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
    width: 260px;
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 999;
    background: #fff !important;
}

.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper a {
    text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
    max-height: calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: auto;
    position: relative;
}

.sidebar-content.desktop {
    overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
    cursor: pointer;
    font-size: 20px;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
    padding: 20px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
    float: left;
    width: 60px;
    padding: 2px;
    border-radius: 12px;
    margin-right: 15px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
    float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
    display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
    font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
    font-size: 11px;
    margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
    font-size: 8px;
    margin-right: 4px;
    color: #5cb85c;
}

.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px;
    padding-top: 15px;
}

.sidebar-wrapper .sidebar-menu .header-menu span i {
    margin: 0 3px 0 0;
}
.sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: bold;
    font-size: 15px;
    padding: 15px 20px 5px 20px;
    display: inline-block;
    color: #171637;
}
.sidebar-wrapper .sidebar-menu ul li a {
    display: table;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 10px 20px 10px 20px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;

    margin: 3px auto;
}
.sidebar-menu li span {
    display: flex;
    align-items: center;
}
.sidebar-wrapper .sidebar-menu ul li a i,
.sidebar-wrapper .sidebar-menu ul li a svg {
    margin-right: 8px;
    font-size: 22px;
}
.sidebar-wrapper .sidebar-menu ul li a .fa-mobile {
    font-size: 23px;
    line-height: 0;
    margin-left: 2px;
    margin-right: 21px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 28px;
    top: 18px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 0px;
}
li.header-menu span {
    margin-left: 9px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    padding-left: 0px;
    font-size: 13px;
    border: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
    content: "";

    margin-right: 10px;
    font-size: 15px;
    width: 6px;
    height: 6px;
    background: #dadae2;
    display: none;
    border-radius: 100px;
    position: relative;
    top: -1px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
    float: right;
    margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
    width: 90%;
    margin: 5px auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    outline: none;
    border: 0;
    background: #f6f6f6;
}
.sidebar-wrapper .sidebar-menu .sidebar-submenu a {
    font-size: 12px;
    font-weight: 400 !important;
}
.sidebar-wrapper .sidebar-dropdown.show-menu .sidebar-submenu {
    transition: 0.3s;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.show-menu > a:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(180deg);
    right: 17px;
}

.super-admin-wrapper {
    padding-top: 0px !important;
    min-height: 100vh;
}
.log-out-wrap {
    padding: 0 24px;
    position: relative;
    top: -10px;
}
.log-out-wrap a {
    font-weight: 500;
}
li.sidebar-dropdown.active .sidebar-submenu ul li a {
    color: #171637;
}
li.sidebar-dropdown.active .sidebar-submenu ul li.active a {
    color: #ff66ad;
    font-weight: 600 !important;
}

/*--------------------------page-content-----------------------------*/

.page-wrapper .page-content {
    /*display: table;*/
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
    /*max-width:1800px;*/
    margin: 0 auto;
}

.page-wrapper .page-content > div {
    padding: 20px 40px 20px 0px;
}

.page-wrapper .page-content {
    overflow-x: hidden;
}

/*------scroll bar---------------------*/

::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #ffffff;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
    background: #525965;
}
::-webkit-scrollbar-thumb:active {
    background: #525965;
}
::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
    background: transparent;
}
::-webkit-scrollbar-track:active {
    background: transparent;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-footer {
    background: #3a3f48;
    box-shadow: 0px -1px 5px #282c33;
    border-top: 1px solid #464a52;
}

.chiller-theme .sidebar-footer > a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer > a:last-child {
    border-right: none;
}
li.sidebar-dropdown.active .sidebar-submenu {
    display: block !important;
}
div#close-sidebar {
    display: none;
}
.login-form-inner-data .form-control {
    position: relative;
    z-index: 2;
}
.small-dropdown .dropdown-menu a:last-child {
    padding-bottom: 0px;
}

/***Table css****/
table {
    width: 100%;
    background: #fff;
    border: 1px solid #f5f5f5;
}
table thead tr th {
    font-size: 12px;
    line-height: 24px;
    padding: 10px 11px;
    color: #171637;
    border-bottom: 0;
    font-weight: 500;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

table tbody tr td {
    padding: 12px 11px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding-right: 5px;
    vertical-align: top;
}

table .mid-menu-wrap .dropdown-menu {
    max-height: inherit;
    overflow-y: auto;
    top: 12px !important;
}
.mid-menu-wrap .dropdown-menu {
    width: 278px;
    right: 0px !important;
    top: 0px !important;
    max-height: 150px;
    overflow-y: auto;
}
.small-dropdown .dropdown-menu a:first-child {
    border: 0px;
    padding-top: 0px;
}
.small-dropdown .dropdown-menu a {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin: 0px 0px !important;
    border-top: 2px solid rgba(194, 194, 210, 0.2);
    padding: 11px 0;
}
.drop-down-link-hold a {
    display: flex !important;
    justify-content: space-between;
}

.pro-menu-icon.small-dropdown button {
    width: auto !important;
    padding: 0px;
}
.dropdown.show button {
    color: #ff66ad !important;
    background: unset !important;
    border-radius: 0px !important;
}
.dropdown button {
    background: none;
    border: 0px;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}
.bd-col-action-wrap.d-flex
    .pro-menu-icon
    .show.dropdown
    .dropdown-toggle:after {
    top: 0px;
}
.small-dropdown button:after {
    display: none;
}
.pro-menu-icon .show.dropdown .dropdown-toggle img {
    display: none;
}
.pro-menu-icon button img {
    width: 24px !important;
}
.pro-menu-icon .show.dropdown .dropdown-toggle:after {
    content: "";
    background-image: url(../images/cross.svg);
    height: 18px;
    width: 18px;
    display: block;
    background-repeat: no-repeat;

    background-size: 14px;
    border-radius: 0;
    margin: 0;
    border: 0px;
    padding: 9px;
    top: -2px;
}
.dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.target-group-slide .small-dropdown .dropdown-menu,
.dropdown-withclose-btn .dropdown-menu {
    width: 260px;
    padding: 15px;
    /* padding-right: 60px; */
}

/***Table css****/
.password-filed .clear {
    bottom: 7px !important;
}
.dashboard-top-bar-wrap {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}
.dash-top-box-repeat {
    width: 20%;
    padding: 10px;
}





.dashboard-top-bar-wrap.dashboard-mid-bar-wrap .dash-top-box-repeat {
    width: 33.333%;
}
.top-head h4 {
    font-size: 14px;
    font-weight: 600;

    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 8px;
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-head h4 span {
    display: flex;
    align-items: center;
}
.top-head h4 span img {
    margin-right: 8px;
}
span.user-by-status-text {
    font-weight: normal;
    color: #6e6c6c;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

li.header-menu span {
    font-size: 19px;
    display: block;
    margin-bottom: 10px;
}
.sidebar-menu li {
    /* border-bottom: 1px solid #f6f6f6; */
    padding-left: 13px;
    padding-right: 13px;
}
.top-head h4 i {
    font-size: 20px;
    margin: 0 7px 0 0;
    color: #ff66ad;
}
.dash-usercount-data-repeat p {
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    font-weight: 300;
}

.dash-usercount-data-repeat {
    padding: 8px;
    border-radius: 5px;
}
.dash-usercount-data-repeat:nth-child(odd) {
    background: #fff;
}
.dashboard-top-bar-wrap.dashboard-mid-bar-wrap
    .dash-top-box-repeat
    .dash-inner-data-wrap {
    min-height: 260px;
}

.tests-published-by-language .dash-usercount-data-repeat {
    text-align: center;
    width: 100%;
    background: #f6f6f6 !important;
    margin: 5px;
}
.dash-usercount-data-repeat p span svg {
    width: 20px;
    margin-left: 4px;
}
.loader-wrap {
    background: #fff !important;
}
.loader-wrap img {
    width: 100px !important;
}
.dash-usercount-data-repeat a:hover svg path {
    stroke: #ff66ad;
}
.language-ea-wrap p {
    margin-bottom: 0 !important;
    padding-bottom: 4px !important;
}

.dash-language-test-data {
    width: 100%;
}
.tests-published-by-language .dash-usercount-data-repeat p {
    justify-content: center;
}
.dash-usercount-data-repeat p span img {
    width: 19px;
    margin: 0 10px 0 0;
}
.dash-usercount-data-repeat p span {
    display: flex;
    align-items: center;
}
.user-count-span {
    font-weight: 600;
    font-size: 12px;
}

.table-filter-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid rgba(194, 194, 210, 0.2);
    padding-bottom: 9px;
    margin-bottom: 26px;
}

.search-option-wrap {
    display: flex;
    align-items: center;
}

.search-option-wrap .input-field label {
    top: 15px;
    z-index: -1;
}
.search-option-wrap input:autofill ~ label,
.search-option-wrap .input.input-field.form-group.focused label {
    top: 4px;
    background: #f6f6f6;
    font-size: 12px;
}

.search-btn .btn,
.search-clear-option .btn {
    background: #171637;
    border-radius: 40px;
    color: #fff;

    font-size: 16px;
    font-weight: 600;

    box-shadow: none;
    border: 0px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 31px;
    margin: 0 0 0 13px;
}
.search-clear-option .btn {
    color: #171637;
    background: unset;
    border: 2px solid #171637;
}

.search-btn .btn:hover {
    background: #ff66ad;
    color: #fff;
}
.search-clear-option .btn:hover {
    background: unset;
    color: #171637;
    border-color: #ff66ad;
}
.pagination-wrap {
    display: flex;
    justify-content: end;
}

ul.pagination.justify-content-end.mb-0 li {
    margin: 0 3px;
}
ul.pagination.justify-content-end.mb-0 {
    margin-top: 20px;
    margin-bottom: 20px !important;
    background: #fbfeff;
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: -2px 1px 4px 1px #e2e6e9;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    font-weight: 600;
    background-color: #171637 !important;
    border-color: #171637 !important;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #171637;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}
ul.pagination.justify-content-end.mb-0 li a {
    height: auto;
    display: flex;
    align-items: center;
    border: 0;
    border-radius: 5px;
    padding: 7px 14px;
    height: 34px;
    background: unset;
    outline: none;
    box-shadow: none;
}
ul.pagination.justify-content-end.mb-0 li a:hover {
    color: #171637;
}

ul.pagination .disabled {
    cursor: not-allowed;
}
.sidebar-menu .active a {
    background: #f6f6f6;
    color: #ff66ad;
    border-radius: 10px;
    display: table;
}
.sidebar-menu .active a svg path,
.sidebar-menu a:hover svg path {
    stroke: #ff66ad;
}

.inner-page-menu span {
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    color: #171637;
    margin-right: 15px;
    cursor: pointer;
}
.inner-page-menu span.active {
    color: #ff66ad;
    font-weight: 600;
}
.inner-page-menu span.active svg path {
    stroke: #ff66ad;
}
.inner-page-menu span svg {
    margin-right: 8px;
}
.detail-inner-data {
    padding: 20px 0;
}
.detail-inner-data .profile-info-section h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
}

.detail-inner-data .view-only-data label {
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
}

.detail-inner-data .profile-form-group {
    margin-bottom: 32px;
}
.mobile-apps-list-wrap span.active {
    background: #171637;
    border-color: #171637;
    color: #fff;
}
.mobile-apps-list-wrap span.active:after {
    content: "\f058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ff66ad;
    margin-left: 4px;
    position: absolute;
    top: 7px;
    right: 8px;
}

.selected-plan-wrapper {
    background-color: #fff;
    mix-blend-mode: normal;
    box-shadow: 0px 8px 50px 4px rgb(19 29 45 / 8%);
    backdrop-filter: blur(30px);
    border-radius: 16px;
    margin: 64px auto;
    max-width: 1072px;
    padding: 44px 64px;
}
.credits-pln-wrapper {
    background-color: #fff;
    box-shadow: 0px 6px 24px rgb(23 22 55 / 12%);
}
.selected-plan-mid-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.selected-plan-info-repeat:first-child {
    border-left: 0px;
    padding-left: 0px;
}
.selected-plan-info-repeat {
    width: 33.33%;
    border-left: 2px solid rgba(190, 190, 204, 0.2);
    padding-left: 64px;
}
.selected-plan-mid-wrap p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #171637;
}
.selected-plan-mid-wrap h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    margin-top: 16px;
}
.tester-account-detail {
    margin-top: 32px;
}
.tester-account-detail h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
}
.study-history-table .active-tiles-wrap span {
    min-width: 110px;
    text-align: center;
}
.active-tiles-wrap .in-active {
    color: #ff66ad;
    border-color: #ff66ad;
}
.active-tiles-wrap span {
    border: 2px solid #595972;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 4px 15px 4px 12px;
    display: inline-block;
    font-weight: 300;
    color: #171637;
    font-size: 12px;
    line-height: 20px;
    position: relative;
}
.active-tiles-wrap span.active {
    background: #171637;
    border-color: #171637;
    color: #fff;
}

.active-tiles-wrap span.active:after {
    content: "\f058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ff66ad;
    margin-left: 4px;
    position: relative;
    top: 1px;
}

.payout-option-wrapper .credits-pln-wrapper {
    margin: 0;
    padding: 22px;
}
.payout-option-wrapper .selected-plan-info-repeat {
    width: 100%;
}
.payout-option-wrapper .form-btn,
.payout-option-wrapper .form-btn:focus {
    font-size: 14px;
    padding: 8px 18px;
    height: auto;
    min-width: 140px;
}
.initiate-btn-wrap {
    font-size: 14px;
}
button.btn.form-btn.green-bg {
    background: #048329;
}
.dash-count-scroll-data {
    max-height: calc(260px - 69px);
    overflow-y: auto;
}
.dashboard-top-bar-wrap.dashboard-mid-bar-wrap.dash-test-type-section {
    flex-wrap: wrap;
}
.dashboard-top-bar-wrap.dashboard-mid-bar-wrap.dash-test-type-section
    .dash-top-box-repeat.column-1 {
    width: 66.333%;
}
.test-type-top-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 6px 8px;
    justify-content: space-between;
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}
.test-type-3 {
    width: 100px;
}
span.test-type-1 {
    width: 20%;
    display: inline-block;
}
span.test-type-2 {
    width: 80px;
}
span.test-type-4 {
    width: 100px;
}

.researcher-count-td {
    position: relative;
    padding: 4px;
    cursor: pointer;
}

.researcher-emails-tooltip {
    position: absolute;
    background: #ccc;
    padding: 18px;
    background: linear-gradient(
        90deg,
        rgba(181, 255, 253, 0.2) -8.56%,
        rgba(255, 187, 219, 0.2) 154.56%
    );
    box-shadow: 0px 8px 50px 4px rgb(19 29 45 / 15%) !important;
    backdrop-filter: blur(30px) !important;
    background-color: #edf8ff !important;
    z-index: 222;
    display: none;
    border-radius: 10px;
    left: 30px;
    min-width: 200px;
    top: -40px;
}
.researcher-emails-tooltip p {
    margin: 5px 0px;
}
.researcher-count-td:hover .researcher-emails-tooltip {
    display: block;
}
.bd-col-action-wrap.d-flex a:not(.text-decoration-none) {
    text-decoration: underline;
    font-weight: 600;
    padding: 0;
}
.logo img {
    width: 91px;
}
.logo {
    text-align: center;
    margin-top: 0;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px 0 0 14px;
}
.logo a {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
li.sidebar-dropdown.active a:before {
    display: none;
}
li.sidebar-dropdown {
    padding-left: 0px;
}
li.sidebar-dropdown a {
    width: 90% !important;
}
li.sidebar-dropdown.active a {
    width: 90%;
    border-radius: 10px;
}
.dash-test-type-section .dash-count-scroll-data {
    max-height: calc(330px - 40px);
    overflow-y: auto;
}
.dash-test-type-section .dash-inner-data-wrap {
    min-height: 356px !important;
}
.dash-test-type-section .dash-top-box-repeat.tests-published-by-language {
    width: 100%;
}

.dash-top-box-repeat.tests-published-by-language .dash-inner-data-wrap {
    min-height: auto !important;
}
.tests-published-by-language .dash-inner-data-wrap p {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 3px;
    border-bottom: 0;
    padding: 3px 0 7px;
}
.language-ea-wrap {
    display: flex;
    align-items: center;
    margin: 0px -5px;
}
.tests-published-by-language .dash-inner-data-wrap h3 {
    margin: 0 0 0px;
    font-size: 30px;
    line-height: 37px;
}
.payout-hover-wrap {
    font-size: 17px;
    margin: 0 0;
    position: relative;
    top: 4px;
    left: 3px;
    cursor: pointer;
}
.dash-payout-info {
    position: absolute;
    background: #ccc;
    padding: 18px;
    background: linear-gradient(
        90deg,
        rgba(181, 255, 253, 0.2) -8.56%,
        rgba(255, 187, 219, 0.2) 154.56%
    );
    box-shadow: 0px 8px 50px 4px rgb(19 29 45 / 15%) !important;
    backdrop-filter: blur(30px) !important;
    background-color: #edf8ff !important;
    z-index: 222;
    display: none;
    border-radius: 10px;
    width: 182px;
    left: -70px;
    text-align: center;
    font-size: 12px;
    top: -57px;
}
.payout-hover-wrap:hover .dash-payout-info {
    display: block;
}
table tbody tr:nth-child(odd) {
    background: #fff;
}
table thead th {
    background: #fafafa;
    border-bottom: 1px solid #e9e9e9 !important;
}
.header-right-wrap {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
}
.header-right-wrap a {
    background: no-repeat;
    border: 0;
    width: auto;
    text-decoration: underline;
    padding: 0;
    margin: 0 0 0 11px;
    color: #fff;
}
.header-right-wrap a:hover {
    color: #ff66ad;
}
.no-record {
    text-align: center;
}
.profile-info-left.ref-page-top-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.profile-info-left.ref-page-top-head span.ref-link {
    margin-left: 20px;
    color: #ff66ad;
}

.reported-problem-table tr th:first-child {
    width: 200px !important;
}
button.btn.form-btn.initiate-pupot,
button.btn.form-btn.initiate-pupot:focus {
    padding: 7px 20px;
    height: auto;
    margin-top: 10px;
}
.inner-page-menu span.active .active-color {
    stroke: #ff66ad;
    fill: #ff66ad;
}
.col-sort span img {
    padding: 4px;
    width: 19px;
    min-width: 19px;
}
.col-sort {
    display: flex;
    align-items: center;
    justify-content: start !important;
    cursor: pointer;
}

.super-researcher-view-wrap .inner-page-menu span {
    margin-right: 18px;
}
.col-sort.asc span {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.search-option-wrap .input-field select {
    width: 140px;
}
.selected-plan-mid-wrap .form-btn,
.selected-plan-mid-wrap .form-btn:focus {
    display: inline-block;
    height: auto;
    margin-top: 5px;
    padding: 11px 36px;
}
.alert.alert-success {
    background: #378b10;
    mix-blend-mode: normal;
    box-shadow: 0px 8px 50px 4px rgb(19 29 45 / 8%);
    backdrop-filter: blur(30px);
    border-radius: 6px;
    padding: 12px 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 300;
    font-size: 16px;
    margin-top: 24px;
    line-height: 24px;
    margin-bottom: 64px;
    position: relative;
    border: 0;
    color: #fff;
}
.alert.alert-profileblocked {
    background: #2444b4;
    mix-blend-mode: normal;
    box-shadow: 0px 8px 50px 4px rgb(19 29 45 / 8%);
    backdrop-filter: blur(30px);
    padding: 12px 15px;
    display: flex;
    align-items: center;
    align-items: center;
    font-weight: 300;
    font-size: 16px;
    margin-top: 31px;
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    border: 0;
    color: #fff;
}

.alert.alert-documentexpired {
    background: #f49b15;
    mix-blend-mode: normal;
    box-shadow: 0px 8px 50px 4px rgb(19 29 45 / 8%);
    backdrop-filter: blur(30px);
    padding: 12px 15px;
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 16px;
    margin-top: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    border: 0;
    color: #fff;
}
.alert.alert-documentexpired img {
    width: 18px;
    margin-right: 4px;
}

.alert.alert-documentexpired img,
.alert.alert-profileblocked {
    /*margin-right: 10px;
    width: 22px;*/
}
.alert.alert-profileblocked img {
    width: 18px;
    margin-right: 7px;
}

.project-das-data {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -12px;
}

.project-dashboard-data-repeat {
    background: linear-gradient(
        180deg,
        rgba(150, 255, 252, 0.6) -79.13%,
        rgba(234, 246, 255, 0) 158.59%
    );
    border-radius: 16px;
    border: 0px;
    flex-wrap: wrap;
    width: calc(24.33% - 17px);
    position: relative;
    box-shadow: 0px 6px 24px rgb(23 22 55 / 12%);
    padding: 32px 24px;
    margin: 12px;
}
.project-dashboard-data-repeat .dash-project-img {
    display: table;
    margin: 0 auto 13px;
}
.dash-project-img img {
    width: 124px;
    height: 144px;
    -webkit-clip-path: polygon(
        50% 0%,
        100% 25%,
        100% 75%,
        50% 100%,
        0% 75%,
        0% 25%
    );
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin-right: 32px;
    object-fit: cover;
    background: #fff;
}
.project-dashboard-data-repeat .dash-project-img img {
    width: 80px;
    height: 80px;
    margin-right: 0 !important;
}
.das-pro-head h3 {
    margin-bottom: 0px;
}
.project-dashboard-data-repeat .das-pro-head h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.das-pro-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.project-dashboard-data-repeat .das-pro-head {
    justify-content: center;
    margin-bottom: 15px;
}
.project-dashboard-data-repeat .project-member-count {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.project-dashboard-data-repeat .project-member-images {
    margin-right: 8px;
}
.project-dashboard-data-repeat .project-member-images span img {
    width: 18px;
    height: 18px;
    border-radius: 0px;
    border: 0px;
}
.project-dashboard-data-repeat .project-member-count p {
    font-size: 12px;
    font-weight: 300;
    margin: 0px;
    position: relative;
    top: 3px;
}
.project-dashboard-data-repeat .project-member-count p b {
    margin-left: 10px;
    font-weight: 600;
}
.tests-in-project-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 12px;
}

.dash-pro-status-count {
    display: flex;
    align-items: center;
    margin: 16px -22px 20px;
}

.project-dashboard-data-repeat .dash-pro-status-count {
    justify-content: center;
}
.dp-stc-repeat {
    border-right: 2px solid rgba(190, 190, 204, 0.2);
    padding: 0 22px;
}
.project-dashboard-data-repeat .dp-stc-repeat p {
    width: 100%;
    text-align: center;
}
.project-dashboard-data-repeat .dp-stc-repeat p {
    margin-bottom: 5px;
}
.project-dashboard-data-repeat .dp-stc-repeat h3 {
    text-align: center;
    font-size: 24px;
}
.dp-stc-repeat h3 {
    margin: 8px 0 0;
}
.dash-project-content {
    width: 100% !important;
}
.dp-stc-repeat:last-child {
    border-right: 0px;
}

.dash-pro-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.project-dashboard-data-repeat .dash-pro-link {
    justify-content: center;
    margin-top: 20px;
}

.dash-pro-link .project-link {
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
}
.project-dashboard-data-repeat .dash-pro-link span {
    margin: 0px;
}
.target-group-slide {
    padding: 30px 20px 32px;
    border: 2px solid #171637;
    box-sizing: border-box;
    border-radius: 16px;
}
.target-group-hdr-text {
    margin-bottom: 32px;
}
.target-group-slide h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 4px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.group-slide-inner {
    display: flex;
    justify-content: space-between;
}
.group-slide-left {
    position: relative;
    width: 50%;
}
.group-slide-right {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: flex-end;
}

.group-slide-right p {
    font-weight: 300;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
}

.dash-target-group-slider .group-slide-right p {
    padding-right: 8px;
}
.target-group-slide img {
    width: auto !important;
}
.call-made-icon {
    cursor: pointer;
    position: relative;
    top: -2px;
    width: 20px;
    margin-left: 6px;
}

.owl-nav {
    position: absolute;
    top: -55px;
    margin-top: 0px !important;
    right: -0px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: unset !important;
    color: #fff !important;
    text-decoration: none !important;
}
.owl-nav button {
    outline: none;
    box-shadow: none;
}
.owl-nav button span {
    display: none;
}
.owl-next {
    background-image: url(../images/right-slide-icon.svg) !important;
    width: 38px;
    height: 38px;
    background-size: 38px !important;
}
.owl-prev {
    background-image: url(../images/left-slide-icon.svg) !important;
    width: 38px;
    height: 38px;
    background-size: 38px !important;
}
.profile-data-wrap {
    width: 100%;
    overflow: visible;
}

.projects-test-repeat:hover,
.dash-projects-repeat:hover {
    background: linear-gradient(
        155.48deg,
        rgba(181, 255, 253, 0.2) 9.49%,
        rgba(255, 187, 219, 0.2) 121.41%
    );
    border-color: #ff66ad;
    box-sizing: border-box;
    box-shadow: 0px 6px 24px rgb(23 22 55 / 12%);
}

.all-live-studies .projects-test-repeat,
.all-completed-studies .projects-test-repeat {
    background: linear-gradient(
        155.48deg,
        rgba(181, 255, 253, 0.2) 9.49%,
        rgba(255, 187, 219, 0.2) 121.41%
    );
}
.projects-test-repeat {
    width: 100%;
    display: flex;
    border: 2px solid #171637;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 32px 24px;
    margin: 0px;
}
.slider-wrap {
    margin-bottom: 40px;
    max-width: 1024px;
}
.slider-wrap h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 30px;
}

.live-study-pills-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}

.live-study-pills-wrap span {
    border: 2px solid #595972;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 4px 8px;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
    margin-right: 10px;
}

.das-pro-head .ongoing-test-sorting {
    cursor: default;
}
.live-study-pills-wrap .study-draft-and-save-wrap {
    width: auto;
    min-width: auto;
    margin-left: 13px;
    display: block;
    margin-top: 0;
}
.pink-bg {
    background-color: #ff66ad !important;
    color: #fff;
    border-color: #ff66ad !important;
}
.ongoing-test-head {
    margin-top: 20px;
}
.ongoing-test-head .h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}
.setting-test-repeat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #ebebeb;
}

.settig-data-repeat {
    max-width: 914px;
    margin: 0 auto 40px;
}
.settig-data-repeat h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 38px;
}
.setting-btn-wrap {
    margin-top: 40px;
    display: flex;
    justify-content: end;
}
button.btn.form-btn.setting-btn {
    height: auto;
    padding: 13px 50px;
}
.login-page-wrapper .logo {
    border: 0;
    background-color: unset;
    padding: 0px;
}
.backto-list-wrap {
    margin-bottom: 32px;
}
.backto-list-wrap a {
    width: 100px;
}
.check-switch {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
.check-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.check-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-image: url(../images/toggle-gray.svg); */
    background-repeat: no-repeat;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 66px;
    height: 28px;
    background-position: top;
    background: #cccccc;
    border-radius: 40px;
}
.check-switch input:checked + .check-slider {
    background: #ff6db1;
}

.check-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 5px;
    bottom: auto;
    /* background-image: url(../images/check-box-polygon.svg); */
    background-repeat: no-repeat;
    background-size: 14px;
    top: 6px;
    background: #fff;
    border-radius: 100%;
}
.check-switch input:checked + .check-slider:before {
    -webkit-transform: translateX(38px);
    -ms-transform: translateX(34px);
    transform: translateX(38px);
}

.check-switch p {
    padding-left: 76px;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.setting-input {
    background: #fff;
    border: 0;
    width: auto;
    font-weight: 600;
    padding: 0px 0px 0 8px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: bold;
}
.setting-input input {
    background: #fff;
    border: 0;
    width: 73px;
    font-weight: 600;
    padding: 7px 8px 7px 3px;
    border-radius: 5px;
}
.setting-input label {
    position: absolute;
    color: #ff0000;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    bottom: -16px;
    width: 115px;
    right: -4px;
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0) inset !important;
}

.login-form-inner-data .input-field input {
    padding-top: 0px;
    margin-top: 8px;
}

.setting-publish-test-switch {
    width: 100%;
    display: flex;
    justify-content: end;
    padding-right: 80px;
}
.setting-publish-test-switch .check-switch {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    flex-direction: row-reverse;
}
.setting-publish-test-switch .check-slider {
    left: auto;
    right: -78px;
}

.setting-input input:focus {
    outline: none;
}
.bd-col-action-wrap.d-flex a {
    width: auto;
    margin: 0 4px;
    cursor: pointer;
}
.dashboard-top-bar-wrap.dashboard-nps-top-wrap {
    justify-content: end;
    /*border-top: 1px solid #e9e9e9f2;*/
    margin-bottom: 12px;
}
.dashboard-top-bar-wrap.dashboard-nps-top-wrap p {
    border: 0;
    margin: 0;
}
.confirmation-modal .modal-content {
    border: 0;
    border-radius: 0;
    background: #dff1ff;
}
.confirmation-modal .modal-header {
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-align: right;
    width: 100%;
    justify-content: end;
    padding-right: 10px;
    padding-top: 6px;
}
.confirmation-modal .close {
    padding: 0;
    margin: 0;
    outline: none;
    top: 4px;
    opacity: 1;
    font-weight: normal;
    font-size: 26px;
}
.confirmation-modal .close:focus {
    box-shadow: none;
    outline: none;
}

.confirmation-modal .modal-footer {
    padding: 0 0 7px;
    border: 0;
    justify-content: center;
}
.confirmation-modal .modal-footer button {
    text-transform: uppercase;
    font-weight: 500;
   
}
.confirmation-modal .modal-footer button:focus {
    box-shadow: none;
    outline: none;
}

.confirmation-modal .modal-footer button.btn.btn-secondary {
    color: #171637;
    background: unset;
    border: 2px solid #171637;
    border-radius: 40px;
    min-width: 100px;
    font-size: 14px;
}

.confirmation-modal .modal-footer button.btn.btn-danger {
    background: #171637;
    border-radius: 40px;
    color: #fff;
    border: 2px solid #171637;
    border-radius: 20px;
    min-width: 100px;
    font-size: 14px;
}
a.btn.form-btn.setting-btn.create-promocode-btn {
    height: 51px;
    width: 140px;
}
.promocode-form-wrap .profile-data-wrap {
    max-width: 474px;
    margin: 0 auto 40px;
    background: #fff;
    padding: 16px 16px 25px 16px;
    border-radius: 5px;
}
.promocode-form-wrap .profile-data-wrap .settig-data-repeat {
    max-width: 100%;
    margin: 0 auto;
    background: unset;
    padding: 0px;
    border-radius: 0px;
}
.promocode-form-wrap .setting-input {
    width: 100%;
    background: #f9f9f9;
    padding: 0 0 0 0px;
    border-radius: 0px;
}

.promocode-form-wrap .setting-test-repeat span {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
}
.promocode-form-wrap .setting-input input,
.promocode-form-wrap .setting-input textarea,
.promocode-form-wrap .setting-input textarea:focus {
    width: 100%;
    border: 0px;
    resize: none;
    font-size: 14px;
    padding: 7px 8px 7px 10px;
    border-radius: 0;
    outline: none;
    font-weight: normal;
    background: unset;
}

.promocode-form-wrap .setting-input select,
.promocode-form-wrap .setting-input select:focus {
    font-size: 14px;
    padding: 7px 5px 7px 6px;
    border-radius: 0;
    border: 0px;
    outline: none;
    background: unset;
    margin-right: 9px;
    border-right: 1px solid #eeeaea;
}
.promocode-form-wrap .setting-test-repeat {
    display: block;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0;
    border-bottom: 0px;
    border-radius: 0px;
    margin-bottom: 12px;
}
.promocode-form-wrap .profile-info-section {
    justify-content: center;
    margin-bottom: 0px;
}
.setting-input.promocode-status-dropdown select {
    width: 100%;
    border: 0px !important;
}
.setting-input.dolr-wrap span {
    font-weight: normal;
    height: 100%;
    margin: 0;
    margin-left: 10px;
}
.profile-info-section
/***Media css****/
.add-credit-user-heading {
    font-size: 21px;
}

.all-test-listing-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 5px -9px 0px;
}
.test-list-repeat-wrap {
    width: 25%;
    padding: 9.5px;
}
.test-list-data {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    min-height: 233px;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.test-list-data a {
    text-decoration: none !important;
}
.test-list-data .position-relative {
    z-index: 1;
}
.test-list-data::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 130px;
    background: rgb(255, 226, 192);
    opacity: 0.85;
    filter: blur(37.3397px);
    border-radius: 20px;
    inset: 47.44% 53.41% 0px -13.83%;
    transition: all 0.3s ease 0s;
}
.test-list-data:hover::after {
    width: 282px;
    height: 240px;
    background: rgb(255, 226, 192);
    filter: blur(37.3397px);
    border-radius: 20px;
    inset: 24.89% 35.38% -27.9% -17.84%;
}
.live-test::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 130px;
    background: rgb(255, 155, 202);
    opacity: 0.85;
    filter: blur(37.3397px);
    border-radius: 20px;
    inset: 47.44% 53.41% 0px -13.83%;
}
.live-test:hover::after {
    width: 282px;
    height: 240px;
    background: rgb(255, 155, 202);
    filter: blur(37.3397px);
    border-radius: 20px;
    inset: 24.89% 35.38% -27.9% -17.84%;
}
.completed-test::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 130px;
    background: rgb(191, 142, 232);
    opacity: 0.85;
    filter: blur(37.3397px);
    inset: 47.44% 53.41% 0px -13.83%;
}
.completed-test:hover::after {
    width: 282px;
    height: 240px;
    background: rgb(191, 142, 232);
    filter: blur(37.3397px);
    border-radius: 20px;
    inset: 24.89% 35.38% -27.9% -17.84%;
}
.test-footer-data {
    padding-top: 0px;
}
.test-list-repeat-wrap .all-test a {
    padding-bottom: 54px;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
}
.test-list-head .heading {
    color: #000;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
    font-size: 18px;
    font-weight: bold;
}
.test-list-head .heading a {
    color: rgb(0, 0, 0);
    text-decoration: none !important;
}
.menu-item {
    cursor: pointer;
    margin-left: 12px;
}
.test-time-data {
    margin: 0px -10px;
    justify-content: space-between;
}
.test-time-data-repeat {
    padding: 0px 10px;
}

.test-time-data-repeat .heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
}

.test-time-data-repeat span {
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    font-size: 12px;
}

.test-time-data-repeat .heading sub {
    bottom: 0px;
    font-size: 15px;
    margin-left: 5px;
}
.test-list-data .hamburger-items {
    overflow: hidden;
    position: absolute;
    bottom: -4px;
    right: 20px;
}
.test-list-data .hamburger-items .dropdown-item {
    padding: 12px 20px;
}
.test-date-wrap span {
    color: var(--gray-900);
}
.dashboard-filter-left span {
    font-family: sk-modernistbold;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--gray-600);
    padding: 0px 10px 18px;
    margin-right: 40px;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    display: inline-flex;
}
.dashboard-filter-left span:last-child {
    margin-left: 0px;
}
.live-test .menu-item,
.completed-test .menu-item {
    position: relative;
    bottom: 6px;
}
.dashboard-filter-left .active {
    color: var(--gray-900);
    border-color: var(--gray-900);
}
.dashboard-filter-wrap {
    display: flex;
    justify-content: space-between;
}
.dashboard-filter-right {
    display: flex;
    align-items: start;
}
.filter-menu-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: var(--gray-900);
}
.filter-menu-btn svg {
    margin-left: 10px;
}
.filter-menu-wrap {
    display: flex;
    align-items: center;
    position: relative;
}
.filter-menu-wrap .hamburger-items {
    position: absolute;
    top: 36px;
    z-index: 2;
}
.dropdown-toggle,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.dropdown-toggle:active {
    background: unset !important;
    padding: 0px !important;
    border: 0px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    outline: none !important;
    height: auto !important;
    min-height: auto !important;
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-menu .text-danger,
.dropdown-menu .text-danger:hover,
.dropdown-menu .text-danger:focus {
    color: rgb(255, 0, 0) !important;
}
.dropdown-menu {
    padding: 0px;
    margin: 0px;
    border: 0px;
    transform: unset !important;
    /* right: unset !important; 
    bottom: unset !important; 
    left: unset !important; 
    top: 5px !important;  */
}
.filter-sort-btn {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    margin-left: 18px;
    color: var(--gray-900);
    cursor: pointer;
    display: flex;
    align-items: center;
}
.filter-sort-btn img {
    margin-left: 10px;
}
.test-footer-lhs {
    width: calc(100% - 28px);
}
.test-footer-rhs {
    width: 28px;
}
.dashboard-filter-loader {
    display: flex;
    align-items: center;
    justify-content: center;
}

.test-list-data .dropdown-menu.show {
    bottom: -20px;
    top: auto !important;
}

.tag {
    background: #000000;
    border: 1px solid #000000;
    border-radius: 5px;
    color: #fff;
    padding: 3px 12px;
    margin: 0px 3px 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    min-height: 23px;
    display: inline-block;
}
.tag-wrap {
    margin: 0px -3px;
}

.status-Draft,
.status-draft {
    border-color: rgb(255, 184, 0);
    color: rgb(255, 184, 0);
}
.status-tag {
    border: 1px solid #e9e9e9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 4px 10px;
    min-height: 25px;
    background: #ffffff;
    font-size: 12px;
}
.test-list-repeat-wrap .test-list-data a {
    padding-bottom: 54px;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
}
.test-date-wrap span {
    color: #000;
    font-size: 14px;
    display: block;
    margin-top: 7px;
}
.test-list-head {
    margin-bottom: 8px;
}
.progress-bar-wrap p {
    margin-bottom: 10px;
    color: #000000;
    font-size: 12px;
}

.progress-bar-inner {
    background: #ffffff;
    border-radius: 5px;
    height: 5px;
    width: 170px;
    position: relative;
    overflow: hidden;
}
.progress-fill {
    background: #000000;
    border-radius: 5px;
    height: 5px;
}
.progress-bar-wrap {
    position: relative;
    top: 11px;
}
.test-list-data:hover a {
    color: unset;
}

@media screen and (max-width: 1400px) {
    .test-list-repeat-wrap {
        width: 33%;
    }
}

@media screen and (max-width: 992px) {
    .test-list-repeat-wrap {
        width: 50% !important;
    }
}

@media screen and (max-width: 767px) {
    .test-list-repeat-wrap {
        width: 100% !important;
    }
    .top-bar-link {
        flex-wrap: nowrap;
    }
    .all-test-listing-wrapper {
        margin-top: -50px;
    }
}

/***Tooltip css start***/
.info-icon-wrap {
    display: inline-block;
    position: relative;
    margin-left: 8px;
    cursor: pointer;
}

.tooltip-wrapper {
    font-family: "Inter", sans-serif;
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 12px 18px;
    width: 301px;
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
    bottom: 116%;
    right: -138px;
    display: none;
}

.red-star {
    font-size: 19px;
    color: #ff0000 !important;
    top: 5px;
    left: 3px;
}

.info-icon-wrap:hover .tooltip-wrapper {
    display: block;
}
.tooltip-wrapper p {
    font-size: 16px;
    margin: 3px 0;
}
.email-changed-text,
.tooltip-wrapper p span {
    color: #b4b1b1;
}

.tooltipChart {
    width: auto;
    white-space: nowrap;
    display: block;
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 12px 18px;
}

.pie-chart-box .tooltipChart {
    z-index: 444 !important;
}

.top-tooltip::before {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    left: 50%;
    top: 6px;
    border: 11px solid transparent;
    border-top: 0;
    border-bottom: 12px solid #000;
    transform: translate(-50%, calc(-100% - 5px));
}
.left-tooltip::before {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    left: 6px;
    top: 50%;
    border: 11px solid transparent;
    border-left: 0;
    border-right: 12px solid #000;
    transform: translate(calc(-100% - 5px), -50%);
}

.right-tooltip::before {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    right: 6px;
    top: 50%;
    border: 11px solid transparent;
    border-right: 0;
    border-left: 12px solid #000;
    transform: translate(calc(100% + 5px), -50%);
}

.bottom-tooltip::before {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    left: 50%;
    bottom: 6px;
    border: 11px solid transparent;
    border-bottom: 0;
    border-top: 12px solid #000;
    transform: translate(-50%, calc(100% + 5px));
}
.overflow-unset {
    overflow: unset;
}
/***Tooltip css end***/

.profile-info-section.tester-profile-hdr-wrap {
    justify-content: start;
    align-items: center;
}
.profile-info-section.tester-profile-hdr-wrap h1 {
    margin: 0px;
    display: flex;
    align-items: center;
}

.tester-profile-id {
    font-size: 20px;
    position: relative;
    margin-left: 10px;
}

.tester-profile-info {
    margin-left: 12px;
    font-size: 15px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

select.active {
    color: #1cac1c;
    border: 1px solid #1cac1c;
}
.tester-profile-status-msg span {
    color: #1cac1c;
    font-size: 13px;
    margin-left: 10px;
}
span.tester-profile-status select {
    font-size: 14px;
    padding: 5px;
    margin-left: 13px;
    font-weight: 600;
    width: 90px;
    outline: none;
    border-radius: 5px;
}
.profile-info-section span.blocked {
    border-color: #ff0000;
    color: #ff0000;
    font-size: 14px;
    padding: 5px;
    margin-left: 13px;
    font-weight: 600;
    width: 90px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #ff0000;
}
.profile-info-section span.active {
    border-color: #1cac1c;
    color: #1cac1c;
    font-size: 14px;
    padding: 5px;
    margin-left: 13px;
    font-weight: 600;
    width: 90px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #1cac1c;
}
.profile-info-section span.profileblocked {
    border-color: #2444b4;
    color: #2444b4;
    font-size: 14px;
    padding: 5px;
    margin-left: 13px;
    font-weight: 600;
    width: 90px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #2444b4;
}
select.blocked {
    border-color: #ff0000;
    color: #ff0000;
}
.copied-tooltip {
    display: none;
    margin-left: 40px;
    padding: 5px 12px;
    background-color: #000000df;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    left: -10px;
    top: -5px;
}
.request-info-text {
    margin-bottom: 25px;
    font-size: 14px;
}
.copy_link {
    cursor: pointer;
    display: inline-block;
    margin-left: 1px;
}
.td-button {
    background: #171637;
    border-radius: 40px;
    color: #fff !important;
    height: 32px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: none;
    border: 0px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 31px;
    margin: 0 0 0 13px;
    text-decoration: none !important;
    width: 78px !important;
}

.btn-wrap {
    display: flex;
    align-items: center;
    margin: 0px -5px;
}

.btn-wrap .btn {
    margin: 0 5px;
}
.notes-text-wrap {
    width: 167px;
}
.flex-notes {
    display: flex;
}
.notes-tooltip-wrapper:hover .tooltip-wrapper {
    display: block;
    display: block;
    bottom: auto;
    top: 26px;
}
.notes-tooltip-wrapper i {
    font-size: 18px;
}
.notes-tooltip-wrapper {
    position: relative;
    margin-right: 13px;
}
.report-td-dropdpwn .dropdown span {
    font-size: 18px;
    padding: 7px;
    display: inline-block;
    cursor: pointer;
}
.report-td-dropdpwn .dropdown-menu li a {
    padding: 10px !important;
}
.dropdown-menu.show {
    display: block;
    right: 0px !important;
    left: auto !important;
    width: auto;
}
table .form-check input {
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.select-all-checkbox {
    display: flex;
    align-items: center;
    width: 100%;
}
.select-all-checkbox .form-check {
    width: 150px;
}
em.warning-count {
    font-style: normal;
    display: inline-block;
    margin-left: 3px;
    background: #ff0000;
    color: #fff;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 12px;
}
li.disabled a {
    color: #aea8a8 !important;
    cursor: not-allowed;
}
.badge-light {
    color: #433f3f;
    background-color: #c6c6c9;
    padding: 8px 17px;
    display: inline-block;
    margin: 3px;
    cursor: pointer;
}
textarea.form-control {
    resize: none;
    height: 100px;
}
.change-status-modal .subtitle-2-modal,
.change-status-modal .form-group label {
    font-size: 14px !important;
    margin: 10px !important;
    display: block !important;
    font-weight: 400 !important;
}

.profile-info-section a .copied-tooltip {
    top: 15px;
    right: auto;
    left: -100px;
}
.report-tester-modal h5.text-center {
    display: block;
    margin-bottom: 15px;
}
span.report-state-Reviewed,
span.report-state-Approved {
    color: #28a745 !important;
}
span.report-state-Declined {
    color: #dc3545 !important;
}

.btn-disabled {
    cursor: not-allowed ;
    background: #ccc ;
    opacity: 0.8;
}
.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
    column-count: 1 !important;
}
.ms-options-wrap {
    width: 300px !important;
}
#report_testers_count {
    margin-left: 5px;
}
.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    padding: 9px 20px 9px 8px !important;
    border-radius: 5px !important;
    border: 1px solid #ced4da !important;
}

button:focus {
    outline: none !important;
}
#report-tester-form table th:nth-child(3) {
    width: 300px !important;
}
.test-time-data-repeat ul.dropdown-menu.dropdown-wrap.show li a {
    margin: 0px !important;
    padding: 13px;
}

.test-time-data-repeat .dropdown span {
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 19px;
    right: -16px;
}
.table-responsive.scroll-table {
    overflow-x: auto !important;
}
table.reports-researcher-test-table {
    min-width: 1600px;
}
table.reports-researcher-test-table tr th:nth-child(1) {
    width: 132px !important;
}

table.reports-researcher-test-table tr th:nth-child(3) {
    width: 280px !important;
}
table.reports-researcher-test-table tr th:nth-child(4) {
    width: 132px !important;
}

table.reports-researcher-test-table tr th:nth-child(7) {
    width: 130px !important;
}

table.reports-researcher-test-table tr th:nth-child(8) {
    width: 125px !important;
}

table.reports-researcher-test-table tr th:nth-child(9) {
    width: 100px !important;
}

table.blocked-tester-table-wrap {
    min-width: 1600px;
}
table.blocked-tester-table-wrap tr th:nth-child(7) {
    width: 160px;
}

table.blocked-tester-table-wrap tr th:nth-child(8) {
    width: 230px;
}
.top-bar-link a {
    display: inline-block;
    margin: 10px 0 0px;
}
.test-history-info > div {
    background: #fff;
    padding: 10px;
    margin: 3px 10px;
    font-size: 15px;
}
.test-history-info {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px 6px;
}
.test-history-info > div h5,
.invited_by h5 {
    margin: 0px;
    font-size: 16px;
}

.invited_by {
    background: #fff;
    padding: 10px;
    margin: 0;
    font-size: 15px;
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
}

.report-section-wrap span.reported {
    color: #ff0000;
}
.report-section-wrap .active {
    cursor: pointer;
    text-decoration: underline;
}
.table-wrapper.study-history-table th:nth-child(4) {
    width: 112px;
}
.report-section-wrap .active a {
    cursor: pointer;
}
.reported-row .green-color {
    color: #ff0000;
}
.active-tiles-wrap .reported {
    background: #cd4836;
    border-color: #cd4836;
    color: #fff;
    font-weight: 500;
}
.completed-row .active-tiles-wrap span.active.completed {
    background: #259c07;
    border-color: #259c07;
    font-weight: 500;
}
.completed-row .active-tiles-wrap span.active.completed::after {
    display: none;
}

span.in-active.abandoned {
    background: #211f6d;
    border-color: #211f6d;
    color: #fff;
    font-weight: 500;
}
.report-section-wrap .in-active {
    color: #ccc;
    cursor: not-allowed;
    text-decoration: underline;
}
.abandoned-row .red-color,
.abandoned-row .green-color {
    color: #1e1e1e;
}
.test-time-data-repeat .dropdown span i {
    font-size: 20px;
}
.table-wrapper.study-history-table.reported-problem-table .table-responsive {
    overflow-x: auto;
}

.table-wrapper.study-history-table.reported-problem-table table {
    min-width: 1600px;
}

.table-wrapper.study-history-table.reported-problem-table th:nth-child(4) {
    width: 272px;
}

.participantrow .form-control.participant_notes {
    width: 300px !important;
    font-size: 13px;
    height: 38px;
}

#report-tester-form .report-testers-tables th:nth-child(2) {
    width: auto !important;
}

#report-tester-form .report-testers-tables th:nth-child(3) {
    width: auto !important;
}
span.form-control-pill.badge.badge-pill.badge-active {
    color: #fff;
    background-color: #171637;
    padding: 8px 17px;
    display: inline-block;
    margin: 3px;
    cursor: pointer;
}

.report-list-testers-table {
    min-width: 1350px;
}
.report-list-testers-table ul {
    padding-left: 15px;
}
.status-Approved {
    color: #28a745 !important;
}
.status-Declined {
    color: #dc3545 !important;
}

td.report-td-dropdpwn .dropdown {
    max-width: 180px;
}
.report-list-header-top-row th a {
    text-decoration: underline;
}
#approve-requests-count {
    margin-left: 3px;
}

#silently-blocked-form .form-group {
    display: flex;
    align-items: self-start;
    margin-top: 20px;
    margin-bottom: 0;
}
#silently-blocked-form .form-group input {
    margin: 6px 8px 0 0;
}
#silently-blocked-form p.subtitle-2-modal:first-child {
    font-size: 22px;
    font-weight: bold;
}
#silently-blocked-form h5.text-center {
    margin-bottom: 13px;
    font-weight: bold;
}

td span.silently_blocked,
td span.blocked {
    color: #dc3545 !important;
    width: 100px;
    display: block;
}
td span.blocked {
    text-transform: capitalize;
}

#silently-blocked-form p.subtitle-2-modal {
    text-align: center;
    font-size: 14px;
}

.table-filter-wrap .btn,
.table-filter-wrap .td-button {
    padding: 0px 25px ;
    height: 44px;
    display: flex;
    align-items: center;
    width: auto ;
}
.table-wrapper.study-history-table .table-responsive {
    overflow: auto;
}
.table-wrapper.study-history-table .table-responsive .activity-log-table {
    min-width: 1300px;
}

.table-wrapper.study-history-table
    .table-responsive
    .activity-log-table
    th:nth-child(3),
.table-wrapper.study-history-table
    .table-responsive
    .activity-log-table
    th:nth-child(4) {
    width: 200px;
}
.text-yellow {
    color: #f6b715;
}
.text-blue {
    color: #0b07ca;
}
.text-purple {
    color: #c90091;
}

.change-verify-btn {
    width: auto !important;
    display: inline-block;
}

.delete-id-btn {
    width: auto !important;
}
.profile-info-right a {
    text-decoration: underline;
}

.table-filter-wrap div img,
.view-only-data p img,
span.tester-profile-score img {
    width: 17px;
}
.custom-tooltip {
    position: relative;
}
a.custom-tooltip {
    cursor: default;
    color: #171637 !important;
}
.custom-tooltip:hover .tooltip-wrapper {
    display: block;
    padding: 0px;
    width: auto;
    font-family: "Inter", sans-serif;
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 6px 15px;
    width: 300px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 0;
    margin-left: 0;
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
    bottom: -104%;
    left: 80%;
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 17px;
    text-align: left;
    font-size: 13px;
}
.custom-tooltip .tooltip-inner {
    padding: 0px;
    max-width: unset;
    border-radius: 0px;
    text-align: left;
}

.delete-id-modal .modal-dialog {
    max-width: 340px;
}
.delete-id-modal .subtitle-2-modal {
    text-align: center;
    font-size: 18px;
    margin: 0px;
}

table.ui-datepicker-calendar tbody tr:nth-child(odd) {
    background: #ffffff !important;
}

table.ui-datepicker-calendar tbody tr td {
    padding: 2px !important;
}
table.ui-datepicker-calendar .ui-state-default {
    display: block !important;
    text-align: center !important;
    padding: 3px !important;
    border: 0px !important;
    background: #f2f2f2 !important;
    border-radius: 3px !important;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
    display: inline-block !important;
    width: 20px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin: 5px 3px;
    padding: 2px;
    cursor: pointer;
    border: 0px !important;
}
.ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker-header .ui-datepicker-next span {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    font-size: 0px !important;
}
.ui-datepicker-header .ui-datepicker-title {
    padding: 0px 5px 5px;
}
.manually-verify-status-modal .modal-dialog {
    max-width: 670px;
}

.id-verified-wrap {
    display: flex;
    align-items: center;
}
.id-verified-wrap h1 {
    margin-right: 30px;
}
.id-verified-wrap div {
    display: flex;
    align-items: center;
}
.id-verified-wrap div img {
    margin-right: 5px;
}

.profile-info-section.tester-profile-hdr-wrap h1 {
    max-width: 650px;
}

.table-responsive.invalid-id-onfido table {
    min-width: 1300px;
}
.table-responsive.invalid-id-onfido .cursor-pointer {
    cursor: pointer;
}
.table-responsive.invalid-id-onfido .cursor-pointer:hover {
    color: #ff66ad;
}
input.error-red {
    border: 1px solid #f00 !important;
}

/****Workspace listing css****/

.workspace-list-wrap {
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    min-height: calc(100% - 30px);

    & .worskpace-top-wrap {
        font-size: 12px;
    }

    & .workspace-type {
        border-radius: 5px;
        border: 1px solid var(--light-dark-900-black, #000);
        background: var(--light-dark-900-black, #000);
        color: #fff;
        font-size: 12px;
        padding: 2px 10px;
    }

    & .workspace-name {
        margin: 16px 0;
        font-size: 18px;
        font-weight: bold;
    }
}
.workspace-list-wrap a:hover {
    color: unset;
}

.workspace-pt-count-repeat h4 span {
    margin-right: 5px;
}
.workspace-pt-count-repeat h4 {
    font-size: 16px;
}
.workspace-pt-count-repeat {
    margin-right: 30px;
}

.span-workspace-owner-icon {
    width: 24px;
    min-width: 24px;
    background: #e32f83;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #000;
}
.workspace-type-info {
    margin-left: 10px;
}
.workspace-type-info p {
    margin: 0;
    line-height: 17px;
    font-size: 12px;
}
.workspace-type-info p b {
    font-weight: 500;
}
.workspace-member-list-wrap h5 {
    font-size: 12px;
    font-weight: 500;
    margin: 10px 0;
}

.member-inworkspace-list-inner {
    margin: 20px 0px 0px;
}
.member-inworkspace-list-inner .workspace-list-repeat {
    margin: 0px 0px 10px;
}
.member-inworkspace-list-inner .workspace-list-repeat:last-child {
    margin-bottom: 0px;
}

.see-all-member-link {
    color: #9759cb;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-decoration-line: underline;
    margin-top: 16px;
    display: inline-flex;
    cursor: pointer;
}
.member-list-modal-data .modal-content {
    border: 0;
    border-radius: 10px;
    max-width: 260px;
    padding: 28px;
    margin: 0px auto;
}
.member-list-modal-data .modal-body {
    padding: 0px;
}

.modal-btn-wrap {
    margin-top: 32px;
}
.modal-btn-wrap button {
    border-radius: 20px;
    background: #000;
    font-weight: 500;
    border: 0;
}

.project-card-hold {
    padding: 10px;
}
.project-card-hold a {
    color: #000;
    text-decoration: none;
}
.project-card-wrap {
    background: #fff;
    width: 344px;
    min-height: 234px;
    border-radius: 20px;
    position: relative;
    padding: 20px;
    border: 1.5px solid #ededed;
}
.subtitle-2 {
    font-size: 20px;
    line-height: 29px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #000000;
}
.project-creaded-data .circular-name-icon {
    font-size: 14px;
    height: 24px;
    margin-right: 8px;
    min-width: 24px;
    position: relative;
    width: 24px;
}
.circular-name-icon {
    display: flex;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.circular-name-icon-wrap span {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1.6px solid #000;
    margin-left: -5px;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.project-creaded-data .circular-name-icon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    min-width: 24px;
    font-size: 14px;
    position: relative;
}
.p-card-footer {
    position: static;
    bottom: 20px;
    width: 100%;
    left: 0;
    padding-top: 67px;
}

.p-card-top-hold a {
    text-decoration: none;
}
.menu-item svg {
    width: 16px;
    height: 16px;
}
.menu-item svg circle {
    fill: #676767;
}

.menu-item:hover svg circle {
    fill: #000;
}

.project-card-head-left {
    width: 100%;
    margin-bottom: 10px;
}
.caption {
    font-size: 12px;
    line-height: 16px;
}
.circular-name-icon:hover .tooltip-wrapper {
    bottom: auto;
    display: block;
    margin: 0px auto;
    top: 42px;
    width: auto;
    min-width: auto !important;
    z-index: 99999;
    left: auto;
    right: auto;
}

.project-card-head-left .card-top-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    color: #000;
}

.project-card-data .dropdown-menu.show {
    display: block;
    right: 15px !important;
    top: -1px !important;
}
.p-card-footer .caption {
    display: block;
    margin-bottom: 8px;
}
.project-card-hold .circular-name-icon:hover .tooltip-wrapper {
    min-width: 97px;
    max-width: 100%;
}
.project-card-hold .p-card-right-footer .tooltip-wrapper {
    white-space: nowrap !important;
    max-width: fit-content !important;
}
.p-card-right-footer .circular-name-icon-wrap span {
    border: 1.6px solid #f5f5f5;
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 15px;
}

.skelton-circular-load {
    justify-content: end !important;
}
.skelton-circular-load span {
    min-width: auto !important;
    margin: 0px 0px 0px -5px;
    margin-left: -10px !important;
}
.skelton-circular-load span:first-child {
    margin-left: 0px !important;
}

.p-card-lft-footer h1 {
    line-height: 30px;
}
.p-card-right-footer .circular-name-icon-wrap {
    position: relative;
    top: 2px;
}

.project-card-top-data .card-top-link .circular-name-icon .tooltip-wrapper {
    left: -10px;
    right: auto;
    top: 103px;
}
.project-card-top-data
    .card-top-link
    .circular-name-icon
    .tooltip-wrapper.top-tooltip::before {
    left: 40px;
}
.project-card-top-data
    .card-top-link
    .small-tooltip
    .circular-name-icon
    .tooltip-wrapper {
    left: auto;
    white-space: nowrap;
}
.project-card-top-data
    .card-top-link
    .small-tooltip
    .circular-name-icon
    .tooltip-wrapper.top-tooltip::before {
    left: 50%;
}
.test-tooltip-hold {
    width: 15px;
    height: 15px;
    display: inline-block;
}
.live-test-indi {
    width: 8px;
    margin-top: -3px;
    height: 8px;
    background: #378b10;
    border-radius: 100%;
    display: inline-block;
    margin-left: 5px;
    animation: blinker 1s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
    position: relative;
    top: -1.3px;
}
.test-tooltip-hold .tooltip-wrapper {
    min-width: auto;
    width: auto;
    color: #bff0a8 !important;
    margin: 0px;
    left: -52px;
    right: auto;
    white-space: nowrap;
    bottom: 27px;
}
.p-card-right-footer .tooltip-wrapper {
    top: 41px;
}
@keyframes blinker {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.project-creaded-data .circular-name-icon:hover .tooltip-wrapper {
    left: auto;
    right: auto;
    min-width: 200px !important;
    text-align: center;
}

@media screen and (max-width: 1366px) {
    .project-card-top-data .card-top-link .circular-name-icon .tooltip-wrapper {
        left: -20px;
        right: auto;
        top: 104px;
    }
    .project-card-top-data
        .card-top-link
        .circular-name-icon
        .tooltip-wrapper.top-tooltip::before {
        left: 53px;
    }
}

@media screen and (max-width: 767px) {
    .create-pro-btn .create-test-btn {
        margin-left: 10px;
    }
}

/***Payout filter css***/
.form-repat {
    margin-left: 10px;
}
.filter-form-wrap .form-control {
    border-radius: 6px;
}
.filter-form-wrap .search-input {
    padding-left: 33px;
}

.filter-form-wrap select {
    width: 120px;
}
.filter-form-wrap .btn {
    text-transform: capitalize ;
    font-size: 14px;
    padding: 8px 18px ;
    height: auto;
}
span.search-icon {
    position: absolute;
    top: 12px;
    font-size: 14px;
    color: #797777;
    left: 12px;
}

a.btn.form-btn.download-payout-button {
    font-size: 12px;
    padding: 8px 11px;
    height: auto;
    margin-left: 15px;
}
#reportrange {
    border-radius: 5px;
}
.test-filter-wrap ul li a {
    color: #9c9c9c;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}
.test-filter-wrap .top-bar-link {
    border-bottom: 1px solid #fff;
}

.test-filter-wrap ul li a.nav-link.active {
    color: #000;
    border-bottom: 2px solid #000;
}

.test-filter-wrap select.form-control,
.test-filter-wrap select.form-control:focus {
    border: 0;
    background: unset;
    font-size: 16px;
    color: #000;
    width: auto;
    min-width: auto;
    height: auto !important;
    padding: 0 !important;
    cursor: pointer;
    margin: 0 28px 0 0;
    line-height: 0px !important;
}
.test-filter-wrap a {
    cursor: pointer;
}

.profile-info-left.back-btn-wrap a svg {
    width: 16px;
    margin-right: 8px;
    height: 16px;
}

.profile-info-left.back-btn-wrap a {
    display: inline-flex;
    align-items: center;
    font-size: 24px;
}

.footer {
    background: #f5f5f5;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    color: #000;
}
.footer-inner-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-left-data {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.footer-right-data a {
    color: #676767;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}
.footer-right-data a:last-child {
    margin-left: 48px;
}
@media screen and (min-width: 767.999px) {
    .none-for-desktop {
        display: none !important;
    }
    .credit-add-btn {
        margin-left: auto;
        display: block;
        width: fit-content;
        margin-right: 20px;
    }
    
}
/* new css */
.confirmation-modal .modal-content {
    background-color: #fff;
    border-radius: 20px;
}

.confirmation-modal .modal-footer button.btn.btn-danger {
    background: #000000;
}
.confirmation-modal .modal-footer button.btn.btn-danger {
    background: #000000;
    border-radius: 40px;
    color: #fff;
    border: 2px solid #000000;
    border-radius: 20px;
    font-size: 11px;
    padding: 10px 30px;
    line-height: 30px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px ;
}
.confirmation-modal .modal-footer button.btn.btn-secondary {
    padding: 10px 30px;
    line-height: 30px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px ;
    border-color: #000;
    color: #000;
}
div#manually-verify-status-type-modal::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.5;
}
.modal-backdrop {
    background-color: #000;
    opacity: 0.5;
}
.line-btn {
    align-items: center;
    display: flex;
    outline: none;
    border: none;
    box-shadow: none;
}
.line-btn:focus,
.line-btn:hover {
    outline: none;
    border: none;
    box-shadow: none;
}
select.form-control {
    height: 55px !important;
}
tr:hover{
    background-color:#f8f8f8 !important; 
}
.dash-face-box{
    width: 18%;
    border: 1px solid #E9E9E9;
    padding: 12px;
    border-radius: 10px;
    text-align: center;
    }
    .mb-12{
    margin-bottom: 12px;
    }
    .mt-16{
    margin-top: 16px;
    }
    .box-border-top{
    border-top: 1px solid #e9e9e9f2;
    padding-top: 24px;
    }
    .color-percentage-1{
    color:#a60000;
    }
    .color-percentage-2{
    color:#fd6464;
    }
    .color-percentage-3{
    color:#fece52;
    }
    .color-percentage-4{
    color:#83e756;
    }
    .color-percentage-5{
    color:#164103;
    }
    .new-sub-menu{
        display: none;
    width: 100%;
    margin: 5px auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    outline: none;
    border: 0;
    background: #f6f6f6;
    transition: 0.3s;
    }
    .has-submenu.active > .new-sub-menu{
        display: block;
    }
    .has-submenu > a::after{
        text-align: center;
    background: 0 0;
    position: absolute;
    right: 8px;
    top: 18px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 0px;
    transition: all 0.3s ease;
    }
    .has-submenu.active > a::after{
        transform: rotate(180deg);
        right: -5px;
    }
    li.sidebar-dropdown.active .sidebar-submenu .has-submenu .new-sub-menu li a{
        color: #171637;
    }
    li.sidebar-dropdown.active .sidebar-submenu .has-submenu .new-sub-menu li.active a{
        color: #ff66ad;
        font-weight: 600 !important;
    }
    .new-sub-menu{
        background: #e2e2e2;
        margin-left: 6.5px !important;
    }
    .has-submenu .new-sub-menu li a{
        background: #e2e2e2;

    }
    .data-cleanup-wrapper .dash-language-test-data ul li{
        margin-left: 25px;
        font-size: 14px;
    }
    .data-cleanup-wrapper .dash-inner-data-wrap{
        padding: 20px;
    }
    .data-cleanup-wrapper .dash-language-test-data h6{
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        margin-bottom: 16px;

    }
    .data-cleanup-wrapper .dash-inner-data-wrap .row .col-md-12{
        display: flex;

    }
    .data-cleanup-wrapper .dash-inner-data-wrap .row .col-md-12 .dash-language-test-data + div{
        display: flex;
        align-items: end;
    }
    .data-cleanup-meta-box{
        color: rgba(103, 103, 103, 1);
        font-size:14px;
    }
    .data-cleanup-meta-box ul,.data-cleanup-meta-box ol{
        margin-left: 25px;
    }
    .data-cleanup-meta-box ol li{
        color: rgba(156, 156, 156, 1);
    }
    .data-cleanup-meta-box ol li.active-step{
        color: rgba(103, 103, 103, 1);
    }
    .data-cleanup-meta-box ol li span.text-pink{
        color: rgba(255, 109, 177, 1);
    }
    tr.phone-divider {
       border-bottom: 1px solid; 
    }
     #recuitmentModal .modal-dialog{
max-width: 745px;


    }
    #recruitment_history.tab-pane{
        height: 404px;
        overflow-y: auto;
    }
     #recuitmentModal .modal-content{
        padding: 28px;
        border-radius: 20px;
        height: 610px;
        overflow-y: auto;
     }
     .title-text{
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0px;
     }
     .mt-32{
        margin-top: 32px;
     }
     #recruit-tab .nav-link.active{
     border-color: #fff #fff #fff;
     border-bottom: 4px solid #000;
     color: #000;
     }
     #recruit-tab .nav-link:hover{
       border-color: #fff #fff #fff;
     border-bottom: 4px solid #000;
     color: #000; 
     }
      #recruit-tab{
        border-bottom: transparent;
      }
       #recruit-tab .nav-link{
        font-size: 18px;
        font-weight: 500;
        color: #9C9C9C;
        line-height: 30px;
       }
       .inc-dec-counter {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    width: 134px;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
    background: #f0f0f0;
    overflow: hidden;
}
.inc-dec-counter button {
    height: 40px;
    width: 100%;
    border: 0;
    background: unset;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}
.sub.disable-dec-btn, .add.disable-max-btn {
    background-color: #fafafa;
    cursor: not-allowed;
}
.inc-dec-counter input, .inc-dec-counter input:focus {
    background: #ffffff;
    border: 0;
    width: 52px;
    height: 40px;
    text-align: center;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    outline: none;
}
.re-recruit-block{
    font-weight: 500;
    color: #000;
    font-size: 14px;
    line-height: 22px;
}
.ml-32{
    margin-left: 32px !important;
}
#recruitment_history .profile-info-left{
   max-width: 478px;
    /* max-height: 410px; */
    /* overflow: auto; */
    padding-right: 10px;
}
.recruit-row{
    display: flex;
    justify-content: space-between;
}
.font-600{
    font-weight: 600;
}
.recruit-history-data{
    padding-left: 20px;
    border-left: 2px solid #E9E9E9;
    margin-top: 20px;
}
.recruit-history-data-row{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 8px 0px;
   
}
.recruit-history-data-row span{
     color: #676767;
    font-size: 12px;
    font-weight: 500;
}
.recruit-history-data-row span:nth-child(2){
    
    color: #000;
}
#smallModal.approve-report-modal .modal-content,#moveToRecruitModal .modal-content{
border-radius: 20px; 
padding: 28px;
}
.icon-box-flex{
    display: flex;
    justify-content: center;
}
.icon-box-flex svg{
    width: 75px;
}
.inner-tab-menu{
    border: none;
    padding-bottom: 0px;
}
.inner-tab-menu .top-bar-link a span{
    padding: 0px 12px 16px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #9C9C9C;
    margin-right: 32px;
}
.inner-tab-menu .top-bar-link a span.active{
   border-bottom:4px solid #000 ;
   color: #000;
}
.p-24{
    padding: 24px !important;
}
.dash-inner-data-wrap.p-24 p{
    border: none;
}
.test-detail-data-row p{

    margin-bottom: 12px !important;
    font-size: 14px;
    font-weight: 500;
    color: #676767;
    line-height: 22px;
    padding-bottom: 0px !important;

}
.test-detail-data-row span{
    color: #000;
    margin-left: 5px;
}
.font-500{font-weight:500}