@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;800&display=swap');


html {
    overflow-x: hidden;
    --scrollbarBG: #CFD8DC;
    --thumbBG: #90A4AE;
}


/* * {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
*::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
*::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
} */

body {
    font-family: 'Open Sans', sans-serif;
    background: #f7f7f7;
    font-size: 14px;
    /* padding-top: 80px; */
    /*overflow-x: hidden;*/
    scroll-behavior: smooth;
    color: #3e3e3e;
}
::-moz-selection {
    color: #fff;
    background: #5364ae;
}
::selection {
    color: #fff;
    background: #5364ae;
}
.fs-18{
 font-size: 18px !important;
}
.fs-16{
 font-size: 16px !important;
}
.fs-14{
 font-size: 14px !important;
}
.fs-13{
 font-size: 13px !important;
}
.fs-20{
 font-size: 20px !important;
}
.fs-22{
 font-size: 22px !important;
}
.fs-24{
 font-size: 24px !important;
}
a {
    text-decoration: none !important;
    color: #1b2b5b;
}

a:hover {
    text-decoration: none;
}
ol, ul {
    padding-left: 0px !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 1.2;
}
p {
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 14px;
}
button{
    outline: none;
    cursor: pointer;
    border-style: none;
}
.mr-16{
    margin-right: 16px !important;;
}
.mr-10{
    margin-right: 10px !important;;
}
.ml-16{
    margin-left: 16px !important;
}
.btn-one{
    background-color: #970108 !important;
    color: #fff;
}
.btn-black{
    background-color: #000000 !important;
    color: #fff;
}
.btn-blue{
    background-color: #5364ae;
    color: #fff;
}
.color-red{
    color: #b02a37;
}
.redBtn {
    background: #b02a37 !important;
}
img {
    max-width: 100%
}
.mobile{
    display: none;
}
.w-15 {
    width: 150px;
}
.w-0 {
    width: auto !important;
}
.black{
   background-color: #000 !important;
}
.error{
   color:#dc3545;
}
.py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}
.btn-primary {
    color: #fff;
    background-color: #6480e3;
    border-color: #5364ae;
}
.btn-primary:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #5364ae;
    border-color: #5364ae;
    box-shadow: none;
}
input,
button {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.leftSidebarMobileToggle{
    display: none;
}
.blueBtn, .whiteBtn, .greyBtn {
    height: 38px;
    display: inline-block;
    padding: 6px 20px;
    border-radius: 7px;
    font-size: 15px;
    margin: 15px 0px;
    outline: none;
    border-style: none;
}
.blueBtn, .whiteBtn {
    background: #5364ae;
    color: #fff;
}
span.toggler-icon {
    position: relative;
}
.form-control {
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #3e3e3e;
}
span.toggler-icon:after {
    content: '\f0c9';
    position: initial;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'FontAwesome';
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    z-index: 99;
}
.gap-10{
    gap: 10px;
}
.mobileShow {
    display: none;
}
/* Create Project Card */

.create-project{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#f4f6fc;
    padding: 6px 10px;
    border-radius: 10px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    transition:0.3s;
    margin: 0px 8px;
}


/* Left Side */

.create-left{
    display:flex;
    align-items:center;
    gap: 13px;
    font-size: 14px;
    font-weight:600;
    color:#2f3a56;
    cursor: pointer;
}

/* Icon */
.icon-box {
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 10px;
    background: linear-gradient(145deg, #7ea0ff, #5364ae);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

.vertical-menu {
    background: #13132a;
    bottom: 0;
    box-shadow: 0 .75rem 1.5rem #12263f08;
    margin-top: 0;
    padding-top: 70px;
    position: fixed;
    top: 0;
    width: 250px;
    z-index: 1001;
    /* background: linear-gradient(180deg, #9AA7CE 0%, #AEB7D6 35%, #C6CCE2 70%, #DADFF0 100%); */
}
.vertical-collapsed .create-project span {
    display: none;
}
.vertical-collapsed .vertical-menu {
    width: 70px;
}
.vertical-collapsed .create_project2w {
    display: none;
}
.vertical-collapsed .logo-dark {
    display: none;
}
.logohide {
    display: none;
}
.vertical-collapsed .logohide {
    display: block;
}
.vertical-collapsed header.page-topbar {
    left: 70px;
}
.vertical-collapsed .main-content {
    margin-left: 70px;
}
.vertical-collapsed .countxt {
    display: none;
}
.vertical-collapsed .right-nav-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 70px;
}
.vertical-collapsed  ul.metismenu li.has-sub a {
    padding: 8px 10px;
}
.main-content {
    margin-left: 250px;
    /* overflow: hidden; */
}
.page-content {
    padding: 94px 18px 60px;
}
.vertical-collapsed .vertical-menu .navbar-brand-box {
    width: 70px;
}
.vertical-menu .navbar-brand-box {
    position: fixed;
    top: 20px;
    z-index: 99;
    left: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 250px;
}
.vertical-menu .navbar-brand-box img {
    max-height: 27px;
}
.page-topbar {
    background-color: #fff;
    box-shadow: 0 .75rem 1.5rem #12263f0f;
    left: 250px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1002;
}
.page-topbar.header-layout {
    left: 0px;
}
.navbar-header {
    align-items: center;
    display: flex;
    height: 70px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 12px 0 12px;
}
.researchSuiteMenu {
    margin-top: 30px;
}
.researchSuiteTitle {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px 0px 20px;
}
ul.metismenu li.has-sub a {
    color: #f2f2f2;
    display: block;
    font-size: 13px;
    padding: .625rem 1rem;
    position: relative;
    transition: all .4s;
    font-weight: 600;
    border-bottom: 1px solid #f2f2f2ab;
}
ul.metismenu li.has-sub a:hover, ul.metismenu li.has-sub a.active {
    background: #ffffff;
    color: #3e3e3e;
}
/* ul.metismenu li.has-sub a.active {
    background: #5364ae;
    color: #fff;
} */
.simplebar-wrapper button.btn {
    background: #5364ae;
    border-radius: 30px;
    width: 224px;
    margin: 0px auto 10px;
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center;
    justify-content: center;
    border: 0px;
}
.divider {
    border: 1px solid #ffffff6b;
}
.simplebar-wrapper {
    margin-top: 16px;
    position: relative;
    overflow: auto;
    max-height: calc(100vh - 86px);
}
.simplebar-wrapper::-webkit-scrollbar {
    width: 6px;
}
.simplebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
}
.simplebar-wrapper::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
    transition: 0.3s;
}
.simplebar-wrapper:hover::-webkit-scrollbar-thumb {
    background: #8a95b8;
}
.simplebar-wrapper:hover::-webkit-scrollbar-thumb:hover {
    background: #5c6ac4;
}
.simplebar-wrapper {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.simplebar-wrapper:hover {
    scrollbar-color: #8a95b8 transparent;
}
.simplebar-wrapper:after {
    content: "";
    position: absolute;
    top: -24px;
    left: 15px;
    width: 88%;
    height: 1px;
    background: #dadada4a;
}
.footer {
    background-color: #f2f2f5;
    color: #74788d;
    height: 60px;
    left: 250px;
    padding: 20px 18px;
    position: fixed;
    right: 0;
    bottom: 0px;
}
.listInline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 15px;
    padding: 0;
    list-style-type: none;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.breadCrumbBx {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    padding: 15px 20px 10px;
    border-bottom: 1px solid #ccc;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
}
.breadCrumbListing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 77%;
}
.breadCrumbWrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.breadCrumbList ul li {
    color: #373737;
    font-size: 14px;
    position: relative;
}
.breadCrumbList ul li .toolbarSlot {
    top: 0px;
}
.breadCrumbList ul li.active, .breadCrumbList ul li.active a {
    color: #5364ae;
    position: relative;
}
.breadCrumbList ul li.active {
    padding-left: 10px;
}
.breadCrumbList ul li.active:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    left: -5px;
    top: 2px;
    font-weight: bold;
}
.breadCrumbList {
    width: 25%;
}
.surverySteps ul li i {
    font-style: normal;
    font-size: 13px;
    color: #3e3e3e;
    font-weight: 500;
}
select.form-select.form-control{
    position: relative;
}

.surverySteps ul li i a {
    color: #3e3e3e;
}
.surverySteps ul li.active a {
    color: #5364ae;
}
.surverySteps ul li span {
    width: 15px;
    display: inline-block;
    height: 15px;
    line-height: 16px;
    text-align: center;
    background: #989898;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 0px;
}

.surverySteps ul li {
    padding: 0 24px 0px 10px;
    position: relative;
    border-bottom: solid 1px transparent;
}
.surverySteps ul li.active {
    border-bottom: solid 1px #5364ae;
}
.surverySteps ul {
    gap: 0;
}
.surverySteps ul li:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 6px;
    top: 1px;
    font-weight: bold;
    color: #989898;
    font-size: 14px;
}
.surverySteps ul li:last-child:after {
    display: none;
}
.surverySteps ul li.active:after {
    color: #5364ae;
}
.surverySteps ul li.active span {
    background: #5364ae;
}
.surverySteps ul li.active i {
    color: #000;
}
.surveryStepsNav a {
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #000000;
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
}
.blueBtn {
    background: #5364ae;
    color: #fff;
    border: none;
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px 20px;
    font-size: 13px;
}

.customTooltip {
    position: relative;
}
.form-control {
    background-color: #fff;
    width: 100%;
    height: 45px;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    font-size: 14px;
    color: #3e3e3e!important;
}
.customTooltipContent {
    position: absolute;
    padding: 4px 8px;
    background: #0f0f0fd6;
    color: #fff;
    left: 50%;
    top: -90%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 12px;
    border-radius: 4px;
    display: none;
    white-space: nowrap;
    z-index: 99;
}
.customTooltip:hover .customTooltipContent{
    display:block;
}
a.blackBtnSm .customTooltipContent {
    top: 15px;
    width: 270px;
    white-space: inherit;
}
.surverySteps .customTooltipContent {
    white-space: inherit;
    z-index: 99;
    width: 300px;
    top: 30px !important;
}
.surverySteps ul li:hover .customTooltipContent{
    display: block;
}
a.blackBtnSm:hover .customTooltipContent {
    display: block;
}
.customCheckbox {
    display: none;
}
.customCheckbox + label {
    width: 55px;
    height: 22px;
    background: #dbdbdb;
    margin: 0 10px;
    vertical-align: middle;
    border-radius: 50px;
    position: relative;
}

.customCheckbox + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 25px;
    height: 24px;
    background: #5364ae;
    border-radius: 50%;
}

.customCheckbox:checked + label:after {
    left: auto;
    right: 0;
}
.saveBtn i.fa {
    font-size: 13px;
    padding: 3px 0px 0px 5px;
}
section.breadCrumbBx .customTooltipContent {
    top: -22px;
}
.saveBtn {
    background: #5364ae;
    color: #fff;
    border-style: none;
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px 20px;
    font-size: 13px;
}
.saveBtn:hover {
    background: #000;
    color: #fff;
}
.saveBtns i.fa {
    font-size: 13px;
    padding: 3px 0px 0px 5px;
}
section.breadCrumbBx .customTooltipContent {
    top: -22px;
}
.saveBtns {
    background: #5364ae;
    color: #fff;
    border-style: none;
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px 20px;
    font-size: 13px;
}
.saveBtns:hover {
    background: #000;
    color: #fff;
}
.userImg {
    width: 40px;
    height: 40px;
    text-align: center;
    background: #dadada;
    font-weight: 600;
    color: #000 !important;
    border-radius: 50%;
    text-transform: uppercase;
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.blackBtnSm, .blackBtnSm1{
    background: #5364ae;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 7px;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
    margin-right: 15px;
}
.blackBtnSm:hover{
    color: #fff;
    background: #000000;
}
.backBtn{
    background: #000;
    color: #fff;
    border-style: none;
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px 20px;
    font-size: 13px;
}
.backBtn:hover{
    background: #5364ae;
    color: #fff;
}
/*=============new-pages-design=============*/
.midSectionWrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    background: #f4f4f4;
    height: 100%;
    margin-left: 350px;
}
.newSidebar {
    position: fixed;
    top: 65px;
    left: 0;
    bottom: 0;
    z-index: 9;
    -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
    width: 350px;
    background: #fafafa;
    padding: 15px 0px 0px 0px;
    border: solid 1px #dcdcdc;
    border-radius: 0px;
    height: calc(100vh - 66px);
    /* overflow: auto; */
}
nav#sidebar-nav .tabInrWrp {
    padding-right: 15px;
    padding-left: 15px;
}
nav#sidebar-nav .tabInrWrp ul.category-list {
    margin-right: -15px;
}
a.blackBtnSm {
    margin-right: 15px;
}
.midAreaForm {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 0px;
    padding: 30px 40px;
    background-size: cover !important;
    background: #fff;
    /* border: thin solid #EDEDED; */
}
.options-wrapper {
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0px;
    flex-wrap: wrap;
}
.options-wrapper .question-item {
    width: 30%;
    margin-right: 3%;
    min-height: 50px;
    position: relative;
}
.ss-question-item:hover {
    text-decoration: none;
    background-color: #f5f5f5;
    border-radius: 5px;
    border-bottom-color: transparent;
    transform: translateY(-2px);
}
.ss-question-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
    transition: all 0.4s ease;
    border-bottom: 1px solid #eaeaea;
    /* border-color: rgba(77, 52, 70, 0.05); */
    cursor: pointer;
}
.ss-question-item .noWrap {
    color: #3e3e3e;
    margin-left: 12px;
    font-size: 16px;
}
.icoWrpOnly {
    padding: 5px 6px 5px 6px;
    background: #d3a3ec;
    border-radius: 5px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    width: 46px;
    height: 26px;
    color: #474646;
    overflow: hidden;
}
.smlSubHeading {
    color: #3e3e3e;
    font-size: 15px;
}
.sidebarStrp {
    background: none;
    padding: 12px 4px 12px 16px;
    /* border-radius: 7px; */
    border-bottom: 1px solid #eaeaea;
    margin-left: -15px;
}
.sidebarStrp.active p, .sidebarStrp.active .removeBtnWrap button {
    color: #000;
}
.sidebarStrp.active {
    background: #eaeaea;
}
/*.sidebarStrp:hover {
    background: #fff;
}*/
.icoWrp {
    padding: 8px 10px 8px 2px;
    background: #ffadaa;
    border-radius: 5px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    width: 65px;
    height: 30px;
    color: #474646;
}
.icoWrp.iconcols_stextbox {
    background: #d3a3ec;
}
.icoWrp.iconcols_radio {
    background: #90a5dd;
}

.icoWrp.iconcols_consent {
    background: #7da0ff;
}

.icoWrp.iconcols_radiomatrix {
    background: #d990b6;
}
.icoWrp.iconcols_mcq {
    background: #afc1f1;
}
.icoWrp.iconcols_pictureChoice {
    background: #a8c0fe;
}
.icoWrp.iconcols_browse {
    background: #b1dce7;
}
.icoWrp.iconcols_csat {
    background: #e3e296;
}
.icoWrp.iconcols_nps {
    background: #afc1f1;
}
.icoWrp.iconcols_date {
    background: #fa8d47;
}
.icoWrp.iconcols_rating {
    background: #f7abcf;
}
.icoWrp.iconcols_dropdown {
    background: #cfdcff;
}
.icoWrp.iconcols_email {
    background: #8dcfdf;
}
.icoWrp.iconcols_number {
    background: #fed5aa;
}
.icoWrp.iconcols_decimal {
    background: #dfbf9e;
}
.icoWrp.iconcols_statement {
    background: #fba87a;
}
.icoWrp.iconcols_ltextbox {
    background: #f98ff5;
}
.icoWrp.iconcols_phnumber {
    background: #b1f2ff;
}
.icoWrp.iconcols_textboxmatrix {
    background: #d990b6;
}
.icoWrp.iconcols_dropdownmatrix {
    background: #cfdcff;
}
.icoWrp span.qid {
    font-size: 13px;
    font-weight: 500;
    margin-left: -4px;
}
.icoWrp img {
    max-height: 26px;
}
.sidebarStrp p {
    font-size: 14px;
    color: #3e3e3e;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 200px;
}
.smallTxt {
    font-size: 12px;
    color: #818181;
}
.customTab.nav-tabs .nav-link {
    padding: 0px 15px 8px;
    font-weight: 600;
    font-size: 14px;
    color: #818181;
    border: none;
    background: transparent !important;
    position: relative;
    min-width: 32%;
}
.customTab.nav-tabs .nav-link.active {
    color: #000;
}
.customTab.nav-tabs .nav-link:after {
    content: "";
    width: 100%;
    height: 2px;
    background: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
}
.customTab.nav-tabs .nav-link.active:after {
    background: #5364ae;
}
.customTab {
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.customTab.nav-tabs .nav-link img {
    height: 25px;
}

.questionHeading {
    font-size: 24px;
    color: #3e3e3e;
    position: relative;
    font-weight: 500;
    margin-bottom: 5px;
}
.questionNum {
    position: absolute;
    left: -60px;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 5px;
}
.questionOption.widthFixed {
    width: 30%;
    height: auto;
    padding: 10px 0px;
}
.questionOption.widthFixed label {
    width: 100%;
    line-height: 20px;
}
.questionOption.widthFixed input {
    margin-left: 10px;
}
.questionOption.widthFixed span {
    width: 35px;
}
.questionOption.widthFixed span {
    width: 26px;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    margin: 0px 3px 0px 7px;
}
.questionOptionWrp.sharefillForm {
    gap:inherit;
}
.matrixrowWrp.sharefillForm input {
    width: 30px;
    height: 15px;
}
.questiontypeScroll {
    /* max-height: calc(100vh - 130px); */
    overflow: auto;
    height: 100%;
    margin-top: -60px;
    z-index: 99;
}
.questionOptionWrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}
.questionOption span {
    background: #fff6;
    border-radius: 3px;
    width: 24px;
    display: inline-block !important;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: rgba(0, 0, 255, 0.1);/* box-shadow: rgb(0 0 255 / 60%) 0px 0px 0px 1px inset; */
    color: rgb(0, 0, 255);
    border: 1px solid #0000ff;/* font-size: 13px; */
    margin-left: 5px;
}
.questionOptionWrp .cross {
    display: none;
    position: absolute;
    right: -35px;
    top: 10px;
    background: #f4f4f4;
    width: 25px;
    height: 25px;
    border: solid 1px #000;
    border-radius: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 13px;
}
.questionOptionWrp:hover .cross{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.questionOption input {
    background: transparent;
    border: none;
    width: 100%;
    cursor: pointer;
    font-size: 13px;
    height: 38px;
}
.questionOption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    border-radius: 4px;
    margin: 5px 0;
    position: relative;
    width: 250px;
    background-color: rgba(0, 0, 255, 0.1);
    /* box-shadow: rgb(0 0 255 / 60%) 0px 0px 0px 1px inset; */
    border: 1px solid #0000ff;
    color: #0000ff;
    max-width: 100%;
    height: 38px;
    outline: 0px;
    padding: 4px;
    cursor: pointer;
}
.tabInrWrp {
    max-height: calc( 100vh - 150px );
    overflow: auto;
    height: 100%;
}
/*.leftSidebarWrp {
    position: relative;
    overflow: scroll;
    width: auto;
    height: 100%;
}*/

.tabInrWrp::-webkit-scrollbar {
    width: 8px;
}

.tabInrWrp::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 30px;
}

.tabInrWrp::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px grey;
            box-shadow: inset 0 0 2px grey;
    border-radius: 30px;
}
.questionOption.matrixCol {
    width: 150px;
}
p.underLineBtn.matrixrowbutton {
    margin-top: 20px;
}
p.selectOptionDrop {
    margin: 0px;
    width: 100%;
    color: #5364ae;
    font-weight: 400;
    font-size: 13px;
    position: relative;
}
p.selectOptionDrop:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 6px;
    top: 1px;
    font-weight: 500;
    font-size: 14px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.underLineBtn {
    background: transparent;
    border: none;
    color: #5364ae;
    padding: 0;
    font-weight: 600;
    /* font-size: 17px; */
    cursor: pointer;
    text-decoration: underline;
    margin-top: 15px;
}
.lineBtn {
    display: inline-block;
    padding: 7px 20px;
    border: solid 2px #818181;
    border-radius: 5px;
    color: #3e3e3e;
    background: transparent;
    font-size: 14px;
}
.transparentSelect {
    width: calc(100% - 50px);
}

.transparentSelect .select2-container {
    width: 100% !important;
}

.transparentSelect .select2-container .select2-selection--single {
    background: transparent !important;
    border:none
}
.smallCustomCheckBox + label {
    height: 18px;
    width: 36px;
}
.smallCustomCheckBox + label:after {
    width: 13px;
    height: 13px;
    background: #fff;
    left: 2px;
    top: 2px;
}
.smallCustomCheckBox:checked + label:after {
    right: 2px;
}
.smallCustomCheckBox:checked + label {
    background: #5364ae;
}

.showupToggle {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 850px;
    background: #fff;
    padding: 50px;
    border: solid 1px #ccc;
    -webkit-box-shadow: 0 0 10px #0000000f;
            box-shadow: 0 0 10px #0000000f;
    border-radius: 10px;
    z-index: 99;
}
.twoList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.twoList li {
    width: calc(100%/2 - 10px);
}
.boldSmlHeading {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
}
.showupToggle .listInline {
    gap: 10px;
    font-size: 13px;
    margin: 0;
}
.threeList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.threeList li {
    width: calc(100%/3 - 14px);
}
.mediaEdit{
    max-width: 300px;
    position: relative;
}
.mediaEdit img, .mediaEdit video, .mediaEdit iframe {
    max-width: 100%;
}
.mediaAction {
    position: absolute;
    left: 10px;
    top: 10px;
    display: none;
}
.mediaAction ul {
    gap: 7px
}
.mediaAction li i {
    padding: 5px 10px;
    background: #fafafa;
    border-radius: 5px;
}
.mediaEdit:hover .mediaAction {
    display: block;
}
.topMsgBar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #e2bb82;
    padding: 10px 20px;
    font-size: 16px;
    display: none;
}
.fixedMobiletoggle, .mobileShowUpToggle{
    display: none;
}
textarea.form-control {
    height: 150px !important;
}
/*=============add-content-page-design=============*/
.verticleList {
    margin: 0;
    padding: 0;
    list-style-type: none;
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.icoWrpOnly img {
    width: 38px;
}
.normalheading {
    font-size: 14px;
    color: #818181;
}
.others {
    display: inline-block;
    padding: 4px 10px;
    background: #eaeaea;
    font-size: 12px;
    border-radius: 10px;
    margin-left: 20px;
}
.mcq-9-Borrowed.from.others {
    margin: 0px;
}
.others i {
    font-size: 10px;
    display: inline-block;
    margin-left: 20px;
}
.borderBox {
    border: solid 1px #dcdcdc;
    padding: 15px;
    border-radius: 10px;
    background: #fdfdfd;
}
.borderBox .verticleList li {
    vertical-align: middle;
}
.smallText {
    font-size: 12px;
    color: #818181;
}
/*=============Matrix-page-design=============*/
.questionContent .arrowSlot {
    float: left;
}
.matrixWrp {
    max-width: 600px;
    gap: 2px;
}
.matrixColWrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
}
.matrixCol {/*width: auto !important;*/
    margin: 3px 0;
}
.matrixRow {
    margin: 3px 0;
}
.matrixRow .cross {
    right: auto;
    left: 4px;
    top: 11px;
    background: #ccc;
    width: 20px;
    height: 20px;
    font-size: 11px;
    text-align: center;
    padding: 0;
}
.matrixRow input {
    padding-left: 15px;
}
.opacity-0 {
    opacity: 0;
}
.matrixCol .cross {
    right: auto;
    left: 50%;
    top: -20px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #ccc;
    width: 20px;
    height: 20px;
    font-size: 11px;
    text-align: center;
    padding: 0;
}
.matrixWrpHeader {
    padding-top: 20px;
}
.matrixWrpHeader .matrixCol {
    background: transparent;
    border: none;
    padding: 3px;
}
.matrixWrpHeader .matrixCol input:focus + .cross,  .matrixRow input:focus + .cross {
    display: block;
}
.matrixWrp:hover .cross {
    display: none;
}
.matrixWrpHeader .matrixCol input {
    text-align: center;
}




/*=============Start login-page-design css=============*/

