@import url(font.css);
@import url(daterangepicker.css);

body {
    font-family: "Inter";
}

.table-fix {
    min-height: 220px;
}
/* Background styles */
.bg-blue-tosca {
    background-color: #003e76;
}

.bg-sky-blue {
    background-color: #dcf0fa;
}

.bg-primary {
    background-color: #081623;
}

.bg-secondary {
    background-color: #464f5b;
}

.bg-tersier {
    background-color: #7e858b;
}

.bg-blue {
    background-color: #0081f5;
}

.bg-green {
    background-color: #17a97a;
}

.bg-dark-blue {
    background-color: #15152e;
}

.bg-red {
    background-color: #dd3e30;
}

.bg-yellow {
    background-color: #e1a700;
}

.bg-orange {
    background-color: #f48241;
}

.bg-light-blue {
    background-color: #e7f3ff;
}

.bg-light-yellow {
    background-color: #fcf6e5;
}

.bg-light-green {
    background-color: #e9f6eb;
}

.bg-light-grey {
    background-color: #f2f5f8;
}

.bg-light-grey2 {
    background-color: #f6f9fa;
}
.bg-dark-gold {
    background: #e1a8001a;
}
/* Text Colors */
.text-blue-tosca {
    color: #003e76;
}
.text-light-tosca {
    color: #7b75ff;
}

.text-goldenrod {
    color: #cd933b;
}

.text-turquoise {
    color: #33b0c0;
}
.text-primary {
    color: #081623;
}

.text-secondary {
    color: #464f5b;
}

.text-tersier {
    color: #7e858b;
}

.text-blue {
    color: #0081f5;
}

.text-green {
    color: #17a97a;
}

.text-dark-blue {
    color: #15152e;
}

.text-red {
    color: #dd3e30;
}

.text-yellow {
    color: #e1a700;
}

.text-orange {
    color: #f48241;
}

.text-light-blue {
    color: #e7f3ff;
}

.text-light-yellow {
    color: #fcf6e5;
}

.text-light-green {
    color: #e9f6eb;
}

.text-light-grey {
    color: #f2f5f8;
}

.text-light-grey2 {
    color: #f6f9fa;
}

.text-pink {
    color: #fa9786;
}

.text-pinkish-purple {
    color: #e978d7;
}

