.themebg {
    background: rgb(62, 100, 222);
    color: rgb(255, 255, 255);
}

.themebg-hover:hover {
    background: rgb(255, 255, 255);
    color: rgb(62, 100, 222);
}

.themecolor {
    color: rgb(62, 100, 222);
}

.themecolor-hover:hover {
    color: rgb(255, 255, 255);
    background: rgb(62, 100, 222) !important;
}

html, body {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    background: rgb(250, 250, 250);
}

* {
    font-family: Poppins, sans-serif;
}

.m-0 {
    margin: 0px;
}

.p-0 {
    padding: 0px;
}

.text-end {
    text-align: end;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.headtheme {
    color: rgb(239, 180, 67);
}

.headtheme-hover:hover {
    color: rgb(239, 180, 67);
    border: 1px solid;
}

header h3 {
    font-size: 32px;
    font-weight: 800;
    font-variant: petite-caps;
}

[data-role="page"] {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    overflow: auto;
}

.active[data-role="page"], .active_page[data-role="page"] {
    display: block !important;
    height: calc(-40px + 100vh);
}

.white-round {
    background: rgb(255, 255, 255);
    padding: 8px 12px;
    border-radius: 50%;
}

.d-flex {
    display: flex;
}

.align-center {
    align-items: center;
}

.profile-round {
    font-weight: 700;
    border-radius: 50%;
    text-transform: uppercase;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
}

.profile-section .title {
    margin-left: 0px;
    font-size: 22px;
}

.profile-section .title1 {
    font-size: 25px;
    font-weight: 700;
}

.navbar-list {
    list-style: none;
    padding: 0px;
    margin: 20px 0px 0px;
    overflow: auto;
    height: -webkit-fill-available;
}

.navbar-list .tutor-dashboard-menu-item {
    height: 40px;
    font-size: 17px;
    margin-bottom: 5px;
}

.navbar-list .tutor-dashboard-menu-item a {
    color: rgb(38, 38, 38);
    display: flex;
    align-items: center;
}

.navbar-list .tutor-dashboard-menu-item a .tutor-dashboard-menu-item-icon {
    font-size: 23px;
    padding: 6px;
}

.navbar-list .tutor-dashboard-menu-item a .tutor-dashboard-menu-item-text {
    padding-left: 8px;
}

.navbar-list .tutor-dashboard-menu-item.active {
    background: rgb(255, 255, 255);
    border-radius: 5px 0px 0px 5px;
    height: 43px;
}

.navbar-list .tutor-dashboard-menu-item.active a .tutor-dashboard-menu-item-text {
    color: rgb(88, 101, 37);
    font-weight: 600;
}

.navbar-list .tutor-dashboard-menu-item.active a .tutor-dashboard-menu-item-icon {
    color: rgb(88, 101, 37);
}

.navbar-list .tutor-dashboard-menu-item a:hover {
    text-decoration: none;
}

.navbar-list .tutor-dashboard-menu-item:not(.active):hover {
    background: rgb(231, 235, 248);
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: rgb(241, 241, 241);
}

::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(85, 85, 85);
}

#Profile-content {
    height: calc(-70px + 100vh);
    overflow: hidden auto;
    padding: 20px 0px 20px 30px;
}

#Profile-content .tutor-dashboard-content .tutor-fs-5 {
    margin: 15px 0px;
    font-size: 22px;
    font-weight: 600;
}

#Profile-content .tutor-dashboard-content .tutor-row {
    display: flex;
    height: 35px;
}

#Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12 {
    width: 30%;
}

#Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12 .tutor-fs-6 {
    font-size: 16px;
}

#Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12 .tutor-fs-6.tutor-color-black {
    font-weight: 500;
}

#Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12.tutor-col-lg-9 {
    width: 70%;
}

.pr-0 {
    padding-right: 0px;
}

.hide {
    display: none;
}

#main-content {
    padding: 20px 20px 0px 30px;
    height: calc(-70px + 100vh);
    overflow: hidden auto;
}

#main-content .tutor-dashboard-content .tutor-fs-5 {
    margin: 15px 0px;
    font-size: 22px;
    font-weight: 600;
}

.tutor-card {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    position: relative;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    min-width: 0px;
    overflow-wrap: break-word;
    height: 250px;
    justify-content: space-around;
}

.tutor-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 16px 20px;
    border-radius: 5px 5px 0px 0px;
}

.tutor-card-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
}

.tutor-card-body {
    flex: 1 1 auto;
    padding: 20px;
}

.tutor-card-footer {
    padding: 16px 20px;
    border-radius: 0px 0px 5px 5px;
}

.tutor-card-footer:not(.tutor-no-border) {
    border-top: 1px solid rgb(221, 221, 221);
}

.tutor-card .tutor-d-flex {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.tutor-card .tutor-d-flex .tutor-round-box {
    width: 60px;
    height: 60px;
    background: rgb(231, 235, 248);
    border-radius: 50%;
    font-size: 30px;
    color: rgb(62, 100, 222);
    flex: 1 1 0%;
    text-align: center;
    padding: 9px 4px;
}

.tutor-card .tutor-d-flex .tutor-fs-3 {
    font-size: 25px;
    font-weight: 500;
    padding-top: 15px;
}

.tutor-card .tutor-d-flex .tutor-fs-7 {
    font-size: 18px;
    padding-top: 10px;
}

.loader_Wrapper {
    display: block;
    position: absolute;
    z-index: 9999;
    inset: 0px;
    background: rgba(0, 0, 0, 0.2);
}

.spinner {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    z-index: 1055;
}

.spinner > div {
    width: 22px;
    height: 22px;
    background-color: rgb(240, 78, 35);
    border-radius: 100%;
    display: inline-block;
    animation: 1.4s ease-in-out 0s infinite normal both running sk-bouncedelay;
}

.spinner .bounce1 {
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

.tutor-course-progress-item.tutor-card.tutor-mb-20 img {
    width: 100%;
    height: 100%;
}

#inprogress-content {
    padding: 0px 25px;
}

#inprogress-content .tutor-card-image-left {
    width: 100%;
    border-radius: 10px;
    max-height: 175px;
}

#inprogress-content .tutor-card {
    height: 200px;
    margin-bottom: 20px;
}

#inprogress-content .tutor-col-lg-4 {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#inprogress-content .tutor-col-lg-4 .tutor-ratio {
    padding: 10px 25px;
}

#inprogress-content .tutor-card .tutor-d-flex {
    flex-direction: row;
}

.tutor-color-muted {
    color: rgb(141, 141, 141);
}

#inprogress-content .tutor-card .tutor-d-flex span.tutor-color-muted {
    padding-right: 10px;
}

#Courses-content {
    padding: 20px 0px 0px 15px;
    height: calc(-70px + 100vh);
    overflow: hidden auto;
}

div#Courses-content .course-head {
    margin: 15px 0px;
    font-size: 22px;
    font-weight: 600;
}

.nav-tabs li a {
    border: none;
    background: transparent;
    color: rgb(22, 22, 22);
    font-size: 18px;
    font-weight: 500;
}

.nav-tabs li.active a {
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 2px solid rgb(62, 100, 222);
    background: transparent;
    color: rgb(62, 100, 222);
    font-size: 18px;
    font-weight: 500;
}

#inprogress-content .tutor-card-body .tutor-row.tutor-align-center {
    display: flex;
}

div#inprogress-content .progress {
    height: 10px;
    margin-top: 7px;
    margin-right: 10px;
}

#Courses-content .tutor-card img {
    height: 100%;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    max-height: 165px;
}

#Courses-content .tutor-card {
    height: 400px;
    margin: 10px;
}

#Courses-content .tab-content {
    padding-top: 10px;
}

#Courses-content .tutor-course-name {
    height: 60px;
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0px;
    display: flex;
    align-items: center;
}

#Courses-content .tutor-course-progress .tutor-d-flex {
    flex-direction: row;
    justify-content: space-between;
}

#Courses-content .progress {
    height: 10px;
    margin-top: 10px;
}

#Courses-content .list-item-button {
    display: flex;
    justify-content: center;
    border: 1px solid rgb(62, 100, 222);
    padding: 7px;
    border-radius: 5px;
    width: 80%;
}

#Courses-content .list-item-button a {
    color: rgb(62, 100, 222);
    font-size: 14px;
    font-weight: 500;
}

#Courses-content .list-item-button:hover {
    background: rgb(62, 100, 222);
}

#Courses-content .list-item-button:hover a {
    color: rgb(255, 255, 255);
}

#Courses-content .tutor-course-name a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#Courses-content .tutor-mt-24 {
    display: flex;
    justify-content: center;
    position: relative;
    top: -10px;
}

header.tutor-course-details-header {
    margin-top: 20px;
    margin-bottom: 30px;
}

header.tutor-course-details-header .tutor-course-details-title {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    margin: 0px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

#CourseView-content iframe, #CourseView-content .tutor-video-player img {
    width: 100%;
    height: 400px;
}

div#CourseView-content .tutor-card {
    display: block;
    background: rgb(244, 246, 249);
    height: 100%;
}

div#CourseView-content .tutor-card h3 {
    margin: 0px;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0px;
}

div#CourseView-content .tutor-card .tutor-d-flex {
    flex-direction: row;
    justify-content: space-between;
}

div#CourseView-content .tutor-card .tutor-btn-block {
    padding: 8px;
    background: rgb(62, 100, 212);
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: rgb(255, 255, 255);
    border: 2px solid;
    font-weight: 500;
}

div#CourseView-content .tutor-card .tutor-btn-block:hover {
    background: rgb(255, 255, 255);
    border: 2px solid rgb(62, 100, 212);
    color: rgb(62, 100, 212);
    text-decoration: none;
}

div#CourseView-content .tutor-card .progress {
    height: 10px;
    margin: 10px 0px 30px;
}

div#CourseView-content .tutor-card .tutor-d-flex span.tutor-enrolled-info-date {
    font-size: 14px;
    font-weight: 600;
    color: green;
}

div#CourseView-content .tutor-card .tutor-d-flex.enrolment-expire-info {
    margin-top: 10px;
}

div#CourseView-content .tutor-card .tutor-d-flex.enrolment-expire-info {
    margin-top: 10px;
}

div#CourseView-content .tutor-card .tutor-card-footer {
    background: rgb(255, 255, 255);
}

div#CourseView-content .tutor-card .tutor-card-footer .tutor-d-flex {
    justify-content: flex-start;
}

div#CourseView-content .tutor-card .tutor-card-footer ul {
    padding: 0px;
}

div#CourseView-content .tutor-card .tutor-card-footer .tutor-d-flex .tutor-color-black {
    padding: 5px 10px 0px 0px;
}

.tutor-course-details-instructors {
    border: 1px solid rgb(221, 221, 221);
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
}

.tutor-course-details-instructors h3 {
    margin: 0px;
    font-size: 18px;
    padding: 10px 0px;
}

.tutor-video-player {
    position: relative;
}

.youtube-blocker {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: 600;
    border: 1px solid rgb(221, 221, 221);
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgb(239, 180, 67);
}

ul.nav.nav-tabs li.active a {
    color: rgb(62, 100, 212);
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 2px solid rgb(62, 100, 212);
    background: transparent;
}

h2.about-course {
    font-size: 20px;
    font-weight: 600;
}

.tutor-course-details-ratings {
    padding: 0px 20px;
}

span.backbutton {
    background: rgb(62, 100, 212);
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-transform: capitalize;
    border-radius: 5px;
}

#Lessons-content .header-content-accordian {
    height: calc(-71px + 100vh);
    overflow: auto;
    border-right: 1px solid rgb(221, 221, 221);
}

#Lessons-content .header-content {
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 500;
}

#Lessons-content .header-content-accordian .panel-heading {
    background: rgb(239, 241, 246);
    color: rgb(62, 100, 212);
    border-right: none rgb(239, 241, 246);
    border-left: none rgb(239, 241, 246);
    border-image: initial;
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 20px 10px;
    border-radius: 0px !important;
}

#Lessons-content .header-content-accordian .panel-default {
    margin-top: 0px;
    background: rgb(239, 241, 246);
    border: none;
}

#Lessons-content .header-content-accordian .panel-body {
    background: rgb(255, 255, 255);
    border: none;
    padding: 0px;
}

.float-inline-end {
    float: inline-end;
}

#Lessons-content .header-content-accordian .topic-card {
    padding: 10px 30px;
    margin: 0px;
    font-weight: 555;
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.area-header-actions {
    height: 50px;
    background: rgb(62, 100, 212);
}

#Lessons-content .header-content-accordian .panel-heading a {
    font-size: 16px;
    font-weight: 700;
}