section.login_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0px 0;
    background: #fff;
}
a.logo_text {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
a.logo_text img {
    width: 60%;
    margin: 45px auto 30px;
}
.login_wrapper .container-fluid {
    padding: 0;
}
section.login_wrapper {
    background: #fff;
    height: 100%;
}
.login_img {
    height: 100vh;
}
video.video_play {
    height: 100vh;
}
.login_box {
    margin: 0px auto;
    max-width: 450px;
    width: 100%;
    /* height: 100%; */
    padding-top: 100px;
    overflow: auto;
    max-height: calc( 100vh - 0px );
}
.login_bg {
    background: white;
    position: relative;
}
.logintempWrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
}
.logintempWrap a.logo_text img {
    width: auto;
    margin: -45px auto 40px;
    max-height: 35px;
}
ul.listInline.justify-content-center {
    margin-top: 30px;
}
.login_wrapper .col-pad-0 {
    padding: 0;
}
.login_wrapper .login_form .login_form_inner p {
    color: #403838;
    font-weight: 400;
    font-size: 15px;
}
.login_wrapper .login_form .login_form_inner p a {
    margin-left: 3px;
    color: #403838;
}
.login-innerwrap {
    background-image: url(https://surveypoint.ai/thesurveypoint/campaign/images/slider-imgs01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    background-color: #5364ae;
    padding: 0px 50px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-bxs {
    box-shadow: 0px 0px 20px #0000002b;
    border-radius: 7px;
    background: #ffffff;
    margin-bottom: 20px;
    height: 265px;
}
.card-bxs .card-body {
    padding: 1rem 1rem;
}
.card-bxs h5.card-title {
    font-size: 20px;
    margin-bottom: 7px;
    overflow: hidden;
    /* display: -webkit-box; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.icon-warp {
    margin-bottom: 16px;
}
img.card-icon {
    max-height: 49px;
}

.devider-center {
    position: relative;
    height: 10px;
    display: block;
    margin: 0 0 5px 0;
}
     .devider-center:before {
        content: '';
        position: absolute;
        height: 6px;
        width: 60px;
        background: linear-gradient(45deg, #5364ae 1%, #a5b9ff 47%, #5364ae 100%);
        border-top-left-radius: 20px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 20px;
        left: 0;
        right: 60px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .devider-center:after {
        content: '';
        position: absolute;
        height: 6px;
        width: 60px;
        left: 60px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 2px solid #5364ae;
        border-top-left-radius: 0;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 0;
    }
.login-head {
    text-align: center;
}
.login-head h5 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
}
.login-footer a {
    color: #3e3e3e;
    font-size: 13px;
    text-decoration: underline !important;
}
.login-footer .cdsd {
    color: #3e3e3e;
    padding: 0px 8px;
}
.login_wrapper .login_form .login_form_inner {
    padding: 7px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.login_wrapper .btn-outline {
    border-radius: 3px;
    padding: 6px 30px 6px 30px;
    color: #ff574d;
    background: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    border:2px solid #fff;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    display: inline-block;
    max-width:150px;
}
.login_wrapper .none-2 {
    display: none;
}
.login_wrapper .btn-outline:hover {
    background: transparent;
    text-decoration: none;
    color: #fff;
    border-color: #fff;
}
.login_wrapper .login_form h3 {
    margin: 0 0 25px;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Nunito', sans-serif;
    color: #272323;
    position: relative;
    padding: 0 0 15px;
}
.login_wrapper .login_form h3 span {
    color: #ff574d;
}
.login_wrapper .login_form h3:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    height: 1px;
    background: #ff574d;
    margin: 0 auto;
    bottom: 0;
}
.login_wrapper .login_form .form-group {
    margin-bottom: 25px;
    position: relative;
}
.login_wrapper .login_form .form-group i.fa {
    position: absolute;
    top: 13px;
    left: 12px;
    color: #5364ae;
    font-size: 17px;
}
.login_wrapper .forgotPwd i.fa {
    top: 49px !important;
}
.forgotPwd {
    padding: 0px;
}
.forgotPwd .login_form {
    padding: 0px 30px;
}
.login_wrapper .login_form .input-text {
    outline: none;
    width: 100%;
    padding: 10px 12px;
    font-size: 15px;
    outline: 0;
    font-weight: 500;
    color: #717171;
    height: 45px;
    border-radius: 7px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #cccccc70;
    background: #00000003;
}
.login_wrapper .login_form .input-text::-webkit-input-placeholder{
    color: #717171;
}
.login_wrapper .login_form .input-text::-moz-placeholder{
    color: #717171;
}
.login_wrapper .login_form .input-text:-ms-input-placeholder{
    color: #717171;
}
.login_wrapper .login_form .input-text::-ms-input-placeholder{
    color: #717171;
}
.login_wrapper .login_form .input-text::placeholder{
    color: #717171;
}
.login_wrapper .login_form .input-text:focus {
    border: 1px solid #5364ae8f;
}
.login_wrapper .login_form .btn-md {
    cursor: pointer;
    padding: 10px 50px 8px 50px;
    height: 45px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Nunito', sans-serif;
    border-radius: 50px;
    text-transform: uppercase;
}
.login_wrapper .login_form .form-check input.form-check-input {
    margin: 3px 0px 0px -12px;
}
.login_wrapper .login_form .form-check label.form-check-label {
    padding-left: 10px;
    cursor: pointer;
}
.social-list li {
    display: inline-block;
    font-size: 16px;
}
.social-list {
    margin: 10px 0 20px;
    padding: 0;
}


.login_wrapper .login_form .checkbox {
    margin-bottom: 25px;
    font-size: 14px;
}
.login_wrapper .login_form .form-check{
    float: left;
    margin-bottom: 0;
}
.login_wrapper .login_form .form-check a {
    color: #717171;
    float: right;
}
.form-check-input {
    position: absolute;
    margin-top: 0.25rem;
    margin-left: -0.25rem;
}

.login_wrapper .login_form .checkbox a {
    font-size: 16px;
    color: #403838;
    float: right;
}

.login_img_caption {
    position: relative;
    z-index: 1;
    color: #fff;
    padding: 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
}
.submit_btn {
    width: 150px;
    height: 45px;
    display: inline-block;
    background: #5364ae;
    text-align: center;
    line-height: 40px;
    color: white !important;
    font-size: 16px;
    font-weight: 400;
    border-radius: 7px;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    border-style: none;
    text-decoration: none;
    outline: none;
}
.submit_btn:hover {
   background:#000;
    cursor: pointer;
}
.login_wrapper .submit_btn i.fa {
    position: initial !important;
    font-size: 16px;
    color: #fff !important;
}
.login_wrapper .row{
    width: 100%;
}
.login_img_caption h2 {
    font-size: 35px;
    font-weight: 600;
    margin: 0 0 20px;
    padding-bottom: 15px;
    position: relative;
}
.login_img_caption h2:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    height: 1px;
    background: #ff574d;
    margin: 0;
    bottom: 0;
}

.login_wrapper .content_slider {
    position: static;
}
.login_wrapper ul.slick-dots {
    list-style: none;
    padding: 0;
    margin: 0px;
    position: absolute;
    bottom: 30px;
    right: 50%;
}
.login_wrapper ul.slick-dots li {
    display: inline-block;
    margin: 0 6px;
}
.login_wrapper ul.slick-dots li button {
    padding: 0;
    border: 0;
    background:rgb(255 255 255 / 90%);
    font-size: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    line-height: 1;
    cursor: pointer;
    outline: none;
}
.login_wrapper ul.slick-dots li.slick-active button {
    background: #5364ae;
}
.content_slider .btn-outline {
    margin: 10px 0 0;
}
.login_img_caption .slick-slide img {
    display: block;
    height: 100vh;
    width: 100%;
}
/*=============End login-page-design css=============*/

.btn-primary {
    color: #fff;
    background-color: #5364ae;
    border-color: #5364ae;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #5364ae;
    border-color: #5364ae;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
}
.h-45{
  height: 45px !important;
}
/*=============Start Workspace page-design css=============*/
.changePassword {
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
    /* box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px; */
    border: 0px;
    padding: 20px 50px;
}
.change-password {
    padding: 60px 0px;
    position: absolute;
    top: 55%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    height: auto !important;
}
.changePwd-imgs {
    width: 100%;
}
.changePassword .pwd-title{
    font-size: 25px;
    color: #3e3e3e;
    text-align: center;
    margin: 0 0 20px 0;
}
.changePassword .form-control {
    border-radius: 0px;
    font-size: 14px;
}
.changePassword label {
    font-size: 15px;
    color: #3e3e3e;
}

.changePassword .card-footer {
    background: none;
    text-align: right;
    padding: 10px 20px 15px 0px;
}
span.text-danger {
    font-size: 13px;
}
.mainHeader {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}
.mainHeader.whiteHeader {
    background: #fffffff2;
    -webkit-box-shadow: 0 0 10px #0000004d;
            box-shadow: 0 0 10px #0000004d;
}
.mainHeader .navbar {
    background: #fff;
    border-bottom: solid 1px #dadada;
    padding: 0px 20px;
    height: 70px;
}
a.navbar-brand img {
    max-height: 30px;
}
.closeMenu {
    display: none;
}
.mobile {
    display: none !important;
}
ul.navbar-nav li.nav-item {
    position: relative;
    padding: 16px 10px;
    height: 70px;
}
ul.navbar-nav.headerslot {
    width: 100%;
    justify-content: end;
}
.mainHeader .navbar ul li a {
    color: #868686;
    font-weight: 400;
    font-size: 15px;
    margin-left: 30px;
}
ul.navbar-nav li.nav-item a.nav-link {
    font-size: 18px;
    padding: 10px 14px;
    color: #3e3e3e;
}
a.nav-link.upgrade-plan {
    display: flex;
    gap: 3px;
    border-radius: 40px;
    border: 1px solid #d0d0d0;
    background: #f7f7f7;
    height: 36px;
    padding: 7px 13px !important;
    font-size: 13px !important;
}
a.nav-link.upgrade-plan .plan-icons {
    width: 26px;
    height: 20px;
    fill: #5364ae;
}

.mainHeader .navbar ul li a.userImg {
    width: 42px;
    height: 42px;
    text-align: center;
    background: #dadada;
    font-weight: 600;
    color: #000 !important;
    border-radius: 50%;
}
.category-menu {
    background: #ffffff;
    width: 200px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0px 0px 20px 1px #cccccc66;
            box-shadow: 0px 0px 20px 1px #cccccc66;
    margin: 0px 0px 0px;
    border: 1px solid #ccc;
    position: absolute;
    right: 0px;
    top: 46px;
    opacity: 0;
    z-index: 9;
    margin-top: 15px;
    visibility: hidden;
    border-radius: 7px;
}
ul.navbar-nav li.nav-item:hover .category-menu {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.userNav ul li.nav-item:hover .category-menu {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.userNav ul li.nav-item{
    position: relative;
}
ul {
    list-style: none;
    padding: 0px;
}

ul.category-menu-list li a i.fas {
    /* color: #3e3e3e; */
    font-size: 13px;
}
ul.category-menu-list li a {
    margin: 0px !important;
    padding: 8px 22px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

ul.category-menu-list li a i {
    padding-right: 6px;
}
.mainSectionWithSidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.fixed-sidebar {
    padding: 0px;
    width: 250px;
    background: #fafafa;
    position: fixed;
    top: 68px;
    left: 0;
    bottom: 0;
    z-index: 100;
    border-right: 1px solid #dedede;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
}
/* .accordion-button:not(.collapsed)::after{
    background-image: url('') !important;
} */
h4.side-nav-title {
    font-size: 16px;
    padding: 0px 37px 10px 15px;
    color: #3e3e3e;
}
.side-nav-title {
    margin-bottom: 16px;
    background:none;
}
.side-nav-title .accordion-button {
    padding: 12px 20px;
    color: #3e3e3e !important;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    text-align: -webkit-auto;
}
ul.left-side-nav {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    overflow: auto;
    max-height: calc(100vh - 158px);
    overflow-x: hidden;
}
ul.left-side-nav li a:hover {
    background: rgb(211 211 211 / 25%);
    border-radius: 0px;
}
ul.left-side-nav li a {
    color: #3e3e3e;
    font-size: 13px;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    font-weight: 500;
}
ul.left-side-nav li .active {
    background: #eaeaea;
}
.pullleft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
span.right-nav-text {
    width: 100%;
}
span.left-nav-text {
    text-align: right;
    float: right;
}
/*span.left-nav-text i {
    padding-right: 10px;
}
*/

.dropdown-menu-category {
    display: none;
    position: absolute;
    left: -118px;
    top: 57px;
    margin: 0;
    padding: 0px;
    z-index: 9;
    background: #ffffff;
    box-shadow: 0px 4px 24px 12px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    width: 200px;
    height: auto;
    list-style: none;
    z-index: 99;
}
ul.navbar-nav li.nav-item:hover .dropdown-menu-category {
    display: block;
}
ul.navbar-nav li.nav-item .dropdown-menu-category li a.nav-link {
    padding: 10px 16px;
    border-bottom: 1px solid #b2b2b29c;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
}
ul.navbar-nav li.nav-item .dropdown-menu-category li a.nav-link:hover {
    background-color: #f1f1f194 !important;
    color: #ababab !important;
    border-radius: 0%;
}
.overlay-triangle {
    position: absolute;
    left: 77%;
    top: -20px;
    z-index: 3;
    margin-top: 6px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 16px 17px 16px;
    border-color: transparent transparent #ffffff transparent;
    transform: rotate(0deg);
}


a.delete_workspace.dropdown-item {
    padding: 15px 0px 0px 0px;
    opacity: 0;
}
ul.left-side-nav li.has-sub:hover a.dropdown-item{
    opacity: 1;
}
a.delete_workspace.dropdown-item {
    padding: 15px 0px 0px 0px;
    opacity: 0;
}
.create-workspace-label {
    padding: 30px 20px 0px 20px;
    position: relative;
    margin: 0px;
    cursor: pointer;
}
.create-new a {
    color: #5364ae;
    font-size: 14px;
    width: 100%;
    font-weight: 500;
    display: inline-block;
}
ul.left-side-nav li.has-sub:hover {
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    /* background: #eaeaea; */
    /* padding-left: 5px; */
}
ul.left-side-nav li.has-sub.active {
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    /* background: #eaeaea; */
}
ul.left-side-nav li.has-sub {
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    /* border-bottom: thin solid #EDEDED; */
}
ul.sidebar-bottom-ul.sidebarShow {
    display: block !important;
}
.sidebar-separator {
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #5364ae;
    padding: 10px 0px;
    cursor: pointer;
}
ul.sidebar-bottom-ul li a {
    color: #3e3e3e !important;
}
.vertical-collapsed .sidebar-bottom {
    width: 70px;
}
.sidebar-bottom {
    margin: 0px 0px;
    position: fixed;
    bottom: 0px;
    width: 250px;
    left: 0px;
    padding: 0;
    background: #ffffff;
}
ul.sidebar-bottom-ul li a {
    color: #3e3e3e;
    font-size: 13px;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    font-weight: 500;
    border-radius: 0px;
    border-bottom: 1px solid #eaeaea;
}
ul.sidebar-bottom-ul li a:hover {
    background: #eaeaea;
}
ul.sidebar-bottom-ul li a img {
    max-height: 16px;
    margin-right: 8px;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
}
ul.info-box li a.nav-link.closed {
    background: #b967257a;
    border: none;
}
ul.info-box li a.nav-link.activ {
    background: #b9e8cf;
    border:none;
}
ul.sidebar-bottom li a img, .side-nav-title img {
    max-height: 17px;
    margin-right:6px;
}
.create-new a i.fas {
    margin-right: 6px;
}
.scroll-target {
    overflow: auto;
    /* height: 330px; */
    padding-right: 10px;
    height: calc(100vh - 412px);
}
.scroll-target::-webkit-scrollbar {
    width: 10px;
    border-radius: 30px;
}
.scroll-target:hover::-webkit-scrollbar-thumb {
    background: #beb9b9;
    border-radius: 30px;
}
/* .scroll-sec::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 30px;
} */
.page-wrapper {
    width: calc(100% - 215px);
    margin-left: 250px;
    padding: 94px 18px 40px;
    /* height: calc(100vh - 70px); */
    /* min-height: 802px; */
}
.add-projectBtn {
    margin-left: 0px;
    position: absolute;
    right: 0px;
    border-radius: 30px 0px 0px 30px;
    width: 30px;
    height: 28px;
    font-size: 14px;
    background: #fff;
    color: #5364ae;
    text-align: center;
    padding: 0px 0px 0px 12px;
}
.create_project2w {
    font-size: 13px;
    color: #3e3e3e;
    padding-left: 24px;
    font-weight: 600;
}
ul.metismenu.list-unstyled {
    margin-top: 22px;
    /* background-color: #F2F4FA; */
    /* margin: 16px 8px 0; */
    /* border-radius: 10px; */
    overflow: auto;
}
section.breadcrumbSlot {
    margin: 15px 0px 30px 0px;
    background: #fff;
    border-radius: 0px;
    border: 0;
    /* height: 64px; */
    line-height: 50px;
    /* padding: 4px 10px; */
}
section.breadcrumbSlot nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
h4.breadcrumb-title {
    font-size: 18px;
    color: #3e3e3e;
    margin: 10px 0px 0px;
}
ul.listInlineSlot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
li.createNew {
    width: auto;
    background: #000;
    margin-right: 16px;
    height: auto;
    line-height: normal;
    text-align: center;
    border-radius: 30px;
    position: relative;
}
li.createNew a {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 24px;
    display: block;
}
li.createNew a i {
    padding-right: 4px;
}
li.createNew.templateSlot {
    -webkit-filter: drop-shadow(0px 2px 4.5px rgba(0,0,0,0.08));
    filter: drop-shadow(0px 2px 4.5px rgba(0,0,0,0.08));
    /* background-image: url(../images/Background.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background: #5364ae;
}
li.createNew.templateSlot a {
    color: #fff;
}
ul.info-box li a.nav-link.button_icon {
    border: 0px;
    padding: 7px 10px;
    /* background: #f6f6f6; */
}
ul.info-box li a.nav-link.button_icon img {
    max-height: 22px;
}
ul.info-box li a.nav-link.button_icon:hover {
    border: 0px;
    background: transparent;
    color: #3e3e3e;
}
ul.info-box li .profile-dropdown {
    top: 40px;
}
h3.header-title {
    font-size: 20px;
    color: #5364ae;
    margin: 0px;
}



.search_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 25px;
}
.searchBox .form-control {
    height: 33px;
    border: 1px solid #ccc;
    border-radius: 0px;font-size:14px;
}
.search_wrap .btngrid {
    background: #5364ae;
    border-color: #5364ae;
    height: 33px;
    padding: 5px 15px;
    font-size: 15px;
    color: #ffffff;
    border-style: none;
}
button.btn-grid.active {
    background: #000;
    color: #fff;
}
button.btn-grid {
    background: #f4f4f4;
    border-color: #f4f4f4;
    height: 33px;
    padding: 5px 15px;
    font-size: 13px;
    color: #3e3e3e;
    border-style: none;
}
h5.clickTxt {
    font-size: 25px;
    position: absolute;
    top: 50%;
}
.addvideoImg {
    width: auto !important;
}

.survey-list .card {
    margin-bottom: 10px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    /* border-bottom: 1px solid rgba(0,0,0,.125) !important; */
    border: none;
    border-radius: 0px;
    padding: 18px 12px;
}
.form-group {
    margin-bottom: 16px;
}
label {
    margin-bottom: 5px;
}
.survey-list .card-body {
    padding: 0px;
}
ul.info-box li a.nav-link .fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
    left: 6px;
    position: relative;
    top: 1px;
    font-size: 13px;
}
.infoBoxleft {
    width: 42%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.listInfo-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.clsicForm {
    background: #d1d3da36;
    width: 116px;
    height: 42px;
    line-height: 30px;
    /* border: 2px dotted #ffffff; */
    border-radius: 7px;
    font-size: 12.5px;
    font-weight: 500;
    text-align: left;
    padding: 6px 8px;
    color: #777777;
    /* line-height: 20px; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.clsicForm.sss img {
    max-height: 40px;
}
.editable-question-container .customTooltip img {
    max-height: 20px;
}
.list-title {
    margin-left: 10px;
    width: 100%;
    /* margin-top: 18px; */
}
.list-title h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-title h5 a {
    color: #3e3e3e;
}
ul.info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 75%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
ul.info-box li {
    position: relative;
}
ul.info-box li a.nav-link {
    border: 1px solid #dedede;
    padding: 8px 15px;
    border-radius: 7px;
    color: #3e3e3e;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* height: 34px; */
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
}
ul.info-box li a.nav-link:hover {
    background: #5364ae;
    color: #fff;
    border: 1px solid #5364ae;
}
ul.info-box li a.nav-link.active {
    background: #5364ae;
    color: #fff !important;
    /* padding: 10px 20px; */
    border: 1px solid #5364ae;
}
ul.info-box li a.dropdown-item, .dropdown-item.downloadSurvey {
    font-size: 14px;
    color: #3e3e3e;
}
ul.info-box li .category-menu {
    left: -70px;
    width: 160px;
    border: 0px;
    padding: 0px;
    top: 45px;
}
ul.category-menu-list li {
    margin: 0px;
    width: 100%;
    /* border-bottom: 1px solid #ccc; */
}
ul.category-menu-list {
    padding: 0px;
}
ul.info-box li:hover .category-menu {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.userNav ul.category-menu-list li a {
    font-size: 15px;
    padding: 10px 20px;
    display: inherit;
    width: 100%;
    color: #3e3e3e;
}
.inputWithIcon .far {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 18px;
    color: #706f6f;
    opacity: 0.7;
}
.inputWithIcon {
    position: relative;
}
.workspaceWrapper ul.category-menu-list a {
    margin: 0px;
    padding: 8px 22px;
    display: inline-block;
    width: 100%;
    color: #868686;
}
.workspaceWrapper ul.category-menu-list a:hover {
    color: #ffffff;
    background: #5364ae;
}
a.suryName_itm {
    text-align: center;
    font-size: 17px;
    display: inline-block;
    color: #3e3e3e;
}
.survey-gridSlot {
    /* border: 1px solid rgb(0 0 0 / 0%); */
    margin-bottom: 20px;
    border-radius: 7px;
    background: #ffffffb8;
    box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    height: auto;
    padding: 24px 16px 24px 16px;
    text-align: center;
}

.survey-gridSlot h4 {
    font-size: 18px;
    text-align: center;
    margin: 9px 0px 20px 0px;
}
.survey-grid-txt {
    border-top: 1px solid rgba(0,0,0,.125);
    padding: 13px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.survey-grid-txt button.menu-bar {
    text-align: right;
    border-style: none;
    background: no-repeat;
    cursor: pointer;
    color: #3e3e3e;
    width: 40px;
    /* display: flex; */
}
ul.dropdown-menu.survey-grid-dropdown {
    border: none;
    background-color: rgb(255 255 255);
    color: rgb(38, 38, 39);
    border-radius: 8px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    width: 60%;
}
ul.dropdown-menu.survey-grid-dropdown a.dropdown-item {
    padding: 6px 19px;
    font-size: 15px;
    color: #3e3e3e;
    border-bottom: 1px solid #ccc9;
    border-radius: 0px;
}
ul.dropdown-menu.survey-grid-dropdown a.dropdown-item:hover {
    background-color: #5364ae;
    color: #fff !important;
}

button:focus {
    outline: none;
}
.btn-info.focus, .btn-info:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-danger.focus, .btn-danger:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
input:-webkit-autofill {
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s;
}
.modal-header {
    background: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            padding: 12px 16px;
}
button.btn-close {
    background: none;
    border-style: none;
    font-size: 16px;
    position: absolute;
    top: 15px;
    right: 10px;
    color: #3e3e3e;
    border-style: none;
}
.cancel_btn {
    width: 115px;
    height: 40px;
    display: inline-block;
    background: #000;
    text-align: center;
    line-height: normal;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    border-style: none;
    outline: none;
    cursor: pointer;
}
.cancel_btn:hover{
    background: #000;
    color: #fff;
}
.submitbtnSlot {
    width: 120px;
    height: 40px;
    display: inline-block;
    background: #5364ae;
    text-align: center;
    color: white;
    font-size: 15px;
    font-weight: 400;
    border-radius: 7px;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    border-style: none;
    text-decoration: none;
}
.delWorkspace h5 {
    font-size: 16px;
    line-height: 32px;
    margin: 0px;
}
.createSurveyModal .modal-content {
    background: #fafafa;
    border-radius: 24px;
    overflow: hidden;
}
.createSurveyModal .modal-header {
    background-color: transparent;
    border: 0px;
}
.createSurveyModal h5.modal-title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 26px;
}
.modal-xl.createSurveyModal {
    max-width: 1296px;
}
.createSurveyModal .col-lg-3.col-md-6.col-xs-12.getdata {
    width: 22%;
}
.card_outer, .card_outer_long {
    background: #fff;
    /* -webkit-box-shadow: 0px 0px 2px rgba(204, 204, 204, 0.6); */
    box-shadow: 0px 1px 20px 0px rgb(169 169 169 / 7%);
    padding: 20px;
    height: 205px;
    border-radius: 7px;
    margin-bottom: 22px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.card_outer:hover, .card_outer_long:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 12%);
            box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 12%);
}
.card_outer p, .card_outer_long p  {
    margin: 0px;
    color: #828282;
    font-size: 14px;
    line-height: 1.2;
}
.card_outer h6, .card_body h6{
    color: #5364ae;
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 5px;
}
.body_img img {
    margin-bottom: 0px;
    max-height: 85px;
}
.body_img {
    margin: 0px auto;
    text-align: center;
}
img.uploadcsv {
    width: 100%;
    margin: 0px 0px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.card_outer.longformCSV {
    height: 290px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.createSurveyModal button.btn-close {
    right: 30px;
    top: 30px;
    font-size: 20px;
}
.card_body {
    text-align: center;
}
/*=============End Workspace page-design css=============*/
.document:focus-visible{
    outline: none;
}
.LayoutWrapper {
    /* background: url(../images/large.png); */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    border-radius: 10px;
    margin-top: 25px;
    height: 90%;
    max-height: calc( 100vh - 130px );
    overflow: auto;
    /* overflow: hidden; */
    position: relative;
}
.overflowHidden {
    overflow: hidden;
}
.LayoutWrapper::-webkit-scrollbar {
    width: 1px;
}

.LayoutWrapper::-webkit-scrollbar-thumb {
    background: none;
}
.postArrow h2 {
    /* font-size: 18px !important; */
    font-weight: 500;
    font-style: inherit;
}
.ql-editor {
    padding: 0px;
}
.postArrow h3 {
    margin-top: 30px !important;
    color: #b6b6b6 !important;
    font-style: italic;
}
.slide_editorWrappper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 110px 10px 125px 115px;
    /* margin: 150px 10px 125px 115px; */
}
.tooltip-icon {
    max-height: 46px;
    margin-bottom: 5px;
}
.padding0 {
    padding: 0px;
}
.mcqSlot .ql-editor {
    padding: 0px;
}
.mcqSlot .ql-editor p {
    display: none;
}
.arrowSlot {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.arrowSlot i.fa {
    padding-left: 5px;
    padding-top: 3px;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.questionOption button.remove{
    border-style: none;
    background: #212529ba;
    color: #fff;
    width: 24px !important;
    height: 22px !important;
    border-radius: 50%;
    display: none;
    line-height: 30px;
    font-size: 11px;
    position: absolute;
    top: 10px;
    right: -10px;
}
.questionOption:hover button.remove
{
    display: block;
}
.questionOption button.removerow, button.removecols{
    border-style: none;
    background: #212529ba;
    color: #fff;
    width: 24px !important;
    height: 22px !important;
    border-radius: 50%;
    display: none;
    line-height: 30px;
    font-size: 11px;
    position: absolute;
    top: 10px;
    right: -10px;
}
.questionOption:hover button.removerow, .questionOption:hover button.removecols{
    display: block;
}
/*.questionOption:hover; button.removerow, .questionOption.matrixCol:hover button.removecols{
     display: block;
} */
.questionOption.matrixCol button.removecols {
    right: 43%;
    top: -14px;
}
.questionOption.matrixRow button.removerow {
    right: 0px;
    left: -10px;
    top: 4px;
}
.yesNo .questionOption {
    width: auto;
    height: 38px;
    padding: 5px 15px 5px 5px;
    overflow: auto;
    cursor: pointer;

}
/*.yesNo input {
    height: 15px;
    width: 15px;
}*/
label.labelTxt {
    font-size: 14px;
    font-weight: 500;
    color: #3e3e3e;
}
.questionOptions .form-control {
    height: 38px;
}
.nimbliformfill .borderStyle {
    border: none;
    background: none;
    color: #3e3e3e;
    height: auto !important;
    padding: 3px 0px 3px 0px;
    position: relative;
    width: 55%;
}
.nimbliformfill .input-text ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #01b8c5;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.nimbliformfill .questionOptions .form-control {
    height: 38px;
    width: 100%;
    padding: 10px 10px 10px 0px;
    font-size: 14px;
    outline: 0;
    font-weight: 500;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #ccc !important;
    background-color: transparent;
}
.nimbliformfill .input-text ~ .focus-border {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #5364ae;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    border: 0px;
    margin: 0px;
}
.nimbliformfill .questionWrp.mb-4 {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 16px !important;
}
.nimbliformfill .input-text:focus ~ .focus-border{
    width: 100%; 
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.nimbliformfill .questionOption input {
    height: auto;
}
select.form-select.form-control.input-text {
    padding: 10px 10px 10px 10px;
}
.surveyform-header {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 20px;
    margin-bottom: -10px;
    border-top: 5px solid #5364ae;
    gap: 16px;
}
.Consentform {
    background: #fff;
    padding: 0px 20px;
}
.reviewform-section {
    padding: 0px;
}
.Consentform p {
    padding: 2px 0px;
}
.longFormDiv-title h3 {
    font-size: 20px;
    color: #5364AF;
    font-weight: 600;
    margin-top: 12px;
}
.questionOption{
    position: relative;
}
.questionOption label {
    margin: 0px;
    cursor: pointer;
}
.checkBoxRight input.form-check-input {
    top: 7px;
    width: 20px;
    height: 20px;
    right: 10px;
}
button.clearAll {
    border-radius: 5px;
    line-height: normal;
    background: black;
    border: 0px;
    padding: 8px 23px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: -30px;
}
.document {
    position: relative;
}
.exampleTxt {
    /* font-size: 22px; */
    width: 70%;
    background: none;
    border: 0px;
    border-radius: 0px;
    margin-top: 40px;
    /* color: rgb(0 0 255 / 48%); */
    padding: 0px 24px 8px 0px;
    /* box-shadow: #0000ff4d 0px 1px; */
    border-bottom: 1px solid #0000ff4d;
    background-color: transparent !important;
    z-index: 1;
    position: relative;
}

.postArrow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px 0px 0px 5px;
}

.questionOption input{
    color: #5364ae;
}
/*.questionOption input:focus{
    opacity: 1; 
}*/

.questionOptionWrp.matrixWrp {
    /*padding: 5px 16px;*/
    background:#00000014;
    text-align: center;
    margin-bottom: 6px;
}
.questionOption.matrixRow {
    padding: 5px 16px;
}

.questionOption.matrixCol, .questionOption.matrixRow {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: auto;
    border: 0px !important;
}
.questionOption.matrixRow input {
    font-style: italic;
    padding: 0px;
}
.questionOption.matrixCol input {
    text-align: left;
    font-style: italic;
}
.questionOption.opacity-0 {
    width: 250px !important;
    padding: 0px;
    margin: 0px;
    min-width: 250px !important;
}
.matrixscroll .matrixWrpHeader {
    gap: 0px;
}
/*.questionOption.matrixRow {
    width: 50px;
}*/
.questionOptionWrp.matrixWrp.matrixWrpHeader {
    padding: 0px;
}
p.underLineBtn.matrixcolbutton {
    text-align: left;
    border: 0px;
    position: relative;
    margin: 0px;
    width: 10%;
}
select.type-selector {
    border-style: none;
    font-size: 13px;
    /* width: 94px; */
    background: none;
    color: #5364ae;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
select.type-selector.form-control {
    background: #fff;
    border: 1px solid #ccc;
    color: #3e3e3e;
    margin-bottom: 4px;
}
select.type-selector option {
    color: #000;
}
.questionOption.matrixCol {
    position: relative;
}
.matrixSelectPopup {
    display: none;
}
.addNewClass2 {
    display: block;
}
.addNewClass1 {
    display: block;
}
.questionOption.matrixCol:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 125%;
    width: 1px;
    background: #00000024;
}
.optionListChoice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 70%;
}
.optionListChoice span {
    color: #5364ae;
}
.exampleTxt.optionDropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
button.saveBtn.txtColor {
    border-bottom: 0px !important;
}
.press.txtColor {
    border-bottom: 0px !important;
    margin-left: 16px;
}
.questionContent .d-block.mt-2 {
    margin-top: 30px !important;
}
.questionOption input.txtcolor {
    border-bottom: 0px !important;
}
input.txtColor.ans_matrix_col {
    text-align: left;
}
.fullTextArea {
    width: 100%;
    height: 300px;
    border: solid 1px #e9ecef;
    padding: 10px;
    /* background: #f3f3f3; */
    border-radius: 10px;
    outline: none;
    resize: none;
}
.fullTextArea:hover {
    background: #f3f3f3;
}
p.pragraphTxt {
    margin: 0px;
    padding: 10px 16px 0px 16px;
}
span.pressEnter {
    /* font-size: 12px; */
    padding-left: 10px;
}
/*.questionOptionWrp.matrixWrpHeader {
    max-width: 600px;
    gap: 2px;
}*/
.questionOptionWrp.matrixWrp {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.matrixColWrp.matrixColWrpcount {
    /* background: #00000014; */
    /* box-shadow: rgb(0 0 255 / 10%) 0px 0px 0px 100vh inset; */
    text-align: center;
    margin-bottom: 6px;
    padding: 5px 0px;
}
.india_flags img.IndFlags {
    width: 39px;
    /* margin-right: 15px; */
    border: 1px solid #ccc;
    padding: 4px 5px;
    height: 40px;
    border-radius: 5px 0px 0px 5px;
}
.india_flags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0px;
}
.india_flags input.form-control {
    border-radius: 0px 5px 5px 0px;
}
.phnumberdiv img.IndFlags {
    position: absolute;
    width: 30px;
    left: 5px;
    top: 4px;
}
.phnumberdiv input.form-control {
    padding-left: 50px;
}
.removeBtnWrap button {
    border-style: none;
    background: none;
}
.removeBtnWrap ul.dropdown-menu {
    border: none;
    background-color: rgb(255 255 255);
    color: rgb(38, 38, 39);
    border-radius: 8px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    padding: 0px;
    overflow: hidden;
}
.removeBtnWrap ul.dropdown-menu li a.dropdown-item {
    font-size: 14px;
    color: #8c0303;
    padding: 10px 14px;
    border-top: 1px solid #ccc;
    border-radius: 0px;
}
.removeBtnWrap ul.dropdown-menu li a.dropdown-item:hover {
    background: #000;
    color: #fff !important;
}
.width40 {
    width: 50%;
}
.QuestionGroupHeader{
    position: relative;
}
.QuestionGroupHeader:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
    height: 4.5em;
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
    -webkit-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
    background-color: rgb(0 0 0);
    -webkit-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
            transform: translateY(-0.5em);
}
.HelperHeaderWrapper {
    position: relative;
    z-index: 9;
    padding: 20px 0px 0px 110px;
}
.HelperSection {
    width: 100%;
    padding: 20px 0px 0px 110px;
    position: relative;
    z-index: 9;
}
.HelperHeaderWrapper .arrowSlot {
    left: 65px;
    top: 22px;
}
h3.qusTital {
    font-size: 16px;
    color: #fff;
    /* font-style: italic; */
    margin: 0px;
}
/***********Medai Gallery Section css modal *****************/


.modal-content {
    border: none;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
}
.modalWrap .modal-header {
    padding: 10px 16px;
}

.modalWrap h5.modal-title {
    font-size: 14px;
}
.modalWrap button.btn-close {
    font-size: 13px;
    font-weight: 400;
    top: 12px;
}

.mediaWrapper li.nav-item a.nav-link {
    font-size: 13px;
    color: #3e3e3e;
}
ul.nav.nav-tabs.customTab.mediaWrapper {
    padding: 11px 0px 6px 15px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.mediaWrapper li.nav-item a.nav-link:after {
    bottom: -6px;
}
.uploadContentWrapper{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 8px;
    padding-bottom: 16px;
}
.uploadImages {
    border-style: dashed;
    border-width: 1px;
    border-radius: 4px;
    border-color: rgb(187, 187, 187);
    background-color: rgb(227, 227, 227);
    cursor: pointer;
    position: relative;
    height: 382px;
    text-align: center;
    padding: 160px 0px;
}
.uploadImages p {
    margin: 0px 0px 8px 0px;
    font-size: 16px;
}
.uploadImages p span {
    color: #5364ae;
    text-decoration: underline;
}
.uploadImages label {
    font-size: 13px;
    margin: 0px;
}
.scrollBarModal {
    height: 400px;
    overflow: scroll;
    overflow-x: hidden;
}
.imagesRoot .col-md-6, .imagesRoot .col-md-4{
    padding-right: 10px;
    padding-left: 10px;
}
.form-control:focus {
    color: #495057;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #ccc;
}

.uploadContentWrapper input.form-control {
    width: 100%;
    height: 35px;
    border-radius: 0px;
    font-size: 14px;
}
button.searchBtnWrap {
    background: #5364ae;
    color: #fff;
    border-style: none;
    height: 35px;
    width: 50px;
    font-size: 16px;
}
.buttonTabs.action {
    background: #000000;
    color: #fff;
}
.buttonTabs {
    border-style: none;
    margin: 0px 0px 0px 10px;
    background: #cfc4c4;
    padding: 0px 12px;
    border-radius: 0px;
    font-size: 14px;
}
.galleryItem {
    margin-bottom: 15px;
}
.iconWrapItem {
    width: 100%;
    -webkit-transition: all 0.15s ease-in 0s, border 0.1s ease-in 0s;
    -o-transition: all 0.15s ease-in 0s, border 0.1s ease-in 0s;
    transition: all 0.15s ease-in 0s, border 0.1s ease-in 0s;
    border-radius: 4px;
    padding: 8px;
    background: #f0f0f0;
}

/*********Custom design and gallery tabs csss 24-06-2022******/
.designTabs {
    border: 0px;
    background: white;
    width: 78%;
    border-radius: 30px;
    padding: 7px 0px;
    height: auto;
    text-align: center;
    -webkit-box-shadow: 0px 0px 8px #ccc;
            box-shadow: 0px 0px 8px #ccc;
    margin-top: 30px;
    margin-bottom: 20px !important;
    padding-left: 7px !important;
}
.designTabs .nav-item a.nav-link {
    padding: 6px 32px;
    font-weight: 500;
    font-size: 14px;
    color: #818181;
    border: none;
    background: none;
    position: relative;
    border-radius: 30px;
}
.designTabs .nav-item .nav-link.active {
    background: #5364ae;
    color: #fff;
}
.LabelWrapperSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
    background: white;
    padding: 10px 15px;
    border: 1px solid #ccc9;
}
.LabelWrapperSec:hover .colorControl.removeBgImg {
    visibility: visible;
    margin-right: 0px;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
}
.colorControl.removeBgImg label {
    cursor: pointer;
}
.colorControl.removeBgImg {
    visibility: hidden;
    margin-right: 15px;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    cursor: pointer;
}
.addVideoDelete {
    padding-top: 10px;
    padding-left: 50px;
}

.addVideoDelete i {
    font-size: 18px;
    padding-left: 20px;
}
.LabelWrapperSec a {
    font-size: 15px;
    font-weight: 500;
    color: #434242;
}
.bgBtn1 input {
    width: 39px;
    padding: 0px;
    margin: 0px;
    background: white;
    position: relative;
    border-style: none;
}
.bgBtn1 input:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 3px;
    font-weight: bold;
    color: #fff;
}
.Labeltxt {
    font-size: 15px;
    font-weight: 500;
    color: #3e3e3e;
}
.colorControl button {
    border-style: none;
    background: none;
    color: #fff;
    padding: 5px 16px;
    font-size: 15px;
    border: 1px solid #ccc9;
    border-radius: 3px;
}
.colorControl label {
    background: #9d9d9d;
    padding: 2px 6px;
    font-size: 14px;
    margin: 0px;
    border-radius: 3px;
    margin-left: 10px;
}
.colorControl label i.far {
    padding: 4px 7px;
}
.qustionLabel {
    margin: 15px 0px 30px 0px;
    background: white;
    padding: 10px 15px 20px 15px;
    border: 1px solid #ccc9;
}
.qustionLabel label {
    font-size: 16px;
    margin: 0px 0px 18px;
    padding: 0px 0px 5px;
    border-bottom: 1px solid #cccccc73;
    width: 100%;
}
.qustionLabel a {
    font-size: 15px;
    color: #3e3e3e;
    padding: 0px 8px;
}
/* **********custom gallery css ************/
.theme_card {
    background: #fff;
    -webkit-box-shadow: 4px -1px 9px 0px #cccccca3;
            box-shadow: 4px -1px 9px 0px #cccccca3;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer;
}

.card_ItemWrap{
    background-image: url(../images/create_bg6.png);
}

.card_ItemWrap.card_bg{
    background-image: url(../images/create_bg20.png);
}
.card_ItemWrap.card_bg2{
    background-image: url(../images/create_bg13.png) ;
}
.card_ItemWrap.card_bg3{
    background-image: url(../images/create_bg19.png) ;
}
.card_ItemWrap.card_bg4{
    background-image: url(../images/create_bg23.png) ;
}
.card_ItemWrap.card_bg5{
    background-image: url(../images/create_bg24.png) ;
}
.card_ItemWrap.card_bg6{
    background-image: url(../images/create_bg26.png) ;
}
.card_ItemWrap.card_bg7{
    background-image: url(../images/create_bg25.png) ;
}
.card_ItemWrap.card_bg8{
    background-image: url(../images/create_bg15.png) ;
}
.themeBtn1 {
    background: #437e93 !important;
}
.themeAns1 {
    color: #437e93;
}
.themeQust1 {
    color: #3d3d3d;
}

.themeBtn2 {
    background: #fff !important;
}
.themeAns2 {
    color: #fff;
}
.themeQust2 {
    color: #fff;
}
.themeQust3{
    color: #e3a9ff;
}
.themeQust3{
    color: #e3a9ff;
}
.themeAns3{
    color: #e3a9ff;
}
.themeBtn3{
    background: #b252e1 !important;
}
.card_ItemWrap label {
    width: 100%;
    margin: 0px;
}
.card_ItemWrap{
    min-width: 0px;
    min-height: 0px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    height: 102px;
    padding: 16px 24px;
    border-radius: 8px 8px 0px 0px;
    background-size: cover;
    background-position: 50% 50%;
}
.ButtonPlaceholder {
    width: 40px;
    height: 16px;
    border-radius: 2px;
    margin-top: 8px;
    background: #262627;
}

.white_card {
    background-image: none;
    height: 120px;
    padding: 30px 20px;
    border-bottom: 1px solid #ccccccad;
}
.card_Itemfooter {
    background: #fff;
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


/* ===========New design logic page css 22-06-2022================*/
.leftSideItem {
    width: 12%;
    margin-right: 15px;
}
.meddleSideItem .form-control {
    font-size: 14px;
}
.meddleSideItem {
    width: 100%;
}
.rightSideItem {
    width: 20%;
    margin-left: 15px;
}
.logicRight {
    width: 20%;
    margin-left: 15px;
    text-align: center;
}
.logicRight .add-more {
    background: #5364ae;
    padding: 8px 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    border-style: none;
}
.logicRight .remove{
    background: #9b2929;
    padding: 4px 10px;
    width: 86px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.meddleSideItem .listInline {
    margin: 0px;
    padding: 0;
}

.positionSet{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 90%;
    background: #fff;
}
.DropDownCustom {
    position: relative;
}
/*.positionSet {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 41%;
    background: #fff;
}*/
.positionSet input.form-control {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
h3.smlSubHeading.titleWrap {
    font-size: 18px;
    margin: 20px 0px 30px 0px;
}
a.addRuleTitle {
    border: none;
    color: #5364ae;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
}
.leftTitleWrap {
    font-size: 17px;
    color: #9b2929;
    font-weight: 600;
}
a.addRuleTitle.deleteTitle {
    color: #af1515;
}
.form-group.borderSelect {
    margin-bottom: 18px;
    position: relative;
}
button.removeSection.deleteBtnWrap {
    position: absolute;
    top: 10px;
    right: -45px;
}
.logicFooterWrap {
    padding: 30px 0px 25px 0px;
    border-top: 1px solid #ccc;
    margin-top: 50px;
}
select.form-select.form-control.jumpto optgroup {
    font-size: 14px;
    font-weight: 400 !important;
}
.textWrap {
    width: calc(100% - 73%);
}

.selectType {
    width: calc(100% - 27%);
}
.row.no-gutters button.btn.dropdown-toggle {
    border-radius: 7px 0px 0px 7px;
}
.row.no-gutters .selectOption button.btn.dropdown-toggle {
    border-radius: 0px 7px 7px 0px;
}
.dflex {
    display: none;
}
.dflex.addClass {
    display: block;
}
button.removeSection {
    position: relative;
    border-style: none;
    background: none;
}
.calcLogicWrap {
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    display: none;
}
.dropWrap2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dropWrap1 {
    display: none !important;
}
.dropWrap3{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dropWrap4{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dropWrap5{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.DropDownCustom {
    width: 100%;
}

span.secSpan {
    margin: 0px 16px;
}
.typ_number.addclass select.form-select {
    display: none;
}
.typ_number .tyNumber {
    display: none;
}
.typ_number.addclass .tyNumber{
    display: block;
}
/*.tyNumber{
    display: none;
}
.secBlock{
    display:block;
}*/
/* ===========New design share page css 22-06-2022================*/
.publishBtnSection {
    background: rgb(255, 255, 255);
    border-radius: 3px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px;
    padding: 22px;
    margin-bottom: 30px;
    height: 220px;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out 0s;
    transition: -webkit-box-shadow 0.3s ease-in-out 0s;
    -o-transition: box-shadow 0.3s ease-in-out 0s;
    transition: box-shadow 0.3s ease-in-out 0s;
    transition: box-shadow 0.3s ease-in-out 0s, -webkit-box-shadow 0.3s ease-in-out 0s;
}
.publishBtnSection:hover {
    -webkit-box-shadow: rgb(0 0 0 / 20%) 0px 3px 10px;
            box-shadow: rgb(0 0 0 / 20%) 0px 3px 10px;
}
.linkSlot label {
    margin-top: 11px;
    font-weight: 500;
    color: rgb(38, 38, 39);
    font-size: 13px;
}
.copy_btn{
    width: 100px;
    height: 40px;
    display: inline-block;
    background: #424242;
    text-align: center;
    line-height: normal;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 0px;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    border-style: none;
    outline: none;
    cursor: pointer;
}
.linkSlot .form-control {
    background: #ffffff;
    border-radius: 0px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #ccc;
}
.saveBtn{
    width: 115px;
    height: 40px;
    display: inline-block;
    background: #5364ae;
    text-align: center;
    line-height: normal;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    border-style: none;
    outline: none;
    cursor: pointer;
}
section.wrapper {
    background: #fafafa;
    height: 100%;
}
.iconGroupItem a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #ededed;
    margin-right: 20px;
    border-radius: 50%;
    font-size: 17px;
    color: #3e3e3e;
    text-align: center;
    padding: 10px 0px;
}
.iconGroupItem a:hover {
    background: #5364ae;
    color: #fff;
}
.iconGroupItem{
    padding-top: 20px;
}

.boxInfo label {
    font-size: 16px;
    color: #3e3e3e;
    margin: 0px 0px 5px 0px;
    font-weight: 600;
}

.boxInfo p {
    line-height: 25px;
    margin: 0px;
}
.headerTitle {
    font-size: 22px;
    font-weight: 600;
    color: #3e3e3e;
    margin-bottom: 10px;
}
img.iconSlot {
    margin-bottom: 15px;
}


/* ===========New design input type  page css 22-06-2022================*/


.typeformWrappper {
    /* background-image: url(../images/vika-unsplash.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    height: 100vh;
}
.bgSecWrap .numberArrow {
    color: #5364ae;
    font-size: 13px;
    position: absolute;
    left: -55px;
}
.bgSecWrap {
    width: 870px;
    border-radius: 5px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    /*padding: 20px; */
    margin: 0px auto;
}
.desWrap h2 {
    font-size: 25px;
    line-height: 36px;
}
.bgSecWrap.firstScreen {
    width: 785px;
    border-radius: 5px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    /* margin: -164px auto; */text-align: center;
}
input.form-control.phNumber {
    background: none;
    border: 0px;
    border-style: none;
    margin: 0px 0px -8px;
    padding-left: 0px;
}
.typeWrap input.form-control.reviewInputbox {
    width: 100%;
}
.typeWrap {
    position: relative;
}
.typeWrap input.form-control {
    height: 50px;
    width: 70%;
    border-radius: 0px;
    font-size: 22px;
    background: none;
    border: 0px;
    border-bottom: 1px solid #3e3e3e96;
    letter-spacing: 1px;
    padding: 0px;
    color: #0445af;
}
.typeWrap input:focus ~ .focus-border {
    width: 100%;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.typeWrap input ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.typeWrap input.form-control::-webkit-input-placeholder{
    color: #0445af;
    opacity: 0.5;
}

.typeWrap input.form-control::-moz-placeholder{
    color: #0445af;
    opacity: 0.5;
}

.typeWrap input.form-control:-ms-input-placeholder{
    color: #0445af;
    opacity: 0.5;
}

.typeWrap input.form-control::-ms-input-placeholder{
    color: #0445af;
    opacity: 0.5;
}

.typeWrap input.form-control::placeholder{
    color: #0445af;
    opacity: 0.5;
}
.typeWrap input.form-control:focus {
    border-bottom: 2px solid #0445af;
}
.bgSecWrap button.saveBtn {
    border-radius: 7px;
    margin-right: 10px;
    width: 143px;
    line-height: normal;
    padding: 0px;
}
/*==========preview&fill css=======================*/
section.previewSection {
    margin: 40px 0px 0px;
}
header.preview-header {
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 13px 50px;
    border-bottom: 1px solid #ccc;
}
.previewdiv {
    width: 1140px;
    margin: 0px auto;
    height: 550px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
}
.previewdiv.deviceWidth {
    /* height: 76vh; */
}
.mobileScreen .layoutMoveAddCls4 .questionContent {
    width: 100% !important;
}
.mobileScreen .reviewpage.layoutMoveAddCls6 .questionContent {
    padding: 150px 30px 125px 30px;
}
.previewdiv.deviceWidth.mobileScreen {
    width: 414px;
    margin: 0px auto;
}
.deviceWidth.mobileScreen .layoutdiv {
    display: none;
}
.mobileScreen .reviewpage .questionContent {
    padding: 0px 25px;
}
.mobileScreen .ChoiceContentContainer{
    width: 47%;
}
.questionContent.sliderfillform {
    padding: 0px;
    overflow: auto;
    max-height: calc( 100vh - 144px );
    width: 1080px;
    margin: 0px auto;
}
.layoutMoveAddCls6 .questionContent.sliderfillform {
    position: absolute;
    top: 40%;
    padding: 0px;
    overflow: auto;
    max-height: calc( 100vh - 144px );
    width: 80% !important;
    left: 20%;
}
.previewcontent.layoutWrapperdiv {
    width: 100% !important;
}
.bgSecWrap.previewcontent.endBefore .questionContent{
    width: 1140px !important;
    margin: 0px auto;
}
.bgSecWrap.previewcontent.endBefore .questionContent {
    padding: 0px 50px 0px 50px;
    overflow: auto;
    max-height: calc( 100vh - 144px );
    width: 100%;
}
.bgSecWrap.layoutWrapperdiv.layoutMoveAddCls5 {
    position: initial;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
}
.bgSecWrap.layoutWrapperdiv.layoutMoveAddCls4 {
    position: initial;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
}
.btndesktop {
    background: #5364ae;
    border: 0px;
    padding: 5px 15px;
    height: 33px;
    font-size: 14px;
    color: #fff;
}
.btndesktop {
    background: #000000;
    border: 0px;
    padding: 5px 15px;
    height: 34px;
    font-size: 14px;
    color: #fff;
    /* border-radius: 5px; */
}
.btndesktop.active {
    background: #0001bf;
}
.previewcontent .numberArrow {
    left: -33px;
}
.backIcon i.fa {
    font-size: 15px;
    cursor: pointer;
}
.centerTxt {
    font-size: 18px;
    color: #676767;
    font-weight: 400;
}
span.surveytxt {
    color: #5364ae;
    text-decoration: underline;
    font-weight: 500;
}
.restarBtn button {
    background: #f4f4f4;
    border-style: none;
    padding: 7px 20px;
    border-radius: 5px;
    font-size: 15px;
    color: #3e3e3e;
}

.questionNum h4, .questionNum h6 {
    font-size: 18px;
}

.inputbxtype .questionOption {
    width: 340px;
}

.desWrap h4, .questionNum h6 {
    font-size: 16px;
    color: #3e3e3e;
    text-transform: capitalize;
}

.desWrap p {
    margin-top: 0px;
    font-size: 15px;
    color: #505052;
}
.previewTxt {
    width: 100%;
}
@media (max-width: 1024px){
    h4.longFormDiv-title {
        width: 100% !important;
    }
.yesNo .questionOption {
    max-height: inherit;
}
}
@media (max-width: 991px){
   section.midSectionWrp.logngFormSec {
    margin: 0px;
}
.mainHeader .navbar {
    padding: 20px 0px;
}
.logngFormWrp {
    overflow: inherit;
}
.nimbliformfill .longFormDiv {
    padding: 20px 16px;
}
.midAreaForm.layoutArea.surveyformfill {
    height: auto;
    background: #f4f4f4;
}
}
@media only screen and (max-width: 767px){

.logoSection {
    margin: 0px !important;
}
a.navbar-brand img {
    max-height: 22px;
}
.dropdown-menu-category {
    left: 0;
    width: 100%;
}
h4.longFormDiv-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
    .previewcontent {
        width: 95% !important;
    }
.nimbliformfill .longFormDiv, h4.longFormDiv-title {
    padding: 20px 0px !important;
}
    .bgSecWrap .numberArrow {
        left: 0px !important;
        top: -20px !important;
    }
}
/*=========end preview fill css=====================*/

/* ======================* Start home order Tracking section css by Nadeem*=========================== */
section.or-tracking {
    padding: 75px 0px 75px 0px;
}
.cart-header.ordertracking {
    width: 100%;
    z-index: 9;
    position: relative;
}
ul.progressbarWrap li {
    list-style-type: none;
    font-size: 13px;
    width: 32.33%;
    position: relative;
    font-weight: 400;
    display: inline-block;
}
ul.progressbarWrap {
    margin: 0px;
    padding: 0px;
    z-index: 99;
    position: relative;
}



/*   #progressbar li:after {
       content: '';
       width: 100%;
       height: 12px;
       background: #C5CAE9;
       position: absolute;
       left: 0;
       top: 16px;
       z-index: 1
   }*/

.ordertracking {
    position: absolute;
    top: -32px;
    width: 102%;
}
ul.progressbarWrap li.active.step0:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0px;
    width: 102%;
    background: #5364ae87;
    height: 5px;
    z-index: -1;
    -webkit-animation: 1s linear infinite progress-bar-stripes;
            animation: 1s linear infinite progress-bar-stripes;
    background-image: -o-linear-gradient( 45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient( 45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}
ul.progressbarWrap li.step0:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0px;
    width: 102%;
    background: #7f8ec366;
    height: 5px;
    z-index: -1;
}

ul.ordertracking-address {
    text-align: center;
}
ul.ordertracking-address li {
    width: 33.33%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 3px;
}
ul.ordertracking-address li i {
    margin: 0px 10px 0 0;
}

/* ======================* End home order Tracking section css by Nadeem*=========================== */

.exampleTxt.phnumber img.IndFlags {
    position: absolute;
    top: -1px;
    z-index: 99;
    max-height: 44px;
    left: 3px;
}
.sharefillform .form-control:focus {
    border: 1px solid #cccccce0 !important;
    /* background-color: white !important; */
}
.scrollBtn {
    position: absolute;
    bottom: 20px;
    right: 78px;
    z-index: 9;
}
button#arrow_up, button#arrow_down {
    border-style: none;
    margin: 0px;
    background: #5364ae;
    width: 45px;
    height: 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 19px;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
    outline: none;
    outline-offset: 0px;
}
li.borderSelect.fullWidth {
    width: 100%;
}


/* ======================* Start logicScroll section css by*=========================== */

.logicScroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    overflow: auto;
    max-width: 100%;
    width: 100%;
    padding: 10px 10px 20px 10px;
}
.scrollBx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    background: #fff;
    padding: 20px;
    /* border: solid 1px #ccc; */
    min-width: 215px;
    border-radius: 7px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    border-top: 5px solid #5364ae;
}
.scrollBx p {
    margin: 0;
    color: #3e3e3e;
    font-size: 14px;
    padding: 6px 0px 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.scrollBx span {
    padding-left: 6px;
    font-size: 17px;
    color: #3e3e3e;
}
.scrollBx.active {
    background: #5364ae;
}
.scrollBx.active p, .scrollBx.active span {
    color: #fff;
}
/***** Image editor crop, adjustments and filter css**********/
.distributeWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding-top: 20px;
}
.distributeIcon button {
    border-style: none;
    background: none;
    font-size: 14px;
    cursor: pointer;
}
.distributeIcon button img {
    width: 17px;
}

.embedWrap {
    height: 190px;
}

.logicTabs {
    width: 79%;
}

/* ======================* Start variables section css*=========================== */
.Spread-sc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.NumberInputRoot {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
}
span.ext-sc {
    margin: 0px 16px;
}
.SelectedOptionText {
    margin-right: 24px;
    width: 22%;
}
button.removeVariable {
    border-style: none;
    display: none;
    background: none;
    padding: 9px 13px;
    margin-left: 10px;
}
button.removeVariable:hover {
    background: #e3e3e3;
}
.custom-variable-card:hover button.removeVariable{
    display: block;
}
.editorQuillStyles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #ccc;
    padding: 0px 10px;
    height: 36px;
    width: 15%;
}
.editorQuillStyles input.form-control {
    background: none;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    margin-left: 5px;
    font-size: 14px;
}
.SelectedOptionText .form-control, .NumberInputRoot .form-control {
    width: 100%;
    height: 36px;
    border-radius: 0px;
    font-size: 14px;
    border: 1px solid #ccc;
}
.custom-variable-card {
    -webkit-box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
            box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
    padding: 25px 18px;
    margin-bottom: 20px;
}
a.addRuleTitle {
    border: none;
    color: #5364ae;
    padding: 0;
    font-weight: 600;
    font-size: 15px;
    text-decoration: underline;
}

button.saveBtn.logic-code {
    border-radius: 7px;
}
/* ==========* Start Track and Manage, analyse section css by*================ */
.customLabel {
    width: 100%;
    display: block;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: 500;
    /* margin: 0px; */
}
h3.customLabel.weeklySlot {
    /* margin-top: 25px; */
    font-size: 17px;
}
.responseChart {
    background: #fff;
    padding: 25px;
    height: 435px;
}
.graphCard10 {
    width: 100%;
    text-align: center;
}
.graphCard10_d_flex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}
.float_right select.form-control {
    height: 35px;
    padding: 0px 8px 0px 7px;
    font-size: 13px;
}
.responseRate {
    background: #fff;
    padding: 25px;
    height: 435px;
}
.responseRate .resRate {
    padding: 25px 45px 12px 40px;
}
.resRate h3.customLabel {
    font-size: 15px !important;
    margin-bottom: 15px;
}
.circleChartdiv .apexcharts-datalabel-value {
    font-size: 25px;
}
.responseRate h3.customLabel {
    font-size: 17px;
}
.surveytracksheet .card {
    background-color: rgb(255 255 255);
    color: rgb(38, 38, 39);
    border-radius: 8px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    padding: 20px;
    border: 0px;
    overflow: auto;
    margin-bottom: 30px;
}
.barchart {
    background: #fff;
    padding: 20px 20px 10px;
    margin-top: 20px;
}
.newSidebar.bgWhite {
    padding: 15px 20px 15px;
}
/*analyse */
.bgWhite {
    background: #fff;
    border: 0px;
    border-radius: 0px;
    overflow: inherit;
    height: auto;
    -ms-flex-preferred-size: 290px;
        flex-basis: 290px;
    min-width: 290px;
}
.scrollbar{
    max-height: calc( 100vh - 70px );
    overflow: auto;
    height: 100%;
}
.inlineButton button.saveDashboard {
    padding: 10px 20px;
}
ul.orderList {
    padding: 0px;
    list-style: auto;
    margin: 0px 0px 0px 10px;
}
ul.orderList li {
    font-size: 14px;
    cursor: pointer;
    color: #3e3e3e;
    padding: 10px 7px !important;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    border-radius: 0px;
    height: auto !important;
    width: 100% !important;
    border-bottom: thin solid #EDEDED;
}
ul.orderList li:hover {
    /* background: #e3e3e3; */
    /* margin-left: 5px; */
}
h4.customLabelTitle {
    font-size: 16px;
    font-weight: 500;
    color: #3e3e3e;
    padding: 5px 0px 1px;
}
.chartlistBtn {
    display: inline-block;
    padding: 10px 25px;
    background: #5364ae;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
    text-decoration: none !important;
    border: 0px;
    cursor: pointer;
}
a.chartlistBtn:hover {
    color: #fff;
}
.bgGray {
    background: #e7e7e7;
    color: #000;
}
a.bgGray:hover {
    color: #5364ae;
}
.survey_gallery .graphCard.card {
    background-color: rgb(255 255 255);
    border: 0px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    height: auto;
    border-radius: 10px;
}
.viewSection a.chartlistBtn.bgGray {
    background: none;
    padding: 0px 14px;
    width: 150px;
}
.viewSection a.chartlistBtn.bgGray img {
    max-height: 50px;
    height: auto;
    width: auto;
}
.mainContentWrapper .inlineButton {
    margin: 0px;
    padding: 30px 0px 0px 0px;
}
.graphCard {
    background:#fff;
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    border: none;
    /* box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px; */
    height: 325px;
}
.graphCard.card {
    background-color:#ffffffb3;
}
.sveydashboard {
    background-image: url(../images/bg_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding:25px 15px;
    overflow: auto;
    height: calc(100vh - 66px);
    background-color: #fff;
}
.text-right.copycont {
    margin-right: 15px;
    margin-bottom: 15px;
}
.dsboardTheme {
    /* background-image: url(../images/bg_2.png); */
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0px;
    height: 150px;
    border-radius: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
}
.fixed-sidebar.surveydash_theme {
    padding: 35px 15px 10px 15px;
    margin-top: -6px;
    z-index:9;
    overflow: hidden scroll;
}
/*dashboard_right_side_gallery*/
.dsboardTheme.surveydash_bg2{
    background-image: url(../images/thumbnail_bg1.png);
}
.dsboardTheme.surveydash_bg3{
    background-image: url(../images/thumbnail_bg2.png);
}
.dsboardTheme.surveydash_bg4{
    background-image: url(../images/thumbnail_bg3.png);
}
.dsboardTheme.surveydash_bg5{
    background-image: url(../images/thumbnail_bg4.png);
}
.dsboardTheme.surveydash_bg6{
    background-image: url(../images/thumbnail_bg5.png);
}
.dsboardTheme.surveydash_bg7{
    background-image: url(../images/thumbnail_bg6.png);
}
.dsboardTheme.surveydash_bg8{
    background-image: url(../images/thumbnail_bg7.png);
}
.dsboardTheme.surveydash_bg9{
    background-image: url(../images/thumbnail_bg8.png);
}
.dsboardTheme.surveydash_bg10{
    background-image: url(../images/thumbnail_bg9.png);
}
.dsboardTheme.surveydash_bg11{
    background-image: url(../images/thumbnail_bg10.png);
}
/*dashboard_right_side_gallery*/
/*----------------*/
/*dashboard_add_background*/
.surveyLogo .textInto {
    text-align: center;
}
.surveyLogo {
    text-align: center;
}
.surveyLogo .textInto h4 {
    margin: 5px 0px 25px;
}
.sveydashboard.dsboard_bg .graphCard {
    border: 0px;
    -webkit-box-shadow: 0px 0px 8px #cccccc7d;
            box-shadow: 0px 0px 8px #cccccc7d;
}
.connectedSortable .graphCard.card {
    margin-bottom: 30px;
    /* height: 390px; */
    border: 0px;
    width: 100%;
}
section.col-lg-4.connectedSortable.ui-sortable {
    /* padding-left: 10px; */
    /* padding-right: 6px; */
    /* width: 31%; */
}
.sveydashboard.dsboard_bg{
    background: #fff;
}
.sveydashboard.dsboard_bg2{
    background-image: url(../images/dashboard_bg.png);
    padding:25px;
}
.sveydashboard.dsboard_bg3{
    background-image: url(../images/dashboard_bg2.png);
}
.sveydashboard.dsboard_bg4{
    background-image: url(../images/dashboard_bg3.png);
}
.sveydashboard.dsboard_bg5{
    background-image: url(../images/dashboard_bg4.png);
}
.sveydashboard.dsboard_bg6{
    background-image: url(../images/dashboard_bg5.png);
}
.sveydashboard.dsboard_bg7{
    background-image: url(../images/dashboard_bg6.png);
}
.sveydashboard.dsboard_bg8{
    background-image: url(../images/dashboard_bg7.png);
}
.sveydashboard.dsboard_bg9{
    background-image: url(../images/dashboard_bg8.png);
}
.sveydashboard.dsboard_bg10{
    background-image: url(../images/dashboard_bg9.png);
}
.sveydashboard.dsboard_bg11{
    background-image: url(../images/dashboard_bg10.png);
}

/*dashboard_add_background*/
.rightSideBar.surveydash_theme {
    background: #fafafa;
    width: 310px;
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-right: 1px solid #dedede;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: auto;
    max-height: calc( 100vh - 0px );
}
.form-group.colorDashSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    border: 1px solid #ced4da;
    margin-top: 19px;
    padding: 7px 8px;
    border-radius: 3px;
}
.surveydash_theme::-webkit-scrollbar {
    width: 8px;
}

.surveydash_theme::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 30px;
}

.surveydash_theme::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px grey;
            box-shadow: inset 0 0 2px grey;
    border-radius: 30px;
}
.breadCrumbBx {
    border-bottom: 1px solid #ccc;
}
p#seeMore {
    color: #5364ae;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}

p#seeMore i {
    margin-right: 10px;
}

.rightSideBar {
    background: #fff;
    padding: 15px 20px 20px 20px;
    -ms-flex-preferred-size: 315px;
        flex-basis: 315px;
    min-width: 315px;
}
.graphList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.graphList li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 3 - 14px);
            flex: 0 0 calc(100% / 3 - 14px);
    padding: 10px;
    text-align: center;
    border: solid 1px transparent;
    border-radius: 10px;
}
.graphList li img {
    height: 45px;
    margin-bottom: 10px;
    margin: 0px auto 10px;
}
.displayOptions li.nav-item button.nav-link.active {
    color: #5364ae;
    border-bottom: 2px solid #5364ae;
}
.displayOptions li.nav-item button.nav-link {
    background: none;
    border-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #3e3e3e;
    border-bottom: 2px solid #ccc;
    border-radius: 0px;
    width: 100%;
}
select.form-select.count-Info {
    width: 100%;
    height: 35px;
    padding: 0px 10px;
    outline: none;
    border: 1px solid #ccc;
    font-size: 14px;
}
ul.chart-draw-options {
}