/* Button Styles */
.btn {
    font-size: 14px;
    border-radius: 8px;
    padding: 8px 12px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.btn-primary-active {
    background-color: #17a97a;
    color: #fff;
}
.btn-dark-blue {
    background: #15152e;
    color: #fff;
}
.btn:hover {
    background-color: #118f67;
    color: #fff;
}

.no-hover:hover {
    background-color: transparent;
}

.btn-outline-light {
    border-color: #e9e7e3;
}

.btn-outline-light:hover {
    background-color: #e9e7e3;
}

.btn:disabled {
    background-color: #f2f5f8;
    color: #7e858b;
}

.btn-secondary-active {
    border: 1px solid #17a97a;
    color: #17a97a;
}

.btn-secondary:hover {
    border: 1px solid #118f67;
    color: #118f67;
}

.btn-secondary:disabled {
    border: 1px solid #e9e7e3;
    color: #e9e7e3;
}

.btn-tersier-active {
    color: #17a97a;
}

.btn-tersier:hover {
    color: #118f67;
}

.btn-tersier:disabled {
    color: #e9e7e3;
}

/* Form And Text Field */
.form-control {
    border: 1px solid #e9e7e3;
    color: #081623;
    height: 48px;
}

.form-control::placeholder {
    color: #a7adae;
    font-size: 14px;
}

.error {
    color: #dd3e30;
}

.form-label {
    color: #081623;
    font-size: 12px;
}

/* Heading Styles */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

/* Font Size */
.f-14 {
    font-size: 14px;
}
.f-16 {
    font-size: 16px;
}
.f-7 {
    font-size: 7px;
}
.f-13 {
    font-size: 13px;
    line-height: 1.5;
}

.f-12 {
    font-size: 12px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}
.f-24 {
    font-size: 24px;
}

.f-16 {
    font-size: 16px;
}
.f-10 {
    font-size: 10px;
}
/* Font Weight */
.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

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

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

p {
    line-height: 1.2;
}
a,
a:hover {
    text-decoration: none;
}
.copyright p {
    font-size: 12px;
}

/* Login Styles */
.login {
    padding: 50px 0 50px;
}

.superadmin-login {
    max-width: 775px;
    margin-right: auto;
    margin-left: auto;
}

.container-md-preview {
    max-width: 530px;
    margin-right: auto;
    margin-left: auto;
}

.superadmin-login .card-body {
    padding: 60px;
}

.login h3 {
    margin-bottom: 22px;
}

.login p {
}

/* Header */
.logo {
    height: 70px;
}
/* organisation */
.company-images {
    width: 50px;
    height: 50px;
}
/* SuperAdmin Dashboard */

.main-wrapper {
    min-height: 100vh;
}
/* deactivate button */
.btn-error {
    font-size: 14px;
    border-radius: 8px;
    padding: 8px 12px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background-color: white;
    border: 1px solid #dd3e30;
}

.btn-error:hover {
    background-color: #dd3e30;
    color: white;
}

.sidebar {
    min-width: 258px;
    transition: left 0.3s ease;
    background-color: #003e76;
    left: 0;
    position: fixed;
    z-index: 1030;
    height: 100vh;
}

.sidebar_hide {
    left: -258px;
    min-width: 0;
}

.chartdiv{
    position: relative;
}
.dashboard {
    height: 100%;
    background-color: #f0f2f6;
}

.dashboard-content {
    width: calc(100% - 258px);
    margin-left: auto;
}

.dashboard-content-right {
    width: calc(100%);
    height: 100%;
    margin-left: auto;
}
.dashboard-content-share {
    width: calc(100% - 258px);
    height: 100%;
    margin-left: auto;
}

.dashboard-content-customshare {
    width: calc(100%);
    height: 100%;
    margin-left: auto;
    padding: 40px;
    border-radius: 8px;
}
.dashboard_content_active {
    min-width: 100%;
}


.dashboard_content_active .close-sidebar-btn {
    margin-left: 0;
    transform: rotate(180deg);
}

.dashboard-light {
    background-color: #f0f2f6;
}
/* label */
label.media.p-3.border.rounded-8.companies {
    height: 100%;
}
/* loader */

#loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}
.message-container {
    padding: 10px;
    border-radius: 8px;
    margin-right: 10px;
}

.message-text {
    margin: 0;
    color: black;
}

.loader {
    border: 8px solid #f3f3f3; /* Light gray border */
    border-top: 8px solid #3498db; /* Blue border for the loader */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Sidebar Styles */
.nav-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.sidebar-nav li a {
    color: #c9d0d6;
    text-decoration: none;
    font-size: 14px;
}

.sidebar-nav .nav-link.active {
    padding: 14px 16px;
    background-color: #0081f5;
    border-radius: 8px;
    color: #ffffff;
}

.sidebar-nav .nav-link svg {
    margin-right: 5px;
    margin-top: -5px;
}

.sidebar-nav .nav-item {
    margin-bottom: 28px;
}

.sidebar .navbar-brand {
    margin-bottom: 42px;
}

.sidebar .sidebar-nav {
    height: calc(100vh - 200px);
    overflow-y: auto;
}

.sidebar .sidebar-nav::-webkit-scrollbar,
.help_center_sidebar::-webkit-scrollbar {
    display: none;
}

.filter {
    max-width: 261px;
    margin-left: auto;
}

.filter .form-control:focus {
    box-shadow: none;
}

.filter label {
    font-size: 18px;
    color: #686f70;
}

.filter .form-control {
    font-size: 18px;
}

/* Header */
.page-title {
    font-size: 28px;
}

/* Counter Section */
.section-counter img {
    width: 20px;
    height: 20px;
    margin-top: 15px;
}

.counter-title {
    color: #374a4d;
    margin-bottom: 30px;
}

.counter-icon {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    display: inline-block;
}

.counter-text {
    font-size: 34px;
}

.section-counter .media {
    border-right: 1px solid #e9e7e3;
}

.rounded-12 {
    border-radius: 12px;
}

.rounded-left-12 {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.rounded-top-12 {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.rounded-bottom-12 {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.rounded-right-12 {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.rounded-8 {
    border-radius: 8px;
}

.rounded-left-8 {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.rounded-right-8 {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.rounded-top-8 {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.rounded-bottom-8 {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

/* outline */
.outline-none {
    outline: 0;
}

.content-main {
    height: calc(100vh - 90px);
    overflow-y: auto;
}

.content-main-custom {
    height: calc(100vh - 190px);
    overflow-y: auto;
}
.content-main-customshare {
    height: calc(100vh - 129px);
    overflow-y: auto;
    margin-top: 40px;
}

.content-main-share {
    height: calc(100vh - 90px);
    margin-top: 70px;
    overflow-y: auto;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 8px;
}

.table-title {
    font-size: 14px;
    line-height: 17px;
    color: #031618;
}

.table-content {
    font-weight: 400;
    font-size: 12px;
    color: #686f70;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f6f9fa;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.table thead {
    border-bottom: 1px solid #e9e7e3;
}

.table th {
    white-space: nowrap;
}

.table select {
    min-width: 150px;
}

/* Badge */
.c-badge {
    border-radius: 30px;
    padding: 5px 12px;
    color: #7e858b;
}

.c-badg-success {
    color: #65bf73;
    background-color: rgba(101, 191, 115, 0.2);
}

.c-badg-warning {
    color: #e1a700;
    background-color: rgba(255, 241, 43, 0.2);
}
.c-badg-error {
    color: #f75c47;
    background-color: rgba(247, 92, 71, 0.2);
}
.c-badg-primary {
    color: #33b0c0;
    background-color: rgba(51, 176, 192, 0.1);
}
.c-badg-outlined {
    color: #031618;
    border: 1px solid #c7cbcb;
}
.table-data {
    font-size: 14px;
}

.symbol {
    font-size: 18px;
}

.datepicker {
    border-radius: 8px;
    position: relative;
}

.datepicker span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.datepicker span .calendar-icon {
    height: 19px;
    position: relative;
}

.datepicker .form-control {
    background-image: url("../images/calender.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    padding-right: 50px;
    border-radius: 8px;
}

.close-sidebar-btn {
    min-width: 24px;
    min-height: 24px;
    background-color: #17a97a;
    padding: 0;
    border-radius: 50%;
    margin-left: -38px;
    position: relative;
    z-index: 1040;
}
.header .datepicker {
    min-width: 290px;
}
/* Section Survey */
.section-survey {
    padding: 40px 18px;
}

.survey-media-icon {
    min-width: 50px;
    min-height: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 44px;
    border: 1px solid #e9e7e3;
    border-radius: 50%;
    display: inline-block;
}
.go-back {
    width: 40px;
    height: 40px;
}
/* hr reset passwordS */

.hr-reset-password {
    max-width: 605px;
}

.hr-reset-password .card-body {
    padding: 50px;
}
.superadmin-logo-image {
    margin-bottom: 30px;
    height: 96.31px;
}

/* Survey Nav Tabs */
.survey-dropdown {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.survey-dropdown li a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: #031618;
}

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

.survey-dropdown li a:hover {
    background-color: #eaf4f5;
}

.survey-nav-tabs.nav-tabs .nav-link {
    border: 0;
    color: #374a4d;
}

.survey-nav-tabs.nav-tabs .nav-link.active {
    border: 0;
    color: #1b565e;
    border-bottom: 1px solid #1b565e;
}

/* Tab Sections */
.section-tab {
    padding: 50px 50px;
}

.tab-header .select-control-type {
}

.select-category {
    border: 0;
    background: transparent;
    outline: 0;
}

.toggle-switch input[type="checkbox"] {
    display: none;
}

.toggle-slider {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    background-color: #ccc;
    border-radius: 34px;
    transition: background-color 0.2s;
}

.toggle-slider::before {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: white;
    top: 2px;
    left: 2px;
    transition: transform 0.2s;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-slider::before {
    transform: translateX(22px);
}

.toggle-switch input[type="checkbox"]:checked + .toggle-slider {
    background-color: #1abc9c;
}

/* Create Survey Form */
.create-survey-form .form-card {
    padding: 30px 96px;
    border-radius: 12px;
    margin-top: 18px;
}

/* Ratings */
.ratings-group .rating-control {
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

.ratings-group label:first-child span {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.ratings-group label:last-child span {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.ratings-group input[type="radio"],
.ratings-group input[name^="rating"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
}
.ratings-group span {
    display: block;
    border: 1px solid #e9e7e3;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #374a4d;
    cursor: pointer;
    padding: 5px 23px;
}

.ratings-group input[type="radio"]:checked + span,
.ratings-group input[name^="rating"]:checked + span {
    background-color: #17a97a;
    color: #fff;
    border-color: #17a97a;
}

.checkboxes-container input[type="checkbox"],
.radio-container input[type="radio"] {
    width: 24px;
    height: 24px;
}

.form-body {
    margin-bottom: 74px;
}

.form-card {
    display: none;
}

.delete-item {
    display: none;
}

/*  */
.asidebar li:hover {
    background-color: #eaf4f5;
    border-right: 2px solid #1b565e;
    border-radius: 8px 0px 0px 8px;
}
.text-dark-green {
    color: #1b565e;
}

.asidebar li:hover a {
    color: #1b565e;
}

.upload-logo {
    width: 80px;
    height: 80px;
    background-image: url(images/plus-icon.svg);
    background-repeat: no-repeat;
}

.upload-logo input[type="file"] {
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.box-appearance {
    max-width: 642px;
}

.ratings-container .ratings-group {
    overflow-x: auto;
}
/* Category header */

.tab-catg-header {
    cursor: pointer;
    font-size: 18px;
}

.ratings-container {
    display: block;
}

.catg-list {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    z-index: 999;
    background-color: #fff;
    padding: 16px;
    overflow-y: auto;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
}

.tab-header {
    position: relative;
}

.catg-list li {
    cursor: pointer;
    padding: 13px;
}

.upload-logo-image {
    max-width: 180px;
}

.catg-list li:hover {
    background-color: #e7f3ff;
    border-radius: 8px;
}

.catg-title {
    font-weight: bold;
    font-size: 18px;
}

.catg-description {
    font-size: 14px;
    color: #666;
}

/* Survey Action Dropdown */
.survey-action-menu {
    right: 0;
    left: unset;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
}

.dropdown-menu li a {
    text-decoration: none;
    padding: 8px 15px;
    font-size: 14px;
    color: #031618;
}

.dropdown-menu li a:hover {
    background-color: #e7f3ff;
}

/* Share Email */
.share-email-tabs {
}

.share-email-tabs .nav-item {
    max-width: 50%;
    flex: 0 0 50%;
    width: 100%;
}

.share-email-tabs .nav-item:first-child .nav-link.active {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid #e8eeef;
}

.share-email-tabs .nav-item:nth-child(2) .nav-link {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.share-email-tabs .nav-link {
    display: block;
    border: 1px solid #e9e7e3;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #031618;
}

.share-email-tabs .nav-link.active {
    background-color: rgba(27, 86, 94, 0.1);
    border-color: rgb(27 86 94 / 0%);
}

.textarea-control.form-control {
    height: 98px;
}

.form-control {
    border-radius: 8px;
}

/* user management */
.user_name_avtar {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #d5e1e3;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #1b565e;
}

.avtar_80 {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 36px;
}

.user_img_avtar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.table_menu {
    left: unset;
    right: 50px;
    top: 0;
    margin-top: -95px;
    box-shadow: 0px 8px 14px rgb(0 0 0 / 10%);
}
.table tr:first-child .table_menu {
    margin-top: -10px;
}
.user-list .table tr {
    position: relative;
}

/* Search Control */
.search_control {
    width: 0;
    padding-left: 0;
    padding-right: 0;
    transform: width ease 0.3s;
    height: 100%;
}

.active_search_control {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 260px;
}

.clear_search {
    display: none;
    position: absolute;
    top: 0;
    right: 53px;
    height: 100%;
    font-size: 18px;
    font-size: 24px !important;
    color: #686f70;
    z-index: 2222;
}

.clear_search span {
    margin-top: -7px;
    display: block;
}

.white_space_nowrap {
    white-space: nowrap;
}

/* Table Pagination */
.custom_pagination li .page-link {
    border: 0;
    border-radius: 5px;
    display: block;
    margin-left: 0;
    padding: 6px 12px;
    font-size: 14px;
    color: #374a4d;
}
.custom_pagination li {
    font-size: 14px;
    color: #374a4d;
}
.custom_pagination li.active .page-link {
    background-color: #17a97a;
    color: #fff;
}
.custom_pagination .pagination {
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
    padding: 0 15px;
}
.custom_file_upload {
    width: 80px;
    height: 80px;
    position: relative;
    background: #f1f1f1;
    border-radius: 8px;
    outline: 1px solid #e9e7e3;
    outline-offset: 8px;
    margin: 28px 0 32px 8px;
}

.custom_file_upload input[type="file"] {
    position: relative;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.custom_file_upload::before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "+";
    text-align: center;
    font-size: 40px;
    color: #686f70;
}

/* Custom Media Select */

.custom_media_select .dropdown_toggle {
    border: 1px solid #e9e7e3;
}

.custom_media_select .dropdown_menu li {
    cursor: pointer;
}

.custom_media_select .dropdown_menu li:hover {
    background-color: #eee;
}

.custom_media_select .dropdown_menu img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

.custom_media_select .dropdown_menu span {
    font-size: 14px;
    color: #999;
}

.custom_media_select .dropdown_menu {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e9e7e3;
    border-top: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 200px;
    overflow-y: auto;
}

.custom_media_select .dropdown_menu li:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.custom_media_select .dropdown_toggle_open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.custom_media_select .dropdown_menu li a {
    text-decoration: none;
}

.custom_media_select .dropdown_toggle img {
    margin-right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.custom_media_select .dropdown_toggle {
    position: relative;
    height: 70px;
}

.custom_media_select .dropdown_toggle::after {
    content: "‸";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 10px;
    font-size: 28px;
    line-height: 35px;
    transform: rotate(180deg);
}

.custom_media_select .dropdown_toggle_open::after {
    transform: rotate(0deg);
}

/* Form Wizard */
.form_wizard {
    display: none;
}

/* #wizard-1 {
    display: block;
} */
#wizard-1 {
    display: block;
}
/* Upload SpreadSheet */
.upload_spreadsheet {
    background: #f4f7f8;
    border: 1px solid #e9e7e3;
    border-radius: 12px;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}

.upload_spreadsheet input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.upload_spreadsheet .show_file_info {
    display: none;
}

.upload_spreadsheet {
    display: none;
}

.toast-icon {
    width: 32px;
}
.upload_spreadsheet .show_file_info .size_86 {
    width: 86px;
    height: 86px;
    background: #d9d9d9;
    border-radius: 10px;
}

.previous_wizard {
    display: none;
}

.add_users_individually {
    display: none;
}

.spreadSheet.table td {
    white-space: nowrap;
    vertical-align: middle;
}
.modal {
    overflow-y: auto;
}
.uploaded_preview {
    height: 100px;
    width: 100px !important;
    margin-left: 26px;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    margin-top: 18px;
}

.uploaded_preview2 {
    height: 50px;
    width: 50px;
    object-fit: cover;
}

#imagePreviewContainer {
    display: flex;
    margin-top: 5px;
    gap: 5px;
}

/* preview survey */

.cancle-icon {
    border: 1px solid;
}
.progress {
    height: 8px;
    width: 200px;
}
.question-no {
    border-top: 1px solid #dee2e6;
}
.preview-breadcrumb {
    background-color: rgba(244, 130, 65, 0.2);
}
.modal-full {
    max-width: 100% !important;
    height: 100% !important;
}

.form_wizard {
    display: none;
}

/* annoument and support */

.list-image {
    margin-right: 13px;
}

.rounded-8 {
    border-radius: 8px;
}

.account-settings li {
    display: block;
}
.account-settings li > a {
    padding: 14px;
    display: block;
}
.account-settings li.catg-btn .action-cat-btn {
    display: none;
}
.account-settings li.catg-btn:hover .action-cat-btn {
    display: flex;
}
.account-settings li.catg-btn:hover {
    background-color: #e7f3ff;
    border-right: 2px solid #0081f5;
    border-radius: 8px 0px 0px 8px;
}
.account-settings li.catg-btn {
    align-items: center;
    justify-content: space-between;
}
.account-settings li.active a svg path,
.account-settings li:hover a svg path {
    stroke: #0081f5;
}
.profile_setting li.active a,
.profile_setting li:hover a {
    color: #0081f5 !important;
    background-color: #e7f3ff;
    border-right: 2px solid #0081f5;
    border-radius: 8px 0px 0px 8px;
}
.upload-logo {
    width: 80px;
    height: 80px;
    background-image: url(images/plus-icon.svg);
    background-repeat: no-repeat;
}

.upload-logo input[type="file"] {
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.card-logo {
    height: 38px;
}

/* #wizard-1 {
    display: block;
} */
.survey_checkbox {
    background: rgba(40, 121, 132, 0.1);
    border: 1px solid rgba(40, 121, 132, 0.2);
    border-radius: 8px;
}
.survey_checkbox small {
    color: #287984 !important;
}
.preview-label {
    font-size: 20px;
}
.rating_label_bottom {
    position: absolute;
    left: 15px;
    margin-top: -5px;
}
.rating_label_top {
    position: absolute;
    right: 0;
    margin-top: -5px;
}

/* latest filter css */
/* Charts */
#chartdiv,
.chart {
    width: 100%;
    height: 640px;
    margin-bottom: 20px;
}
.all_filtered_companies {
    display: flex;
    flex-wrap: wrap;
}
.chart1 {
    width: 100%;
    height: 300px;
}
.chart2 {
    width: 100%;
    height: 600px;
}
.chartSpider{
    width: 100%;
    height: 400px;
}
#ratingchartdiv {
    width: 100%;
    height: 500px;
}

#piechartdiv {
    width: 100%;
    height: 300px;
}

/* Filter Graph */
.graph_result {
    min-width: 20px;
    min-height: 20px;
    font-size: 13px;
    background-color: #dd3e30;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-left: 5px;
}

.icon_white {
    filter: brightness(0) invert(1);
}

.graph_desc td {
    font-size: 14px;
    padding: 2px 5px;
}

.graph_desc {
    min-width: 349px;
}

.am5-html-container > div {
    background-color: rgb(255, 255, 255) !important;
    box-shadow: 0px 0px 14px 5px #0000001c;
}

/* Custom Filter Radio */
.industries_radios input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.industries_radios .rating-control {
    position: relative;
    width: 100%;
}
.survey-logo-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.industries_radios .rating-control span {
    display: block;
    width: 100%;
    border: 1px solid #e9e7e3;
    border-radius: 8px;
    padding: 15px 50px 15px 15px;
    font-size: 14px;
    min-width: 160px;
}

.industries_radios input[type="checkbox"]:checked + span,
.industries_radios input[type="radio"]:checked + span {
    background-color: #e7f3ff;
    color: #0081f5;
    border-color: #e7f3ff;
}

.industries_radios li {
    display: inline-block;
    margin-right: 12px;
}

.industries_radios {
    overflow-x: auto;
}

.filter_chart_form .companies input[type="checkbox"] {
    width: 24px;
    height: 24px;
}
.active_checkbox {
    background-color: #e7f3ff;
    border: 1px solid #e7f3ff !important;
}
.active_checkbox small {
    color: #0081f5 !important;
}
.filter_chart_form {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    margin-top: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.filter_chart_container {
    position: relative;
}
.filter_chart_container .filter_report {
    cursor: pointer;
}
.all_filtered_companies {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 10px;
}
.selected_companies {
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
}

.show_filter_chart {
    display: block;
}
.filter_report::after {
    content: url(../images/arrow-down.svg);
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    padding: 0 13px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show_filter_chart::after {
    transform: rotate(180deg);
}

/* Filter Button */
.filter_by_btn {
    outline: 0;
    border: 0;
    background: transparent;
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px 18px;
    color: #212529 !important;
}
.filter_by_btn:hover {
    border-color: transparent !important;
}
.filter_by_btn.btn-active,
.filter_by_btn.active {
    border-bottom: 1px solid #0081f5 !important;
    color: #0081f5 !important;
    background-color: transparent !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-radius: 0;
}
.table_desc {
    min-width: 400px;
}
/* Export all data */
.form-thumbnail {
}
.form-thumbnail .form-header {
    background-color: #f2f5f8;
    border: 1px solid #f2f5f8;
}

.quiz_wizard:first-child .goToPreviousTab {
    display: none;
}
.form-thumbnail .form-header .form-label {
    margin-bottom: 0;
}

/* Import Spreadsheet */
.importFromSpreadSheetContainer {
    background: #f4f7f8;
    border: 1px solid #e9e7e3;
    border-radius: 12px;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}

.importFromSpreadSheetContainer input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.importFromSpreadSheetContainer .show_file_info {
    display: none;
}
/*
.importFromSpreadSheetContainer {
  display: none;
} */

.importFromSpreadSheetContainer .show_file_info .size_86 {
    width: 86px;
    height: 86px;
    background: #d9d9d9;
    border-radius: 10px;
}
/* Settings Sidebar */
.settings-sidebar {
    min-width: 288px;
}
/* Add User Wizard */
.add_new_user_wizard {
    display: none;
}
#block_first_wizard {
    display: block;
}
/* Cover start */
.cover {
    background-image: linear-gradient(#15152e, #2f3670);
}
.survey_reports .cover_body::-webkit-scrollbar,
.survey_reports .table-responsive::-webkit-scrollbar {
    display: none;
}
.survey_reports .cover_title {
    font-size: 60px;
}
.close_search_mobile {
    display: none;
}
.input_header_search {
    display: none;
}
/* mcgart graph */
/* .chart::after{
    position: absolute;
    content: '';
    width: 60px;
    height: 50px;
    background-color: white;
    bottom: 0;
} */

/* Template Settings */
.sel_primary_theme {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 55px;
    background-color: #ccc;
    border-radius: 12px;
    transition: background-color 0.2s;
}
.theme_primary_container input[type="checkbox"] {
    display: none;
}
.theme_primary_container input[type="checkbox"]:checked + .sel_primary_theme {
    background-color: #0081f5;
}
.theme_success_container input[type="checkbox"]:checked + .sel_primary_theme {
    background-color: #17a97a;
}
.theme_primary_container
    input[type="checkbox"]:checked
    + .sel_primary_theme::before {
    transform: translateX(105%);
}
.sel_primary_theme::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    border-top-left-radius: 10px;
    background-color: #eaf4f5;
    top: 0;
    left: 0;
    transition: transform 0.2s;
    border-bottom-left-radius: 12px;
}
.theme_primary_container
    input[type="checkbox"]:checked
    + .sel_primary_theme::before {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* Toast notification */

#success-message,
#error-message-user {
    position: fixed;
    top: 58px;
    right: 22px;
    z-index: 9999;
    min-width: 200px;
    max-width: 400px;
    padding: 4px;
}

/* Infinity Logo Position */

.custom_radio_btns .inifinity_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #e9e7e3;
    text-align: center;
    height: 100%;
}

.custom_radio_btns input[name="inifinify_logo"]:checked + .inifinity_text {
    background-color: #e7f3ff;
    border: 1px solid #e7f3ff;
}

.settings-sidebar .nav-link.active {
    background-color: #eaf4f5;
    color: #1b565e;
}
.tab-content::-webkit-scrollbar {
    display: none;
}
/* Search back for mobile */
.go_back_search {
    position: absolute;
    left: 0;
    top: 0;
}

/* add category */

.catg-btn {
    color: black;
}

.edit-active {
    color: #0081f5;
    background-color: #e7f3ff;
    border-right: 2px solid #0081f5;
    border-radius: 8px 0px 0px 8px;
}
.account-settings li:hover svg {
    display: inline-block;
}

.sidebar-nav .nav-link.active svg path {
    stroke: #fff;
}
.count_all_quiz {
    margin-bottom: 0;
}
#previewSurveyModal .modal-dialog {
    margin: 0;
    max-width: 100%;
}
.help_center_sidebar {
    min-width: 250px;
}
.help_center_sidebar .nav-item .catg-btn {
    padding: 14px 0;
    color: #031618;
}
.help_center_sidebar .nav-item .catg-btn.active {
    background-color: #e7f3ff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 14px;
    color: #0081f5;
    font-weight: 600;
}

.s-chart::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 30px;
    background-color: white;
    bottom: 0;
    z-index: 999;
}
.s-icon {
    right: 250px;
}
.equal_width_btn {
    max-width: 178px;
    width: 100%;
}
/* Cover end */
#previewSurveyModal {
    padding-right: 0 !important;
}
.progressBar {
    min-width: 230px;
    pointer-events: none;
}
/* Sticky Alert Dismissible */
.sticky-alert-dismissible {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 333;
    width: 300px;
    box-shadow: 2px 2px 8px 5px #0000001a;
}
.sticky-alert-dismissible .progress {
    height: 10px;
}
.sticky-alert-dismissible .filname {
    word-break: break-word;
}
.rating-control input[type="checkbox"] {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}
/* Filter Column */
.filter-column {
    flex: 1 1 33.333%;
    padding-left: 15px;
    padding-right: 15px;
}
/* Date Dropdown with Checkbox */
.dropdown-date {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-shadow: 1px 10px 9px 1px #0000001f;
    max-height: 250px;
    overflow-y: auto;
    z-index: 1;
}
.date-filter-dropdown {
    max-width: 200px;
}
.show-drop-date {
    background-image: url("../images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right 13px center;
    text-align: left;
    padding: 8px 35px 5px 10px;
    margin-top: 10px;
    border: 0;
    background-color: #fff;
    box-shadow: 1px 1px 10px 1px #0000001f;
    border-radius: 6px;
    font-size: 14px;
}
.change-drop-arrow {
    background-image: url("../images/arrow-up.svg");
}
.filter_chart_form .dropdown-date label {
    margin-bottom: 0;
    width: 100%;
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    font-size: 13px;
    position: relative;
    height: 38px;
    padding-left: 10px;
}
.filter_chart_form .dropdown-date input[type="checkbox"] {
    width: 15px;
    height: 15px;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.filter_chart_form .dropdown-date li {
    margin-bottom: -3px;
    display: block;
}
.filter_chart_form .dropdown-date input[type="checkbox"] + span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px 15px 10px 35px;
    border-radius: 7px;
    height: 100%;
}
.filter_chart_form .dropdown-date input[type="checkbox"]:checked + span {
    background: #e7f3ff;
    border: 1px solid #007bff;
}
.survey-closed {
    padding: 40px 35px;
    box-shadow: 4px 4px 5px 4px #00000017;
    text-align: center;
    border-radius: 20px;
}

.main-container {
    width: 100%;
    height: 100%;
    position: relative;
    background: #f0f2f6;
}

.card-container {
    width: 228px;
    height: 310px;
    left: 30px;
    top: 134px;
    position: absolute;
    background: white;
    border-radius: 12px;
}

.inner-card {
    height: 202px;
    left: 15px;
    top: 78px;
    position: absolute;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.category-card {
    align-self: stretch;
    padding-left: 16px;
    padding-right: 55px;
    padding-top: 8px;
    padding-bottom: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: inline-flex;
    cursor: pointer;
}
/* Reset some default margin/padding */
body,
h1,
h2,
h3,
p,
ul {
    margin: 0;
    padding: 0;
}
.overlay {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: #0081f5;
}
.icon-container {
    width: 16px;
    height: 16px;
    position: relative;
}

.icon-inner {
    width: 100%;
    height: 100%;
    position: absolute;
}

.date-text {
    color: #7e858b;
    font-size: 14px;
    font-family: Inter;
    font-weight: 400;
    inline-size: max-content;
    padding-right: 20px !important;
}
.card-container {
    width: 228px;
    height: 310px;
    left: 30px;
    top: 134px;
    position: absolute;
    background: white;
    border-radius: 12px;
}

.inner-card {
    height: 202px;
    left: 15px;
    top: 78px;
    position: absolute;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.category-title {
    flex: 1 1 0;
    height: 18px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: flex;
    color: #081623;
    font-size: 14px;
    font-family: Inter;
    font-weight: 600;
    line-height: 18px;
    word-wrap: break-word;
}

.report-list-title {
    left: 30px;
    top: 30px;
    position: absolute;
    color: #081623;
    font-size: 18px;
    font-family: Inter;
    font-weight: 700;
    line-height: 18px;
    word-wrap: break-word;
}

.header-container {
    width: 100%;
    height: 100%;
    left: 12%;
    top: 25px;
    position: absolute;
}

.logo-container {
    width: 73px;
    height: 57.16px;
    left: 4%;
    top: 18px;
    position: absolute;
}

.logo-container img {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
}

.title-container {
    left: 22%;
    top: 30px;
    position: absolute;
    color: #081623;
    font-size: 28px;
    font-family: Inter;
    font-weight: 600;
    word-wrap: break-word;
}

.date-container {
    left: 892px;
    top: 10px;
    position: absolute;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.icon-container {
    width: 16px;
    height: 16px;
    position: relative;
}

.icon-inner {
    width: 100%;
    height: 100%;
    position: absolute;
}

.header-div {
    width: 100%;
    height: 96px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: white;
    z-index: 99999 !important;
}
.header-title {
    left: 15%;
    top: 30px;
    position: absolute;
    color: #081623;
    font-size: 28px;
    font-family: Inter;
    font-weight: 700;
    word-wrap: break-word;
}
.header-title-custom {
    left: 35%;
    top: 52px;
    position: absolute;
    color: #081623;
    font-size: 28px;
    font-family: Inter;
    font-weight: 700;
    word-wrap: break-word;
}
.header-logo {
    width: 73px;
    height: 57.16px;
    left: 36px;
    top: 18px;
    position: absolute;
}
.header-time-div {
    left: 70%;
    top: 40px;
    position: absolute;
    justify-content: space-between;
    align-items: center;
    gap: 100px;
    display: inline-flex;
}
.header-time {
    color: #7e858b;
    font-size: 14px;
    font-family: Inter;
    font-weight: 400;
    word-wrap: break-word;
}

.category-card.active {
    background: #e7f3ff;
    border-right: 2px #0081f5 solid;
}
/* media Queries */
@media (max-width: 1199px) {
    .section-tab {
        padding: 20px 15px;
    }

    .create-survey-form .form-card {
        padding: 15px;
    }
    .tab-catg-header,
    .select-category,
    .toggle-switch {
        font-size: 13px;
    }
    .required-action .toggle-switch {
        padding-right: 12px;
    }
    .settings-sidebar {
        min-width: 250px;
    }
    .page-title {
        font-size: 20px;
    }
    .active_search_control {
        min-width: 200px;
    }
}
@media (max-width: 991px) {
    .close-sidebar-btn {
        margin-left: 0;
        transform: rotate(180deg);
    }
    .header .page-title img {
        width: 130px;
    }
    .close-sidebar-btn-active {
        position: absolute;
        left: 245px;
    }
    .sidebar-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1023;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0.3;
    }
    .sidebar {
        left: -258px;
        min-width: 0;
    }
    .dashboard-content {
        width: 100%;
    }
    .mobile-sidebar {
        left: 0;
        min-width: 258px;
    }
    .content-main {
        height: auto;
    }
    .section-counter .media {
        border-right: 0px solid #e9e7e3;
    }
    .sidebar_hide {
        left: -100%;
    }
    .counter-title {
        margin-bottom: 15px;
    }
    .catg-title {
        font-size: 14px;
    }
    .catg-description {
        font-size: 12px;
    }

    .survey-nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .survey-nav-tabs::-webkit-scrollbar {
        width: 1px;
        height: 1px;
        display: none;
    }

    .survey-nav-tabs.nav-tabs .nav-link.active {
        border-bottom-width: 2px;
    }
    .survey-nav-tabs.nav-tabs .nav-link {
        font-size: 14px;
        padding: 10px 12px;
        white-space: nowrap;
    }
    .input_header_search {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2222;
        border-bottom: 1px solid #f0f2f6 !important;
        width: 100%;
    }

    .input_header_date_search {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2222;
        border-bottom: 1px solid #f0f2f6 !important;
        width: 100%;
        height: 100%;
        background: #fff;
        border-radius: 0 !important;
        border: 0 !important;
        display: none;
    }
    .active_date_picker {
        display: flex !important;
    }
    .input_header_search .search_control {
        border-radius: 0;
        height: 65px;
        padding-left: 40px;
        padding-right: 43px !important;
        width: 100%;
    }
    .dashboard {
        height: auto;
    }
    .profile_setting .nav-item a {
        font-size: 13px;
        background: #f8f8f8e6;
        height: 100%;
    }
    .profile_setting .nav-item.active a {
        display: block;
        background-color: #f4f7f8;
        border-radius: 0;
        border-right: 0;
    }
    /* Help Center Sidebar */
    .help_center_sidebar {
        left: -100%;
        position: fixed;
        top: 0;
        height: 100vh;
        overflow-y: auto;
        z-index: 1040;
        max-width: 400px;
        box-shadow: 3px 5px 20px 3px #00000017;
        padding-top: 30px;
        padding-bottom: 30px;
        transition: left 0.3s ease;
    }
    .active_help_center {
        left: 0;
    }

    .card-container {
        display: none;
    }
    .header-title {
        left: 25% !important;
        top: 39px !important;
        font-size: 18px;
    }
    .dashboard-content-share {
        width: 100%;
        height: auto;
        margin-left: auto;
    }
}
@media (max-width: 767px) {
    header.tab-header .copy-item {
        display: none;
    }

    .form-body {
        margin-bottom: 20px;
    }
    .required-action {
        width: 100%;
    }
    .btn {
        font-size: 13px;
    }
    .catg-list {
        top: 50px;
    }

    .header .preview_save_header .btn {
        padding: 10px 12px !important;
    }
    .f-20 {
        font-size: 16px;
    }
    .survey_reports .cover_title {
        font-size: 50px;
    }
    .attempted_survey_quizes .ratings-group {
        flex-wrap: wrap;
    }
    .attempted_survey_quizes .ratings-group .rating-control {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .attempted_survey_quizes .ratings-group .rating-control span {
        border-radius: 12px;
        padding: 10px 15px;
    }
    .settings-sidebar .nav-link {
        border-radius: 0 !important;
        font-size: 13px;
        padding-left: 8px;
        padding-right: 8px;
        height: 100%;
    }
    .sec-title {
        font-size: 19px;
    }

    .survey_header {
        width: 100%;
    }
    .ratings-group label:last-child span {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .ratings-group label:first-child span {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .ratings-group span {
        padding: 5px 0;
        min-width: auto;
    }
    .ratings-group {
        justify-content: space-around;
    }
    .ratings-group .rating-control {
        width: 100%;
    }
    .all_surveys .mobile_survey {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .submit_survey .modal-title {
        font-size: 16px;
    }
    .survey_date {
        width: 100%;
        padding-left: 0 !important;
        margin-top: 5px;
    }
    .announcement_section h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .announcement_section p {
        font-size: 13px;
        font-weight: 300;
        line-height: 19px;
    }
    .rating-label-one {
        position: absolute;
        white-space: nowrap;
        left: 0;
    }
    .rating-label-two {
        position: absolute;
        white-space: nowrap;
        right: 0;
    }
    .progressBar {
        min-width: auto;
        width: 100%;
    }
    #previewSurveyModal .modal-footer img {
        height: 50px;
        margin: 0;
    }
    .card-container {
        display: none;
    }

    .dashboard-content-share {
        width: 100%;
        height: auto;
        margin-left: auto;
    }
    .header-title {
        display: none !important;
    }
}
@media (max-width: 575px) {
.content-main-custom {
    height: calc(100vh - 205px);
}
    .superadmin-login .card-body {
        padding: 30px 15px;
    }
    .tab-header .select_survey_type {
        width: 100%;
    }
    .s-icon {
        right: 15px;
    }
    .preview_save_header {
        justify-content: space-evenly;
    }
    .active_preview_save_header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 3333;
        padding: 8px;
        border-bottom: 1px solid #f1f1f1;
    }
    .preview_save_header .btn {
        width: 100%;
    }
    .filter_by_btn {
        padding: 3px 7px 7px;
        font-size: 13px;
    }
    #chartdiv,
    .chart {
        width: 100%;
        min-height: 400px;
    }
    .preview-label {
        font-size: 16px;
    }

    .login {
        padding: 30px 0px 50px;
    }
    .forgot-password {
        font-size: 12px;
    }
    .hr-reset-password .card-body {
        padding: 20px;
    }
    .section-tab .card-body {
        padding-left: 15px;
        padding-right: 15px;
    }
    .share-email-tabs .nav-link {
        font-size: 14px;
        padding: 10px 8px;
    }
    .form-control {
        font-size: 13px;
    }
    .filter {
        max-width: 100%;
    }

    .help_center_sidebar {
        max-width: 80%;
    }
    .survey_company {
        flex-wrap: wrap;
    }
    #previewSurveyModal .modal-title {
        font-size: 18px;
    }
    /* .clear_search {
        right: 15px;
    } */
    .card-container {
        display: none;
    }
    .header-title {
        display: none !important;
    }
    .dashboard-content-share {
        width: 100%;
        height: auto;
        margin-left: auto;
    }
    .header-logo {
        width: 50px !important;
        height: 50px;
        left: 8px;
        top: 14px;
    }
    .btn {
        font-size: 9px;
    }
}
@media (max-width: 373px) {
    .page-title {
        font-size: 16px;
        padding-left: 8px !important;
    }
    .sec-title {
        font-size: 16px;
    }
    .table-borderless th,
    .table-borderless thead th {
        border: 0;
        font-size: 14px;
    }
    .section-survey p {
        font-size: 13px;
    }

    .header-title {
        display: none !important;
    }
}