#Lessons-content .header-content-accordian .topic-card.active {
    background: rgb(239, 241, 246);
    margin: 10px 0px;
    color: rgb(62, 100, 212);
    align-items: center;
}

#Lessons-content .header-content-accordian .topic-card span:last-child {
    border: 3px solid rgb(183, 183, 183);
    padding: 1px 6px;
    border-radius: 50%;
    height: 30px;
    margin-top: 10px;
}

#Lessons-content .header-content-accordian .topic-card.active span:last-child {
    border-color: rgb(62, 100, 212);
    background: rgb(62, 100, 222);
    color: rgb(255, 255, 255);
}

.area-header-actions .col-sm-6 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
}

.area-header-actions .col-sm-6:last-child {
    justify-content: end;
}

.area-header-actions .col-sm-6:first-child span {
    font-size: 20px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-transform: capitalize;
}

span.mark-close {
    background: transparent;
    padding: 7px 10px;
    border-radius: 5px;
    margin-right: 40px;
    border: 3px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-weight: 500;
}

span.mark-close span {
    border: 1px solid rgb(255, 255, 255);
    padding: 1px 5px;
    margin-right: 5px;
    border-radius: 50%;
}

span.back-close {
    background: rgb(255, 255, 255);
    padding: 7px 15px;
    font-weight: 600;
    border-radius: 5px;
}

#Lessons-content .header-content-accordian .topic-card span:last-child i.fa.addclasscheck {
    padding: 7px;
}

#Lessons-content .header-content-accordian .topic-card span:last-child i.fa.fa-check {
    padding: 0px;
}

.lesson-body .image-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.course-about {
    padding: 20px;
    border-top: 1px solid rgb(221, 221, 221);
    margin-top: 20px;
}

.course-about .head-about {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0px;
}

div.lesson-body, div.topic-body {
    overflow: auto;
    height: calc(-180px + 100vh);
}

div.lesson-body:empty, div.topic-body:empty {
    height: 0px;
}

.quiz-master {
    width: 100%;
    height: 100%;
}

.quiz-master {
}

.quiz-master-head {
    height: 70px;
    padding: 20px 80px;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}

.quiz-master-footer {
    height: 70px;
}

.quiz-master-body {
    height: calc(100% - 140px);
}

.panel-quiz {
    height: 100%;
}

.panel-quiz .panel-quiz-qus {
    height: 15%;
    padding: 20px 100px;
}

.panel-quiz .panel-quiz-ans-sec {
    height: 70%;
    padding: 20px 100px;
}

.panel-quiz .panel-quiz-footer {
    height: 15%;
    display: flex;
    justify-content: space-around;
}

.panel-quiz .panel-quiz-footer .prev-button, .panel-quiz .panel-quiz-footer .submit-button {
    background: red;
    padding: 10px;
    height: fit-content;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
}

.panel-quiz .panel-quiz-footer .submit-button {
    background: rgb(62, 100, 212);
    color: rgb(255, 255, 255);
}

.panel-quiz .panel-quiz-footer .prev-button {
    background: rgb(255, 255, 255);
    color: rgb(62, 100, 212);
    border: 1px solid rgb(62, 100, 212);
}

.submit-button.green-color {
    background: green !important;
}

.panel-quiz .panel-quiz-qus span {
    font-size: 22px;
    font-weight: 600;
}

.addmember {
    padding: 30px;
}

div#addMember-page .main-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.addmember .mb-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.addmember .mb-3 label {
    width: 30%;
}

.addmember .mb-3 .form-group {
    width: 70%;
}

#addMember-page .btn {
    float: inline-end;
}

.showpass {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
    font-size: 18px;
}

.showpass span {
    padding: 2px 0px 2px 15px;
}

button.actionbtn {
    background: rgb(221, 221, 221);
    border: navajowhite;
    padding: 8px 13px;
    border-radius: 5px;
}

div#History-view {
    padding: 20px;
}

div#History-content {
    padding: 20px;
}

table.table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: 1px solid rgb(221, 221, 221);
}

section.woocommerce-customer-details {
    border: 1px solid rgb(221, 221, 221);
    padding: 10px 30px;
}

button.back-blue {
    background: rgb(62, 100, 212);
    border: none;
    color: rgb(255, 255, 255);
    padding: 10px 15px;
    font-size: 20px;
    margin-bottom: 20px;
}

div#Members-view {
    padding: 20px;
}

div#Members-view .tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-mb-24 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding-bottom: 8px;
}

div#Members-view .tutor-row.tutor-mb-24 .tutot-col-12.tutor-col-sm-5 {
    width: 40%;
}

div#Members-view .tutor-row {
    display: flex;
    font-size: 16px;
    margin: 10px;
}

.tutor-col-12.tutor-col-sm-5.tutor-col-lg-3 {
    width: 40%;
    font-weight: 500;
}

.memberhead {
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    justify-content: space-between;
    padding: 20px 0px;
}

.addmember-btn {
    padding: 6px;
    background: orange;
    font-weight: 500;
    font-size: 14px;
    margin-right: 5%;
    border-radius: 5px;
    text-align: center;
}

.addmember-btn:hover {
    background: rgb(255, 255, 255);
    border: 1px solid orange;
    color: orange;
}

.one-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

footer.footer-buttons {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 0px 0px 0px, rgba(14, 30, 37, 0.32) 12px 1px 10px 0px;
}

footer.footer-buttons button {
    padding: 5px;
    width: 100px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: rgb(0, 0, 0);
}

.show-results {
    padding: 30px;
}

.quiz-head {
    font-size: 21px;
    font-weight: 600;
    margin: 20px 0px;
}

.quiz-answer .quiz-answer-head {
    font-size: 18px;
    font-weight: 500;
    color: rgb(255, 59, 59);
    margin: 10px 0px;
}

.quiz-answer-footer {
    font-size: 16px;
    font-weight: 500;
    color: green;
}

footer.footer-buttons button:first-child {
    background: lightsteelblue;
    margin-right: 20px;
}

footer.footer-buttons button:last-child {
    background: lightsteelblue;
    margin-left: 20px;
}

.actions-view {
    border: 1px solid rgb(221, 221, 221);
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    align-items: center;
}

.actions-view button {
    font-weight: 400;
    font-size: 15px;
    background: rgb(225, 225, 225);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px;
    line-height: 25px;
}

.actions-view:last-child button {
    background: rgb(62, 100, 212);
    color: rgb(255, 255, 255);
}

.actions-view div.last-child {
    width: 50%;
    font-weight: 500;
}

.actions-view div.first-child {
    width: 50%;
}

.actions-view div.last-child .progress {
    height: 10px;
    margin-bottom: 0px;
}

.selecttypediv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}

.selecttypediv input {
    margin: 10px;
}

div#changepassword-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

.changepass button {
    background: rgb(62, 100, 212);
    color: rgb(255, 255, 255);
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 5px;
}

div#members_wrapper {
    width: 97%;
}

.certificate-header {
    height: 70px;
    border-bottom: 1px solid rgb(221, 221, 221);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 80px;
}

.certificate-header div:first-child {
    font-size: 24px;
    font-weight: 500;
}

.certificate-header div:last-child span {
    background: rgb(62, 100, 212);
    color: rgb(255, 255, 255);
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 700;
}

.certificate-header div:last-child span:first-child {
    margin-right: 20px;
}

.activity-feed {
    padding: 15px;
    list-style: none;
}

.activity-feed .feed-item {
    position: relative;
    padding-bottom: 20px;
    padding-left: 30px;
    border-left: 2px solid rgb(228, 232, 235);
}

.activity-feed .feed-item:last-child {
    border-color: transparent;
}

.activity-feed .feed-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(243, 113, 103);
}

.activity-feed .feed-item .date {
    display: block;
    position: relative;
    top: -5px;
    color: rgb(2, 68, 153);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}

.activity-feed .feed-item .text {
    position: relative;
    top: -3px;
    font-weight: 500;
}

.activity-feed .feed-item:nth-child(2n)::after {
    background: rgb(196, 104, 104);
    border: none;
}

.activity-feed .feed-item:nth-child(2n+1)::after {
    background: rgb(112, 112, 255);
    border: none;
}

table.dataTable thead .sorting_asc::after {
    display: none !important;
}

table.dataTable thead .sorting::after {
    display: none !important;
}

.total-users {
    display: flex;
    justify-content: space-between;
}

.total-users div span:first-child {
    font-weight: 500;
}

span.updatemember-btn {
    padding: 6px;
    background: rgb(238, 216, 174);
    font-weight: 500;
    font-size: 14px;
    margin-right: 5%;
    border-radius: 5px;
    text-align: center;
}

span.import-btn {
    padding: 6px;
    background: rgb(190, 192, 255);
    font-weight: 500;
    font-size: 14px;
    margin-right: 5%;
    border-radius: 5px;
    text-align: center;
}

input#formFile {
    padding: 0px;
    margin-bottom: 10px;
}

input#formFile::file-selector-button {
    padding: 8px;
    background: rgb(209, 209, 209);
    border: none;
}

input#formFile:focus-visible {
    outline: none;
}

input#formFile:focus {
    outline: none;
}

.select-tag {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
}

.select-tag label {
    font-weight: 500;
}

.memberslist {
    border: 1px solid rgb(221, 221, 221);
    padding: 10px 20px;
    height: 65%;
    margin-bottom: 11px;
    overflow: auto;
}

.memberslist label {
    font-weight: 400;
}

div#share-content {
    width: 350px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    margin: 0px auto;
    position: relative;
    top: 20%;
}

div#share-content p {
    font-size: 16px;
    font-weight: 600;
}

div#share-content .field {
    border: 1px solid rgb(221, 221, 221);
    padding: 5px;
}

div#share-content .field input {
    border: none;
    width: 74%;
}

div#share-content .field button {
    background: darkviolet;
    color: rgb(255, 255, 255);
    border: none;
    padding: 6px;
    border-radius: 5px;
}

div#share-content .field input:focus-visible {
    outline: navajowhite;
    user-select: text;
}

.course-title {
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
}

div#menubars.menu {
    display: none;
}

div#menubars.menu.plus {
    display: block;
    position: fixed;
    top: 0px;
    background: rgb(255, 255, 255);
    z-index: 999999;
    height: 100% !important;
    width: 100% !important;
}

div#menubars {
    width: 230px;
}

div#menubars1 {
    width: calc(100% - 230px);
}

.card.card-main {
    display: block;
    width: 32%;
    height: 180px;
    border-radius: 10px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

#main-content .main-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media screen and (max-width: 960px) {
    .container {
        flex-wrap: wrap;
        justify-content: space-around !important;
    }

    .card {
        margin: 1% 0px;
        width: 48% !important;
    }
}

@media screen and (max-width: 460px) {
    .card {
        width: 90% !important;
        margin: 2% 0px !important;
    }
}

.card {
    text-align: center;
    width: 24%;
    padding: 2%;
    border-radius: 10px;
}