select.form-select.count-Info {
    width: 100%;
    height: 35px;
    padding: 0px 10px;
    outline: none;
    border: 1px solid #ccc;
    font-size: 14px;
}
ul.listInline.graphList.chart-more-options {
    padding: 10px 0px;
    border: 1px solid #ccc;
    margin: 20px 0px 20px;
}
.rightSideBar .customWrp {
    padding: 15px 15px;
    border: 1px solid #ccc;
}
.mapView {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0 15px;
}
.mapView li {
    width: 100%;
    font-size: 14px;
}
.mapView li input {
    margin: 0 3px 0 0;
}
.mapView li label {
    margin: 0;
}
ul.table-more-options {
    list-style: none;
    padding: 5px 0px 0px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
select.customSelect.width180.greySelect.border-none {
    height: 40px;
}
.whiteHeading {
    padding: 15px 20px;
    background: #fff;
    margin: 10px 0;
    border-radius: 10px;
    border: 1px solid #cccccc7a;
    -webkit-box-shadow: 0px 0px 8px #cccccc5c;
            box-shadow: 0px 0px 8px #cccccc5c;
}
.mainContentWrapper {
    width: 100%;
    position: relative;
}
select.whiteHeading.width180 {
    border-style: none;
    padding: 12px 24px;
    width: 170px;
    outline: none;
}

.embediframe input.form-control {
    width: 100%;
    height: 93px;
    border-radius: 0px;
}
.embedShareLink button.btn-close {
    top: 20px;
}

.embedShareLink button.copy_btn {
    border-radius: 7px;
    line-height: 0px;
}

.dataTable input.updateValue {
    width: 100%;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 5px 8px;
}
.dataTable table {
    width: 100%;
}
.dataTable table th, .dataTable table td {
    padding: 8px 13px;
    background: #ededed;
    font-weight: normal;
}
.dataTable table td {
    background: #fff;
    font-size: 14px;
}

.search-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
}