@media only screen and (max-width: 600px) {
    #inprogress-content .tutor-card {
        height: 420px;
    }

    #main-content .main-body {
        justify-content: center;
    }

    .col-lg-2.col-md-3.col-sm-4.col-xs-12 {
        height: 435px !important;
    }

    .active_page[data-role="page"] {
        height: auto;
        overflow: hidden;
    }

    #main-content {
        padding: 0px;
    }

    div#prequest-page .scroll-content {
        overflow: auto;
        height: calc(-210px + 100vh);
    }

    #Profile-content {
        padding: 0px;
    }

    #inprogress-content {
        padding: 0px;
    }

    #Courses-content {
        padding: 0px;
    }

    #Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12 {
        width: 40%;
    }

    header h3 {
        font-size: 28px;
    }

    div#addMember-page .main-body .addmember {
        margin-top: 35px;
    }

    div#addMember-page .main-body span.backbutton {
        right: 0px !important;
        position: fixed !important;
        top: 80px !important;
    }

    #main-page #main-content {
        padding-bottom: 150px !important;
    }

    body header#header-main.menu-responsive .col-sm-5 {
        width: 100px !important;
        height: 10px !important;
    }

    body header#header-main.menu-responsive .col-sm-4 {
        width: calc(100% - 100px) !important;
        padding: 10px 2px !important;
    }

    div#claimbtn {
        display: block !important;
        margin-top: 15px !important;
    }

    header#header-main.menu-responsive .col-sm-3 {
        justify-content: center !important;
        top: -10px !important;
        left: 40px !important;
    }

    div#main-content-card:not(:empty) {
        overflow: auto;
        height: calc(-160px + 100vh);
        padding-bottom: 40px;
    }

    div#main-content-card:not(:empty) .col-md-6 {
        margin-top: 50px;
    }

    #main-content-card .content-container {
        background: transparent;
    }

    #main-content-card .content-container:last-child {
        overflow: auto;
        position: relative;
    }

    div#main-content-card:not(:empty) .col-xs-12 .col-xs-3 {
        width: 100% !important;
        justify-content: flex-end;
    }

    div#rewards {
        padding: 30px 10px 0px 0px !important;
        width: 110% !important;
    }

    div#rewards .tabcontent > div {
        width: 100% !important;
        height: auto !important;
    }

    #reward-page #main-content {
        padding-bottom: 100px !important;
    }

    div#rewards .tabcontent > div > img {
        height: 140px !important;
    }

    .modal.fade.in .modal-header .col-xs-8 span {
        padding: 10px !important;
        font-size: 14px !important;
    }

    .modal.fade.in .modal-header .col-xs-8 {
        width: 100%;
    }

    #reward-page div#main-content-1:not(:empty) {
        height: calc(-155px + 100vh);
        overflow: auto;
    }

    div#rewardsview > div img {
        margin: 0px;
        height: 230px !important;
        padding: 0px !important;
        width: 97% !important;
    }

    div#rewardsview > div {
        padding: 30px 0px 0px !important;
    }

    div#rewardsview div:nth-child(3) {
        top: 80px !important;
        right: 0px !important;
    }

    #reward-page #main-content .title-head span:nth-child(2) {
    }

    #history-page #main-content {
        height: auto;
    }

    #history-page div#menubars.menu + div#menubars1 {
        width: 100%;
        overflow: auto !important;
        height: calc(-160px + 100vh) !important;
        padding-bottom: 30px !important;
    }

    #history-page div#menubars.menu + div#menubars1 .content-container {
        width: 100%;
        background: transparent;
    }

    div#redeem-page div#menubars.menu + div#menubars1 {
        overflow: auto !important;
        height: calc(-150px + 100vh) !important;
        padding-bottom: 50px !important;
        width: 100% !important;
    }

    #redeem-page .content-container {
        background: transparent;
        padding: 50px 0px;
        display: flex;
        flex-direction: column;
    }

    #redeem-page .scroll-content {
        overflow: unset;
    }

    #redeem-page span.next-prev.next-prev1 {
        right: 0px !important;
    }

    #redeem-page span.next-prev.next-prev0 {
        left: 0px !important;
    }

    span.next-prev {
        background: rgb(221, 221, 221);
        font-size: 21px;
        top: 22%;
        border-radius: 0% 70% 70% 0%;
        padding: 5px;
        display: block !important;
    }

    span.next-prev:first-child {
        border-radius: 0% 70% 70% 0% !important;
    }

    span.next-prev:last-child {
        background: rgb(221, 221, 221);
        font-size: 21px;
        border-radius: 0% 70% 70% 0%;
        padding: 5px;
    }

    #reward-page span.next-prev.next-prev0 {
        left: 0px;
    }

    span.next-prev.next-prev0 {
        position: sticky;
        top: 5px;
        left: -20px;
        height: 40px;
        border-radius: 0% 70% 70% 0% !important;
    }

    section.content-container.scroll-content {
        background: transparent;
    }

    div#reward-page .content-container {
        overflow: unset;
        display: block;
        width: 100%;
    }

    #reward-page span.next-prev.next-prev1 {
        right: 0px !important;
    }

    span.next-prev.next-prev1 {
        position: sticky;
        right: 0px;
        height: 40px;
        top: 5px;
    }

    .sidrespon tbody {
        display: flex;
        column-gap: 10px;
    }

    .sidrespon tbody tr {
        width: 220px;
    }
}

.compliment-container .tabcontent .card-com {
    margin-bottom: 20px;
    width: 25%;
}

@media only screen and (max-width: 1000px) {
    .compliment-container .tabcontent .card-com {
        width: 33% !important;
    }
}

@media only screen and (max-width: 600px) {
    .compliment-container .tabcontent .card-com {
        width: 50% !important;
    }
}

@media only screen and (max-width: 450px) {
    .compliment-container .tabcontent .card-com {
        width: 100% !important;
    }
}

span.next-prev {
    display: none;
}

.youtube-blocker1 {
    height: 60px;
    width: 180px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: 600;
    border: 1px solid rgb(221, 221, 221);
    position: absolute;
    left: 0px;
    top: 340px;
    color: rgb(239, 180, 67);
}

span.share-btn-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 30px;
    width: 30px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    text-align: center;
    padding-top: 3px;
    font-size: 18px;
    padding-right: 3px;
    margin: 5px 5px 0px 0px;
}

.youtube-blocker2 {
    height: 50px;
    width: 130px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: 600;
    border: 1px solid rgb(221, 221, 221);
    position: absolute;
    bottom: 140px;
    right: 0px;
    color: rgb(239, 180, 67);
}

.youtube-blocker2 img {
    height: 40px !important;
}

div#menubars.menu + div#menubars1 {
    width: 100%;
}

.col-xs-12.card-body-top {
    padding: 0px;
}

.col-xs-12.card-body-top span.card-text {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
}

.col-xs-12.card-body-top .col-xs-8 {
    padding: 0px;
}

.col-xs-12.card-body-top .col-xs-4 {
    padding: 0px;
}

.col-xs-12.card-body-bottom span {
    font-size: 18px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.col-xs-12.card-body-top span {
    font-size: 40px;
    color: rgb(255, 255, 255);
}

.col-xs-12.card-body-middle span {
    font-size: 45px;
    font-weight: 500;
}

.main-container {
    display: block;
    margin: 0px auto;
    max-width: 30rem;
    padding: 2rem 1rem;
    width: 100%;
}

.main-container .current-balance {
    border-radius: 10px;
    color: rgb(255, 255, 255);
    display: block;
    margin: 0px auto;
    padding: 2rem;
    position: relative;
    width: 80%;
    z-index: 1;
    background: rgb(88, 101, 37) !important;
}

.main-container .current-balance h2 {
    font-size: 36px;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 3px;
}

.main-container .current-balance h2 span {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 0.5rem;
    opacity: 0.6;
    text-transform: uppercase;
}

div#reward-page .content-container {
    background: transparent;
    padding: 15px 15px 50px;
}

.content-container {
    background: rgb(247, 247, 247);
    border-radius: 10px;
    margin-top: -50px;
    padding: 5.5rem 2rem 2rem;
    position: relative;
    width: 100%;
    z-index: 0;
    height: fit-content;
    display: flex;
}

.content-container .purchase-history {
    border-collapse: separate;
    border-radius: 10px;
    padding: 1rem;
    width: 100%;
}

.content-container .purchase-history td {
    padding: 1rem;
}

.content-container .purchase-history td:first-child {
    border-radius: 10px 0px 0px 10px;
}

.content-container .purchase-history td:last-child {
    border-radius: 0px 10px 10px 0px;
}

.content-container .purchase-history td.add {
    color: rgb(121, 134, 203);
    font-weight: 600;
}

.content-container .purchase-history thead tr {
    color: rgb(80, 120, 104);
}

.content-container .purchase-history thead td {
    color: rgb(80, 120, 104);
    font-weight: bold;
}

.content-container .purchase-history tbody tr:nth-child(2n) {
    background: rgba(0, 0, 0, 0.03);
}

.plus, .credit {
    color: green;
    font-weight: 600;
}

.minus, .debit {
    color: red;
    font-weight: 600;
}

.purchase-history tr {
    display: table-row !important;
}

@media (max-width: 600px) {
    div#menubars1 {
        overflow: auto;
    }

    div#menubars1 .col-xs-6 {
        width: 100%;
    }

    div#rewards > div {
        width: 90% !important;
    }

    html {
        overflow: hidden;
    }

    div#menubars.menu + div#menubars1 {
        overflow: auto;
        padding: 0px !important;
    }
}

table.table.statustable td {
    text-align: center;
}

.tab {
    overflow: hidden;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(241, 241, 241);
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: all 0.3s ease 0s;
    font-size: 17px;
}

.tab button:hover {
    background-color: rgb(221, 221, 221);
}

.tab button.active {
    background-color: rgb(121, 134, 203);
    color: rgb(255, 255, 255);
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border-right: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
    border-image: initial;
    border-top: none;
}

html, body {
    position: relative;
    width: 100%;
    height: 100%;
}

body.ios {
    font-family: Arial, Helvetica, sans-serif !important;
}

.toastbar-container {
    transition: top 500ms ease 0s, right, bottom, left, opacity;
    font-size: 15px;
    min-height: 15px;
    text-align: center;
    position: fixed;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    bottom: 50px;
    opacity: 1;
    z-index: 9999;
}

.toastbar-container span {
    transition: width 500ms ease 0s;
    width: auto;
    padding: 14px 25px;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
    margin: auto;
    max-width: calc(100% - 60px);
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50px;
}

.pointer {
    cursor: pointer;
    background-color: inherit;
}

.pointer:active {
    background: rgba(0, 0, 0, 0.1);
}

.pointer_invert {
    cursor: pointer;
}

.pointer_invert:active {
    background: rgba(255, 255, 255, 0.4);
}