.search-filter input.form-control {
    width: 260px;
    border-radius: 7px;
    border: 1px solid #ccc;
    height: 35px;
    margin-left: 10px;
    font-size: 15px;
}

.search-filter label {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    color: #3e3e3e;
}

/*****Logicqustion***************/
.qusBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 299px;
    background: #fff;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    padding: 15px;
    border-radius: 7px;
    cursor: pointer;
}
.qusBox:hover {
    background: #5364ae;
    -webkit-box-shadow: none;
            box-shadow: none;
}
/*.qusBox:hover{
 border: 2px solid #000;
 box-shadow:none;
}*/
.qusBoxLayout {
    max-width: 100%;
    width: 100%;
    max-height: 518px;
    max-height: calc( 100vh - 130px );
    overflow: auto;
    padding: 20px 20px 10px 10px;
}
.qusBoxLayout::-webkit-scrollbar {
    width: 1px;
}

.qusBoxLayout::-webkit-scrollbar-thumb {
    background: none;
}
.qusBoxIcon {
    width: 100%;
    -ms-flex: 0 0 180px;
    -webkit-box-flex: 0;
            flex: 0 0 50px;
}
.qusBoxTxt {
    margin-left: 10px;
    font-size: 14px;
    color: #3e3e3e;
}
.qusBox:hover .qusBoxTxt{
    color: #fff;
}
.qusBoxTxt span {
    font-weight: 600;
    font-size: 15px;
}
.lineElement:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    /* width: 1px; */
    height: 98%;
    /* background: #3e3e3e; */
    border: 1px solid #3e3e3e;
}
/*.lineElement:last-child:after {
background: none;
}*/
.lineElement span img {
    width: 20px;
}

.lineElement span {
    position: absolute;
    bottom: 1px;
    left: 145px;
    /* transform: rotate(90deg); */
}
.qusBoxSec {
    position: relative;
    /* padding: 20px; */
    width: 299;
    /* display: flex; */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.lineElement {
    height: 77px;
    position: relative;
}
.d_grid {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/*.lineElement:last-child {
    display: none;
}*/


.roundArrow2.active:after {
    content: '';
    position: absolute;
    top: 45px;
    left: 0px;
    width: 1px;
    height: 79%;
    background: red;
}
.roundArrow2.active {
    position: relative;
}
.roundArrow {
    position: relative;
}
.roundArrow:after {
    content: '';
    position: absolute;
    top: 30px;
    left: -182px;
    background-image: url(../images/round_arrow.png);
    background-repeat: no-repeat;
    background-size: 21%;
    background-position: center;
    width: 100%;
    height: 100%;
}
.zoomIn_zoomout {
    background: #f4f4f4;
    width: 131px;
    position: relative;
    bottom: 19px;
    left: 29px;
    padding: 4px 15px;
    border-radius: 5px;
}
/*.qusBoxSec:last-child .lineElement {
    display: none;
}*/


/* Rating Star Widgets Style by Nadeem 20-07-2022 */
.rating-stars ul {
    list-style-type:none;
    padding:0;
    -moz-user-select:none;
    -webkit-user-select:none;
}
.rating-stars ul > li.star {
    display:inline-block;
}

/* Idle State of the stars */
.rating-stars ul > li.star > i{
    font-size:38px; /* Change the size of the stars */
    color: #b2b2b2; /* Color on idle state */
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.far, .rating-stars ul > li.star.hover > i.far  {
    color: #ffb52f;
}
.questionOptionWrp .dropdown.bootstrap-select button {
    padding: 1px 5px;
    border: none;
}
.drag {
    cursor: pointer;
}

/*=======picture-choice css By Nadeem 21-7-2022======*/
.choicePicture{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;
}
.ChoiceContentContainer {
    position: relative;
    border-radius: 4px;
    background: rgba(4, 69, 175, 0.1);
    outline: 0px;
    padding: 4px;
    border: 1px solid #5364ae;
    -webkit-transition-duration: 0.1s;
         -o-transition-duration: 0.1s;
            transition-duration: 0.1s;
    width: 23%;
    cursor: pointer;
    height: 195px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.ImageRoot {
    padding: 4px;
    height: 155px;
    margin-bottom: 5px;
    background-size: cover !important;
    background-position: center !important;
}
.IconWrapper {
    width: 100%;
    height: 100%;
    background: rgba(4, 69, 175, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    overflow: hidden;
}
.ChoiceContentContainer input {
    background: transparent;
    border: none;
    width: 100%;
    /* font-size: 13px; */
    color: #5364ae;
    border-bottom: 0px !important;
}
.ChoiceContentContainerspan {
    border: solid 1px #0445af;
}
.ChoiceContentContainer span {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    border: solid 1px #00000059;
    width: 22px;
    height: 22px;
    text-align: center;
    font-size: 13px;
}

.crossTimes {
    display: none;
    position: absolute;
    right: 0px;
    top: 2px;
    background: #000000;
    width: 20px;
    color: #fff;
    height: 20px;
    border: solid 1px #000;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    padding: 3px;
}
.ChoiceContentContainer:hover .crossTimes {
    display: block;
}
.ImageRoot.addIcon {
    background: none !important;
}
span.takeMin {
    font-size: 12px;
    text-align: center;
    padding: 8px 14px;
    display: inline-block;
}
.previewcontent.questionContent .numberArrow {
    position: initial;
}

/*====== dashboard section css By Nadeem 25/07/2022=======*/
.publishCopyBtn.addClass {
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.publishCopyBtn {
    background-color: rgb(255, 255, 255);
    color: rgb(38, 38, 39);
    border-radius: 8px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px, rgb(0 0 0 / 4%) 0px 8px 14px, rgb(0 0 0 / 2%) 0px 12px 16px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px, rgb(0 0 0 / 4%) 0px 8px 14px, rgb(0 0 0 / 2%) 0px 12px 16px;
    padding: 16px;
    margin-top: 16px;
    max-width: 420px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    z-index: 999;
    width: 100%;
}
.linkSlot label {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}
.shareGroups {
    margin: 40px 0px 40px;
}
.shareGroups label {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 7px;
}
.shareGroups input.form-control {
    border-radius: 0px;
    height: 42px;
    background: #f1f1f1;
}
.shareGroups .copy_btn {
    height: 42px;
}
img.mediaIcon:hover {
    margin-top: 10px;
}
img.mediaIcon {
    margin-right: 15px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.linkSlot .form-control {
    background: #ffffff;
    border-radius: 0px;
    height: 40px;
    font-size: 15px;
    border: 1px solid #ccc;
}
.dashboardCard {
    margin-top: 22px;
}
/*====== use template section css By Nadeem 25/07/2022=======*/
.infoBox {
    text-align: center;
    margin-bottom: 25px;
    /* padding-right: 65px; */
    /* border: 1px solid #ccccccd1; */
    border-radius: 10px;
    height: 275px;
    -webkit-box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 15%);
            box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 15%);
    overflow: hidden;
}
.infoBox:hover {
    /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.29)); */
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 12%);
            box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 12%);
}
.thumbnail_header {
    padding: 6px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f7f7f7;
}
.thumbnail_dots {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: relative;
    margin-right: 3px;
    background: #e5e5e5;
}
.view-temp-titile {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 37px;
    width: 100%;
    font-family: fangsong;
    font-weight: 500;
    color: #3e3e3e;
    line-height: 42px;
    text-align: center;
}
.view-temp {
    overflow: hidden;
    position: relative;
}
img.serviceImg {
    width: 100%;
    height: 190px;
    border-radius: 7px;
    margin-top: -6px;
}

.infoBox h5 {
    font-size: 17px;
    font-weight: 500;
    margin: 27px 0px 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.view-temp-hover {
    background: rgb(196 193 193 / 38%);
    opacity: 0;
    width: 100%;
    height: 100%;
    /* padding: 30px; */
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}
.infoBox:hover .view-temp-hover {
    opacity: 1;
    cursor: pointer;
}
.view-temp-hover h3 {
    font-size: 18px;
    color: #fff;
    line-height: 150px;
}
.view-temp-hover a.viewTemp {
    background: #fff;
    padding: 7px 30px;
    border-radius: 30px;
    color: #970108;
    font-size: 15px;
    font-weight: 500;
    /* margin: 45px auto; */
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: 2px solid #970108;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
}
.view-temp-hover a.viewTemp:hover{
    color: #fff;
}
.view-temp-hover a.viewTemp:before {
    -webkit-transition-duration: 800ms;
         -o-transition-duration: 800ms;
            transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    background: #970108;
    color: #fff;
}
.view-temp-hover a.viewTemp:hover:before {
    top: -40%;
}
.templatewidth {
    width: 408px;
    padding: 35px 0px 0px;
}
.templatemargin {
    margin-left: 408px;
}
.templatemargin h3.header-title {
    margin-bottom: 30px;
    font-size: 22px;
}
.tempTabs {
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px 5px 9px;
}
.tempTabs a {
    background: #ffffff;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #5364ae ;
    border-radius: 6px;
    position: relative;
    border: 1px solid #5364ae;
}
.tempTabs a.active {
    background: #5364ae;
    color: #fff ;
}
/*.tempTabs a.bgGray.active {
    color: #3e3e3e !important;
}*/
.tempTabs a.active:before {
    content: '';
    position: absolute;
    top: 36px;
    left: 50%;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 15px;
    border-right-width: 15px;
    border-top: 15px solid #5364ae;
    -webkit-transform: translate(-50%, 0px);
        -ms-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
}
.infoSearch {
    padding: 0px;
    position: relative;
}

.infoSearch .form-control {
    border-radius: 30px;
    position: relative;
    font-size: 14px;
}

.infoSearch i {
    font-size: 15px;
    color: #3e3e3e;
    position: absolute;
    top: 55px;
    right: 40px;
}
/*=========start Share-Embed section css By Nadeem========= */
section.embadHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px 20px 10px;
}
.grey {
    background: #ccc;
    color: #3e3e3e;
}
.shareSection {
    background: #fff;
    padding: 20px 0;
    min-height: calc(100vh - 65px);
}
.shareGroups_sec {
    width: 85%;
    margin: 0px auto;
}
.shareGroups_sec .text-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
}
.shareGroups_sec .surveyName-filter {
    width: 240px;
    margin-bottom: -50px;
    background: #e7e7e7;
    /* padding-right: 10px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.shareGroups_sec .surveyName-filter select.form-control {
    background-color: #e7e7e7;
    width: 240px;
}
.embedtabBtn ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 15px;
    padding: 0;
    list-style-type: none;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.embedtabBtn ul li {
    width: calc(100%/3 - 7px);
    text-align: center;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 1px 2px;
            box-shadow: rgb(0 0 0 / 8%) 0px 1px 2px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(227, 227, 227, 0);
}
.layoutArea .tab-box {
    display:none;
}
.shareAccordiaon {
    padding: 10px;
}

.embedtabBtn ul li span {
    display: block;
    margin-top: 5px;
}

.embedtabBtn ul li button {
    padding: 8px;
    width: 100%;
    outline: none;
    border-style: none;
    background: #fff;
}
input.word_count {
    width: 125px;
    font-size: 12px;
    border-style: none;
    border: 1px solid #ccc;
    padding: 2px 8px;
    height: 30px;
}
.txtSlot {
    font-size: 13px;
    width: 100%;
}

#accordionShare .card-header {
    /* border: 1px solid #ccc; */
    border-radius: 0px !important;
    /* margin-bottom: 10px; */
    background: #fff;
    padding: 10px;
}

#accordionShare .card-header button {
    padding: 0;
    font-size: 14px;
    color: rgb(38, 38, 39);
    font-weight: 600;
    letter-spacing: 1px;
    outline: none;
    text-decoration: none;
    border-bottom: 0px;
}

#accordionShare .card {
    border: none;
    border: solid 1px #acacac45;
    background: #fff;
    margin-bottom: 10px;
}

.shareSidebar h2 {
    font-size: 24px;
    font-weight: 300;
    border-bottom: solid 1px #acacac45;
    padding: 0 0 20px;
}
.layoutArea iframe, .layoutArea embed {
    width: 100%;
    height: 100%;
    border-style: none;
}
.layoutArea {
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    background: white;
    height: 500px;
    width: 100%;
}
.embedStandard {
    width: 100%;
    padding: 32px 40px;
}
.embedStandard iframe {
    height: 450px;
}
.whiteTxt{
    color: #fff !important;
}
.noWrap{
    white-space: normal;
}
.layoutArea.mobileScreen {
    max-width: 480px;
    margin: 0 auto;
}
button.blueBtn.grey.active {
    background: #5364ae;
    color: #fff;
}
#accordionShare .card-header button.collapsed i {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
#accordionShare .card-header button i{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.numList{
    list-style-type: auto;
    padding-left: 20px;
}
.sample {
    min-width: 200px;
    background: #f5f5f5;
    border: solid 1px #dadada;
    border-radius: 10px;
    padding: 10px;
    height: calc(100vh - 80px);
    overflow: auto;
}

.sampleList li {
    margin-bottom: 15px;
}


.hintTxt {
    font-size: 16px;
    color: #3e3e3e;
}
.hintTxt i.fa {
    color: #ffc107;
    font-size: 18px;
    padding-right: 8px;
}
.embedLinkCopy .black-bg {
    background: black;
    height: 235px;
    color: #fff;
    border: 0px;
    outline: none;
    font-size: 14px;
    border-radius: 7px;
    width: 100%;
}
a.fontBtnSize.btn_hide {
    display: none;
}
/*=============Long-Form-page Start=============*/
.logngFormSec {
    /* background: url(../images/layout-bg2.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    margin: 0px;
}
.logngFormWrp {
    padding:30px 50px 30px 90px;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}
.midAreaForm.layoutArea {
    height: calc(100vh - 155px);
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    padding: 20px 0;
    margin: 0px;
}
.midAreaForm.layoutArea.surveyformfill {
    height: calc(100vh - 70px);
}
.logngFormWrp .questionNum {
    left: -60px;
    position: static;
    margin-bottom: 0px;
}
.logngFormSec{
    display: block;
}
.midAreaForm.layoutArea.mobileScreen {
    padding: 20px 0px;
}

.midAreaForm.layoutArea.mobileScreen .logngFormWrp {
    padding: 30px 40px 30px 90px;
}

.midAreaForm.layoutArea.mobileScreen .logngFormWrp .questionNum {
    left: -70px;
}
.layoutArea.mobileScreen {
    max-width: 480px;
    margin: 0 auto;
}
.layoutArea.mobileScreen .scaleList .listInline {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.layoutArea.mobileScreen .smallInput {
    max-width: 75px;
}
.layoutArea.tabScreen {
    max-width: 991px;
    margin: 0 auto;
}
.listInline.justify-content-center.mt-3 {
    margin: 0px !important;
}
.longFormSlot {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 10px;
    padding: 60px 30px 30px;
    background-size: cover !important;
    background: #fff;
    border: solid 1px #dcdcdc;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
}
h4.longFormDiv-title {
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    padding: 20px 25px;
    background: #5364ae;
}
.nimbliformfill .longFormDiv {
    padding: 30px 25px;
}
.longForm_titleSec .l-choose {
    width: 160px;
}
.section-txt {
    font-size: 20px;
    font-weight: 600;
    color: #5364ae;
    margin: 26px 0px 10px;
    line-height: 1.6;
    position: relative;
    padding-left: 15px;
}
.section-txt:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 100%;
    background: #5364ae;
    border-radius: 30px;
}
.np-section {
    background: #f5f4ed;
    padding: 30px 25px;
    border-top: 1px solid #ddd;
}

.layoutArea.mobileScreen h4.longFormDiv-title {
    width: 100%;
}
.sectionTitle {
    padding: 0;
    font-weight: 500;
    margin: 10px 0px 10px;
    color: #5364ae;
    font-size: 16px;
    line-height: normal;
}
.font-30 {
    font-size: 30px;
}
.inputQuestionSection label {
    margin: 0px;
}
.smallInput {
    max-width: 100px;
    margin: 0;
}
.scaleList .questionOption {
    width: 100%;
    font-size: 16px;
    position: relative;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 23px;
}
.scaleLabel {
    position: absolute;
    bottom: -25px;
    font-size: 13px;
    white-space: nowrap;
    left: 0;
}
.borderStyle {
    border: solid 1px #c8c7c7;
    background: #ddd6d63b;
    color: #000;
}
.borderStyle span {
    border: solid 1px #c8c7c7;
    color: #000;
    background: #ddd6d63b;
}
.borderStyle input {
    color: #000;
}
.Sample.Calculator {
    min-width: auto;
}
.blackbtn {
    background: #000;
    width: 150px;
}
.borderStyle select {
    border: 1px solid #000;
    color: #000;
    background: #c4c4c4;
    border-radius: 4px;
    outline: none;
}
.longFormSlot .questionHeading {
    font-size: 15px;
}
.blueBtn.grey {
    background: #fff;
    color: #5364ae;
}
/*=============Long-Form-page end=============*/


/*=============User Profile start css=============*/
.adminProfile {
    position: relative;
    text-align: center;
    /* margin: 68px 0px 31px 0px; */
}
.userimgs {
    width: 200px;
    margin: 10px auto;
    position: relative;
}
.adminProfile h6 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.user-icon {
    background: #5364ae;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 5px;
    position: absolute;
    top: 50%;
    right: 14px;
    font-size: 15px;
    color: #fff;
    border: 2px solid #fff;
}

.user-icon i.icon-plus {
    font-size: 14px;
    color: #fff;
}
/*.userimgs {
    text-align: center;
    margin: 30px 0px;
}*/
.userimgs img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #ffffff;
    padding: 2px;
    -webkit-box-shadow: 0px 2px 2px 0px #168cd5;
            box-shadow: 0px 2px 2px 0px #168cd5;
}