[data-toggle~="collapse"] {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

.normal-weight {
    font-weight: normal;
}

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

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

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.password {
    -webkit-text-security: disc;
}

.font-1x {
    font-size: 1.1em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-1xx {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-1xxx {
    font-size: 1.5em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-1xxxx {
    font-size: 1.75em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-2x {
    font-size: 2em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-2xx {
    font-size: 2.25em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-2xxx {
    font-size: 2.5em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-2xxxx {
    font-size: 2.75em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-3x {
    font-size: 3em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-3xx {
    font-size: 3.25em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-3xxx {
    font-size: 3.5em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-3xxxx {
    font-size: 3.75em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.font-4x {
    font-size: 4em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fx-0x {
    font-size: 0.75em;
}

.fx-0xx {
    font-size: 1em;
}

.fx-1x {
    font-size: 1.175em;
}

.fx-1xx {
    font-size: 1.33333em;
}

.fx-1xxx {
    font-size: 1.5em;
}

.fx-1xxxx {
    font-size: 1.75em;
}

.fx-2x {
    font-size: 2em;
}

.fx-2xx {
    font-size: 2.25em;
}

.fx-2xxx {
    font-size: 2.5em;
}

.fx-2xxxx {
    font-size: 2.75em;
}

.fx-3x {
    font-size: 3em;
}

.fx-3xx {
    font-size: 3.25em;
}

.fx-3xxx {
    font-size: 3.5em;
}

.fx-3xxxx {
    font-size: 3.75em;
}

.fx-4x {
    font-size: 4em;
}

.font-45 {
    font-size: 45px;
}

.font-40 {
    font-size: 40px;
}

.font-30 {
    font-size: 30px;
}

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

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

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

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

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

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

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

.font-12 {
    font-size: 12px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-10 {
    font-size: 10px;
}

.font-9 {
    font-size: 9px;
}

.img-all-border-radius-3 {
    border-radius: 3px;
}

.border-radius-0 {
    border-radius: 0px;
}

.border-radius-2 {
    border-radius: 2px;
}

.border-radius-3 {
    border-radius: 3px;
}

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

.border-radius-100 {
    border-radius: 100%;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-15 {
    border-radius: 15px;
}

.border-radius-20 {
    border-radius: 20px;
}

.border-radius-25 {
    border-radius: 25px;
}

.border-radius-30 {
    border-radius: 30px;
}

.color-fff {
    color: rgb(255, 255, 255) !important;
}

.color-000 {
    color: rgb(0, 0, 0);
}

.color-eee {
    color: rgb(238, 238, 238);
}

.color-ccc {
    color: rgb(204, 204, 204);
}

.color-999 {
    color: rgb(153, 153, 153);
}

.color-666 {
    color: rgb(102, 102, 102);
}

.color-333 {
    color: rgb(51, 51, 51);
}

.color-red {
    color: rgb(255, 0, 0);
}

.color-717171 {
    color: rgb(113, 113, 113);
}

.color-green {
    color: rgb(104, 159, 56);
}

.color-drak-green {
    color: rgb(68, 131, 137);
}

.color-yellow {
    color: rgb(255, 178, 37);
    fill: rgb(255, 178, 37);
}

.color-light-green {
    color: rgb(71, 88, 166);
}

.color-orange {
    color: rgb(249, 170, 80);
}

.background-none {
    background-color: transparent;
}

.background-fff {
    background-color: rgb(255, 255, 255);
}

.background-f4f4f4 {
    background-color: rgb(244, 244, 244);
}

.background-f9f9f9 {
    background-color: rgb(249, 249, 249);
}

.background-eee {
    background-color: rgb(238, 238, 238);
}

.background-ddd {
    background-color: rgb(221, 221, 221);
}

.background-ccc {
    background-color: rgb(204, 204, 204);
}

.background-333 {
    background-color: rgb(51, 51, 51);
}

.background-000 {
    background-color: rgb(0, 0, 0);
}

.background-727 {
    background-color: rgb(114, 114, 114);
}

.background-red, .background-f00 {
    background: rgb(255, 0, 0);
}

.color-gray-light {
    color: rgb(84, 85, 84);
}

.background-f7 {
    background: rgb(247, 247, 247);
}

.background-green {
    background-color: rgb(104, 159, 56);
}

.background-red {
    background-color: rgb(255, 0, 0);
}

.background-drak-green {
    background-color: rgb(68, 131, 137);
}

.background-gray {
    background: rgb(237, 236, 237);
}

.background-light-green {
    background-color: rgb(104, 159, 56) !important;
}

.background-474747 {
    background: rgb(71, 71, 71);
}

.list-style-none {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.margin-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.margin0, .margin-0 {
    margin: 0px;
}

.margin0auto {
    margin: 0px auto;
}

.margin-5 {
    margin: 5px;
}

.margin-10 {
    margin: 10px;
}

.margin-15 {
    margin: 15px;
}

.margin-tb-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.margin-tb-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.margin-tb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-tb-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.margin-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-tb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.margin-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-LR-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.margin-LR-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-top-0 {
    margin-top: 0px;
}

.margin-top-2 {
    margin-top: 2px;
}

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

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

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

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-b-m-3 {
    margin-bottom: -3px;
}

.margin-b-m-2 {
    margin-bottom: -2px;
}

.margin-tb-5-2 {
    margin-top: 5px;
    margin-bottom: 2px;
}

.margin-tb-2-5 {
    margin-top: 2px;
    margin-bottom: 5px;
}

.margin-tb-10-2 {
    margin-top: 10px;
    margin-bottom: 2px;
}

.margin-tb-2-10 {
    margin-top: 2px;
    margin-bottom: 10px;
}

.margin-tb-10-5 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.margin-tb-5-10 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.margin-tb-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.margin-tb-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.margin-tb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.padding-0, .padding0 {
    padding: 0px !important;
}

.padding-5, .padding5 {
    padding: 5px !important;
}

.padding-8, .padding8 {
    padding: 8px !important;
}

.padding-10, .padding10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-tb-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.padding-tb-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.padding-tb-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.padding-tb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padding-tb-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.padding-tb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.padding-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padding-tb-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.padding-tb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padding-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padding-tb-35 {
    padding: 35px 0px !important;
}

.padding-LR-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-LR-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.padding-LR-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.padding-LR-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.padding-LR-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.padding-LR-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.padding-LR-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.padding-LR-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.padding-LR-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.padding-LR-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.padding-LR-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-right-0 {
    padding-right: 0px !important;
}

.padding-bottom-24, .padding-b-24 {
    padding-bottom: 24px !important;
}

.padding-bottom-56 {
    padding-bottom: 56px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-LR-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.opacity-0 {
    opacity: 0;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-70 {
    opacity: 0.7;
}

.single_elipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}

.ellipsis-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}

.overflow-hidden {
    overflow: hidden;
}

.border-top-1 {
    border-top: 1px solid rgb(201, 201, 201);
}

.border-bottom-1 {
    border-bottom: 1px solid rgb(201, 201, 201);
}

.border-bottom-2 {
    border-bottom: 2px solid rgb(204, 204, 204);
}

.border-fff {
    border: 1px solid white;
}

.border-fff-2 {
    border: 2px solid rgb(255, 255, 255) !important;
}

.border-ccc-1 {
    border: 1px solid rgb(204, 204, 204);
}

.min-height-56 {
    min-height: 56px;
}

.min-height-15 {
    min-height: 15px !important;
}

.min-height-90 {
    min-height: 90px;
}

.min-height-100 {
    min-height: 100% !important;
}

.height-full {
    height: 100%;
}

.height-25 {
    height: 25px;
}

.height-30 {
    height: 30px;
}

.height-40 {
    height: 40px;
}

.height-44 {
    height: 44px;
}

.height-48 {
    height: 48px;
}

.height-45 {
    height: 45px;
}

.height-50 {
    height: 50px;
}

.height-54 {
    height: 54px;
}

.height-56 {
    height: 56px;
}

.height-60 {
    height: 60px;
}

.height-65 {
    height: 65px;
}

.height-70 {
    height: 70px;
}

.height-80 {
    height: 80px;
}

.height-90 {
    height: 90px;
}

.height-96 {
    height: 96px;
}

.height-105 {
    height: 105px;
}

.height-150 {
    height: 150px;
}

.height-120 {
    height: 120px;
}

.height-180 {
    height: 180px;
}

.width-full {
    width: 100%;
}

.width-50 {
    width: 50% !important;
}

.width-100 {
    width: 100%;
}

.width-80 {
    width: 80px;
}

.width-54 {
    width: 54px !important;
}

.width-48 {
    width: 48px;
}

.width-14 {
    width: 14px;
}

.width-42 {
    width: 42px;
}

.width-44 {
    width: 44px;
}

.min-width-100 {
    min-width: 100% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.line-height-90 {
    line-height: 90px !important;
}

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

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

.text-left {
    text-align: left !important;
}

.box-shadow-none {
    box-shadow: none;
}

.all-shadow {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px 3px;
}

.bottom-shadow {
    box-shadow: rgb(153, 153, 153) 0px 8px 6px -6px;
}

.box-shadow {
    box-shadow: rgb(102, 102, 102) 0px 0px 5px 0px;
}

.container {
    width: 100%;
    max-width: 950px;
    background: transparent;
}

.mobile-container {
    padding-left: 5px;
    padding-right: 5px;
    margin-right: auto;
    margin-left: auto;
}

.mobile-container .row {
    margin-right: -5px;
    margin-left: -5px;
}

.mobile-container .col-lg-1, .mobile-container .col-lg-10, .mobile-container .col-lg-11, .mobile-container .col-lg-12, .mobile-container .col-lg-2, .mobile-container .col-lg-3, .mobile-container .col-lg-4, .mobile-container .col-lg-5, .mobile-container .col-lg-6, .mobile-container .col-lg-7, .mobile-container .col-lg-8, .mobile-container .col-lg-9, .mobile-container .col-md-1, .mobile-container .col-md-10, .mobile-container .col-md-11, .mobile-container .col-md-12, .mobile-container .col-md-2, .mobile-container .col-md-3, .mobile-container .col-md-4, .mobile-container .col-md-5, .mobile-container .col-md-6, .mobile-container .col-md-7, .mobile-container .col-md-8, .mobile-container .col-md-9, .mobile-container .col-sm-1, .mobile-container .col-sm-10, .mobile-container .col-sm-11, .mobile-container .col-sm-12, .mobile-container .col-sm-2, .mobile-container .col-sm-3, .mobile-container .col-sm-4, .mobile-container .col-sm-5, .mobile-container .col-sm-6, .mobile-container .col-sm-7, .mobile-container .col-sm-8, .mobile-container .col-sm-9, .mobile-container .col-xs-1, .mobile-container .col-xs-10, .mobile-container .col-xs-11, .mobile-container .col-xs-12, .mobile-container .col-xs-2, .mobile-container .col-xs-3, .mobile-container .col-xs-4, .mobile-container .col-xs-5, .mobile-container .col-xs-6, .mobile-container .col-xs-7, .mobile-container .col-xs-8, .mobile-container .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}

.tab-container {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: auto;
    margin-left: auto;
}

.tab-container .row {
    margin-right: -10px;
    margin-left: -10px;
}

.tab-container .col-lg-1, .tab-container .col-lg-10, .tab-container .col-lg-11, .tab-container .col-lg-12, .tab-container .col-lg-2, .tab-container .col-lg-3, .tab-container .col-lg-4, .tab-container .col-lg-5, .tab-container .col-lg-6, .tab-container .col-lg-7, .tab-container .col-lg-8, .tab-container .col-lg-9, .tab-container .col-md-1, .tab-container .col-md-10, .tab-container .col-md-11, .tab-container .col-md-12, .tab-container .col-md-2, .tab-container .col-md-3, .tab-container .col-md-4, .tab-container .col-md-5, .tab-container .col-md-6, .tab-container .col-md-7, .tab-container .col-md-8, .tab-container .col-md-9, .tab-container .col-sm-1, .tab-container .col-sm-10, .tab-container .col-sm-11, .tab-container .col-sm-12, .tab-container .col-sm-2, .tab-container .col-sm-3, .tab-container .col-sm-4, .tab-container .col-sm-5, .tab-container .col-sm-6, .tab-container .col-sm-7, .tab-container .col-sm-8, .tab-container .col-sm-9, .tab-container .col-xs-1, .tab-container .col-xs-10, .tab-container .col-xs-11, .tab-container .col-xs-12, .tab-container .col-xs-2, .tab-container .col-xs-3, .tab-container .col-xs-4, .tab-container .col-xs-5, .tab-container .col-xs-6, .tab-container .col-xs-7, .tab-container .col-xs-8, .tab-container .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}

[data-role="page"] {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    overflow: auto;
    transform: translateZ(0px);
}

.active_page {
    display: block !important;
}

.block {
    display: block;
}

.filter-blur {
    filter: blur(1px);
}

.modal.fade:not(.in).left .modal-dialog {
    transform: translate3d(-25%, 0px, 0px);
}

.modal.fade:not(.in).right .modal-dialog {
    transform: translate3d(25%, 0px, 0px);
}

.modal.fade:not(.in).bottom .modal-dialog {
    transform: translate3d(0px, 25%, 0px);
}

.modal.fade:not(.in).top-left .modal-dialog {
    transform: translate3d(-25%, -25%, 0px);
}

.modal.fade:not(.in).top-right .modal-dialog {
    transform: translate3d(25%, 0px, 0px);
}

.modal.fade:not(.in).bottom-left .modal-dialog {
    transform: translate3d(-25%, 25%, 0px);
}

.modal.fade:not(.in).bottom-right .modal-dialog {
    transform: translate3d(25%, 25%, 0px);
}

.animated_half_sec {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.animated_one_half_sec {
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

.animated_two_sec {
    animation-duration: 2s;
    animation-fill-mode: both;
}

.animated_three_sec {
    animation-duration: 3s;
    animation-fill-mode: both;
}

.vertical-middle {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
    transform: translateZ(0px);
}

.overflow-scroll {
    overflow-x: auto;
    transform: translateZ(0px);
    overflow-y: scroll !important;
}

.word-wrap {
    overflow-wrap: break-word;
}

.preline {
    white-space: pre-line;
}

.overflow-scroll-y {
    overflow: scroll;
    transform: translateZ(0px);
}

[featurehidden] {
    display: none !important;
}

[featureshown] {
    display: block !important;
}

.inputhidearrow[type="number"]::-webkit-outer-spin-button, .inputhidearrow[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    margin: 0px;
}

.setters {
    position: absolute;
    left: 85px;
    top: 75px;
}

.seconds-set {
    float: right;
}

.controlls {
    position: absolute;
    left: 0px;
    top: 98px;
    text-align: center;
    width: 100%;
}

.display-remain-time {
    font-weight: bold;
    font-size: 65px;
}

.controlls_2 {
    position: absolute;
    left: 0px;
    top: 15px;
    text-align: center;
    width: 100%;
}

.display-remain-time_2 {
    font-weight: 400;
    font-size: 15px;
    color: rgb(255, 255, 255);
}

.e-c-base {
    fill: none;
    stroke: rgb(182, 182, 182);
    stroke-width: 4px;
}

.e-c-progress {
    fill: none;
    stroke: rgb(191, 54, 12);
    stroke-width: 4px;
    transition: stroke-dashoffset 0.7s ease 0s;
}

.e-c-base_1 {
    fill: none;
    stroke: rgb(182, 182, 182);
    stroke-width: 2px;
}

.e-c-progress_1 {
    fill: none;
    stroke: rgb(255, 255, 255);
    stroke-width: 2px;
    transition: stroke-dashoffset 0.7s ease 0s;
}

.e-c-pointer_1 {
    fill: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
    stroke-width: 1px;
}

.e-c-pointer {
    fill: rgb(255, 255, 255);
    stroke: rgb(191, 54, 12);
    stroke-width: 2px;
}

#appRestartCountDown-Div {
    width: 52px;
    height: 52px;
    position: fixed;
    top: 90px;
    background: rgba(51, 51, 51, 0.72);
    z-index: 10;
    border-radius: 100%;
}

#e-pointer {
    transition: transform 0.7s ease 0s;
}

.word-break-all {
    word-break: break-all !important;
}

@media only screen and (min-width: 320px) {
    .modal.modal-center {
        text-align: center;
    }

    .modal-center.modal::before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

    .modal.modal-center .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal.modal-center.fade .modal-dialog {
        transform: scale(0.9);
        opacity: 0;
        transition: all 0.3s ease 0s;
    }

    .modal.modal-center.fade.in .modal-dialog {
        transform: translate3d(0px, -300px, 0px);
        opacity: 1;
    }
}

.scroll_option {
    transform: translateZ(0px);
    max-height: 51.5vh;
    overflow-y: auto;
}

#account-Modal.modal.left .modal-dialog {
    width: 80%;
    max-width: 320px;
    height: 100%;
    margin: auto auto auto 0px;
}

#account-Modal.modal.left .modal-content {
    border-radius: 0px;
    height: 100%;
}

#account-Modal .app_title_icon_down::after {
    font-size: 24px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "";
    float: right;
    margin-top: 0px;
    font-family: icomoon !important;
}

#account-Modal .app_title_icon_up::after {
    font-size: 24px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "";
    float: right;
    margin-top: 0px;
    font-family: icomoon !important;
}

#account-Modal .drawer_sublist {
    display: none;
}

#account-Modal .drawer_open .drawer_sublist {
    display: block;
}

#account-Modal .card_layout_1 {
    border-radius: 3px;
    overflow: hidden;
    border-bottom: 1px solid rgb(234, 234, 234);
    margin: 0px -2px !important;
}

#account-Modal .modal-content::-webkit-scrollbar {
    width: 0px;
    height: 4px;
}

.editprofile {
    position: absolute;
    top: 2px;
    right: calc(50% - 31px);
    text-shadow: rgb(51, 51, 51) 1px -1px 11px;
    font-size: 18px;
    padding: 4px;
    background: rgb(238, 238, 238);
    border-radius: 100%;
    color: rgb(0, 0, 0) !important;
}

.newcardstyle {
    box-shadow: rgba(32, 33, 36, 0.47) 0px 1px 6px;
    border-radius: 3px;
    border-bottom: 1px hidden rgb(255, 255, 255);
    overflow: hidden;
    background-color: rgb(255, 255, 255) !important;
    margin: 0px 0px 3px -1px !important;
}

.searchInput {
    border: 2px solid rgb(238, 238, 238) !important;
    border-radius: 20px !important;
    background-image: none !important;
}

.label-floating label {
    color: rgb(51, 51, 51);
}

.Whitecheckbox input[type="checkbox"]:checked + .checkbox-material .check, label.checkbox-inline input[type="checkbox"]:checked + .checkbox-material .check {
    color: rgb(255, 255, 255) !important;
    border-color: rgb(255, 255, 255) !important;
}

.Whitecheckbox .checkbox-material .check, label.checkbox-inline .checkbox-material .check {
    border: 2px solid rgb(255, 255, 255);
}

.Whitecheckbox input[type="checkbox"]:checked + .checkbox-material .check::before, label.checkbox-inline input[type="checkbox"]:checked + .checkbox-material.check::before {
    color: rgb(255, 255, 255) !important;
}

.Whitecheckbox label {
    color: rgb(255, 255, 255) !important;
}

#contactList, .comcontactList {
    border: none !important;
}

#contactList .active, .comcontactList .active {
    background: transparent;
}

#contactList .active button, .comcontactList .active button {
    color: rgb(255, 255, 255) !important;
    background: rgb(22, 42, 79) !important;
}

.comcontactList > li {
    display: table-cell;
    width: 1%;
    padding: 0px 5px;
}

.capitalizeText {
    text-transform: lowercase;
}

.capitalizeText::first-letter {
    text-transform: uppercase;
}

.notificationBlink2 {
    height: 15px;
    position: absolute;
    left: 15px;
    top: 5px;
    width: 15px;
    background-color: red;
    border-radius: 100%;
}

.notificationBlink {
    height: 15px;
    position: absolute;
    left: 15px;
    top: 5px;
    width: 15px;
    background-color: red;
    border-radius: 100%;
    animation: 1s linear 0s infinite normal none running blinker;
}

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

.loader_wrapper_progress_bar {
    display: block;
    position: absolute;
    margin: auto;
    z-index: 9999;
    bottom: 0px;
    left: 0px;
    max-width: 400px;
    right: 0px;
    background: rgba(0, 0, 0, 0.2);
}

.material-progress-loader-box {
    position: absolute;
    inset: 50% 0px 0px 50%;
    padding: 0px;
    z-index: 1;
    width: 250px;
    height: 160px;
    margin-left: -125px;
    margin-top: -60px;
}

.progress {
    height: 100%;
}

.list_card_new_crm {
    background-color: rgb(255, 255, 255);
    margin: 0px 0px 5px;
    box-shadow: rgba(32, 33, 36, 0.47) 0px 1px 6px;
    border-radius: 0px;
    border: 1px solid rgb(230, 230, 230);
    overflow: hidden;
}

.leadcardBG_crm {
    background: rgb(236, 243, 248);
}

.topbaricon {
    margin-top: 2px !important;
}

.sideMenuIcon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: auto;
    border-radius: 5px;
    display: block;
}

.sideMenuIcon i {
    font-size: 30px;
    line-height: 45px;
}

.headerBgColor {
    background-color: rgb(153, 165, 153) !important;
}

.sideLineBar::before {
    content: "";
    border-left: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    position: absolute;
    left: 3px;
    height: 100%;
    width: 6px;
}

.garyBigHader {
    height: 120px;
}

.border-left-ccc {
    border-left: 1px solid rgb(204, 204, 204);
}

.border-right-ccc {
    border-right: 1px solid rgb(204, 204, 204);
}

.com_info_icon {
    position: absolute;
    padding-left: 5px;
}

.cardBG {
    background: rgb(236, 243, 248);
    border: 2px solid rgb(255, 255, 255);
}

.cardheadBG {
    background: rgb(214, 214, 214);
    border-top: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    border-left: 2px solid rgb(255, 255, 255);
}

.box_icon {
    width: 20px;
    height: 20px;
    font-size: 14px;
    border-radius: 2px;
    line-height: 20px;
    margin: 0px;
}

.red_radio .circle, label.radio-inline .circle {
    border: 2px solid rgb(244, 67, 54);
    height: 15px;
    width: 15px;
    border-radius: 100%;
}

.red_radio input[type="radio"]:checked ~ .circle, label.radio-inline input[type="radio"]:checked ~ .circle {
    border-color: rgb(244, 67, 54);
}

.red_radio input[type="radio"]:checked ~ .check, label.radio-inline input[type="radio"]:checked ~ .check {
    background-color: rgb(244, 67, 54);
}

.yellow_radio .circle, label.radio-inline .circle {
    border: 2px solid rgb(230, 211, 0);
    height: 15px;
    width: 15px;
    border-radius: 100%;
}

.yellow_radio input[type="radio"]:checked ~ .circle, label.radio-inline input[type="radio"]:checked ~ .circle {
    border-color: rgb(230, 211, 0);
}

.yellow_radio input[type="radio"]:checked ~ .check, label.radio-inline input[type="radio"]:checked ~ .check {
    background-color: rgb(230, 211, 0);
}

.green_radio .circle, label.radio-inline .circle {
    border: 2px solid green;
    height: 15px;
    width: 15px;
    border-radius: 100%;
}

.green_radio input[type="radio"]:checked ~ .circle, label.radio-inline input[type="radio"]:checked ~ .circle {
    border-color: green;
}

.green_radio input[type="radio"]:checked ~ .check, label.radio-inline input[type="radio"]:checked ~ .check {
    background-color: green;
}

.white_radio .circle, label.radio-inline .circle {
    border: 2px solid white;
    height: 15px;
    width: 15px;
    border-radius: 100%;
}

.white_radio input[type="radio"]:checked ~ .circle, label.radio-inline input[type="radio"]:checked ~ .circle {
    border-color: white;
}

.white_radio input[type="radio"]:checked ~ .check, label.radio-inline input[type="radio"]:checked ~ .check {
    background-color: white;
}

.color-fff .togglebutton label input[type="checkbox"]:checked + .toggle::after {
    background-color: rgb(255, 255, 255);
}

.color-fff .togglebutton label .toggle, .togglebutton label input[type="checkbox"][disabled] + .toggle {
    background-color: rgba(92, 198, 203, 0.7) !important;
}

.menumodalIconSmall {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: auto;
    border-radius: 5px;
    display: block;
}

.menumodalIconBig {
    width: 58px;
    height: 58px;
    line-height: 58px;
    margin: auto;
    border-radius: 5px;
    display: block;
}

.png_icon {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 36px;
}

.search_block_show_hide.active_show_hide {
    display: none;
}

.profileDevice {
    text-align: center;
    border: 1px solid rgb(228, 228, 228);
    background: rgb(238, 238, 238);
    width: 40px;
    height: 40px;
    border-radius: 10px !important;
}

.txtDevice {
    font-weight: 500;
    line-height: 40px;
    font-size: 18px;
    color: rgb(51, 51, 51);
    margin: 0px;
    text-transform: uppercase;
}

.border-bottom-options {
    border-bottom: 1px solid rgb(238, 238, 238);
}

.Modal_scroll_option {
    transform: translateZ(0px);
    height: 75.5vh;
    max-height: 75.5vh;
    overflow-y: auto;
}

.modal-cut-width {
    margin: 0px auto;
    max-width: 360px !important;
}

.modal-cut-width .modal-header, .modal-cut-width .modal-header .modal-title {
    line-height: 22px;
}

.modal-cut-width .modal-content {
    height: 96vh;
    border-radius: 0px;
}

.options_list_card {
    border-radius: 3px;
    margin-bottom: 10px;
    border: 2px solid rgb(218, 218, 218) !important;
    padding: 0px !important;
}

div.options_list_card:hover {
    border: 2px solid rgb(51, 51, 51) !important;
    background: rgb(245, 245, 245) !important;
}

.options_list_card_active {
    border: 2px solid rgb(51, 51, 51) !important;
    background: rgb(245, 245, 245) !important;
}

.list_card_header {
    border-radius: 3px;
    border: 1px solid rgb(218, 218, 218) !important;
}

.font-robo-reg {
    font-weight: 300;
    font-family: robotoregular;
}

.options_list_card_text {
    font-weight: 300;
    font-family: robotoregular;
    margin: 0px;
    font-size: 14px;
}

.options_list_card_sub_text {
    font-weight: 300;
    font-family: robotoregular;
    margin: 0px;
    font-size: 13px;
}

.slide_div_mob {
    z-index: 9999;
    position: absolute;
    background: rgb(255, 255, 255);
    height: 100%;
    display: none;
    left: 100%;
    width: 100%;
    top: -107px;
}

.slide_div_mob.active_mob {
    animation: 0.5s ease 0.5s 1 normal forwards running slide_slide_div_mob;
    display: block !important;
}

@-webkit-keyframes slide_slide_div_mob {
    100% {
        left: 0px;
    }
}

@keyframes slide_slide_div_mob {
    100% {
        left: 0px;
    }
}

@media screen and (max-width: 600px) {
    .slide_div_mob {
        z-index: 9999;
        position: absolute;
        background: rgb(255, 255, 255);
        height: 100%;
        display: none;
        left: 100%;
        top: -107px;
    }

    .slide_div_mob.active_mob {
        animation: 0.5s ease 0.5s 1 normal forwards running slide_slide_div_mob;
        display: block !important;
    }

    @-webkit-keyframes slide_slide_div_mob {
        100% {
            left: 0px;
        }
    }

    @keyframes slide_slide_div_mob {
        100% {
            left: 0px;
        }
    }
}

.modal-cut-width .modal-header {
    height: 56px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.headernotificationBlink {
}

.border-box {
    border: thin solid rgb(210, 210, 210);
    margin: 1px 0px;
    border-radius: 3px;
}

.border-box_2 {
    border: thin solid rgb(210, 210, 210);
    margin: 1px 0px;
    border-radius: 3px;
}

.card_heading {
    font-size: 13px;
    font-weight: 300;
}

.card_sub_heading {
    font-size: 11px;
    font-weight: normal;
}

.border-box:hover {
    border: 1px solid rgb(51, 51, 51) !important;
    background: rgb(245, 245, 245) !important;
}

.border-box-active {
    border: 1px solid rgb(51, 51, 51) !important;
    background: rgb(245, 245, 245) !important;
}

.addsearchShare {
    position: absolute;
    min-height: 150px;
    background: rgb(255, 255, 255);
    display: block;
    z-index: 999;
    max-width: 80%;
    left: 10%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
    transform: scale(1);
    opacity: 1;
    height: 500px !important;
    margin: 0px auto !important;
}

.slideRightTobottom {
    min-width: 100%;
    transition: all 0.5s ease 0s;
    margin-top: 56px !important;
}

.slideRightTobottom.showAnimations {
    display: block;
    margin-top: 0px !important;
}

.popover, .tooltip-inner {
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
    width: 90vw;
}

.popover-title {
    padding: 8px 0px;
    font-size: 13px;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(210, 210, 210);
    border-radius: 5px 5px 0px 0px;
    color: rgb(51, 51, 51);
    margin: 0px 15px;
    font-weight: bold;
}

.popover-content {
    padding: 0px;
    font-size: 11px;
    line-height: 14px;
    margin: 0px 15px;
}

.popover .arrow, .tooltip .arrow, .popover .tooltip-arrow, .tooltip .tooltip-arrow {
    display: block;
}

.display-flex {
    display: flex;
}

.optionsModal_coownerUserlist .profile-div-width {
    width: 36px;
    height: 36px;
    margin: 5px 6px;
    line-height: 36px;
    font-size: 17px;
    text-transform: capitalize;
}

.cont_list_pro {
    width: 36px;
    height: 36px;
    margin: 5px 6px;
    line-height: 36px;
    font-size: 17px;
    text-transform: capitalize;
}

.fileUpload_custom_progressbar {
    border: 1px solid rgb(51, 51, 51);
    border-radius: 100%;
    padding: 0px;
}

.ios .checkbox input[type="checkbox"]:checked + .checkbox-material .check, .ios label.checkbox-inline input[type="checkbox"]:checked + .checkbox-material .check {
    background-color: rgb(22, 42, 79);
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAATklEQVQoz2NgGFLgP+P/lv8KhJTM/v//fz5hJfUUKmH6PweLkv9C/3f/N8SrBCih8P/+/zcgZTiVICkzxqMEruw3AedCldUTDmOBQRHVAAE9S161j4sQAAAAAElFTkSuQmCC");
}

.showcountbage {
    position: absolute;
    background-color: red;
    top: 0px;
    min-width: 18px;
    height: 18px;
    border-radius: 100%;
    left: 0px;
    font-size: 10px;
    line-height: 18px;
    font-weight: bold;
}

.radiobtn-stl {
    opacity: 0;
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
}

.btn-outline-danger {
    background-color: transparent;
    background-image: none;
    border: 1px solid red;
}

.btn-outline-success {
    background-color: transparent;
    background-image: none;
    border: 1px solid rgb(40, 167, 69);
}

.radiobtnreject.radiobtnactive, .radiobtnreject:hover {
    border: 1px solid red;
    background-color: red !important;
    color: rgb(255, 255, 255) !important;
}

.radiobtnaccept.radiobtnactive, .radiobtnaccept:hover {
    border: 1px solid rgb(40, 167, 69);
    background-color: rgb(40, 167, 69) !important;
    color: rgb(255, 255, 255) !important;
}

.full_loader_close {
    position: absolute;
    top: 16px;
    right: 16px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 100%;
    padding: 3px;
}

#privacy_userList .card_layout_1 {
    border-radius: 3px;
    overflow: hidden;
    box-shadow: none;
    border: 1px solid rgb(218, 218, 218);
    margin: 1px 0px !important;
}

#privacy_userList .profile-div-width {
    width: 36px;
    height: 36px;
    margin: 5px 6px;
    line-height: 36px;
    font-size: 17px;
    text-transform: capitalize;
    padding-top: 0px !important;
}

#privacy_userList .list-main-text {
    font-size: 13px;
    width: calc(100% - 30px);
}

#privacy_userList .list-middle-div {
    width: calc(100% - 120px);
    padding-top: 5px !important;
}

#loading {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3);
    border-image: initial;
    border-radius: 50%;
    animation: 1s ease-in-out 0s infinite normal none running spin;
}

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

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