/*============= Profile setting =============*/
.profileSetting ul.nav.nav-tabs {
    display: inline-block;
    width: 100%;
    border: 0px;
}
.profileSetting  a.nav-link.active {
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    background: #eaeaea;
    /* padding-left: 5px; */
}

.profileSetting  a.nav-link {
    color: #3e3e3e;
    font-size: 14px;
    border-radius: 0px;
    border: 0px;
}

span.txtSec {
    font-size: 18px;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    color: #3e3e3e;
    line-height: 33px;
}
.container-headding {
    margin-bottom: 15px;
}
.txtSmall {
    font-size: 15px;
    font-weight: 400;
    color: #3e3e3e;
    width: 100%;
    display: inline-block;
}
.section-areaWrap .distributeWrap {
    padding: 0px;
    width: 50%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.PictureWrapper {
    width: 45px;
    height: 45px;
    background: #dadada;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
}
.userNameWrap {
    font-size: 16px;
}
.changeUserName {
    background-color: #e3e3e3;
    color: #3e3e3e;
    outline: none;
    border: 0px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    cursor: pointer;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 14px;
}
.section-areaWrap {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.07); */
    padding-top: 24px;
    padding-bottom: 24px;
}
.border_btm {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.table-bordered td, .table-bordered th {
    border: 1px solid #ccc;
    font-size: 13px;
    color: #3e3e3e;
    padding: 12px 14px;
}
.fontWeight {
    font-weight: 600;
}
th.process {
    position: relative;
    padding-left: 30px;
}
.process:after, .process.active:after {
    content: '';
    position: absolute;
    top: 16px;
    left: 12px;
    width: 10px;
    height: 10px;
    background: #d7d3d3;
    border-radius: 50%;
}
.process.active:after {
    background: #189418;
}
.table td, .table th {
    vertical-align: middle;
}
.section-areaWrap p {
    margin: 0px 0px 10px;
}
.section-areaWrap label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 3px;
}

.account-container .card.card-body {
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px;
    border: 0px;
    padding: 20px 30px;
    border-radius: 7px;
    margin-bottom: 30px;
}
.MessageBoxRoot {
    background-color: #f0f0f0;
    color: #3e3e3e;
    border-radius: 8px;
    padding: 22px;
}
.MessageBoxRoot label {
    font-weight: 600;
}
.form-check.checkBoxSec {
    padding: 15px 0px 0px 10px;
}

.checkBoxSec label.form-check-label {
    margin-left: 25px;
    font-size: 16px;
}

.checkBoxSec input.form-check-input {
    height: 18px;
    width: 18px;
}
.blackButton {
    background: #000;
    color: #fff;
}
.section-areaWrap h4 {
    font-size: 18px;
    margin: 0px;
}
.section-areaWrap .input-group-text {
    border-radius: 5px 0px 0px 5px;
    border-right: 0px;
}
.userAccount {
    margin-left: 20px;
}
.userAccount label {
    font-size: 12px;
    text-transform: inherit;
}
.selectWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}
.selectWrapper select.form-select.form-control {
    width: 20%;
    height: 36px;
    border-radius: 5px;
    font-size: 14px;
}
.profileSetting h4.side-nav-title {
    padding: 30px 37px 10px 15px;
}
.discoverWrap h2 {
    font-size: 16px;
    font-weight: 600;
}
.progressBarBackground {
    background: #f0f0f0;
    border-radius: 30px;
    width: 100%;
    height: 6px;
    margin: 10px 0px 5px 0px;
}
.width50 label {
    text-transform: inherit;
    margin: 0px;
}
.width50 p {
    margin: 0px;
    font-size: 13px;
}
.width50 span {
    font-size: 13px;
}
.billingAddress {
    padding: 10px 0px 10px 0px;
}
.billingAddress h5 {
    font-size: 15px;
    font-weight: 500;
    margin: 0px 0px 4px;
}
.billingAddress span {
    font-size: 14px;
}
.file2::-webkit-file-upload-button {
    background: black !important;
    color: #fff !important;
    font-size: 14px;
    padding: 14px 30px !important;
    height: 45px !important;
}
.form-control.file2 {
    padding: 0px;
    outline: none;
    border-style: none;
    border: 1px solid #ccc;
    height: 40px;
}