.spinner1 {
    position: absolute;
    left: 49%;
    top: 30%;
    height: 40px;
    width: 40px;
    margin: 0px auto;
    animation: 1.9s linear 0s infinite normal none running rotation;
    border-radius: 100%;
}

.loader-box-innerdiv, .material-loader-box1 {
    margin: 0px auto;
    bottom: 0px;
    right: 0px;
    padding: 0px;
    z-index: 1;
    width: 46%;
    height: 52%;
    min-height: 390px;
    background: rgba(255, 255, 255, 0.8);
}

.materialinner-loader-box1 {
    position: absolute;
    margin: 0px auto;
    inset: calc(-150px + 50vh) 0px 0px;
    padding: 0px;
    z-index: 1;
    width: 200px;
    height: 200px;
    min-height: 200px;
    background: rgba(255, 255, 255, 0.8);
}

.loader-path {
    stroke-dasharray: 150, 200;
    stroke-dashoffset: -10;
    animation: 1.5s ease-in-out 0s infinite normal none running dash, 6s ease-in-out 0s infinite normal none running color;
    stroke-linecap: round;
}

@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

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

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

@-webkit-keyframes color {
    0% {
        stroke: rgb(13, 71, 161);
    }

    40% {
        stroke: rgb(13, 71, 161);
    }

    66% {
        stroke: rgb(13, 71, 161);
    }

    80%, 90% {
        stroke: rgb(13, 71, 161);
    }
}