.form-control.file {
    padding: 5px 0px;
    outline: none;
    border-style: none;
    border: 1px solid #ccc;
    height: 45px;
}
.file::-webkit-file-upload-button {
    background: black !important;
    color: #fff !important;
    font-size: 14px;
    padding: 14px 30px !important;
    height: 45px !important;
}
.card {
    box-shadow: 0 .75rem 1.5rem #12263f08;
    margin-bottom: 24px;
    border: 0px solid #eff2f7;
    background-color: #fff;
    border-radius: 0.25rem;
    color: #3e3e3e;
    position: relative;
}
.card-header{
    padding:0.625rem 1.25rem
}
.card-body{
    flex: 1 1 auto;
    padding:1.25rem
}
.card-title {
    color: #343a40;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}
.table>:not(caption)>*>* {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    font-size: 13px;
    padding: .75rem;
    color: #495057;
}
table.table {
    color: transparent;
}
.table th {
    font-weight: 600;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px !important;
}
/*=============User Profile end css=============*/

.maxcharacter {
    margin-left: 5px;
}
.maxcharacter input {
    width: 75px;
    border: 1px solid #ccc;
    height: 27px;
    border-radius: 3px;
    padding: 0px 7px;
    font-size: 14px;
}
i.fas.fa-eye.text-success.fa-lg {
    font-size: 16px;
    color: #5364ae !important;
}

/*****************Toolbar  tutorial  dropdown css 17-08-2022 by Nadeem*************/
span.toolbarDot {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* width: 20px; */
    /* height: 20px; */
    display: inline-block;
    /* border: 5px solid rgb(99 129 227 / 62%); */
    border-radius: 20px;
    /* background-color: rgb(99 128 227 / 41%); */
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -webkit-animation: tutorial 3s infinite;
            animation: tutorial 3s infinite;
    position: relative;
}
@-webkit-keyframes tutorial {
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(253, 167, 0, 0);
                box-shadow: 0 0 0 20px rgba(253, 167, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
                box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
    }
}
@keyframes tutorial {
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(253, 167, 0, 0);
                box-shadow: 0 0 0 20px rgba(253, 167, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
                box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
    }
}
span.toolbarDot:before{
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-box-shadow:0 0 0 0 rgb(99 128 227 / 60%);
            box-shadow:0 0 0 0 rgb(99 128 227 / 60%);
    -webkit-animation: tutorial 3s infinite;
            animation: tutorial 3s infinite;
    -webkit-animation-delay: .9s;
            animation-delay: .9s;
    content: "";
    position: absolute;
}
span.toolbarDot:after{
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-box-shadow:0 0 0 0 rgb(99 128 227 / 60%);
            box-shadow:0 0 0 0 rgb(99 128 227 / 60%);
    -webkit-animation: tutorial 3s infinite;
            animation: tutorial 3s infinite;
    -webkit-animation-delay: .6s;
            animation-delay: .6s;
    content: "";
    position: absolute;
}
span.toolbarDot i.fas {
    /* background: #5364ae69; */
    color: #5364ae69;
    font-size: 15px;
    /* width: 15px; */
    /* height: 15px; */
}
.toobarTitle.dropdown-menu {
    color: #3e3e3e;
    padding: 25px 20px;
    width: 100%;
    min-width: 280px;
    height: auto;
    background: #fafafa;
    border: none;
    -webkit-box-shadow: 0px 0px 20px 1px #cccccc66;
            box-shadow: 0px 0px 20px 1px #cccccc66;
    top: 52px;
    border-radius: 30px;
    text-align: center !important;
    /* border: 1px solid #ccc; */
    line-height: normal;
}
.tooltip_footer .themeBtn {
    width: 100px;
}
.createWorks .toobarTitle {
    min-width: 240px;
    left: -22px !important;
}
.toobarTitle img {
    max-height: 55px;
}
.toobarTitle p {
    font-size: 14px;
    margin: 0px;
    text-align: center;
}
.tooltip_footer {
    border-top: 1px solid #7d7d7d;
    margin-top: 25px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}
a.themeBtn.gotIt {
    background: #000000;
    color: #fff !important;
    border: 2px solid #000000;
}
.themeBtn {
    background: none;
    padding: 6px 6px;
    font-size: 14px !important;
    border-radius: 30px;
    line-height: 20px;
    margin: 10px 6px 0px;
    color: #5364ae !important;
    border: 2px solid #5364ae;
    position: relative;
    overflow: hidden;
    font-weight: 400 !important;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.themeBtn:hover:before {
    top: -40%;
}
.themeBtn:before {
    -webkit-transition-duration: 800ms;
         -o-transition-duration: 800ms;
            transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    background: #5364ae;
    color: #fff;
}
.themeBtn:hover{
    color: #fff !important;
}
button.themeBtn.reload {
    margin: 0px 0px 0px 15px;
    padding: 3px 34px;
}
.toolbarSlot {
    position: absolute;
    top: -18px;
    right: 0px;
}
/*.toolbarSlot.invitbtn {
    top: 10px;
    right: -26px;
}*/
.toolbarSlot.createWorks {
    right: 7%;
    top: 16px;
}
.toolbarSlot.tipDasboard {
    top: 60px;
    right: 40px;
}
.toolbarSlot.tipGallery {
    top: 45px;
    right: 20%;
}
.toolbarSlot.tiptrack {
    top: 37px;
    right: 2%;
}
.toolbarSlot.surveyPopup {
    top: 10px;
    left: 135px;
}

.dropdownOptionWrap {
    margin: 15px 0px;
}
.dropdownOptionWrap label {
    font-weight: 600;
    font-size: 16px;
}
.dropdownOptionWrap a {
    font-size: 15px;
    line-height: 30px;
    color: #5364ae;
}
/* ===========Setting layout add img css 24-08-2022 by Nadeem========*/
.setting-LayoutContent {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    width: 70%;
    /* justify-content: space-between; */
}
.background-editor {
    width: 30%;
}
.background-editor img {
    width: 100%;
    cursor: pointer;
}
.layoutTitle {
    font-size: 16px;
    font-weight: 500;
    padding: 20px 0px 10px;
    color: #3e3e3e;
}
.layout-setting {
    padding:0px;
    display: none;
}
.AttachmentWrapperImage {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/*.layoutWrapperdiv .questionContent {
    width: 50%;
}*/
.layoutWrapperdiv .layoutdiv {
    position: absolute;
    inset: 0px 0px 0px 50%;
    z-index: -1;
}
.layoutMoveAddCls .layoutdiv, .layoutMoveAddCls2 .layoutdiv, .layoutMoveAddCls3 .layoutdiv, .layoutMoveAddCls4 .layoutdiv, .layoutMoveAddCls5 .layoutdiv, .layoutMoveAddCls6 .layoutdiv{
    z-index:9;
}
.layoutWrapperdiv .AttachmentWrapper {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* padding-right: 80px;
     padding-left: 52px;*/
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.layoutMoveAddCls2 .AttachmentWrapper {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 80px;
    padding-left: 52px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.layoutWrapperdiv.layoutMoveAddCls6 .layoutdiv {
    position: initial;
}
.layoutMoveAddCls2 .AttachmentWrapperImage {
    width: 100% !important;
    height: 300px;
}
.layoutMoveAddCls2 .questionContent {
    width: 53% !important;
    padding: 120px 10px 115px 60px;
}
.layoutMoveAddCls3 .questionContent {
    width: 50% !important;
    float: right;
    padding: 120px 15px 125px 10px;
    margin-right: 15px;
}
.layoutMoveAddCls2 .exampleTxt, .layoutMoveAddCls3 .exampleTxt,
.layoutMoveAddCls4 .exampleTxt, .layoutMoveAddCls5 .exampleTxt {
    width: 100%;
}
.layoutMoveAddCls3 .layoutdiv {
    position: absolute;
    inset: 0px 50% 0px 0px;
    width: 50%;
}
.layoutMoveAddCls3 .AttachmentWrapper {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 78px;
    padding-right: 15px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.layoutMoveAddCls3  .AttachmentWrapperImage {
    width: 100% !important;
    height: 300px;
}
.previewcontent.questionContent {
    padding: 240px 0px 0px 200px;
}
.layoutMoveAddCls3 .previewcontent.questionContent {
    padding: 240px 0px 0px 30px;
}
.questionContent {
    padding: 200px 90px 50px 90px;
    overflow: auto;
    max-height: calc( 100vh - 144px );
    width: 100%;
}
.fillform .questionContent {
    padding: 0;
    width: 65%;
    margin: 25px auto;
}
.fillform .exampleTxt{
    width: 100%;
}
.layoutMoveAddCls4 .layoutdiv {
    position: absolute;
    inset: 0px 0px 0px 50%;
    width: 50%;
    height: 100vh;
}
.layoutMoveAddCls4 .AttachmentWrapperImage {
    width: 100% !important;
    height: 100% !important;
}
.layoutMoveAddCls4 .questionContent {
    width: 50% !important;
    /* overflow: auto; */
    padding: 150px 14px 30px 16px !important;
    /* max-height: calc( 100vh - 144px ); */
    margin: 0px;
}
.bgSecWrap.previewcontent.layoutMoveAddCls4 .questionContent {
    width: 50% !important;
    padding: 255px 14px 30px 16px !important;
    margin: 0px;
    max-height: 100%;
}
.questionContent::-webkit-scrollbar {
    width: 0px;
}
.layoutMoveAddCls5 .layoutdiv {
    position: absolute;
    inset: 0px 0px 0px 0px;
    width: 48%;
    height: 100vh;
}
.layoutMoveAddCls5 .AttachmentWrapperImage {
    width: 100% !important;
    height: 100% !important;
}
.layoutMoveAddCls5 .questionContent {
    float: right;
    width: 50% !important;
    padding: 150px 14px 30px 15px !important;
    margin-right: 15px;
}
.layoutMoveAddCls6 .questionContent {
    padding: 0px 70px 125px 110px;
    overflow: auto;
    max-height: calc( 100vh - 144px );
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
.layoutMoveAddCls6 .AttachmentWrapperImage {
    width: 100% !important;
    position: relative;
    height: 100vh !important;
}
/*.questionContent.sharefillform {
    padding: 240px 0px 0px 200px;
}*/
.layoutMoveAddCls3 .questionContent.sharefillform {
    padding: 0px 0px 0px 30px;
}
.layoutMoveAddCls4 .questionContent.sharefillform {
    padding: 240px 0px 0px 100px;
}
.layoutMoveAddCls5 .questionContent.sharefillform {
    padding: 240px 0px 0px 30px;
}
/*.previewcontent.layoutWrapperdiv.layoutMoveAddCls6 {
    width: 100% !important;
}*/
.reviewpage.layoutMoveAddCls6 .AttachmentWrapperImage {
    height: calc( 100vh - 172px ) !important;
}
.reviewpage.layoutMoveAddCls6 .questionContent {
    padding: 150px 70px 125px 110px;
}
.reviewpage .questionContent {
    padding: 120px 100px 125px 110px;
}
.bgSecWrap.previewcontent.layoutWrapperdiv.layoutMoveAddCls .questionContent {
    width: 50% !important;
    margin: 0px;
    /* padding: 120px 35px 125px 50px; */
}
.bgSecWrap.previewcontent.layoutMoveAddCls2 .questionContent {
    width: 53% !important;
    /* padding: 120px 10px 115px 60px; */
    margin: 0px;
}
.bgSecWrap.previewcontent.layoutMoveAddCls3 .questionContent {
    width: 50% !important;
    float: right;
    /* padding: 120px 15px 125px 10px; */
    margin-right: 15px;
}
.typeWrap input.form-control:focus {
    border-bottom: 0px;
    border: 0px !important;
}
.layoutWrapperdiv.layoutMoveAddCls .questionContent {
    width: 50%;
    padding: 120px 35px 125px 50px;
}
.layoutWrapperdiv .typeWrap input.form-control {
    width: 100%;
}
.layoutMoveAddCls4 .attachmentVideo {
    width: 100% !important;
    height: 100%;
    background: white;
    max-height: calc( 100vh - 0px);
    -o-object-fit: cover;
       object-fit: cover;
}
.layoutMoveAddCls5 .attachmentVideo {
    width: 100% !important;
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.layoutMoveAddCls6 .attachmentVideo {
    width: 100% !important;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
}
.bgSecWrap.wlscreenfillform {
    text-align: center;
}
.wlscreenfillform .desWrap {
    text-align: center;
    width: 100%;
}
.typeformWrappper .layoutMoveAddCls5 .layoutdiv, .typeformWrappper .layoutMoveAddCls4 .layoutdiv {
    height: auto;
}
form.fontChange {
    position: relative;
    width: 100%;
}

.text_center {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.text_center .questionContent {
    padding: 120px 10px 125px 0px;
}
.text_center .postArrow {
    margin: 0px 0px 20px 0px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}
.text_center .exampleTxt {
    width: 45%;
    margin: 0px auto;
}
.text_center .ql-editor {
    text-align: center;
}
.text_center .questionOptionWrp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0px auto;
}
.text_center .layoutWrapperdiv {
    width: 100%;
}
.text_center .layoutMoveAddCls2 .AttachmentWrapper {
    padding-right: 38px;
    padding-left: 69px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.text_center .layoutMoveAddCls2 .AttachmentWrapperImage {
    width: 80% !important;
    height: 300px;
}
.text_center .layoutWrapperdiv .AttachmentWrapper {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-right: 20px;
}
.text_center .AttachmentWrapperImage {
    width: 300px;
}
.text_center .choicePicture {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.text_center .optionListChoice {
    width: 45%;
    margin: 0px auto;
}
.text_center .npsQuestion {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.previewcontent .text_center {
    display: inherit;
}
.previewcontent .text_center .d-flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.previewcontent .text_center .widthFixed label {
    text-align: left;
}
.previewcontent .text_center .form-control {
    width: 50%;
    margin: 0px auto;
}
/* ===========Create survey 27-08-2022========*/
.addQuestionWrap {
    background: #fff;
    /* padding: 90px 10px 90px 100px; */
    text-align: left;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-top: 20px;
}
.addQuestionWrap .LayoutWrapper {
    margin: 0px;
}
.saveBtn.addQuestio {
    width: auto;
    border-radius: 15px;
    padding: 10px 30px;
    height: 42px;
}
.longformlogoSection .addQuestionWrap {
    padding: 30px 8px 30px 40px;
}
.logoSection {
    margin-right: 20px;
}
.logoSection img {
    max-height: 38px;
    width: 100%;
    max-width: 172px;
}
.longformlogoSection {
    padding: 20px 0px 0px;
}
.uploadLogo {
    text-align: center;
    position: relative;
}
.uploadLogo img {
    max-height: 60px;
    cursor: pointer;
}
.longformlist {
    margin-bottom: 30px;
    width: 100%;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef00;
    opacity: 1;
}
.addQustionBtn {
    padding: 50px 90px 90px 90px;
}
.layoutWrapperdiv .d-block {
    position: relative;
    z-index: 1;
}
.navbar-brand-box img {
    max-height: 28px;
}
.addQuestionheader {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #3e3e3e;
    padding-top: 40px;
}

.attachmentVideo {
    display: none;
}

/*connect section 12-09-2022*/
section.integrations-panel {
    background: #fafafa;
    height: auto;
    position: relative;
    padding-top: 50px;
    padding-bottom: 40px;
}
.integration-card {
    margin: 0px auto;
    padding: 0px 24px;
    max-width: 850px;
}
.integration-cardList {
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px;
    border: 0px;
    padding: 20px 30px;
    border-radius: 7px;
    margin-bottom: 20px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out 0s;
    transition: -webkit-box-shadow 0.3s ease-in-out 0s;
    -o-transition: box-shadow 0.3s ease-in-out 0s;
    transition: box-shadow 0.3s ease-in-out 0s;
    transition: box-shadow 0.3s ease-in-out 0s, -webkit-box-shadow 0.3s ease-in-out 0s;
}
.integration-cardList:hover{
    -webkit-box-shadow: rgb(0 0 0 / 20%) 0px 3px 10px;
            box-shadow: rgb(0 0 0 / 20%) 0px 3px 10px;
}
.integration-content {
    width: 100%;
}
.integration-content h3 {
    font-size: 18px;
    margin: 0px;
}
.integration-logo {
    padding-right: 20px;
    width: 80px;
}
.integration-logo img {
    width: 75px;
}
.integration-Btn {
    margin-left: 28px;
}
/* *******integration webhook tabs*******/
ul.nav.nav-tabs.integrationwebhook {
    border: 0px;
    background: none;
}
ul.nav.nav-tabs.integrationwebhook a.nav-link {
    border: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    color: #3e3e3e;
}
ul.nav.nav-tabs.integrationwebhook a.nav-link.active {
    background: none;
    border-radius: 0px;
    border-bottom:2px solid #3e3e3e;
}
.webhooksdiv {
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    text-align: center;
    width: 25%;
}
.integration-Btn .customCheckbox + label {
    width: 48px;
}
.integration-Btn .smallCustomCheckBox + label:after {
    top: 4px;
}
.webhooksWrap .integration-content h3 {
    font-size: 15px;
}
.webhooksWrap .integration-cardList {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.integrationTab {
    margin-left: 70px;
    padding-top: 40px;
}


h4.integrations-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 25px 0px 35px;
}
div.dt-button-collection .dt-button {
    min-width: 171px !important;
    padding: 0px;
    margin: 5px 0px;
    background: #9d9a9acf;
    color: #000;
}
.welcomeScreenLayout {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* padding: 110px 10px 125px 115px; */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.welcomeScreenLayout h2 {
    font-size: 30px !important;
}
.welcomeScreenLayout p {
    display: none;
}
.welcomeScreenLayout h3 {
    font-size: 17px !important;
}
ul.icon_emoji {
    margin: 30px 0px 0px 0px;
    gap: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

button.transBtn {
    background: none;
    border-style: none;
    margin: 0px;
    padding: 0px;
}

button.transBtn .embedTxt {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    padding: 10px 0px 0px;
    color: #000;
    font-weight: 500;
}
ul.embedtabWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    gap: 20px;
    /* flex-wrap: wrap; */
    width: 100%;
    padding-top: 15px;
}
ul.embedtabWrap li {
    width: 16.66%;
    margin-bottom: 15px;
    /* border: 1px solid #ccc; */
    padding: 14px 10px;
    border-radius: 4px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
ul.embedtabWrap li:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 12%);
            box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 12%);
}
button.transBtn img {
    max-height: 45px;
}
/*********************templateGalley 16_09_2022*******************/
section.templateGalley {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.templateLeftside {
    padding: 0px 30px 30px 30px;
    width: 410px;
    height: calc(100vh - 0px);
    background: #fafafa;
    border: 1px solid #cccc;
    border-radius: 0px;
    /* overflow: auto; */
    border-top: 0px;
}
.templateLeftside .backTO {
    background: #fff;
    padding: 25px 25px;
    margin: 0px -32px 23px -32px;
    border-right: 1px solid #fff;
}
.templateGalley .page-wrapper {
    /* background: #f1f1f1; */
    height: calc(100vh - 0px);
    margin-left: 0px;
    width: 100%;
    padding: 0px 25px 0px 25px;
}
.headertempgalley {
    padding: 20px 30px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.headertemptimes {
    text-align: right;
    padding: 25px 0px;
}
.temArrwIcon {
    font-size: 14px;
    color: #3d3d3d;
}
.reviewTemp {
    width: 100%;
}
.reviewTemp label {
    font-size: 15px;
    font-weight: 600;
    margin: 0px;
}
.reviewTemp span {
    font-size: 15px;
}

.reviewTemp h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    margin: 20px 0px 30px 0px;
}
.reviewTempQuestion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}
.reviewTempQuestion h5 {
    font-size: 16px;
    margin: 0px;
}
.reviewTempQuestion label {
    background: #474747;
    padding: 4px 17px;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    margin: 0px;
}
.templateRightside iframe {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 8px #ccc9;
            box-shadow: 0px 0px 8px #ccc9;
    overflow: hidden;
}
.headertemptimes i.fa {
    background: #e2dfdf59;
    padding: 3px 6px;
    color: #3e3e3e;
    border-radius: 30px;
    font-size: 13px;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 19px;
}
.headertemptimes i.fa:hover {
    background: #5364ae;
    color: #fff;
    border: none;
}
.widthAuto {
    width: auto;
}
.labelTop {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.questionOption.smallInput {
    height: 36px;
    border-radius: 8px;
    font-size: 15px;
}
.npsScalelist {
    /* width: 100%; */
    font-size: 18px;
    position: relative;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #0446af17;
    border: solid 1px #0445af;
    padding: 12px 25px;
    border-radius:8px;
    cursor: pointer;
}
.npsScalelist:hover, .npsScalelist:focus {
    background-color: rgba(4, 69, 175, 0.3);
    z-index: 1;
    -webkit-box-shadow: 0 0 1px 4px rgb(4 69 175 / 30%);
            box-shadow: 0 0 1px 4px rgb(4 69 175 / 30%);
}
.questionOption.smallInput:focus{
    background-color: rgb(91 116 155 / 20%) !important;
}
.npsQuestion {
    margin: 30px 0px 40px 25px;
    padding-bottom: 35px;
}
.postArrow .ql-bubble p {
    display: none;
}
select.speedWrap {
    background: #fff;
    height: 28px;
    padding: 0px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.avatarImg img.userIcon {
    max-height: 60px;
}
.avatarImg {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    /* border: 1px solid #ffffff; */
    margin-left: 22px;
    margin-bottom: 10px;
    overflow: hidden;
}
.userResponse {
    position: absolute;
    top: 80%;
    right: 25%;
}
.userResponse h3.saveBtn {
    font-size: 15px;
    /* background: #5364ae; */
    padding: 10px 30px;
    border-radius: 10px 0px 10px 10px;
    color: #fff;
    width: auto;
}
.chatBotQustion .questionOptions, .chatbotdiv {
    margin-left: 25px;
}
.chatWraperSec {
    padding: 120px 0px 50px 110px;
    overflow: auto;
    max-height: calc( 100vh - 130px );
    width: 100%;
    overflow-x: hidden;
    height: 100%;
}
.chatBotQustion .questionOptions {
    overflow: auto;
    overflow-y: hidden;
}
.reviewWindow {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    background: black;
    color: #fff;
    padding: 20px 0px;
}
.LayoutWrapper.fixed .reviewWindow {
    position: sticky;
    z-index: 99;
    width: 100%;
    top: 0px;
}
.windowSection .LayoutWrapper {
    background: #fff !important;
}
.windowSection .arrowSlot, .windowSection .questionOptions input {
    color: #3e3e3e !important;
    font-size: 14px !important;
}
.greybtn {
    background: #c5c2c2;
    color: #3e3e3e;
}
section.midSectionWrp.logngFormSec {
    margin: 40px 0px 0px;
}
.logngFormSec button.greybtn  {
    margin: 0px;
    padding: 14px 45px;
    height: 40px;
    border-radius: 5px;
    position: relative;
}
.logngFormSec button.greybtn.active{
    background: #5364ae;
    color: #fff;
}
.logngFormSec button.greybtn.active:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #5364ae transparent transparent transparent;
    position: absolute;
    top: 37px;
    left: 45%;
}
.welcomeScreenLayouts .ql-editor h2 {
    text-align: center;
    font-size: 22px;
}
.welcomeScreenLayouts .ql-editor h3 {
    text-align: center;
    font-size: 18px;
    color: #929292;
    margin: 10px 0px 15px;
    font-style: italic;
}
.welcomeScreenLayouts {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.ql-bubble p {
    display: none;
}
.LayoutWrapper.questionLayout {
    overflow: auto;
    height: auto;
}
.questionLayout .slide_editorWrappper {
    padding: 0px 100px 30px;
}
p.txtWrapSec {
    margin: 0px;
    color: #3e3e3e;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
}
table.fixTable.table th {
    font-weight: 400;
    font-size: 14px;
}
label.section-title a {
    padding: 0;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 0px 0;
    color: #3e3e3e;
    font-size: 14px;
}
label.section-title {
    margin: 0px;
}
.matrixscroll {
    overflow: auto;
    max-width: 100%;
    width: 100%;
    overflow-y: hidden;
}
.questionOptions.matrixscroll input.txtcolor {
    border-bottom: 0px !important;
    width: 123px;
}
.matrixscroll .questionOptionWrp.matrixWrp{
    width: 1000%;
}
p.underLineBtn.matrixrowbutton, p.underLineBtn.radiomatrixcolbutton, p.underLineBtn.ddmatrixcolbutton, p.underLineBtn.ddmatrixrowbutton
, p.underLineBtn.radiomatrixrowbutton {
    width: 15%;
}
.questionOptions.matrixscroll {
    margin-bottom: 15px;
}
/*css by nadeem 23-11-2022*/
   a.nav-link.redBtn {
    background: #f8d7da !important;
    color: #58151c !important;
    font-size: 15px !important;
    border-radius: 0.375rem;
    border: 1px solid #f1aeb5;
}
.dropdown-menu.notificationdiv {
    width: 340px;
    left: -190px !important;
    top: 52px !important;
    padding: 0px;
}
li.nav-item.expiredPlan {
    position: absolute !important;
    top: 70px;
    width: 20% !important;
    right: 90px;
    text-align: center;
}
/*end*/

.apexchart {
    background: #fff;
    padding: 20px;
    margin-bottom: 50px;
    margin-top: 15px;
}
section.wrapper.surveytrack {
    height: auto;
}


ul.workspace_overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    margin: 0px;
    gap: 15px;
}
ul.workspace_overview li {
    line-height: normal;
    margin-right: 35px;
}
ul.workspace_overview li a {
    font-size: 14px;
    color: #3e3e3e;
    /* padding: 6px 15px; */
    border-radius: 5px;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    font-weight: 500;
}

ul.workspace_overview li a:hover {
    color: #5364ae;
    letter-spacing: 0.4px;
}

.inviteWrap input.form-control {
    background: #ebebeb;
    border: 0px;
    border-radius: 10px;
    padding: 0px 16px;
}
.suggestionUser img {
    width: 28px;
}
.suggestionUser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/* .suggestionList {
    overflow: auto;
    height: 400px;
} */
h3.sugTitle {
    font-size: 16px;
    color: #3e3e3e;
    margin-bottom: 15px;
    margin-top: 30px;
}
.suggestionUser label {
    margin: 0px;
    font-size: 15px;
    margin-left: 8px;
    color: #3e3e3e;
    font-weight: 500;
}
.suggestionListName {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
.suggestionListName button.dropdown-toggle {
    background: none;
    border-style: none;
    font-size: 14px;
}
.suggestionListName ul.dropdown-menu {
    padding: 0px;
}
.dropdown-menu li.accessType {
    margin: 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
li.accessType a.dropdown-item i.fa {
    margin-right: 6px;
}
.dropdown-menu li.accessType a.dropdown-item {
    margin: 0px;
    padding: 8px 10px;
    display: inline-block;
    width: 100%;
    color: #3e3e3e;
    font-size: 14px;
    border-radius: 0px;
}
.dropdown-menu li.accessType a.dropdown-item:hover{
    background:#efefef;
}
span.workspace_nam {
    color: #3e3e3e;
    cursor: pointer;
}
.workspaceModal i.fas {
    font-size: 13px;
    margin-left: 5px;
}
a.workspceEdit i.fas {
    font-size: 13px;
}
.workspaceModal img {
    max-height: 16px;
}
ul.workspace_overview li a:hover .workspace_nam {
    margin-right: 0px;
}
/******start overview css 25-11-2022***********/
section.overviewWrapper {
    margin-top: 70px;
}
.overviewTxt {
    margin: 40px 0px 0px;
}
.overviewTxt h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: 600;
}
.overviewTxt h3 span {
    color: #de1930;
}
.overviewTxt p {
    margin: 0px;
    font-size: 14px;
    line-height: 26px;
}
.bannerUpload {
    background: #f4f4f4;
    border-radius: 10px;
    padding: 15px 16px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 308px;
}
.pictureUpload {
    text-align: center;
    /* padding: 122px; */
    /* height: 450px; */
}
.surveyFile {
    width: 100%;
    margin: 0px auto;
}
tr.fileList {
    background: rgba(0,0,0,.05);
}
tr.fileList td {
    border-top: 15px solid #fff;
    margin-bottom: 0px;
    line-height: 17px;
    font-size: 14px;
}

.surveyfile-list .fc-event {
    height: 100vh;
    width: 100%;
    background-color:rgb(235 239 255 / 59%) !important;
    padding: 18px 0px 0px 10px !important;
    margin-top: -21px !important;
    border: 0px !important;
}
.surveyfile-list #calendar {
    max-width: initial;
    margin: 0px 0px 52px 0px !important;
}
.file-listing table {
    margin: 0px;
}
.file-listing table thead {
    background: #000;
}
.file-listing  thead tr th {
    font-weight: 600;
    border-top: 0px;
    font-size: 15px;
    border: 0px;
    color: #fff;
    padding: 9px 9px 11px 9px;
}
.surveyfile-list thead tr th {
    font-weight: 500;
    border-top: 0px;
    font-size: 15px;
    border: 0px;
}
.file-listing .table-responsive {
    border: 1px solid #ccc;
    overflow: inherit;
}
tr.fileList .dropdown button {
    border-style: none;
    background: none;
    color: #3e3e3e;
    font-size: 14px;
    padding: 0px 25px;
}
ul.dropdown-menu.menuList {
    padding: 0px;
}
ul.dropdown-menu.menuList li {
    margin: 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
ul.dropdown-menu.menuList a.dropdown-item {
    margin: 0px;
    padding: 8px 10px;
    display: inline-block;
    width: 100%;
    color: #3e3e3e;
    font-size: 14px;
}
ul.dropdown-menu.menuList a.dropdown-item:hover {
    background: #efefef;
}
ul.dropdown-menu.menuList a.dropdown-item i {
    font-size: 13px;
    margin-right: 6px;
}
.timeLine input.form-control, .timeLine select.form-select {
    background-color: #ebebeb;
    border: none;
    /* border-radius: 10px; */
    padding: 0px 16px;
}
span.timeLineIcon {
    position: absolute;
    top: 12px;
    right: 30px;
    font-size: 13px;
}
.modal-body.timeLine .form-group {
    margin-bottom: 24px;
}
.modal-body.timeLine label {
    margin: 0px;
    padding: 8px 0px 0px;
}
/******End overview css 25-11-2022***********/


/*=============start manage screen 29-11-2022 =============*/
.sampleSheet h4.side-nav-title {
    padding: 10px 37px 10px 15px;
}
.sampleSheet {
    padding: 0px;
}
.sampleSheet ul.nav.nav-tabs {
    display: inline-block;
    width: 100%;
    border: 0px;
}
.sampleSheet ul.nav.nav-tabs li.nav-item {
    margin-bottom: 15px;
}
.sampleSheet  a.nav-link.active {
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    background: #5364ae;
    color: #fff;
    /* padding-left: 5px; */
}
.sampleSheet a.nav-link {
    color: #3e3e3e;
    font-size: 14px;
    border-radius: 30px;
    border: 0px;
    background: #eaeaea;
    padding: 9px 20px;
}
.sortBtn {
    background: #9aa5cd;
}

li.sortBtn.sortByStatus {
    padding: 14px 25px;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
}
li.sortBtn.sortByStatus select {
    border-style: none;
    background-color: transparent;
    color: #fff;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 0px 10px;
    cursor: pointer;
    width: 184px;
    outline: none;
    /* height: 50px; */
}
li.sortBtn.sortByStatus select option {
    color: #3e3e3e;
}
li.sortBtn.sortByStatus select:focus-visible{
    border-style: none;
}
.sortBtn {
    background: #9aa5cd;
    padding: 10px 20px;
}
.report-title {
    font-size: 20px;
    color: #3e3e3e;
    margin: 45px 0px 25px;
}
.report-table table.dataTable.no-footer {
    border-bottom: none;
    padding: 0px;
    /* margin-top: 60px; */
    width: 100% !important;
    border-radius: 0px;
    text-align: center;
}
.report-table thead {
    background: #000;
    color: #fff;
}
.filter-smple .report-table table.dataTable tbody tr td {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.filter-smple .report-table table.dataTable thead tr th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.report-table table.dataTable thead tr th {
    font-size: 16px;
    font-weight: 500;
    border: 0px;
    text-align: center;
}
.report-table.spl_list table.dataTable tbody tr td {
    padding: 12px 13px;
    /* border: 0px; */
}
.report-table.spl_list .dt-buttons {
    position: absolute;
    top: 135px;
    left: 0px;
}
.connectReport {
    position: relative;
}
.sampleSheet ul.navbar-nav li.nav-item a.nav-link{
    color: #3e3e3e;
    font-size: 14px !important;
    border-radius: 30px;
    border: 0px;
    background: #eaeaea;
    padding: 9px 20px !important;
}
.sampleSheet ul.navbar-nav li.nav-item{
    margin-bottom: 15px;
}
ul.sortBtn-list li .chartlistBtn {
    color: #fff !important;
    width: 100%;
    padding: 14px 25px;
}
ul.sortBtn-list li {
    width: 23%;
}
ul.sortBtn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 15px;
    margin: 0px;
    padding: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.dataTables_wrapper {
    position: inherit !important;
    clear: both;
}
.report-table.spl_list .dt-button.buttons-excel {
    background: #9aa5cd;
    padding: 10px 35px 10px 55px;
    border-radius: 10px;
    border-style: none;
    color: #fff;
    position: relative;
}
.report-table.spl_list .dt-button.buttons-excel:before {
    content: "\f019";
    font-family: FontAwesome;
    position: absolute;
    left: 30px;
    top: 11px;
    font-weight: bold;
}
.report-table table.dataTable tbody tr td {
    font-size: 14px;
    background: none;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: #3e3e3e;
    font-weight: 400;
    padding: 12px 13px;
    /* border: 0px; */
    border: 1px solid #cccccc3b;
}
.report-table {
    margin: 40px 0px 50px;
}
.spl_list {
    overflow: auto;
    max-width: 100%;
    /* overflow: scroll; */
    /* overflow-y: hidden; */
}
.report-table.spl_list th.sorting {
    padding: 15px 6px;
    border: 1px solid #cccccc3b;
    font-size: 15px;
    color: #fff;
}
.report-table.spl_list td.d-flex.align-items-center {
    border: 0px !important;
}
.report-table table.dataTable tbody tr:hover{
    background: #ededed;
    cursor: pointer;
}
.actionWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    /* margin-left: 17px; */
}
.actionWrap img {
    max-height: 16px;
    margin: 0px 10px 0px 0px;
}
.actionWrap a {
    color: #8b8a8a !important;
    font-size: 14px;
    margin-right: 14px;
    border-radius: 3px;
}
a.flagRed {
    color: #d10e17 !important;
}
a.flagOrg {
    color: #f7a50f !important;
}

.report-table input.form-check-input {
    width: 15px;
    height: 16px;
}
.report-table label.form-check-label {
    margin-left: 22px;
}
td.emailId {
    border-left: 1px solid #ededed !important;
}
td.contactNo {
    border-right: 1px solid #ededed !important;
}
.report-table table.dataTable thead tr th.emailId {
    border-left: 1px solid #ededed;
}
.report-table table.dataTable thead tr th.contactNo {
    border-right: 1px solid #ededed;
}
td.arrowCus{
    position: relative;
}

td.arrowCus select.form-select.form-control {
    height: auto;
    width: 100%;
    border: 0px;
    border-radius: 0px;
    background-color: transparent;
    cursor: pointer;
}
.invest_sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 30px 0px;
    margin: 0px 20px;
}
ul.ratingStar {
    padding: 0px;
    margin: 0px;
    gap: 15px;
    color: #d8d8d8;
    cursor: pointer;
}
.invest_title {
    font-size: 18px;
    font-weight: 600;
    color: #3e3e3e;
}
select.form-select.form-control.exp_drop {
    width: 44%;
    border: 0px;
    font-size: 15px;
    color: #aca5a5;
    font-weight: 500;
    padding: 0px 10px;
    height: auto;
    cursor: pointer;
}
.form-select:focus {
    border-color: #3e3e3e;
    outline: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.radioBtn {
    margin-top: 35px;
}
.radioBtn label.form-check-label {
    font-size: 18px;
    font-weight: 600;
    color: #3e3e3e;
    margin: 0px 100px 15px 0px;
}
.rating_icon i.fas {
    color: #d8d8d8;
    padding-right: 5px;
    font-size: 14px;
}
.rating_icon i.fas.ylo {
    color: #ffb600 !important;
}
.modal-body.invite_modal {
    padding: 10px 45px 40px 45px;
    overflow: auto;
    max-height: calc( 100vh - 144px );
}
.nameTitle {
    font-size: 22px;
    font-weight: 600;
    color: #3e3e3e;
    margin-bottom: 23px;
    border-bottom: 1px solid #3e3e3e;
    padding-bottom: 5px;
}
.invite_modal h5.modal-title {
    font-size: 18px;
    font-weight: 400;
    color: #3e3e3e;
}
.modal-body.invite_modal .form-control {
    font-size: 14px;
    color: #3e3e3e;
    border: 1px solid #3e3e3e82;
    border-radius: 5px;
    height: 40px;
}
.importFile1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.importFile1 .chartlistBtn {
    width: 100%;
}
.importFile1 input.form-control {
    margin: 0px 16px;
    width: 45%;
}
.reportChart {
    width: 90%;
    /* background: #fbfbfb; */
    padding: 0px 40px 40px 40px;
    margin: 0px auto;
}
ul.act_checked {
    padding: 10px 0px 20px 15px;
    margin: 0px;
}
ul.act_checked li {
    margin-bottom: 10px;
}
ul.act_checked input.form-check-input {
    width: 18px;
    height: 18px;
    border-radius: 0px;
}
ul.act_checked label.form-check-label {
    margin-left: 22px;
    font-size: 17px;
}
/*=============End manage screen 29-11-2022 =============*/

/*=============Start custom select option dropdown 08-12-2022 =============*/
.custom_select {
    position: relative;
    /* margin-bottom: 15px; */
    width: 100%;
    -webkit-box-shadow: 1px 3px 6px rgb(0 0 0 / 18%);
            box-shadow: 1px 3px 6px rgb(0 0 0 / 18%);
}
.custom_select .selectBtn {
    background: var(--bg1);
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
}
.custom_select .selectBtn:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 15px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}
.custom_select .selectBtn.toggle {
    border-radius: 3px 3px 0 0;
}
/*.custom_select .selectBtn.toggle:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}*/
.custom_select .selectDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    background: var(--bg1);
    border-top: 1px solid #eee;
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
        transform: scale(1, 0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
        transform-origin: top center;
    visibility: hidden;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.custom_select .selectDropdown .select_option {
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
}
.custom_select .selectDropdown .select_option:hover {
    background: #f8f8f8;
}
.custom_select .selectDropdown.toggle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
        transform: scale(1, 1);
}
/*.custom_select.active .selectDropdown */
/*=============End custom select option dropdown 08-12-2022 =============*/
.modal-footer.checkAllBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.checkAll {
    margin: 0px !important;
    padding: 0px 10px;
}
.checkAll label {
    margin: 0px;
    margin-left: 20px;
}
.follwUpTbl label {
    color: #3e3e3e;
    margin: -4px 0px 0px 0px;
    font-size: 14px;
    line-height: normal;
    padding: 0px;
}


.survey-logo-name {
    width: 100%;
    margin: 0px auto 20px;
}
.survey-logo-name img {
    max-height: 50px;
}
.survey-logo-name h4 {
    color: #5364ae;
    font-size: 18px;
    text-decoration: underline;
    font-weight: 400;
}

.checkbox_scroll {
    overflow: auto;
    min-width: 180px;
    max-height: calc( 100vh - 670px );
}
.checkbox_scroll label.option {
    margin: 0px 0px 5px;
    font-size: 13px;
    width: 100%;
}
.DOB_Section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}
.DOB_Section .form-control {
    width: 100%;
    min-width: 55px;
    font-size: 13px;
    height: 36px;
}
.form-control.min_width {
    min-width: 148px;
    font-size: 13px;
    height: 36px !important;
    background-color: #fff;
}

.DOB_Section.optSec label.option {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1px;
    margin-right: 5px;
    font-size: 13px;
}
.longForm_titleSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.longForm_titleSec select.form-control {
    width: 25%;
}

/*=============start monitor Tab 15-12-2022 =============*/

.monitorSlot {
    margin: 60px 0px 0px;
}
section.monitor_Section .page-wrapper {
    background: #f3f4f4;
}
.monitorSlot ul.nav.nav-tabs li.nav-item {
    margin-bottom: 0px;
    /* border-bottom: 1px solid #3b3b3b; */
    width: 90%;
    margin: 6px auto;
}
.monitorSlot a.nav-link {
    color: #e8e8e8;
    background: none;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #cccccc85;
}
.monitor_scroll {
    width: 80%;
    margin: 0px auto;
}
.qusDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
}
.qusDiv.borderSelect label {
    -webkit-box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
            box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
    padding: 0px;
    background: #fff;
    width: 60px;
    height: 44px;
    border-radius: 10px;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    margin: 0px;
}
.qusDiv .custom_select {
    -webkit-box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
            box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
    padding: 1px 8px;
    background: #fff;
    width: 100%;
    height: 44px;
    border-radius: 10px !important;
    font-size: 14px;
    margin: 0px;
    /* overflow: hidden; */
}
.qusList {
    width: 80%;
    margin-left: 20%;
    display: inline-block;
}
.qusList .row.no-gutters {
    -webkit-box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
            box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
    padding: 0px 0px;
    background: #fff;
    height: 44px;
    border-radius: 10px;
    margin: 22px 0px 0px;
}
/*.addAnotherCheck {
    margin-bottom: 35px;
}*/
.monitor_scroll .changes {
    margin-top: 30px;
}
.qusDiv .form-control {
    -webkit-box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
            box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
    background-color: #fff !important;
    width: 100%;
    height: 44px;
    border: 0px;
    border-radius: 10px;
    padding: 0px 10px;
}
.qusList .custom_select {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.qusList input.form-control {
    border: 0px;
    border-radius: 0px 10px 10px 0px !important;
    height: 44px;
}
.qusList .selectBtn {
    background: #ffedd8;
    border-radius: 10px 0px 0px 10px;
}
.qusList select.form-select.form-control{
    -webkit-box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
            box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
    background-color: #ffedd8 !important;
    width: 100%;
    height: 44px;
    border: 0px;
    border-radius: 10px 0px 0px 10px;
    padding: 0px 10px;
}
.monitor_addBtn {
    /* margin-top: 40px; */
    background: #515151;
    padding: 9px 32px;
    border-radius: 10px;
    color: #fff !important;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
}
.monitor_addBtn:hover{
    color: #fff;
}
a.back_to {
    color: #989898;
    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
    display: inline-block;
}
a.back_to i.fal {
    background: #a8a8a8;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    margin-right: 6px;
    color: #fff;
}
.monitor_check .report-title {
    color: #3e3e3e;
    margin:35px 0px 25px;
    font-size: 22px;
    font-weight: 600;
}
.moniotr_list {
    padding: 25px;
}
.addMonitor {
    margin: 0px 0px 30px;
}
a.addRuleTitle.removes {
    background: #9b2929;
    padding: 4px 10px;
    width: 86px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.monitor_check span.bordercolor {
    padding: 3px;
}
.reportTiles {
    position: relative;
    width: 19%;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 7px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.reportTiles:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 12%);
            box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 12%);
}
p.report_name {
    padding: 5px 12px;
    margin: 0px;
    color: #3e3e3e;
    background: #fdfdfd;
}
li.delete_check a.nav-link:hover {
    background: black;
    color: #fff;
    border: 1px solid #000;
}
.selectall {
    margin-bottom: 8px;
    margin-left: 10px;
}
.check_list {
    -webkit-box-shadow: 0px 0px 7px #ccc;
            box-shadow: 0px 0px 7px #ccc;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 20px;
    padding: 15px 25px;
    border-radius: 10px !important;
}
.quality-list h5 {
    margin: 0px;
    font-size: 18px;
}
ul.qnsList h6 {
    font-size: 18px;
    color: #4c4b4b;
    margin: 0px 0px 5px;
}
.qusList.and_or {
    margin-bottom: 25px;
    margin-top: -10px;
}
.and_or select.form-select.form-control {
    background-color: #d8ecf6 !important;
    border-radius: 10px;
    width: 15%;
    height: 40px;
    padding: 6px 15px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
            box-shadow: rgb(0 0 0 / 8%) 2px 0px 6px;
}
form {
    margin: 0px;
}
.surveylist_filter select.form-control {
    color: #3e3e3e;
    border-radius: 5px;
    font-size: 14px;
    height: 45px;
    background-color: white;
}
button.remove_icon {
    border-style: none;
    background: #212529ba;
    color: #fff;
    width: 24px !important;
    height: 22px !important;
    border-radius: 50%;
    display: none;
    line-height: 30px;
    font-size: 11px;
    position: absolute;
    top: 10px;
    right: 0px;
}
.supervisorRow:hover button.remove_icon {
    display: block;
}
.supervisorRow {
    position: relative;
}
/*=============End monitor Tab 15-12-2022 =============*/

/*=============Survey Slider Title Heading =============*/

.titleHeading {
    text-align: center;
    margin-left: 350px;
    padding-top: 0px;
    top: 15px;
    margin-bottom: -40px;
    font-size: 18px;
    font-weight: 500;
    color: #666666;
    text-decoration: underline;
    z-index: 11;
    position: relative;
}
/*=============End Survey Slider Title Heading =============*/

input[type="checkbox"], input[type="radio"]  {
    width: 18px;
    height: 18px !important;
   accent-color: #5364ae;
}
span.option-value{
    margin-left: 4px;
}
ol.listInline.mb-0 li input[type="radio"] {
    margin-right: 6px;
    margin-top: 3px;
}
.surveyName-filter {
    background: #e7e7e7;
    height: 44px;
    border-radius: 10px;
    margin-left: 10px;
    padding-right: 0px;
}
.surveyName-filter select.form-select {
    background-color: transparent;
    border: 0px;
}
.font_btn {
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 14px;
}
.font_btn.active {
    background: #5364ae;
    color: #fff;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 14px;
}
section.error_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    text-align: center;
}
.error_sec_wrap img.dataImgs {
    width: 60%;
    margin: 0px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.error_sec_wrap h3 {
    font-size: 16px;
    margin: 0px 0px 25px;
    color: #707070;
}
.error_sec_wrap a.goBack {
    font-size: 15px;
    background: #5364ae;
    padding: 5px 22px;
    border-radius: 30px;
    color: #fff;
}
h5.error_txt {
    font-size: 16px;
    line-height: 25px;
    margin: -58px 0px 0px;
    color: #707070;
}
h5.error_txt span {
    font-weight: 600;
    color: #333;
}
section.error_section.workspaceAni {
    margin-top: -100px;
}
h3.error_txt_track {
    margin: -50px 0px 16px;
    color: #707070;
    font-size:16px;
}
/* //for plan modal */
.fullscreen_sec {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.seePlan{
    color:#fff;
}
.modal-content.plan_upg_content {
    background-color: transparent;
}
.fullscreen_sec h4 {
    color: #fff;
    width: 400px;
    font-size: 23px;
    line-height: 32px;
    margin: 0px;
}
.modal-header.plan_upg_header {
    border: 0px !important;
}
/*dshboadPopup successfully*/
.modal-content.dshboadPopup {
    width: 470px;
    height: 320px;
    border-radius: 10px;
    border: 0px;
    -webkit-box-shadow: 0px 0px 7px 2px #ccc;
            box-shadow: 0px 0px 7px 2px #ccc;
}
.savecodeSlot h4 {
    font-size: 38px;
    color: #000;
    margin: 20px 0px 10px;
}
.savecodeSlot h2 {
    font-size: 24px;
    color: #707070;
    margin: 0px 0px 15px;
}
.savecodeSlot img {
    width: 100%;
    max-width: 150px;
}
.modal-body.savecodeSlot {
    padding: 6px 0px 12px 0px;
    margin: 0px;
    text-align: center;
}
.theme-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    text-align: center;
    padding: 6px 34px;
    border-radius: 30px;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: 2px solid #372cc9;
    background: #fff;
    color: #3e3e3e;
}
.theme-btn:before {
    -webkit-transition-duration: 800ms;
         -o-transition-duration: 800ms;
            transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    background: #372cc9;
    color: #fff;
}
.theme-btn:hover:before {
    top: -40%;
}
.theme-btn:hover {
    color: #fff;
}
button.theme-btn.tryBtn {
    border: 2px solid #3e3e3e;
    color: #3e3e3e;
}
button.theme-btn.tryBtn:before {
    background: #3e3e3e;
    color: #fff;
}
button.theme-btn.tryBtn:hover {
    color: #fff;
}


.blckBand {
    text-align: center;
    /* background: #000; */
    padding: 70px 0px;
    height: 235px;
}
div#tableView {
    height: 278px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: 0px auto;
}
.headwrap {
    color: #fff;
    font-size: 25px;
    /* text-transform: uppercase; */
    font-weight: 500;
    /*background: linear-gradient(to right, #5364ae 10%, #fafafa 50%, #f22b11 60%);*/
    background-size: 200% auto;
    color: #3e3e3e;
    /*-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear infinite;*/
    line-height: 38px;
}

/*@keyframes textclip {
  to {
    background-position: 200% center;
  }
}*/
.usernameSlot .col-lg-8 {
    padding-left: 0px;
}
select.countryCode {
    height: 48px;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #3e3e3e;
}
.usernameSlot {
    position: relative;
    width: 100%;
}
.usernameSlot label {
    position: absolute;
    cursor: text;
    z-index: 2;
    top: 12px;
    left: 15px;
    font-size: 14px;
    font-weight: 400;
    /* background: #1fa1e4; */
    padding: 2px 14px;
    color: #7e7c7c;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin: 0px;
    padding: 0px;
}
.usernameSlot input.form-control, .usernameSlot select.form-control {
    width: 100%;
    height: 48px;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #3e3e3e;
}
.usernameSlot input:focus + label, .usernameSlot input:valid + label {
    font-size: 12px;
    top: -10px;
    left: 15px;
    background: white;
}

.Subcategory-menu a.nav-link {
    background: none;
    padding: 9px 20px 9px 32px;
}
.Subcategory-menu {
    background: white;
    margin: 10px 0px 0px;
    border-radius: 5px;
}
.Subcategory-menu li.nav-item {
    margin-bottom: 0px !important;
    border-bottom: thin solid #EDEDED;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    position: relative;
}
.Subcategory-menu li.nav-item:hover {
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    background: #eaeaea;
    padding-left: 5px;
}
.Subcategory-menu li.nav-item:before {
    content: "\f192";
    font-family: FontAwesome;
    position: absolute;
    left: 14px;
    top: 11px;
    font-weight: bold;
    font-size: 12px;
    color: #9a9898;
}
a.nav-link.Submenu:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 18px;
    top: 8px;
    font-weight: bold;
}

a.nav-link.Submenu[aria-expanded="true"]{
    background-color: #5364ae;
    color: #fff;
}
a.nav-link.Submenu[aria-expanded="true"]::before {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
a.nav-link.Submenu{
    position: relative;
}

/*====Start_survey_wizard_section_css_by_Nadeem_100323====*/
.page-wrapper.survey_wizrd {
    padding-top: 88px;
    margin-left: 350px;
    width: calc(100% - 350px);
}
.fixed-sidebar.wizrd_list {
    width: 350px;
    padding: 20px 0px 0px 0px;
}
.wizrd_listing {
    /* margin-bottom: 14px; */
    border-bottom: thin solid #EDEDED;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
}
.wizrd_listing:hover {
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    background: #eaeaea;
    padding-left: 5px;
}
.wizrd_listing a {
    color: #3e3e3e;
    font-size: 14px;
    padding: 12px 15px;
    display: inline-block;
    width: 100%;
    -webkit-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
}
.ruletitle {
    font-size: 17px;
    color: #9b2929;
    font-weight: 600;
}
a.adCondition.remove{
    font-size: 14px;
    color: #9b2929;
}
.wizardCode {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    padding: 20px;
    border-radius: 5px;
    overflow: auto;
    max-height: calc(100% - 0px);
}
.wizardTitle {
    font-size: 17px;
    color: #3e3e3e;
    margin: 10px 0px 13px;
}
/*====End_survey_wizard_section_css_by_Nadeem_100323====*/

.select2-container {
    z-index: 9999;
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    padding: 11px 12px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 8px !important;
    right: 6px !important;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3e3e3e !important;
    line-height: 28px;
}
p#seeMore {
    color: #5364ae;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}

p#seeMore i {
    margin-right: 5px;
}
p#seeMore span.less, p#seeMore.active span.more {
    display: none;
}
p#seeMore.active span.less{
    display: inline-block;
}
.dataLabel li:nth-child(10) ~ li {
    display: none;
}
.dataLabel.active li:nth-child(10) ~ li {
    display: list-item;
}
p.active i.fas {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.modal-content.workspaceEdit_Popup {
    width: 460px;
    height: auto;
    border-radius: 15px;
    border: 0px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    margin: 0px auto;
    overflow: hidden;
}
.workspaceEdit_Popup .modal-body {
    padding: 24px;
}
.workspaceEdit_Popup .modal-footer {
    border: 0px;
    padding: 22px 0px 0px 0px;
}
.workspaceEdit_Popup input.form-control, .workspaceEdit_Popup select.form-select {
    height: 40px;
    font-size: 14px;
    color: #3e3e3e;
}
.modal-footer .submit_btn {
    width: 115px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 5px;
    height: 40px;
}
button.apply_coupon {
    border-style: none;
    margin-left: -20px;
    width: 130px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.currenttyme {
    font-size: 22px;
    font-weight: 500;
    color: #3e3e3e;
    font-family: ui-serif;
}
.npsHiglight {
    background-color: rgba(4, 69, 175, 0.3);
    -webkit-box-shadow: 0 0 1px 4px rgb(4 69 175 / 30%);
            box-shadow: 0 0 1px 4px rgb(4 69 175 / 30%);
}
.saveDashboard {
    margin-bottom: 20px;
    /* background: white; */
    padding: 8px 20px;
    -webkit-box-shadow: 3px 6px 5px 0px #5364ae3d !important;
            box-shadow: 3px 6px 5px 0px #5364ae3d !important;
    border-radius: 5px;
    font-size: 15px;
}
.saveDashboard:hover {
    background: white;
    color: #3e3e3e;
    -webkit-box-shadow: 0px 0px 8px #ccc !important;
            box-shadow: 0px 0px 8px #ccc !important;
}
.deviceWidth.mobileScreen .bgSecWrap {
    width: 100%;
    position: absolute;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    left: 18px;
}

/*start user-profile section css 29-11-2023 */

.profile-wrap {
    border-radius: 24px;
    /* filter: drop-shadow(0 0 45px rgba(0,0,0,0.07)); */
    background-color: #ffffff;
    padding: 40px 60px;
    margin: 25px 15px;
}
.profile-wrap .col-form-label {
    margin: 0px;
    font-size: 16px;
    color: #000;
}
.profile-wrap .text {
    background: #ececec;
    padding: 12px 15px;
    border-radius: 15px;
    height: 45px;
    color: #969696;
    font-size: 14px;
}
.profile-view h3.user-name {
    font-size: 28px;
    color: #2a2a2a;
    margin: 20px 0px 30px;
}
.profile-img img {
    width: 170px;
    height: 170px;
    border-radius: 30px;
}
.profile-body .form-group {
    margin-bottom: 36px;
}
h4.personal-details {
    font-size: 20px;
    color: #2a2a2a;
    margin: 20px 0px 25px;
}
.deactiveAct {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 30px;
}
.deactiveAct .cancel_btn {
    background: #e5a2b2 !important;
    color: #171616;
    padding: 8px 40px;
    border-radius: 15px;
    height: 45px;
    width: 100%;
    font-size: 16px;
}
.deactiveAct .saveBtn {
    background: #2a2a2a !important;
    color: #d6d6d6;
    padding: 9px 40px;
    border-radius: 15px;
    height: 45px;
    width: 100%;
    font-size: 16px;
}
.profile-wrap .pro-edit {
    text-align: center;
    background: #ececec;
    width: 45px;
    height: 45px;
    line-height: 45px;
    padding: 12px 0px;
    border-radius: 50%;
}
.profile-img-wrap .fileupload {
    background: rgba(33, 33, 33, 0.5);
    border: none;
    padding: 3px 10px;
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.profile-img-wrap .fileupload .upload {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 20px;
    opacity: 0;
    margin: 0;
    padding: 5px;
    position: absolute;
    top: -3px;
    right: -3px;
}
.profile-img-wrap .fileupload .btn-text {
    color: #ffffff;
}
.profile-img-wrap .fileupload {
    background: rgba(33, 33, 33, 0.5);
    border: none;
    padding: 3px 10px;
    border-radius: 0px 0px 30px 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 170px;
}
.profile-img-wrap img.inline-block {
    width: 170px;
    height: 170px;
    border-radius: 30px;
}
.profile-img-wrap .fileupload .btn-text {
    color: #ffffff;
}
.profile-img-wrap {
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
}
/*end user-profile section css 29-11-2023 */


/*start generate-rfpcss 01-12-2023 */
section.profnalDetails {
    padding-bottom: 40px;
}
.profnal_content {
    border-radius: 15px;
    /* filter: drop-shadow(0 0 45px rgba(0,0,0,0.07)); */
    background-color: #fdfdfd;
    padding: 25px 40px;
    margin-top: 16px;
    margin-bottom: 0;
    border: 1px solid #cccccc4a;
}
.profnalSec h4 {
    font-size: 23px;
    color: #5364ae;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 16px;
}
.profnalSec .form-control {
    border-radius: 5px;
    background-color: #fafafa;
    height: 45px;
    width: 100%;
    color: #414141;
    font-size: 14px;
    outline: none;
    border:1px solid #cccccc6b;
}
.profnalSec label {
    font-size: 16px;
    color: #7a7a7a;
    margin-left: 10px;
    margin-bottom: 8px;
}
.profnalSec textarea.form-control {
    height: 45px;
}
.profnalSec textarea.form-control:focus{
    height: 150px;
}
.profnalSec .form-group {
    margin-bottom: 30px;
}
.form-control:focus {
    border-color: #86b7fe;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.selectOption {
    gap: 14px;
}
.selectOption .form-control {
    font-size: 14px;
    color: #414141;
}
.d-flex.dateSec {
    gap: 10px;
}

/*end generate-rfpcss 01-12-2023 */

/*selection--multiple select2*/
.select2-container--default .select2-selection--multiple {
    cursor: text;
    position: relative;
    border-radius: 5px !important;
    background: #fafafa !important;
    font-size: 14px;
    border:1px solid #cccccc6b !important;
    padding: 10px 12px !important;
    height: 45px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc7a !important;
    font-size: 14px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
/*end selection--multiple by nadeem*/

.select2-container .select2-selection--single {
    height: 45px !important;
    border-radius: 5px !important;
    background: #fff !important;
    font-size: 14px;
    border:1px solid #cccccc6b !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    position: absolute;
    top: 8px !important;
    right: 9px !important;
    width: 19px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important;
    text-align: left;
}
.select2-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #ccc !important;
    border-radius: 20px 20px 20px 20px !important;
    top: -1px !important;
    overflow: hidden;
}
.select2-results__option {
    padding: 9px 12px !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 15px !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5364ae !important;
    color: white;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #eaeaea !important;
    outline: none;
    border-radius: 30px !important;
    padding: 6px 12px;
    font-size: 14px;
}

li.select2-results__option.select2-results__option--group {
    padding: 0px !important;
}
strong.select2-results__group {
    font-size: 16px;
    padding: 5px 10px 5px !important;
    font-weight: 600;
    color: #505353;
    border-bottom: 1px dotted #cccccc8f;
}
span.select2.select2-container {
    width: 100% !important;
}
/*selection--multiple select2*/


/* start time-line tabs sec by Nadeem 01-12-2023 */
ul.nav.nav-tabs.tymelineSec {
    border-bottom: 3px solid #5364ae;
}
.tymelineSec li.nav-item {
    margin: 0px;
    margin-right: 16px;
    margin-bottom: 1px;
}
.tymelineSec li.nav-item a.nav-link {
    width: 100%;
    color: #323232;
    background: #eee;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    padding: 12px 40px;
    border: none;
}
.tymelineSec li.nav-item a.nav-link.active {
    background: #5364ae;
    color: #fff;
}

/* .calendar-card tr td {
    width: 20px;
    height: 20px;
} */
.clendr3ps .fc-row.fc-week.fc-widget-content {
    height: 32px !important;
    text-align: center;
    padding: 8px 0px;
}
.clendr3ps .fc-scroller.fc-day-grid-container {
    height: auto !important;
    overflow: inherit !important;
}
.clendr3ps .fc-button-primary {
    background: none;
    border: 0px;
    color: #323232;
    padding: 0px 3px;
}
.clendr3ps .fc-button-primary {
    background: none;
    border: 0px;
    color: #323232;
    padding: 0px 3px;
}
.clendr3ps tr th {
    padding: 10px 0px !important;
    font-size: 13px !important;
}
.clendr3ps #calendar {
    background: #fafafa;
    padding: 20px;
}

.clendr3ps .fc-center h2 {
    font-size: 20px;
}

.clendr3ps td.fc-day {
    padding: 12px 16px !important;
    /* height: 300px; */
    /* width: 64px; */
}
/* end time-line tabs sec by Nadeem 01-12-2023 */



/*start sample_calculator css By 04-12-2023 */

.claculor_sec img {
    max-height: 22px;
}

section.sample_cal {
    padding: 0px 0px;
}
h4.head_cal {
    font-size: 22px;
}
.claculor_form {
    margin-top: 25px;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
span.fixd_input {
    position: absolute;
    top: 4px;
    right: 30%;
    font-size: 20px;
    font-weight: 400;
}
label.fixd_input_u3se {
    margin: 8px 0px 0px;
    padding-left: 10px;
    font-size: 16px;
}

.infoSect{
    position: relative;
}
.infoSect:hover .customTooltipContent {
    display: block;
}
.infoSect .customTooltipContent {
    width: 300px;
    height: auto;
    white-space: inherit;
    top: 10px;
    left: 168px;
    font-size: 14px;
    line-height: 23px;
    padding: 12px;
}
/*end sample_calculator css By 04-12-2023 */
.category-menu.sample-calc {
    width: 250px;
    top: 70px;
    border: 0px;
    -webkit-box-shadow: 0px 0px 20px 1px #cccccc66;
            box-shadow: 0px 0px 20px 1px #cccccc66;
}
ul.workspace_overview li:hover .category-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.profile-dropdown {
    position: absolute;
    top: 65px;
    right: 0;
    width: 200px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    display: none;
    z-index: 1000;
}

.profile-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}
.profile-dropdown ul li a {
    display: flex;
    align-items: center;
    padding: 7px 15px;
    text-decoration: none;
    color: #3e3e3e;
    font-size: 14px;
}
.profile-dropdown ul li a button {
    background-color: transparent;
    padding: 0px;
}

.profile-dropdown ul li a:hover {
    background: #f1f1f1;
}
.sample-calc ul.category-menu-list li {
    border-bottom: none;
    width: 100%;
    margin: 0px;
}
section.sdata {
    padding: 30px;
    background: #f6f6f6;
    border-radius: 5px;
    margin: 50px 0px;
}
.dataTxt {
    font-size: 17px;
    color: #3e3e3e;
}
.form-addBtn img.addBtn {
    height: 20px;
    width: auto;
    display: none;
    cursor: pointer;
}
.form-addBtn:hover img.addBtn {
    display: block;
}
.form-addBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
}

/* research css*/
.exptedForm textarea.form-control {
    height: 45px;
}
.exptedForm textarea.form-control:focus {
    height: 150px;
}
h3.research-title {
    font-size: 22px;
    margin: 25px 0px 30px;
    color: #3e3e3e;
}


.content_div {
    margin-bottom: 8px;
    border-bottom: 1px solid #cccccc8f;
    padding-bottom: 9px;
}
.content_div label {
    font-size: 14px;
    color: #3e3e3e;
    width: 100%;
    margin-left: 10px;
    margin-bottom: 8px;
}
.content_div p {
    font-size: 14px;
    color: #3e3e3e;
    margin-left: 30px;
    display: contents;
}
h4.project_title {
    font-size: 18px;
    color: #3e3e3e;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 30px;
}
table.tableFormat td {
    padding: 12px 15px;
    border: 1px solid #cccccc8f;
    font-size: 14px;
}
.fc-event, .fc-event-dot {
    background-color: #3a87ad;
    height: 43px;
    height: 80px;
    width: 100%;
}
.editSlot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.editSlot a {
    color: #777777 !important;
    margin-right: 20px;
    border-radius: 20px;
}
.editSlot img {
    max-height: 17px;
}
.defaultTimeline label {
    font-size: 16px;
    font-weight: 500;
}
.cred_survy_body {
    padding: 25px;
    margin: 0px;
}
.col-lg-6.col-md-6.col-xs-12.getdata.putPatternType {
    width: 260px;
    margin-left: 55px;
}
.modal-width.modal-lg{
    max-width: 715px;
}
/* start custom table time-line css By Nadeem 12-12-2023 */
.custom_table .table>thead {
    vertical-align: bottom;
    background: #fff;
    /* box-shadow: 1px 8px 15px #cccccc7a; */
    border: 0px;
    border-color: #cccccc7a;
}
.custom_table table tr {
    border-bottom: 1px solid #77777740;
}
.custom_table .table-bordered {
    border: 1px solid #77777740;
}
.custom_table table tr td {
    padding: 20px 12px !important;
    font-size: 15px;
    color: #777777;
}
.custom_table table tr:hover {
    -webkit-box-shadow:0px 0px 20px 1px #cccccc66;
            box-shadow:0px 0px 20px 1px #cccccc66;
}

.project-review-sheet{
    margin: 0px !important;
}
.project-review-sheet th.sorting_disabled {
    position: relative;
    top: -20px;
}
.custom_table {
    padding-bottom: 40px;
}
.calcBtns .saveBtn {
    width: 110px;
    margin: 20px 13px 0px 0px;
}
.calcBtns {
    margin-bottom: 25px;
}
/* end custom table time-line css By Nadeem 12-12-2023 */

.dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaaaaa4d !important;
    border-radius: 0px !important;
}
.dataTables_length label, .dataTables_filter label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px;
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

li.chartlistBtn.sortBtn.deleteSample {
    padding: 10px 22px !important;
    border: 1px solid #bdbdbd;
    background: none;
    color: #3e3e3e !important;
    border-radius: 30px;
    width: auto;
    font-size: 14px;
    text-align: center;
}
li.chartlistBtn.sortBtn.deleteSample:hover {
    border: 1px solid #bdbdbd;
    background: #f0f0f0;
    ;
}
li.chartlistBtn.sortBtn.deleteSample img {
    margin-right: 5px;
    width: 13px;
}

ul.workspace_overview li a.active {
    color: #5364ae;
}

#inflated_sample{
    font-weight: 600;
}

#inflated_sample_size{
    font-weight: 600;
}

.text-center.calcBtns {
    margin-left: 70px;
} 
.custom_table .dataTable {
    padding: 0px;
}
.custom_table .dataTable tr {
    background-color: #ffffff00;
    border-bottom: 1px solid #77777700;
}
.custom_table table tr td.editSlot_td {
    padding: 8px !important;
}
.dueYesNo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 75%;
}
.scrollDiv {
    height: 490px;
    overflow: auto;
}

/* <!--start Bell Notifications 29-12-2023 --> */
span.badge.rounded-pill {
    display: inherit;
    color: #ffffff;
    font-weight: 700;
    background-color: #5364ae;
    position: absolute;
    top: 15px;
    right: 18px;
    border-radius: 50% !important;
    width: 20px;
    height: 20px;
    font-size: 11px;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(99 128 227 / 60%);
                box-shadow: 0 0 0 0 rgb(99 128 227 / 60%)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(67,74,84,0);
                box-shadow: 0 0 0 10px rgba(67,74,84,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(67,74,84,0);
                box-shadow: 0 0 0 0 rgba(67,74,84,0)
    }
}
@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(99 128 227 / 60%);
                box-shadow: 0 0 0 0 rgb(99 128 227 / 60%)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(67,74,84,0);
                box-shadow: 0 0 0 10px rgba(67,74,84,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(67,74,84,0);
                box-shadow: 0 0 0 0 rgba(67,74,84,0)
    }
}
.dropdown-menu.notifications {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    font-size: 14px;
    border-radius: 3px;
    transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    width: 350px;
    left: 0px;
    right: 0px;
    position: absolute;
    top: 50px;
    padding: 0px !important;
}
.topnav-dropdown-header {
    background: #5364ae;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
    font-size: 12px;
    height: 42px;
    line-height: 32px;
    padding: 3px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
li.notification-message {
    padding: 10px 10px;
    border-bottom: 1px solid rgb(204 204 204 / 41%);
}
li.notification-message a {
    margin: 0px;
}
p.noti-details {
    margin: 0px 0px 5px;
    font-size: 15px;
    line-height: 20px;
}
p.noti-time {
    margin: 0px;
    font-size: 12px;
}
.notification-title {
    font-size: 14px;
    color: #fff;
}
.profile-dropdown.notificationdiv {
    width: 320px;
    overflow: hidden;
}
.mainHeader .topnav-dropdown-header a.clear-noti {
    color: #ffffff;
    font-size: 15px !important;
    text-transform: uppercase;
}
.notifications .noti-content {
    height: 290px;
    width: 350px;
    overflow-y: auto;
    position: relative;
}
.notifications .notification-list li a {
    display: block;
    padding: 12px;
    border-radius: 2px;margin: 0px !important;
}
.notifications .notification-list li {
    margin-top: 0;
    border-bottom: 1px solid #f5f5f5;
}
ul.notification-list .avatar {
    background-color: #aeaeae;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    height: 34px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 34px;
    position: relative;
    white-space: nowrap;
    margin: 0 10px 0 0;
    border-radius: 50%;
}
.notifications .notification-list li .noti-details {
    color: #989c9e;
    margin: 0;
}
.notifications .notification-list li p.noti-time {
    margin: 0;
}
.notifications .notification-list li .notification-time {
    font-size: 12px;
    line-height: 1.35;
    color: #bdbdbd;
}
.topnav-dropdown-footer {
    border-top: 1px solid #eeeeee;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
}
.topnav-dropdown-footer a {
    display: block;
    text-align: center;
    color: #333333;
}
li.notification-message.unread {
    background: #e8e8e8;
}
/* <!--end Bell Notifications  --> */


.downloadQuestion {
    background: #ededed;
    padding: 5px 16px;
    height: 40px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #ccc;
}
.revewLongform {
    margin: 0px 0px;
    width: 25%;
}
.reviewform-header {
    display: flex;
    gap: 16px;
    width: 70%;
}
.finalData {
    padding: 5px 16px;
    height: 40px;
    border-radius: 5px;
}
.longFormDiv-title {
    width: 30%;
}
.revewLongform select.form-select {
    height: 40px;
    font-size: 14px;
    border-radius: 5px;
}
img.pdfpng {
    max-height: 22px;
}

/*dataeditor menu*/
.inlineButton li {
    position: relative;
}
.inlineButton li:hover .category-menu {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.inlineButton li .category-menu {
    width: 140px;
    border: 0px;
    padding: 0px;
    top: 45px;
    right: 0px;
}
.inlineButton ul.category-menu-list li a {
    color: #000;
    padding: 6px 20px;
    font-size: 15px;
}

i.far.editorKey {
    position: absolute;
    top: 19px;
    right: 25px;
    font-size: 18px;
    color: #656565;
}
.maxtble table td {
    position: relative;
}

.deleteRow.cancel_btn {
    width: auto;
    padding: 0px 24px;
}
.maxdatefrom .form-group {
    position: relative;
}
.maxdatefrom i.far.editorKey {
    top: 46px;
    right: 15px;
}



/* start grammarly css */
.document_list {
    background: #ffffff;
    color: #373737;
    cursor: pointer;
    display: inline-block;
    height: inherit;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
            box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    width: 100%;margin-bottom: 30px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.document_list:hover {
    -webkit-box-shadow:0px 0px 8px #ccc;
            box-shadow:0px 0px 8px #ccc;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.document_list a {
    color: #3e3e3e;
}
.document_conts {
    padding: 16px 18px 0;
    height: 175px;
}
.doc_title {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 3px;
}
span.doc_content {
    font-size: 11px;
    height: 125px;
    overflow: hidden;
    display: block;
    line-height: 20px;
}
.doc_hover {
    background: #f6f6f6;
    border-top: 1px solid #e8e8e8;
    cursor: default;
    height: 47px;
    padding: 9px 14px 6px 14px;
    width: 100%;
    position: relative;
    margin-top: 10px;
}
input.inputFile {
    position: absolute;
    top: 0px;
    left: 33px;
    opacity: 0;
    cursor: pointer;
}
.add_new {
    text-align: center;
    padding: 34px 0px;
}
.add_new img {
    max-height: 65px;
}
.add_new h5 {
    font-size: 22px;
    color: #373737;
    margin: 10px 0px 0px;
}
.add_new:hover h5 {
    color: #5364ae;
}
.doc_hover ul {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
.doc_hover a {
    color: #5364ae;
    font-size: 17px;
    font-weight: 500;
}

.doc_hover ul li {
    width: 33.33%;
    text-align: center;
}

.doc_hover img {
    max-height: 18px;
}
.doc_hover img.deleteIcon {
    width: 13px;
}
/* End grammarly css */ 


 
.preloader {
    background-color: #fff;
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99999;
}
.preloader .loader {
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.pleaseWait {
    font-size: 18px;

}
.dotsloader {
   margin: 0px auto;
   width: 56px;
   height: 26.9px;
   background: radial-gradient(circle closest-side,#474bff 90%,#0000) 0%   50%,
          radial-gradient(circle closest-side,#474bff 90%,#0000) 50%  50%,
          radial-gradient(circle closest-side,#474bff 90%,#0000) 100% 50%;
   background-size: calc(100%/3) 13.4px;
   background-repeat: no-repeat;
   animation: dots-7ar3yq 1s infinite linear;
}

@keyframes dots-7ar3yq {
   20% {
      background-position: 0%   0%, 50%  50%,100%  50%;
   }

   40% {
      background-position: 0% 100%, 50%   0%,100%  50%;
   }

   60% {
      background-position: 0%  50%, 50% 100%,100%   0%;
   }

   80% {
      background-position: 0%  50%, 50%  50%,100% 100%;
   }
}


/* <!--start event page --> */
.top-cover-imgs {
    background-image: url(../images/slider-imgs01.png);
    background-color: #5364ae;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 155px 0px;
    margin: 0px;
    height: 350px;
    background-position: center;
    position: relative;
}
.overlay-top-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}
.header-section {
    /* background: #fff; */
    transition: all .3s ease;
    height: 80px;
    padding: 16px 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9;
}
.header-section.fixed {
 background: #fff;
    box-shadow: 2px 1px 4px #999;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99;
    padding: 20px 0px;
    height: 80px;
}
.top-cover-imgs .title-head {
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 0px 5px 6px rgb(0 0 0 / 50%);
}
section.event-section {
    padding: 90px 0px;
}
footer.f-bottom {
    background: #000000;
    padding: 14px 0px;
    z-index: 99;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.copyright p {
    color: #fff;
    font-size: 15px;
    margin: 0px;
}
.copyright a {
    color: #fff;
    text-align: right;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    text-decoration: none;
}
span.cdsd {
    color: #fff;
    padding: 0px 12px;
}
.event-content h5 {
    font-size: 26px;
    margin-bottom: 14px;
}
.event-content p {
    font-size: 15px;
    margin-bottom: 20px;
}
.event-imgs {
    text-align: center;
}
.event-imgs img {
    width: 100%;
    max-width: 446px;
    margin: 0px auto;
}

.review-list {
    opacity: 0;
}

   .review-list.animate {
        opacity: 1;
        transform: translateY(0px);
        animation: slideUp 2s linear forwards;
     }

.userIcon02 {
    max-height: 35px;
    margin-right: 8px;
}
/* Keyframes for sliding up animation */
 @keyframes slideUp {
        0% {
          transform: translateY(300px);
        }
        100% {
          transform: translateY(0px);
        }
      }

    .qtype-no1 {
        margin-bottom: 24px;
    }

    .qtype-no1 textarea.form-control {
        height: 100px !important;
    }
   h3.question1 {
    font-size: 24px;
    margin-bottom: 18px;
    color: #9142fb;
    letter-spacing: 0.5px;
}
.event-review {
    box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 6%) 0px 2px 12px;
    margin-bottom: 22px !important;
    padding: 12px 16px;
    border-radius: 100px;
    overflow: hidden;
    background: #ffffff;
    position: relative;
}
.event-review:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #9142fb transparent transparent;
    transform: rotate(0deg);
}
.data-count {
    width: auto;
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    position: relative;
    letter-spacing: 0.5px;
    margin: 0px;
}

.containerDiv {
    width: 1080px;
    margin: 0px auto;
}
.event-summary {
    margin-bottom: 22px;
}
.event-summary p {
    font-size: 16px;
    margin: 0px;
    padding-top: 5px;
}
.event-summary h3.question1 {
    margin-bottom: 10px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #5364ae !important;
}
.inceptioncontent .inceptionreport li.nav-item {
    width: 50%;
}
.inceptionreport li.nav-item .nav-link {
    width: 100%;
    text-align: center;
    height: 38px;
    font-size: 14px;
    position: relative;
    background: #f4f4f4;
    border-radius: 0px;
}

.inceptionreport li.nav-item .nav-link.active:before {
    content: '';
    position: absolute;
    top: 34px;
    left: 50%;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 14px;
    border-right-width: 14px;
    border-top: 14px solid #5364ae;
    transform: translate(-50%, 0px);
}

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

   .containerDiv {
    width: 100%;
    margin: 0px auto;
    padding-right: 16px;
    padding-left: 16px;
   }
.event-review {
    border-radius: 14px;
}

}

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

    .top-cover-imgs .title-head {
    font-size: 32px;
}
section.event-section {
    padding: 40px 0px;
    margin-bottom: 120px;
}
.containerDiv {
    width: 100%;
    margin: 0px auto;
    padding: 0px 20px;
}
.copyright.text-right {
    text-align: center !important;
}
.copyright.text-left {
    text-align: center !important;
    margin-bottom: 10px;
}
.copyright a {
    font-size: 14px;
}
}
/* <!--End event page --> */

/*start subscription css  */
.subscription-wrap {
    text-align: center;
    padding-top: 120px;
}
.bannerInr3px h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 16px;
}
.bannerInr3px h5 {
    font-size: 20px;
    line-height: 26px;
    color: #444;
    font-weight: 400;
}
.subscription-content {
    padding-top: 50px;
    padding-bottom: 50px;
}
.pricing-header {
    display: flex;
    background: #efeeee;
    padding: 30px 15px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(204 204 204 / 50%);
}
.pricing-titles h4 {
    font-size: 22px;
    margin: 0px;
}
.form-control.form-select.plan-drop {
    height: 36px;
    padding: 7px 10px;
    font-size: 13px;
    margin-bottom: 16px;
    border-radius: 5px;
}
span.text-popular {
    font-size: 10px;
    background: #000000;
    padding: 4px 22px;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.pricing-titles p {
    margin: 5px 0px 0px;
    font-size: 13px;
}
.pricing-tabs ul.tabs {
    margin: 0px;
    display: flex;
    background: hsla(0,7%,6%,.078);
    padding: 4px !important;
    border-radius: 30px;
}
.pricing-tabs .discount {
    margin: 8px 0px 0px;
    font-size: 13px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
}
.pricing-tabs ul.tabs li {
    padding: 4px 16px;
    border-radius: 30px;
    color: #3e3e3e;
    cursor: pointer;
}
.pricing-tabs ul.tabs li.current {
    background: #ffffff;
}
.tab-content {
    /* display: none; */
}
.tab-content.current{
    display: inherit;
}
.Basic-content {
    padding: 0px;
}
.Basic-content label {
    margin: 0px;
    font-size: 18px;
}
.Basic-content h1 i {
    font-size: 20px;
}
.Basic-content p {
    margin: 5px 0px 16px;
    color: #444;
    font-size: 13px;
}
.Basic-content h1 sub {
    bottom: -2px;
}
.Basic-content h1 {
    margin: 0px;
    font-size: 30px;
}
.trigger-Surveys {
    background-color: #fff;
    /* border: 1px solid rgb(204 204 204 / 50%); */
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 33px 0 rgba(0, 0, 0, 0.1);
}
ul.service-listing {
    margin: 0px;
    padding: 0px !important;
}
.part-one {
    width: 50%;
    padding: 20px 15px;
}
.padding25{
    padding-left: 15px;
}
.subscription-txt {
    padding: 0px;
    position: relative;
}
.subscription-txt:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 50%;
    width: 1px;
    height: 100%;
    background: rgb(204 204 204 / 38%);
}
ul.service-listing li {
    font-size: 15px;
    margin-bottom: 10px;
}
ul.service-listing li i {
    color: #5364ae;
}
.user-plans {
    font-size: 15px;
    padding: 0px 0px 7px;
    color: #5364ae;
    font-weight: 500;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #5364ae !important;
    border-color: #5364ae !important;
}
.btn-outline-primary:hover .group-hover {
    background: #fff !important;
}
.group-hover {
    width: 28px;
    height: 28px;
    display: inline-block;
    background: rgb(99 128 227 / 18%);
    border-radius: 5px;
    color: #5364ae !important;
    padding: 7px 0px;
    font-size: 13px;
    margin-right: 10px;
}
.fill-btn .group-hover {
    background: rgb(255 255 255 / 18%);
    color: #ffffff !important;
}
.btn.plans-btn {
    padding: .5rem .75rem;
}
.subscription-content .col-lg-5.col-md-6.col-xs-12 {
    width: 39%;
}
.subscription-content .col-lg-2.col-md-6.col-xs-12 {
    width: 22%;
}
.active-plans .pricing-header {
    background-color: #5364ae;
}
.active-plans .pricing-titles h4, .active-plans .pricing-titles p {
    color: #fff;
}
.dscds {
    font-size: 18px;
    padding: 0px 0px 16px;
}
.container {
    max-width: 1440px;
}
/* @media (min-width: 1536px) {
    .container {
        max-width: 1536px !important;
    }
} */
/*end subscription css  */

/* question list */
section.midSectionWrp.qInner-type {
    display: block;
}

a.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium, span.relative.inline-flex.items-center.px-2.py-2.text-sm {
    width: 30px;
    display: inline-block;
    height: 37px;
    padding: 7px 3px !important;
}
a.relative.inline-flex.items-center.px-4.py-2.-ml-px, span.relative.inline-flex.items-center.px-4.py-2 {
    padding: 0px 4px !important;
    width: 30px;
    height: 37px;
    font-size: 13px !important;
    color: #3e3e3e;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    margin: 0px 0px !important;
}
a.relative.inline-flex.items-center.px-4.py-2.-ml-px:hover, span.relative.inline-flex.items-center.px-4.py-2:hover {
    color: #fff;
    background: #5364ae !important;
}
.flex.justify-between.flex-1.sm\:hidden {
    display: none;
}
.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    display: block;
}
p.text-sm.text-gray-700.leading-5 {
    display: none;
}
p.text-sm.text-gray-700.leading-5.dark\:text-gray-400 {
    position: absolute;
    top: 34px;
    left: 42%;
    font-size: 12px !important;
}
nav.flex.items-center.justify-between {
    display: flex;
    align-items: center;
    justify-content:end;
    position: relative;
}
span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm {
    background: #5364ae !important;
    color: #fff;
}

.compare-dflex {
    padding: 14px 0px;
    margin-left: 0px;
    background-color: #fff;
}

/* start billing-section */
.billing-section-right {
    width: 482px;
    height: 100%;
    background-color: #fff;
    padding: 40px;
    border: 1px solid rgb(204 204 204 / 50%);
}
section.billing-section-wrapper {
    display: flex;
    background-color: #f5f5f5;
    height: calc(100vh - 66px);
}
.billing-section-left {
    width: 100%;
    max-width: calc(100vw - 479px);
    padding: 38px 50px 0 52px;
}
.billing-card {
    background-color: #fff;
    border: 1px solid rgb(204 204 204 / 50%);
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 7%);
}
.billing-card-header {
    background-color: #f7f7f7;
    padding: 12px 20px;
    border-bottom: 1px solid rgb(204 204 204 / 50%);
}
.billing-card-header h4 {
    font-size: 16px;
    color: #3e3e3e;
}
.billing-card-body {
    padding: 16px 20px;
}
.billing-card-body h5 {
    font-size: 20px;
    margin-bottom: 5px;
}
.billing-section-txt h3 {
    font-size: 18px;
    margin-bottom: 16px;
}
.coupon-code {
    display: flex;
    margin-top: 16px;
}
.coupon-code .svg-icon {
    width: 25px;
    fill: #fff;
}
.coupon-code .rounded {
    width: 100%;
    max-width: 30%;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.coupon-code .form-control {
    width: 100%;
    max-width: 70%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
h3.ss-text-size-h3 {
    margin: 0px;
    font-size: 16px;
    margin-bottom: 5px;
}
h2.ss-text-size-h2 {
    font-size: 18px;
    text-align: right;
}
h4.ss-text-size-h4 {
    font-size: 13px;
    color: #838383;
}
.billing-card-body ul.sub-price-list li {
    padding: 0px;
    font-size: 15px;
}
ul.services-list {
    padding-left: 20px !important;
    margin-top: 20px;
}
ul.services-list li {
    margin-bottom: 14px;
    padding: 0px;
    position: relative;
    text-align: left;
    font-size: 14px;
    color: #3e3e3e;
    font-weight: 400;
}
.border-divider {
    border: 1px solid rgb(204 204 204 / 38%);
}
/* End   billing-section */

/* start transcribe-section-list */

   /* Header */
.transcribe-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.transcribe-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.transcribe-title h2 {
    font-size: 24px;
}
.grid-icon {
  font-size: 22px;
}

.actions-btn {
    display: flex;
    align-items: center;
    gap: 24px;
}
.actions-btn .icon {
  cursor: pointer;
}
.actions-btn .icon img {
    max-height: 22px;
}
/* Table */
.files-table {
  width: 100%;
  border-collapse: collapse;
}

.files-table thead {
  background: #fafafa;
}
.files-table a {
    color: #212529;
}
.files-table a:hover {
    text-decoration: underline !important;
}
.files-table th,
.files-table td {
  padding: 14px;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-size: 14px;
  color: #555;
}

.files-table th {
  font-weight: 600;
  color: #777;
}

.file-name span {
  color: #888;
  font-size: 13px;
}

.mode {
  font-size: 22px;
}

.status.success {
  background: #22c55e;
  color: #fff;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
}
/* Wrapper */
.subthemes-card {
    margin-left: 30px;
    margin-top: 16px;
}
.transcribe-card {
    width: 100%;
    margin: 0px auto;
}

.transcribe-card .card-text {
    font-size: 14px;
    line-height: 24px;
}
/* Header */
.upload-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0px;
    font-size: 15px;
    color: #212529;
}

.text-right {
    text-align: right !important;
}
/* Upload Box */
.upload-box {
  background: #f1f1f1;
  margin: 0;
  padding: 40px 20px;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
}
.upload-box h2 {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 22px;
}

.upload-box .formats {
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}

/* OR Divider */
.or-divider {
  position: relative;
  margin: 20px 0;
}

.or-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #ccc;
}

.or-divider span {
  background: #f1f1f1;
  padding: 0 10px;
  position: relative;
  font-size: 13px;
  color: #666;
}

/* Button */
.browse-btn {
  background: #e0e0e0;
  border: none;
  padding: 12px 26px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
}

.browse-btn:hover {
  background: #d6d6d6;
}
.transcribe-menu li a.dropdown-item {
    color: #212529;
    font-size: 14px;
    padding: 8px 20px;
    text-decoration: none !important;
}
.transcribe-menu li a.dropdown-item:hover {
   background-color:#3030301a;
}

.transcribe-menu li a.dropdown-item img {
    max-height: 20px;
    margin-right: 8px;
}
.transcribe-menu {
    padding: 0px;
}
.videofilemodal p {
    padding: 28px 0px;
}
.maxheight22 {
    max-height: 22px;
}
.bghide {
    background: #3e3e3e;
    min-height: calc(102% - 0rem);
    height: 100%;
    margin: 1px auto;
    width: 100%;
}
/* Mode Cards */

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

.mode-card .icon {
    font-size: 24px;
    margin-bottom: 3px;
}
.radio-card {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mode-card h4 {
    margin: 5px 0;
    font-size: 16px;
}
.mode-card .tag {
  font-size: 13px;
  color: #666;
}

.mode-card.active {
  background: #5364ae;
  color: #fff;
  border: none;
}

.mode-card.active .tag {
  color: #fff;
}
.mode-section h3.title {
    font-size: 18px;
    margin-bottom: 14px;
    margin-top: 26px;
    font-weight: 600;
}
/* Settings */
.settings {
  margin-top: 25px;
}

.settings-title {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 15px;
}

.setting-item {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px solid #eee;
    cursor: pointer;
    margin: 0px;
   font-size: 13px;
}

.setting-item input {
  margin-top: 5px;
}

.setting-item p {
  margin:0;
  font-size: 13px;
  color: #666;
}
/* end transcribe-section-list */
label.consent_label {
    margin-left: 5px;
    position: relative;
    top: -3px;
}

.mobileScreen .col-lg-3.col-md-6.col-xs-12 {
    width: 50%;
}
.mobileScreen button.downloadQuestion {
    width: 100%;
}
.createsurveyaiBox table.table tr td, .createsurveyaiBox table.table tr th {
    padding: 6px 6px;
}
.createsurveyaiBox {
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 1px 2px 20px 0px #00000014;
    box-shadow: 1px 2px 20px 0px #00000014;
    width: 100%;
    max-width: 95%;
    margin: 0px auto;
    border-radius: 10px;
}
.createsurveyaiPage {
    background: #F8FAFB;
    padding: 50px 0px;
    /* height: 100vh; */
    min-height: 850px;
}
.createsurveyaiBox input[type="text"]:focus::placeholder {
    opacity: 0;
}
.head-color{
    color: #5364ae;
}
.createsurveyaiBox .inputWithIcon .startDate {
    top: 40px;
}

.bootstrap-datepicker,
.datepicker-dropdown {
    z-index: 1055 !important;
}
.inline-edit{
  cursor: pointer;
  /* padding: 4px 8px; */
  border-radius: 6px;
  border: 1px dashed transparent;
}
.inline-edit.editing{
  border: 0px solid #0d6efd;
  background: #fff;
  outline: none;
}
.transcribe-head {
    margin-bottom: 18px;
}
.transcribe-head h4 {
    font-size: 20px;
    margin-bottom: 12px !important;
    color: #2a3042;
    font-weight: 600;
}
.subthemes-card h6.fwbold {
    font-weight: 600;
}
.transcribe-head p {
    line-height: 24px;
}
.h45 {
    height: 45px;
}
#themewiseform .btn {
    padding: 9px 14px;
}


@media (max-width: 768px) {
    .deleteRow.ml-10 {
    margin: 10px 0px 0px;
}

.logngFormWrp{
    padding: 0px !important;
}
h2.longformHeader-title {
    margin: 13px 0px;
    text-align: left !important;
}

}


.add_colum {
    position: relative;
    padding: 3px 20px;
    font-size: 17px;
    cursor: pointer;
}

.add_colum:after {
    content: "\f055";
    font-family: FontAwesome;
    position: absolute;
    left: 2px;
    top: 4px;
    font-size: 17px;
    font-weight: bold;
}
.secton3px .table thead tr th {
    padding: 18px 12px;
    font-size: 15px;
    font-weight: 600;
    color: #3e3e3e;
    background: #f3f1f1;
}
.secton3px table.tableFormat td {
    border-bottom: 1px solid #cccccc8f !important;
    border:0px;
}
ul.samplFild li {
    /* font-weight: 500; */
    margin-bottom: 10px;
    color: #000;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
ul.samplFild li span {
    font-weight: 400;
    padding-left: 7px;
    color: #000;
    width: 25%;
    display: inline-block;
}
table.table.table_bordered.tableFormat.dataTable.no-footer {
    margin: -3px 0px 0px;
}
.secton3px {
    position: relative;
}
.secton3px .dt-buttons {
    position: absolute;
    top: 0px;
    left: 169px;
}
.exportCalc {
    background: no-repeat;
    font-size: 19px;
    color: #3e3e3e;
}
.dataTables_scrollHeadInner {
    width: 100% !important;
}
table.table.table_bordered.tableFormat.dataTable {
    width: 100% !important;
}
.claculor_sec img {
    max-height: 18px !important;
}
.table td {
    vertical-align: top !important;
}
ul.samplFild li label {
    width: 75%;
    margin:0;
}
       .display-none {
            display: none !important;
        }

        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: rgba(0, 0, 0, .8);
            z-index: 999;
            opacity: 1;
            transition: all 0.5s;
        }


        .lds-dual-ring {
            display: inline-block;
        }

        .lds-dual-ring:after {
            content: " ";
            display: block;
            width: 64px;
            height: 64px;
            margin: 5% auto;
            border-radius: 50%;
            border: 6px solid #fff;
            border-color: #fff transparent #fff transparent;
            animation: lds-dual-ring 1.2s linear infinite;
        }

        @keyframes lds-dual-ring {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }


ul.metismenu.inceptionreport2 {
    margin: 0px 0;
}
ul.metismenu.inceptionreport2 a {
    color: #3e3e3e;
    display: block;
    font-size: 13px;
    padding: .625rem 1.5rem;
    position: relative;
    transition: all .4s;
    margin-bottom: 0px;
    font-weight: 600;
}
ul.metismenu.inceptionreport2 a:hover, ul.metismenu.inceptionreport2 a:focus {
    text-decoration: none;
    color: #5364ae;
}
ul.metismenu.inceptionreport2 a i {
    margin-right: 10px;
}
.btn-check:focus+.btn-info, .btn-info:focus {
    color: #3e3e3e;
    background-color: #d5d5d5;
    border-color: #d5d5d5;
    box-shadow: none;
}
.btn-info, .btn-info:hover {
   color: #3e3e3e;
    background-color: #d5d5d5;
    border-color: #d5d5d5
}
/* .inceptionreport2 li.active {
    background: #91a6eb;
    color: #fff;
} */

.inceptionreport2 li.active a {
    color: #5364ae;

}
ul.chartbox-list {
    display: flex;
    align-items: center;
}

ul.chartbox-list img.chart-img {
    max-height: 80px;
}

ul.chartbox-list li {
    text-align: center;
    width: 20%;
}
ul.chartbox-list li .form-check-label {
    font-size: 16px;
}
.accordion-report-list .accordion-button::after{
   background-size: 1rem;
}
.accordion-report-list .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #5364ae;
    box-shadow: none;
}
.accordion-report-list .accordion-button {
    padding: 12px 16px;
    font-size: 14px;
}
.right-panel.inceptioncontent {
    padding: 20px 12px 20px 12px;
    overflow: inherit;
    height: 100%;
    overflow-x: hidden;
    flex-basis: inherit;
     width: 300px;
    min-width: 300px;
    background: #fff;
}
.main-container {
    display: flex;
    overflow: hidden;
    padding: 70px 0px 40px 20px;
    margin-left: 250px;
}

/* LEFT PANEL */
.main-container .left-panel {
    width: 100%;
    min-width: 300px;
    overflow: auto;
    padding: 10px;
    background: #f8f9fa;
}


/* RESIZER */
.resizer {
    width: 6px;
    cursor: col-resize;
    background: #dee2e6;
}

.resizer:hover {
    background: #adb5bd;
}
.inceptioncontent ul.list-unstyled li {
    border: 0px;
    margin-bottom: 0;
    padding: 0px;
    border-radius: 7px;
}
.inceptioncontent ul.list-unstyled li p {
    font-size: 14px;
}
.inceptioncontent .inceptionreport li.nav-item {
    width: 50%;
}

.navbar-toggler.pencilMenuToggle {
    position: fixed;
    right: 2%;
    z-index: 999;
    bottom: 2%;
    background: #5364ae;
    padding: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    display: none;
}

/************ dashboard-ai-css  ***************/
/* Card Styling */
.dashboard-card {
  border-radius: 12px;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}

.dashboard-card:hover {
  transform: translateY(-5px);
}

/* Bottom Border Colors */
.dashboard-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
}