@keyframes color {
    0% {
        stroke: rgb(13, 71, 161);
    }

    40% {
        stroke: rgb(13, 71, 161);
    }

    66% {
        stroke: rgb(13, 71, 161);
    }

    80%, 90% {
        stroke: rgb(13, 71, 161);
    }
}

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

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

.bordercent::before {
    content: "";
    border: 2px solid rgba(204, 204, 204, 0.35);
    height: calc(100% - 96px);
    position: absolute;
    left: 35px;
    z-index: 0;
    top: 72px;
}

.add_less {
    font-size: 25px;
    border: 2px solid rgb(204, 204, 204);
    border-radius: 5px;
    width: 50px;
    margin: auto;
    color: rgb(102, 102, 102);
    text-align: center;
}

.selectbag {
    display: inline-flex;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.disable_offline_access_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: none;
    background: rgb(255, 255, 255);
    z-index: 9999;
    text-align: center;
    top: 0px;
    right: 0px;
}

.disable_offline_access_overlay ~ .app_content_body {
    filter: blur(3px);
}

.file_upload_progress {
    text-align: center;
    width: 50px;
    position: relative;
    margin: auto;
    height: 50px;
    float: right;
}

.file_upload_progress-circle {
    transform: rotate(-90deg);
}

.file_upload_progress-circle-back {
    fill: none;
    stroke: rgb(210, 210, 210);
    stroke-width: 4px;
}

.file_upload_progress-circle-prog {
    fill: none;
    stroke: rgb(126, 52, 81);
    stroke-width: 4px;
    stroke-dasharray: 0, 999;
    stroke-dashoffset: 0px;
    transition: stroke-dasharray 0.7s linear 0s;
}

.file_upload_progress-text {
    width: 100%;
    position: absolute;
    top: 60px;
    text-align: center;
    font-size: 2em;
}

.file_upload_progress_close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border: 6px solid rgb(255, 255, 255);
    border-radius: 50%;
    text-align: center;
    align-items: center;
    line-height: 100px;
    font-size: 10px;
    color: rgb(22, 42, 79);
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: rgb(22, 42, 79) 1px 2px 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 4px;
    background: rgb(255, 255, 255);
}

.ring::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    border-width: 2px 2px 3px 3px;
    border-style: solid;
    border-color: rgba(22, 42, 79, 0.8) rgba(22, 42, 79, 0.89) transparent transparent;
    border-image: initial;
    border-radius: 50%;
    animation: 2s linear 0s infinite normal none running animateCircle;
}

.ring.innerLoader {
    font-size: 8px;
    top: calc(50% - 48px);
    position: relative !important;
}

.ring span {
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    width: 50%;
    background: transparent;
    height: 4px;
    transform-origin: left center;
    animation: 2s linear 0s infinite normal none running animate;
}

.ring span::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgb(22, 42, 79);
    top: -8px;
    right: -4px;
    box-shadow: rgb(22, 42, 79) 0px 0px 20px;
}

@keyframes animateCircle {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes animate {
    0% {
        transform: rotate(45deg);
    }

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

@media only screen and (max-width: 580px) {
    .loader-box-innerdiv, .material-loader-box1 {
        width: 80%;
        height: 58%;
        margin: 40% auto;
    }
}

.timelineborder::before {
    content: "";
    border: 2px solid rgba(204, 204, 204, 0.35);
    height: calc(100% - 96px);
    position: absolute;
    left: 118px;
    z-index: 0;
    top: 46px;
}

.w-60 {
    width: 60px;
}

.w-80 {
    width: 80px;
}

.bordercent1::before {
    content: "";
    border: 2px solid rgba(204, 204, 204, 0.35);
    height: calc(100% - 96px);
    position: absolute;
    left: 28px;
    z-index: 0;
    top: 72px;
}

.fileUpload .progressSvg {
    height: 40px;
    transform: rotate(-90deg);
    width: 40px;
}

.cancelSvg {
    display: none;
    margin-top: 5px;
    margin-left: 2px;
}

.checkSvg {
    margin-top: 5px;
    margin-left: 2px;
}

.fileUpload:hover .cancelSvg {
    display: block;
}

.fileUpload:hover .progressSvg {
    display: none;
}

.fileUpload .progress-bar__background {
    fill: none;
    stroke: rgb(209, 209, 209);
    stroke-width: 3px;
}

.fileUpload .progress-bar__progress {
    fill: none;
    stroke: rgb(22, 42, 79);
    stroke-dasharray: 100, 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: 3px;
    transition: stroke-dashoffset 1s ease-in-out 0s;
}

.downArrow, .upArrow {
    display: none;
}

[aria-expanded="true"] .downArrow {
    display: block !important;
}

[aria-expanded="false"] .upArrow {
    display: block !important;
}

.uploadingPopup {
    display: block;
    left: auto;
    height: 310px;
    top: auto;
    width: 370px !important;
    right: 0px !important;
    bottom: 0px !important;
}

.disabled {
    cursor: not-allowed;
    pointer-events: none !important;
}

.sync_alert {
    position: fixed;
    opacity: 1;
    left: calc(50% - 160px);
    width: 320px;
    bottom: 0px;
    background-color: rgb(94, 93, 93);
    padding: 8px;
    border-radius: 5px;
    z-index: 9999;
}

.sync_alert_btn {
    border: 1px solid rgb(255, 255, 255);
    border-radius: 15px;
    line-height: 20px;
}

#contactListTabButton .active {
    background: transparent !important;
}

#contactListTabButton .active button {
    color: rgb(255, 255, 255) !important;
    background: rgb(22, 42, 79) !important;
}

.contact_profile_cr {
    width: 36px;
    height: 36px;
    margin: 5px 6px;
    line-height: 36px;
    font-size: 17px;
    text-transform: capitalize;
}

.contact_card_layout_1 {
    border-radius: 3px;
    overflow: hidden;
    box-shadow: none;
    border: 1px solid rgb(218, 218, 218);
    margin: 1px 0px !important;
}

.addsearchShare {
    position: absolute;
    min-height: 150px;
    background: rgb(255, 255, 255);
    z-index: 999;
    max-width: 80%;
    left: 10%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
    transform: scale(1);
    opacity: 1;
    height: 500px !important;
    display: block !important;
    margin: 0px auto !important;
}

.show-pass {
    position: absolute;
    bottom: 12px;
    right: 13px;
}

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

.modal-cut-width .modal-header {
    background: rgb(88, 101, 37);
}

button.btn.border-radius-25.pointer.btn-default.color-theme.btn-raised.btn-sm.text-capitalize {
    background: rgb(255, 255, 255);
}

div#approvalScroll, div#authorizeScroll {
    height: calc(-300px + 100vh);
    overflow: auto;
}

.cardd-ca11, .cardd-ca12, .cardd-ca13 {
    display: none;
}

.activity-feed {
    padding: 15px;
    list-style: none;
}

.activity-feed .feed-item {
    position: relative;
    padding-bottom: 20px;
    padding-left: 30px;
    border-left: 2px solid rgb(228, 232, 235);
}

.activity-feed .feed-item:last-child {
    border-color: transparent;
}

.activity-feed .feed-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(243, 113, 103);
}

.activity-feed .feed-item .date {
    display: block;
    position: relative;
    top: -5px;
    color: rgb(88, 101, 37);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}

.activity-feed .feed-item .text {
    position: relative;
    top: -3px;
    font-weight: 500;
    word-break: break-all;
}

.activity-feed .feed-item:nth-child(2n)::after {
    background: rgb(196, 104, 104);
    border: none;
}

.activity-feed .feed-item:nth-child(2n+1)::after {
    background: rgb(112, 112, 255);
    border: none;
}

div#viewrequest {
    overflow: auto;
    width: 100%;
    height: calc(-150px + 100vh);
}