.dashboard-card.purple::after { background: #7b61ff; }
.dashboard-card.red::after { background: #ff5c5c; }
.dashboard-card.orange::after { background: #ff9f43; }
.dashboard-card:not(.purple):not(.red):not(.orange)::after { background: #20c997; }

/* Icon Box */
.icon-box {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.dashboard-card .card-body {
    padding: 15px;
}
.dashboard-card h3 {
    font-size: 24px;
}
.custom-card-chart {
    box-shadow: 0 .75rem 1.5rem #12263f08;
    margin-bottom: 24px;
    border: 0px solid #eff2f7;
    background-color: #fff;
    border-radius: 0.25rem;
    position: relative;
}
.custom-card-chart .card-title {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}
.custom-card-chart input#color {
    display: none;
}
select.change-chart-type.form-select {
    background-color: #ffffff;
    border: 0px;
    outline: none;
    border-radius: 30px;
    font-size: 13px;
    padding: 0px 10px;
    width: 98px;
    height: 30px;
    background-size: 10px 10px;
}
.chart-actions a.nav-link.button_icon {
    padding: 0px;
    line-height: 0px;
}
.chart-actions a.nav-link.button_icon img {
    max-height: 26px;
}
.card.template1p {
    margin-bottom: 0;
    height: 100px;
    border-radius: 5px;
    padding: 0px;
    background: #fafafa;
    border: 1px solid #cccccc75;
    overflow: hidden;
}
.h-sm {
    height: 20px;
}
.stepwizard .ck.ck-editor__main>.ck-editor__editable {
    border-color: var(--ck-color-base-border);
    height: calc(100vh - 250px) !important;
}
.list-unstyled h2 {
    font-size: 20px;
    margin-bottom: 6px;
}
.ai-content-wrapper.swipeleft-img .swipe {
    position: absolute;
    top: 0px;
    left: -100%;
    background: #5364ae;
    width: 100%;
    padding: 8px 16px;
    transition: all .3s ease;
    text-align: center;
}
.ai-content-wrapper.swipeleft-img:hover .swipe {
    left: 0;

}
input.form-check-input.content-radio {
    margin-left: -1.6em;
    width: 20px;
    height: 20px;
}
.ai-content-wrapper.swipeleft-img .swipe img {
    max-height: 32px;
    margin-right: 15px;
    filter: contrast(0) brightness(2);
}
.ai-content-wrapper.swipeleft-img {
    overflow: hidden;
    position: relative;
}
.ai-content table tr td {
    font-size: 13px;
}
.ai-content-wrapper ul li {
    border: 0px !important;
    margin-bottom: 6px !important;
}
.ai-content-wrapper figure.table td {
    padding: 10px;
}
.ai-content-wrapper .read-more-btn {
    font-size: 12px;
}
.putPatternType .card_body {
    cursor: pointer;
}
.dashboardTypemodal .card_outer.longformCSV {
    height: 210px !important;
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.07);
}


/* Top Menu */
.surveyeditor-top-menu {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #f3f3f3;
    padding: 8px 24px;
    /* border-radius: 20px; */
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}
.surveyeditor-top-menu .menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1b2b5b;
    font-size: 14px;
    padding-right: 14px;
    border-right: 1px solid #e6eaf5;
    cursor: pointer;
    position: relative;
}
.surveyeditor-top-menu .menu-item .profile-dropdown {
    top: 45px;
}
.surveyeditor-top-menu .menu-item i {
    color: #5364ae;
    font-size: 14px;
    padding-right: 8px;
}
.project-select {
    margin-left: auto;
    width: 30%;
}
.project-select .form-select {
    margin-left: auto;
    background-color: #eef3ff;
    border: 1px solid #dbe5ff;
    padding: 15px 15px;
    border-radius: 16px;
    color: #3e3e3e;
    font-weight: 500;
    font-size: 14px;
}

/* Filter Card */
.filter-card {
    margin-top: 36px;
    margin-bottom: 36px;
    background: #fff;
    border-radius: 22px;
    padding: 35px;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}
.date-section{
    display:flex;
    gap:30px;
    flex:1;
}

.date-section .date-box{
    display:flex;
    align-items:center;
    gap:20px;
    width:100%;
}

.date-section .icon-box{
    width:60px;
    height:60px;
    border-radius:18px;
    background:#eef3ff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top: 30px;
}

.date-section .icon-box i{
    color: #0d2b74;
    font-size: 26px;
}

.date-section .input-wrapper{
    flex:1;
}

.input-wrapper label{
    display:block;
    margin-bottom:10px;
    font-size: 16px;
    font-weight:600;
    color:#1e2d59;
}

.date-section .input-field{
    position:relative;
}

.date-section .input-field input{
    width:100%;
    height:58px;
    border:1px solid #d8dfef;
    border-radius:12px;
    padding:0 50px 0 20px;
    font-size:16px;
    outline:none;
}

.date-section .input-field input:focus{
    border-color:#3768ff;
}

.date-section .input-field i {
    font-size: 20px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #5d6b8d;
}

.filter-card .delete-btn{
    background:#0d2b74;
    color:#fff;
    border:none;
    border-radius:14px;
    padding: 16px 30px;
    font-size: 16px;
    font-weight:500;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:10px;
    transition:.3s;
    margin-top: 30px;
}

.filter-card .delete-btn:hover{
    background:#143a96;
}

.custom-file-label::file-selector-button {
    background: #000;
    color: #fff;
    border: none;
    padding: 10px 25px;
    height: 45px;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 10px;
}

.custom-file-label::file-selector-button:hover {
    background: #333;
}

/* Responsive */
@media(max-width:1200px){

    .filter-card .filter-card{
        flex-direction:column;
        align-items:stretch;
    }

    .date-section{
        flex-direction:column;
    }

    .project-select{
        margin-left:0;
    }
}

label.custom-file-label.form-control {
    padding: 10px 12px;
    position: relative;
    color: #5364ae !important;
    border: 1px solid currentColor;
    font-size: 15px;
}
label.custom-file-label.form-control:after {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 120px;
    height: 40px;
    background: #5364ae;
    content: "Browse";
    color: #fff;
    padding: 8px 28px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

.dropdown-viewer {
    position: relative;
}

.dropdown-viewer .profile-dropdown {
    top: 22px;
}
.dropdown-viewer .profile-dropdown li a {
    padding: 8px 10px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ccccccba;
    color: #3e3e3e;
    font-weight: 500;
}
.dropdown-viewer .profile-dropdown li a:hover {
    background: #3F51B5;
    color: #fff;
}
.dropdown-viewer .profile-dropdown li a i {
    margin-right: 5px;
}