span#welcometitle {
    font-size: 14px;
    font-weight: 600;
    color: rgb(88, 101, 37);
}

span#welcome {
    font-size: 12px;
}

.col-xs-12.card-body-bottom {
    padding-top: 40px;
}

table.table thead tr {
    color: rgb(80, 120, 104);
}

table.table thead tr th {
    border: navajowhite;
}

div#tab_content_1 {
    background: rgb(232, 232, 232);
}

div#tab_content_2 {
    background: rgb(232, 232, 232);
}

div#pointsComponentCard .form-group {
    display: flex;
}

div#pointsComponentCard .form-group label {
    width: 100%;
    padding-top: 15px;
}

div#pointsComponentCard .form-group input {
    margin-top: 10px;
}

div#pointsComponentCard {
    margin-bottom: 10px;
}

header#header-main.menu-responsive .col-sm-12 {
    display: block !important;
    height: 150px !important;
}

header#header-main.menu-responsive {
    height: 150px !important;
}

.col-sm-12 {
}

header#header-main.menu-responsive .col-sm-5 {
    width: 40% !important;
    height: 70px !important;
}

header#header-main.menu-responsive .col-sm-4 {
    padding: 10px;
    width: 60% !important;
    height: 70px !important;
}

header#header-main.menu-responsive .col-sm-3 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    top: 5px;
    left: -10px;
    flex-direction: row-reverse;
    width: 100% !important;
}

.elementskit-box-style-content {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

div#rewards .tabcontent {
    background: rgb(255, 255, 255) !important;
}

div#rewards .tab {
    background: rgb(255, 255, 255);
    font-weight: 600;
    border-radius: 5px 5px 0px 0px;
}

div#rewards .tab .active {
    background: rgb(88, 101, 37);
}

div#rewards {
    padding: 0px 10px 0px 0px;
}

.lineelip3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

html {
    overflow: hidden;
}

@media screen and (max-width: 800px) {
    div#report .scroll-content span.next-prev.next-prev0 {
        position: sticky;
        width: 30px;
        top: 0px;
        margin: 3px;
        left: 0px !important;
    }

    div#report .scroll-content span.next-prev.next-prev1 {
        width: 30px;
        top: 82px;
        right: 0px;
        position: fixed !important;
    }
}

@media screen and (max-width: 600px) {
    table.sidrespon {
        border: 0px;
    }

    table.sidrespon caption {
        font-size: 1.3em;
    }

    table.sidrespon thead {
        border: none;
        clip: rect(0px, 0px, 0px, 0px);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0px;
        position: absolute;
        width: 1px;
    }

    table.sidrespon tr {
        border: 3px solid rgb(221, 221, 221);
        margin-bottom: 0.625em;
        background: rgb(246, 246, 246);
        display: block !important;
    }

    .content-container .purchase-history tbody tr:nth-child(2n) {
        background: rgb(246, 246, 246);
    }

    table.sidrespon td {
        border-bottom: 1px solid rgb(221, 221, 221);
        display: block;
        font-size: 0.8em;
        text-align: right;
    }

    table.sidrespon td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table.sidrespon td:last-child {
        border-bottom: 0px;
    }
}

td a {
    text-decoration: underline;
}

div#redeem-page .scroll-content {
    padding: 0px 10px;
    margin-top: 10px;
}

#history-page div#main-content {
    height: 100%;
    padding-bottom: 50px;
}

#redeem-page div#menubars1 {
    padding-bottom: 50px;
}

div#main-page div#main-content-card:not(:empty) {
    padding-bottom: 60px !important;
}

header#header-main.report {
    height: 80px !important;
}

header#header-main.report .col-sm-3 {
    display: none !important;
}

div#report .scroll-content {
    background: transparent;
    width: 100%;
    overflow: unset;
    height: 100%;
    flex-direction: column;
    display: flex !important;
    margin: 0px !important;
    padding: 0px 10px !important;
}

div#report {
    display: block;
}

.newcardstyle {
    box-shadow: rgba(32, 33, 36, 0.47) 0px 1px 6px;
    border-radius: 3px;
    border-bottom: 1px hidden rgb(255, 255, 255);
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: rgb(255, 255, 255) !important;
    margin: 0px 0px 3px -1px !important;
}

.newcardstyle p, .newcardstyle span {
    margin: 0px;
    font-weight: 600;
    background: transparent !important;
}

.newcardstyle p {
    font-weight: 500;
}

div#report .scroll-content table {
    margin-bottom: 5px;
}

div#report .scroll-content span.next-prev.next-prev1, div#report .scroll-content span.next-prev.next-prev0 {
    display: none;
}

span.next-prev.next-prev1 {
}

header#header-main.report .col-sm-12 {
    height: 80px !important;
}

[id*="Scroll"].modal-body {
    overflow: auto;
    height: calc(-270px + 100vh);
    padding: 0px 20px;
}

[id*="Scroll"].modal-body .layout_card {
    border: 1px solid rgb(221, 221, 221);
    padding: 5px 0px;
}

.col-sm-6.creatNameWidth {
    padding: 0px;
}

[id*="Scroll"].modal-body .form-group.margin-0 {
    margin: 0px;
}

[id*="Scroll"].modal-body .radio.text-center {
    margin: 0px;
}

.modal-dialog span.font-16.color-theme.bold {
    font-weight: 600;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 1200px !important;
    padding: 0px !important;
}

.gradient-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    padding: 0px 0px 50px;
}

.container-title {
    text-align: left;
    margin-bottom: 30px;
    font-size: 32px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-family: "noto serif";
    line-height: 40px;
    padding: 0px !important;
}

.card-1 {
    max-width: 550px;
    border: 0px;
    width: 100%;
    margin-inline: auto; border-radius: 10px;
    flex-direction: unset;
}

.container-card {
    position: relative;
    background-clip: padding-box;
    border-radius: 10px;
    box-shadow: 0px 0px 18px -10px;
    padding: 20px;
    & img {
        margin-bottom: 0px;
        width: 100%;
    }
}

.bg-green-box, .bg-white-box, .bg-yellow-box, .bg-blue-box {
    position: relative;
}

.bg-green-box::after {
    background: linear-gradient(71deg, rgb(13, 18, 18), rgb(61, 160, 119), rgb(13, 18, 18));
}

.bg-white-box::after {
    background: linear-gradient(71deg, rgb(18, 16, 19), rgb(176, 175, 176), rgb(18, 16, 19));
}

.bg-yellow-box::after {
    background: linear-gradient(71deg, rgb(17, 14, 14), rgb(175, 162, 32), rgb(17, 14, 14));
}

.bg-blue-box::after {
    background: linear-gradient(71deg, rgb(12, 10, 14), rgb(95, 111, 173), rgb(12, 10, 14));
}

.card-title {
    font-weight: 600;
    color: rgb(0, 0, 0);
    letter-spacing: -0.02em;
    line-height: 30px;
    font-style: normal;
    font-size: 19px;
    padding-bottom: 0px;
    font-family: "noto serif";
    margin-top: 10px;
}

.card-description {
    font-weight: normal;
    line-height: 21px;
    color: rgb(145, 145, 145);
    font-family: "noto serif";
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.des-padding {
    padding-left: 35px;
}

.button-style {
    padding: 8px 5px;
    border: none;
    border-radius: 3px;
    background-color: rgb(140, 140, 140);
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-family: "noto serif";
    display: inline-block;
    width: 70px;
}

.button-style:hover {
    padding: 8px 5px;
    border: none;
    border-radius: 3px;
    background-color: rgb(92, 51, 47);
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-family: "noto serif";
}

.label-design {
    background-color: rgb(152, 153, 155);
    color: rgb(255, 255, 255);
    margin: 10px;
    text-align: center;
    padding: 7px;
    font-size: 17px;
    font-family: "noto serif";
}

.input-style {
    background-color: rgb(92, 51, 47);
    color: rgb(255, 255, 255);
    font-size: 17px;
    font-family: "noto serif";
    text-align: center;
    padding: 7px;
    margin: 10px 0px;
}

.popup {
    display: none;
    position: fixed;
    top: 35%;
    left: 50%;
    width: 40%;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 10px;
    padding: 20px;
    z-index: 9999;
}

.popup-content {
    text-align: center;
}

.close {
    position: absolute;
    top: 0px;
    right: 12px;
    cursor: pointer;
    font-size: 24px;
}

.read-more-btn-style {
    color: blue;
    cursor: pointer;
    text-decoration: none;
}

.overlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(2px);
    z-index: 9998;
}

.no-margin {
    margin-bottom: auto;
}

.card-1 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0px;
    overflow-wrap: break-word;
    background-color: rgb(255, 255, 255);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.col-6 {
    width: 50%;
}

.row div.col-6 p.card-description {
    padding-left: 18px;
}

p.card-title span {
    font-family: inherit;
}

.card-1 .container-card > .row {
    display: flex;
}

.card-wrapper .card-1 img {
    height: 130px;
    width: 130px;
}

.col-md-8 {
    flex: 0 0 auto;
    width: 66.6667%;
}

.col-md-4 {
    flex: 0 0 auto;
    width: 33.3333%;
}

.card-1 .container-card > .row {
    display: flex;
    flex-wrap: wrap;
}

#reward-page div#main-content {
    height: 100%;
    overflow: unset;
    padding-bottom: 50px !important;
}

@media screen and (max-width: 1100px) {
    .gradient-cards {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 700px) {
    .container {
        max-width: 959px !important;
        margin: 0px 16px !important;
        padding: 0px !important;
        width: auto !important;
    }

    .col-md-8 {
        flex: unset;
        width: auto;
    }

    .col-md-4 {
        flex: unset;
        width: auto;
    }

    .gradient-cards {
        grid-template-columns: 1fr;
    }

    .top-margin {
        margin-top: 20px !important;
    }

    .popup {
        width: 90%;
    }

    .label-design {
        margin: 0px;
    }

    .respon-de {
        margin: 20px;
    }

    .button-style {
        padding: 8px 5px;
        border: none;
        border-radius: 3px;
        background-color: rgb(140, 140, 140);
        color: rgb(255, 255, 255);
        font-size: 15px;
        font-family: "noto serif";
        display: inline-block;
        width: 70px;
        margin: 2px;
    }

    .card-1 img {
        height: auto;
        max-height: 250px;
        width: 100%;
    }

    .card-1 .container-card > .row {
        display: unset !important;
    }
}

.scroll-content .sidresponbtn1 {
    display: none !important;
}

section.content-container.scroll-content {
    overflow: auto;
    height: calc(-180px + 100vh);
    display: block !important;
}

@media screen and (max-width: 800px) {
    table.table.sidrespon1 tr th, table.table.sidrespon1 tr td {
        display: none;
    }

    table.table.sidrespon1 tr th:nth-child(2), table.table.sidrespon1 tr td:nth-child(2), table.table.sidrespon1 tr th:nth-child(3), table.table.sidrespon1 tr td:nth-child(3), table.table.sidrespon1 tr th:nth-child(5), table.table.sidrespon1 tr td:nth-child(5) {
        display: table-cell;
    }

    #report table.table.sidrespon1 tr th, #report table.table.sidrespon1 tr td {
        display: none;
    }

    #reward-page table.table.sidrespon1 tr th, #reward-page table.table.sidrespon1 tr td {
        display: none;
    }
}

.htmlRowUI table {
    display: block;
}

.htmlRowUI table tr td {
    background: none;
    padding: 10px 0px;
    font-size: 12px;
}

.htmlRowUI table tr {
    max-width: 500px;
    margin: 0px auto;
    background: none !important;
    border: none !important;
    width: -webkit-fill-available !important;
}

.htmlRowUI {
    height: calc(-170px + 100vh);
    overflow: auto;
    padding: 10px;
}

table.sidresponfull {
    border: 0px;
}

table.sidresponfull caption {
    font-size: 1.3em;
}

table.sidresponfull thead {
    border: none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}

table.sidresponfull tbody {
    display: flex;
    column-gap: 10px;
}

table.sidresponfull tr {
    border: 3px solid rgb(221, 221, 221);
    margin-bottom: 0.625em;
    background: rgb(246, 246, 246);
    width: 300px;
    display: block !important;
}

.content-container .purchase-history tbody tr:nth-child(2n) {
    background: rgb(246, 246, 246);
}

table.sidresponfull td {
    border-bottom: 1px solid rgb(221, 221, 221);
    display: block;
    font-size: 0.8em;
    text-align: right;
}

table.sidresponfull td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
}

table.sidresponfull td:last-child {
    border-bottom: 0px;
}

div#showTableRow {
    top: 40px;
}

#report table.table.sidrespon1 tr th:nth-child(2), #report table.table.sidrespon1 tr td:nth-child(2), #report table.table.sidrespon1 tr th:nth-child(3), #report table.table.sidrespon1 tr td:nth-child(3), #report table.table.sidrespon1 tr th:nth-child(4), #report table.table.sidrespon1 tr td:nth-child(4) {
    display: table-cell;
}

#reward-page table.table.sidrespon1 tr th:nth-child(2), #reward-page table.table.sidrespon1 tr td:nth-child(2), #reward-page table.table.sidrespon1 tr th:nth-child(3), #reward-page table.table.sidrespon1 tr td:nth-child(3), #reward-page table.table.sidrespon1 tr th:nth-child(4), #reward-page table.table.sidrespon1 tr td:nth-child(4) {
    display: table-cell;
}

table.table.sidrespon1 tbody#chistory tr td:nth-child(4), table.table.sidrespon1 thead#hchistory tr th:nth-child(4), table.table.sidrespon1 tbody#phistory tr td:nth-child(4), table.table.sidrespon1 thead#hphistory tr th:nth-child(4), table.table.sidrespon1 tbody#sendcard tr td:nth-child(4), table.table.sidrespon1 thead#hsendcard tr th:nth-child(4), table.table.sidrespon1 tbody#recievecard tr td:nth-child(4), table.table.sidrespon1 thead#hrecievecard tr th:nth-child(4) {
    display: table-cell;
}

div#main-page section.content-container.scroll-content {
    height: unset;
    overflow: unset;
    padding-bottom: 10px;
}

#main-page div#main-content {
    padding-bottom: 110px;
}

#history-page section.content-container.scroll-content {
    height: unset;
    overflow: unset;
}

#history-page .col-md-6:last-child {
    padding-bottom: 110px !important;
}

div#history-page {
}

div#redeem-page .sidrespon1 th, div#redeem-page .sidrespon1 td {
    display: table-cell;
}

div#redeem-page .sidrespon1 {
    height: fit-content;
}

div#redeem-page .scroll-content {
    height: auto;
    overflow: hidden;
}

.modal-header .close {
    margin-top: 12px;
}

.dataTables_length {
    visibility: hidden;
    height: 10px;
}

.dataTables_filter {
    margin-top: 10px;
    margin-right: 10px;
}

.dataTables_wrapper .pagination {
    padding-bottom: 0px;
}

#history-page .col-md--1:first-child .dataTables_wrapper ul.pagination {
    padding: 0px;
}

.modal-open .modal {
    z-index: 9999 !important;
}

div#threedot-modal .modal-header span {
    color: rgb(255, 255, 255);
}

.card-row {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid rgb(221, 221, 221);
    font-weight: 500;
}

div#threedot-modal .modal-body, div#threedot-modal .modal-dialog, div#threedot-modal .modal-content {
    border-radius: 5px;
    height: 250px !important;
}

.card-row1 {
    border: 1px solid rgb(221, 221, 221);
    display: flex;
    padding: 5px;
}

.card-row1 .card-rowf::before {
    content: ":";
    position: absolute;
    left: 100%;
    font-size: 15px;
}

.card-row1 .card-rowf {
    font-size: 14px;
    font-weight: 500;
}

div#history-page .col-sm-12.pr-0 {
    padding: 0px;
    margin: 0px;
}

table#DataTables_Table_4 {
}

#history-page div#menubars.menu + div#menubars1 .content-container table {
    max-width: 100% !important;
}

#history-page div#menubars.menu + div#menubars1 .content-container span.dtr-data {
    white-space: break-spaces;
}

#history-page div#menubars.menu + div#menubars1 .content-container input.form-control.input-sm {
    width: 150px;
}

.col-sm-12.pr-0 {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    display: flex;
}

div#reward-page .content-container table {
    max-width: -webkit-fill-available !important;
}

.dataTables_wrapper input.form-control.input-sm {
    width: 150px !important;
}

div#main-page section.content-container.scroll-content table {
    max-width: -webkit-fill-available !important;
}

span.dtr-data {
    white-space: break-spaces;
}

div#prequest-page .scroll-content table {
    max-width: -webkit-fill-available !important;
}

div#report .scroll-content table {
    max-width: -webkit-fill-available !important;
}

#reward-page div#menubars1 {
    height: calc(-150px + 100vh) !important;
    overflow: hidden auto !important;
}

div#redeem-page .scroll-content table {
    max-width: -webkit-fill-available !important;
}

div#redeem-page .scroll-content .dataTables_wrapper .row:last-child .col-sm-6 {
    width: 100%;
}

div#redeem-page .main-container + .content-container {
    border: 1px solid rgb(232, 232, 232);
    flex-direction: column;
}

div#history-page .main-container + .content-container {
    border: 1px solid rgb(232, 232, 232);
}

div#history-page .scroll-content table {
    max-width: -webkit-fill-available !important;
}

div#redeem-page .scroll-content .dataTables_wrapper .row:first-child {
    width: 100%;
}

div#history-page .scroll-content .dataTables_wrapper .row:last-child .col-sm-6 {
}

div#history-page .scroll-content table tr td:first-child, div#history-page .scroll-content table tr th:first-child, div#history-page .scroll-content table tr td:nth-child(3), div#history-page .scroll-content table tr th, div#history-page .scroll-content table tr th:nth-child(3) {
    white-space: nowrap;
}

div#history-page div#menubars1 {
    overflow: auto;
    height: calc(-100px + 100vh) !important;
}

.col-xs-12.padding-tb-5.bottombar {
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 40%);
    position: absolute;
    bottom: 0px;
    color: rgb(255, 255, 255);
}

.compliment-container {
    display: inline-block;
    height: calc(-160px + 100vh);
    overflow: auto;
    padding-bottom: 50px;
    padding-right: 10px;
    width: 100%;
}

.compliment-container img.img-responsive.width-full {
    object-fit: revert !important;
    height: 300px !important;
}

.compliment-container .tabcontent {
    padding: 20px 0px;
    height: 140% !important;
    border: 1px solid #ddd;
}

.compliment-container button.tablinks.active {
    background: rgb(88, 101, 37);
}

.compliment-container .tab {
    background: transparent;
    width: 250px;
}

.compliment-container button.tablinks {
    width: 50%;
    text-align: center;
}

.dataTables_wrapper tr th {
    color: rgb(88, 101, 37);
    white-space: nowrap;
}

.dataTables_wrapper .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: rgb(88, 101, 37);
    border-color: rgb(88, 101, 37);
    color: rgb(255, 255, 255) !important;
}

.dataTables_wrapper .pagination > li > a, .dataTables_wrapper .pagination > li > span {
    color: rgb(88, 101, 37) !important;
}

#history-page div#main-content:first-child {
    padding-bottom: 0px;
}

#history-page div#main-content:last-child .dataTables_wrapper .pagination {
    padding-bottom: 0px;
}

div#redeem-page .main-container + .content-container .pagination {
    padding-bottom: 20px;
}

div#redeem-page .main-container + .content-container .dataTables table tr th {
    white-space: nowrap !important;
}

#main-page .main-container {
    margin-top: 30px !important;
}

#report-page div#main-content {
    padding-bottom: 50px !important;
}

.swiper-container.height-full.swiper-container-horizontal {
    width: 400px;
}

div#swiper_page-page.active_page {
    height: calc(0px + 100vh);
    align-items: center;
    justify-content: center;
    display: flex !important;
}

div#swiper_page-page.active_page > div {
    background: transparent !important;
    overflow: unset !important;
}

@media screen and (max-width: 600px) {
    div#swiper_page-page.active_page {
        height: calc(0px + 100vh);
        align-items: center;
        justify-content: center;
        flex-direction: column;
        display: flex !important;
    }

    .swiper-container.height-full.swiper-container-horizontal {
        width: 300px;
        max-height: 500px;
    }

    .card-wrapper .card-1 img {
        height: 130px;
        width: 130px;
        margin-top: 40px;
    }

    .modal-open .modal, div#ComplimentModal {
        top: 50px;
    }

    div#PreviewStyle-Modal {
        left: 10px !important;
    }
}

.formcard {
    box-shadow: rgba(32, 33, 36, 0.28) 0px 1px 6px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.formcard .col-xs-5 p {
    font-weight: 500;
    font-size: 13px !important;
    white-space: nowrap;
}

div#swiper_page-page .mobile-container {
    background: transparent;
}

#ComplimentModal input#file::-webkit-file-upload-button {
    visibility: hidden;
}

#ComplimentModal input#file {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding-top: 9px;
    padding-left: 30px;
}

#ComplimentModal input#file:focus {
    outline: navajowhite;
}

div#PreviewStyle-Modal {
    left: calc(-70% + 100vw);
    border-radius: 15px;
    max-width: 480px;
    position: absolute;
    top: 50px;
}

div#PreviewStyle-Modal .containerLay {
    height: 390px;
}

div#PreviewStyle-Modal .modal-content.border-radius-25 {
    max-width: fit-content;
    border-radius: 25px !important;
    padding: 10px;
}

div#PreviewStyle-Modal .card-wrapper {
    max-height: 390px;
}

div#PreviewStyle-Modal .style-1 .card-object {
    max-height: 390px !important;
}

div#PreviewStyle-Modal .card-object {
    max-height: 390px !important;
}

.suggetion span {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(57, 57, 251);
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    color: rgb(57, 57, 251);
    display: inline-block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 125px;
}

.suggetion span:hover {
    background: rgb(54, 54, 251);
    color: rgb(255, 255, 255);
}

.suggetion {
    width: 100%;
    display: block;
    padding: 10px 0px 20px;
    height: auto;
}

[name="associateNameBtn"]:focus {
    outline: none;
}

div#select_associate {
    display: block;
    background: rgb(255, 255, 255);
    z-index: 99999;
    height: 240px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 0px 0px 10px 10px;
}

div#ComplimentModal .modal-body {
    max-height: 52vh !important;
    height: 52vh;
}

div#select_associate:empty {
    display: none !important;
}

.style-1 .card-object.card-1 .front::after {
    display: none;
}

.swiper-slide.swiper-slide-active .newcardstyle {
    box-shadow: none;
}

.face.front::after {
    display: none;
}

body .swiper-slide.swiper-slide-active .newcardstyle:last-child {
    margin: 0px !important;
}

.swiper-slide.swiper-slide-active {
    background: rgb(255, 255, 255);
    border-radius: 15px;
}

.compliment-container .tabcontent .card-com:last-child {
    padding-bottom: 100px !important;
}

div#ImageList-Modal {
    height: 100%;
}

div#ImageList-Modal .modal-dialog .modal-content {
    margin: 0px auto;
    height: calc(-100px + 100vh);
    width: 80% !important;
    border-radius: 10px !important;
}

div#ImageList-Modal .modal-dialog .modal-content input {
    display: none;
}

div#ImageList-Modal .modal-dialog .modal-content .app_header {
    font-size: 15px;
    font-weight: 600;
}

div#MARKER_ID.cards-wrapper {
    max-width: -webkit-fill-available;
}

body.complimenu header#header-main #claimbtn {
    display: none !important;
}

body.complimenu header#header-main {
    height: 100px !important;
}


body.complimenu header#header-main #loginbtn {
    top: 0px !important;
}
body.complimenu.notmob header#header-main{
	height: 70px !important;
}

.face.back .ffLay p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
	font-size: 13px;
}

.swiper-button-next {
    font-size: 25px;
    color: #000;
    background: #ddd;
    border-radius: 50%;
    height: 40px !important;
    width: 40px !important;
    display: flex;
    text-align: center;
    align-items: center;
    background-image: none !important;
    justify-content: center;
}

.swiper-button-prev {
    font-size: 25px;
    color: #000;
    background: #ddd;
    border-radius: 50%;
    height: 40px !important;
    width: 40px !important;
    display: flex;
    text-align: center;
    align-items: center;
    background-image: none !important;
    justify-content: center;
}
body.complimenu #main-page div#menubars {
    display: none;
}

body.complimenu #main-page div#menubars1 {
    width: 100%  !important;
}
.satyleoverlay img {
    display: none;
}
div#PreviewStyle-Modal .modal-content.border-radius-25 .app_header.height-56 {
    font-size: 19px;
    text-align: center;
    /* padding-left: 30px; */
    border-bottom: 1px solid #ddd;
}

div#PreviewStyle-Modal .modal-content.border-radius-25 .app_header.height-56 > div {
    width: 100%;
}

div#prompt_div ul {
    list-style-type: unset;
}

div#fullimagemodal-modal .modal-content,
div#fullimagemodal-modal {
    background: transparent;
    box-shadow: none;
    border: none;
}

div#yesnomodal > div {
    border: none !important;
}
img.imgstickerbadge.active {
    border: 10px solid #2196F3;
    width: 31% !important;
    display: inline;
    border-radius: 25px;
}