@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");

.hide {
    display: none;
}

.title-of-account {
    font-family: "Nunito", sans-serif;
}

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

table.dataTable thead tr th {
    word-wrap: break-word;
    /* word-break: break-all; */
}

table.dataTable tbody tr td {
    word-wrap: break-word;
    /* word-break: break-all; */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #00a9e0;
    color: #fff !important;
    font-size: 16px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #00a9e0 !important;
    font-size: 16px;
}

table.dataTable thead > tr > th.sorting {
    padding-right: 12px !important;
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after {
    opacity: 1.1;
    font-size: 1.1rem;
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
    opacity: 1;
    color: #00a9e0 !important;
    font-size: 1.1rem;
}

table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc:after {
    opacity: 0.7;
    font-size: 1.1rem;
}

.btn-purple {
    background: #21164c;
    border: 1px solid #21164c;
    color: #fff;
}

.btn-yellow {
    background: #f7c01a;
    border: 1px solid #f7c01a;
    color: #fff;
}

.btn-orange {
    background: #c57b00;
    border: 1px solid #c57b00;
    color: #fff;
}

.btn-blue-dark {
    background: #264360;
    border: 1px solid #fff;
    color: #fff;
}

.badge-bg-blue {
    background: #5cadc5;
    color: #fff;
    border-radius: 100%;
    width: auto;
    margin-top: 5px;
    height: auto;
    min-width: 34px;
    min-height: 23px;
    padding: 10px 0 0 0;
}

.counter-bg {
    color: #fff;
    margin: 0;
    border-radius: 4px;
    padding: 6px 20px;
    background-color: #386e89;
}

.counter-bg.disabled {
    opacity: 0.65;
    pointer-events: none;
}

.flag-counter-bg {
    color: #fff;
    margin: 0;
    border-radius: 4px;
    padding: 6px 20px;
    background-color: #d52727;
}

.flag-counter-bg.disabled {
    opacity: 0.65;
    pointer-events: none;
}

.badge-bg-secondary-1 {
    background: #707474;
    color: #fff;
    border-radius: 100%;
    width: auto;
    margin-top: 5px;
    height: auto;
    min-width: 34px;
    min-height: 23px;
    padding: 10px 0 0 0;
}

label {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

/* .spform label:not(.skip-time-lbl) { color: #ffffff; font-size: 14px; } */
.label {
    border-radius: 4px;
    font-size: 14px;
    padding: 4px 7px;
    margin-right: 5px;
    font-weight: bold;
    color: #fff !important;
}

.label-gradiant-blue-1 {
    font-weight: 400;
    padding: 4px 12px;
    border: 1px solid #56819b;
    background-color: transparent;
}

.label-gradiant-orange_yellow {
    font-weight: 400;
    padding: 4px 12px;
    border: 1px solid #cf6924;
    background-color: transparent;
}

.label-success {
    font-weight: 400;
    background: none;
}

table td .label-success {
    background-color: rgb(151 223 168 / 23%);
    color: #10ed2b !important;
}

.label-danger {
    font-weight: 400;
    background: none;
}

table td .label-danger {
    background-color: rgb(215 96 107 / 23%);
    color: #f30404 !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue-1,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue-1 {
    /*background: linear-gradient(45deg, #6a759b, #56819b);*/
    color: #fff;
    background-color: #56819b;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orangeYellow,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orangeYellow {
    color: #fff;
    /*background: linear-gradient(45deg, #cf6924, #bfb252);*/
    background-color: #cf6924;
}

.nav.nav-pills .nav-item {
    background: #00a9e0;
    border-radius: 5px 5px 0px 0px;
    margin-right: 2px;
}

.nav.nav-pills .nav-item a {
    color: #fff;
    text-decoration: none;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active.active,
.nav-pills .nav-link.active.active:focus,
.nav-pills .nav-link.active.active:hover {
    background: #fff;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #fff;
}

.page-header,
.page-content {
    /* background: #0E2039; */
    background: #0e2039;
}

.pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-navbar {
    background-color: #0e2039;
}

.pcoded .pcoded-navbar[navbar-theme="theme1"] .main-menu {
    background-color: #0e2039;
}

.form-control:disabled,
.form-control[readonly],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="file"],
textarea,
select {
    background: #010d25;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    border-radius: 5px;
    color: #fff;
    min-height: 40px;
}

.form-control {
    background-color: #010d25;
    border-radius: 5px;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    min-height: 40px;
    color: #fff;
}

.pcoded-main-container {
    display: block;
    position: relative;
    background: #010d25;
    min-height: calc(100vh - 58px);
}

.pcoded .pcoded-header[header-theme="theme1"] {
    background: #010d25;
    border-bottom: 1px solid #20292c;
}

.pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    > li.active:hover
    > a,
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a,
.pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    > li.active:focus
    > a,
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:focus > a,
.pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    > li.active:active
    > a,
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:active > a {
    /*background: linear-gradient(to right, #2c9dd4, #729db5);*/

    /* background-color: #00A9E0 !important; */
    border-color: #17a2b8 !important;
    color: #fff;
}

.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a {
    color: #fff !important;
    /* background-color: #2c90b1 !important; */
    /*border-color: #17a2b8 !important;*/
}

.pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    li.pcoded-hasmenu
    .pcoded-submenu {
    background: #010d25;
}

.pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    > li.pcoded-trigger
    > a {
    background: transparent;
    border-bottom-color: #3b4650;
}

.pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu
    li:hover
    > a {
    background-color: #010d25;
    color: #fff;
}

.pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu
    li.active
    > a {
    color: #fff;
    background-color: transparent;
}

.pcoded
    .pcoded-navbar
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu
    li:hover
    > a:before {
    border-left-width: 0px;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.badge {
    font-size: 12px;
}

.modal-dialog .card {
    background-color: #010d25;
}

.modal-dialog .modal-title {
    color: #fff;
}

div.dataTables_wrapper div.dataTables_length select {
    background-color: #010d25;
    color: #fff;
    border-radius: 7px;
}

.btn-info {
    color: #fff;
    background-color: #00a9e0;
    border-color: #17a2b8;
}

.btn-info:hover {
    background-color: #00a9e0;
    border-color: #00a9e0;
    color: #010d25;
}

.dataTables_length label select {
    margin: 0px 8px;
}

.form-control:focus {
    color: #fff;
    background-color: #010d25;
    border-color: #80bdff;
    outline: 0;
}

.pcoded
    .pcoded-navbar[active-item-theme="theme1"]
    .pcoded-item
    > li.active
    > a {
    color: #fff !important;
    background-color: #00a9e0 !important;
    border-color: #17a2b8 !important;
}

table.dataTable {
    border: 1px solid #010d25 !important;
}

table.dataTable thead > tr > th {
    background: #425570;
    color: #fff;
}

.table > thead > tr > th,
.table-bordered th {
    border-bottom-color: #010d25;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #010d25 !important;
}

.table-bordered td,
.table-bordered th {
    border: 2px solid #010d25;
}

.fa-action-view {
    color: #2c9dd4;
    font-size: 20px;
}

.fa-action-edit {
    /*color: #2fa73e;*/
    color: rgba(220, 225, 227, 0.7);
    font-size: 20px;
}

.fa-action-gallery {
    color: #c97545;
    font-size: 20px;
}

.fa-action-restore {
    color: #fbe339;
    font-size: 20px;
    vertical-align: middle;
}

.fa-action-delete {
    color: #f60202;
    font-size: 24px;
    vertical-align: middle;
}

.fa-action-reply {
    color: #509dc4;
    font-size: 20px;
}

.page-item.disabled .page-link {
    color: #fbfdff;
    pointer-events: none;
    background-color: #010d25;
    border-color: #0e2039;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ffffff;
    background-color: #010d25;
    border: 1px solid #010d25;
}

.page-item.active .page-link {
    background-color: #3b9dce;
    border-color: #4099ff;
}

.page-link:focus,
.page-link:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #4099ff;
}

.modal-content {
    background-color: #0e2039;
}

.model-border-here .modal-content {
    border: 5px solid #73b7d4 !important;
}

.modal-footer {
    border-top: 0px;
}

.swal2-modal {
    background-color: #0e2039;
}

.swal-modal {
    background-color: rgba(63, 255, 106, 0.69);
    border: 3px solid white;
}

.alert-danger {
    background-color: #e5b3b3;
    border-color: #f10808;
    color: #cf0d2f;
}

.choose input {
    display: none;
}

#male {
    margin-right: 11px;
}

#male span,
#female span {
    display: block;
    background: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: 0.5s;
    font-size: 24px;
    color: #262626;
    cursor: pointer;
}

#male input:checked + span {
    background: #3c81de;
    color: white;
    cursor: pointer;
}

#female input:checked + span {
    background: #f23895;
    color: white;
    cursor: pointer;
}

.choose .fa {
    display: block;
    line-height: 50px;
    border-radius: 50%;
}

#male input:checked + span .fas {
    animation: manimate 7s;
}

@keyframes manimate {
    0% {
        box-shadow: 0 0 0 0 rgb(90, 168, 217);
    }

    12% {
        box-shadow: 0 0 0 50px rgba(255, 109, 74, 0);
    }

    80% {
        box-shadow: 0 0 0 0px rgba(255, 109, 74, 0);
    }

    100% {
        box-shadow: 0 0 0 50px rgba(255, 109, 74, 0);
    }
}

#female input:checked + span .fas {
    animation: fanimate 7s;
}

@keyframes fanimate {
    0% {
        box-shadow: 0 0 0 0 rgba(237, 110, 173, 0.98);
    }

    12% {
        box-shadow: 0 0 0 50px rgba(255, 109, 74, 0);
    }

    80% {
        box-shadow: 0 0 0 0px rgba(255, 109, 74, 0);
    }

    100% {
        box-shadow: 0 0 0 50px rgba(255, 109, 74, 0);
    }
}

.sessionphoto a {
    color: #fff;
}

.sessionphoto:hover .hovericon {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    padding: 10px;
}

.hovericon {
    position: absolute;
    display: none;
    background: rgba(35, 31, 32, 0.8);
    border: 1px solid rgba(35, 31, 32, 0.12);
    box-sizing: border-box;
    backdrop-filter: blur(8px);
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
}

#profile-photo-img,
#interest-icon-img,
#post-photo-img,
#post-photo-preview,
.post_image_preview,
.vpreview,
.video_preview {
    position: relative;
    display: inline-block;
}

#post-photo-img img,
#post-photo-preview img,
.post_image_preview img,
.vpreview img,
.video_preview img {
    width: 500px;
    height: 300px;
    box-shadow:
        0 6px 10px 0 rgb(0 0 0 / 14%),
        0 1px 18px 0 rgb(0 0 0 / 12%),
        0 3px 5px -1px rgb(0 0 0 / 20%);
}

#profile-photo-img img,
#interest-icon-img img,
.post_image_preview img,
.vpreview img,
.video_preview img {
    border-radius: 100%;
    width: 185px;
    height: 185px;
    box-shadow:
        0 6px 10px 0 rgb(0 0 0 / 14%),
        0 1px 18px 0 rgb(0 0 0 / 12%),
        0 3px 5px -1px rgb(0 0 0 / 20%);
    border: 2px solid #00c6ff;
    padding: 5px;
    text-indent: -999px;
}

.pf_hovericon {
    position: absolute;
    background: rgba(35, 31, 32, 0.8);
    border: 1px solid rgba(35, 31, 32, 0.12);
    box-sizing: border-box;
    backdrop-filter: blur(8px);
    border-radius: 8px;
    color: #fff !important;
    font-size: 18px;
    padding: 5px 10px;
}

#profile-photo-preview,
#interest-icon-preview,
.post_image_preview,
.vpreview,
.video_preview {
    position: relative;
    display: inline-block;
}

#profile-photo-preview img,
#interest-icon-preview img,
.post_image_preview img,
.vpreview img,
.video_preview img {
    border-radius: 100%;
    width: 185px;
    height: 185px;
    box-shadow:
        0 6px 10px 0 rgb(0 0 0 / 14%),
        0 1px 18px 0 rgb(0 0 0 / 12%),
        0 3px 5px -1px rgb(0 0 0 / 20%);
    border: 2px solid #00c6ff;
    padding: 5px;
    object-fit: cover;
}

.dataTable .UserImage img {
    min-width: 70px;
    width: 70px;
    min-height: 70px;
    height: 70px;
    object-fit: cover;
    position: relative;
}

.dataTable .fitness-nutrition-img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    position: relative;
}

.SX-Photo .icon-wrap {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    position: absolute;
}

.SX-Photo .icon-wrap a {
    margin-left: 0.5rem;
    position: relative;
}

.SX-Photo .icon-wrap a:first-child {
    margin-left: 0px;
}

#post-photo-preview #post_photo_edit {
    left: 200px;
    top: 120px;
}

#post-photo-preview #post_photo_delete {
    left: 250px;
    top: 120px;
}

.post_image_preview #pf_edit {
    display: flex;
    /*left: 48px;*/
    top: 72px;
}

.post_image_preview #pf_delete {
    display: flex;
    top: 72px;
}

.vpreview .deleteMedia,
.video_preview .deleteMedia,
.video_preview .deleteMediaLink {
    right: -10px !important;
    margin-top: 0px;
}

.PosterImage .deleteMediaLink {
    right: 0px !important;
}

.post_image_preview .deleteMedia,
.post_image_preview .deleteMediaLink {
    right: -10px !important;
    margin-top: 5px;
    left: 70%;
}

.post_image_preview .cropMedia {
    right: 42px;
}

.datepicker {
    background-color: #0e2039;
    border: 1px solid #fff;
}

.datepicker td,
.datepicker th {
    color: #fff;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background-color: #619dbd;
}

.gj-datepicker-bootstrap [role="right-icon"] button {
    width: 38px;
    position: relative;
    height: 36px;
    display: inline-block;
    background: #2c9dd4;
    color: #f7f4f4;
    border-radius: 0px 7px 7px 0px;
}

label.error,
span.error {
    color: #f60202 !important;
    text-transform: none;
}

.bootstrap-switch .bootstrap-switch-label {
    color: #ffffff;
    background: #333333;
}

.changeStatus label {
    cursor: pointer;
}

.input-group .form-control:not(:last-child) {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.field-100 {
    width: 100%;
}

.span-error {
    position: absolute;
    margin-top: 9%;
}

th,
td {
    white-space: unset;
}

.preview-images-zone {
    width: 100%;
    border: 1px solid #ddd;
    min-height: 180px;
    /* display: flex; */
    padding: 5px 5px 0px 5px;
    position: relative;
    overflow: auto;
}

.preview-images-zone > .preview-image {
    height: 90px;
    width: 90px;
    position: relative;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
}

.preview-images-zone > .preview-image > .image-zone {
    width: 100%;
    height: 100%;
}

.preview-images-zone > .preview-image > .image-zone > img {
    width: 100%;
    height: 100%;
}

.preview-images-zone > .preview-image > .tools-edit-image {
    position: absolute;
    z-index: 100;
    color: #fff;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    display: none;
}

.preview-images-zone > .preview-image > .image-cancel {
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
    display: none;
    z-index: 100;
}

.preview-image:hover > .image-zone {
    /* cursor: move; */
    cursor: auto;
    opacity: 0.5;
}

.preview-image:hover > .tools-edit-image,
.preview-image:hover > .image-cancel {
    display: block;
}

.ui-sortable-helper {
    width: 90px !important;
    height: 90px !important;
    display: table;
}

.preview-images-zone video {
    width: 100px;
    height: 100px;
}

/* textarea {
resize: none;
} */
.count_message_field {
    font-weight: 400;
    color: #adb7be !important;
    background: transparent !important;
    border: none;
}

.req_star {
    color: #f60202 !important;
    font-size: 20px;
    font-weight: 500;
    font-family: "Nunito", sans-serif;
    line-height: 20px;
}

.noteUL {
    list-style: inside;
}

.form-control-loginWith {
    color: #fff;
    background-color: #0e2039;
    border-radius: 7px;
    width: 100px;
    padding: 5px 10px 5px 10px;
}

.preview-image img,
.preview-image video {
    width: 200px;
    padding: 5px;
    border: 2px solid #cccccc;
    margin: 10px;
    border-radius: 7px;
    box-shadow: 4px 4px 10px #5099bf;
    object-fit: cover;
}

#galleryBox div {
    position: relative;
}

#galleryBox {
    margin-top: 36px;
}

.gallery_trash {
    font-size: 24px;
    position: absolute;
    top: 0;
    cursor: pointer;
    color: #f60202;
    right: 0;
    background-color: #fff;
    padding: 5px 8px;
    border-radius: 50%;
}

.product_progress {
    position: relative;
    width: 100%;
    background-color: #161816 !important;
    border: 1px solid #28a745;
}

.product_progress-bar {
    background-color: #4caf50;
}

.bar {
    background-color: #b5076f;
    width: 0%;
    height: 20px;
}

.percent {
    position: absolute;
    display: inline-block;
    left: 50%;
    color: #040608;
}

/** Image gallery css code start here **/
.preview {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#proGallery .preview .filebox {
    width: 32%;
    height: 160px;
    padding: 0 5px;
    margin: 0px;
    margin-top: 1.3rem;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

#nutritionGallery .preview .filebox,
#fitnessGallery .preview .filebox {
    width: 100%;
    height: 120px;
    padding: 0 5px;
    margin: 0px;
    margin-bottom: 1.3rem;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

#proGallery .filebox img,
#proGallery .filebox video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 5px;
    border: 2px solid #cccccc;
    margin: 0px;
    border-radius: 7px;
    box-shadow: 4px 4px 10px #5099bf;
}

#nutritionGallery .filebox img,
#fitnessGallery .filebox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 5px;
    border: 2px solid #cccccc;
    margin: 0px;
    border-radius: 7px;
}

#proGallery .filebox .deleteMedia,
#proGallery .filebox .old_deleteMedia,
#nutritionGallery .filebox .deleteMedia,
#nutritionGallery .filebox .deleteOldMedia,
#fitnessGallery .filebox .deleteMedia,
#fitnessGallery .filebox .deleteOldMedia,
.main-image-sortable .filebox .deleteMedia,
.main-image-sortable .filebox .deleteOldMedia {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    position: absolute;
    top: -15px;
    cursor: pointer;
    color: #f60202;
    right: 5px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productNotes li {
    line-height: 36px;
}

/* Image and Video sortable CSS Start here */
.column {
    /* width: 170px; */
    width: 33.33%;
    float: left;
    /*padding-bottom: 1rem;*/
}

#proGallery .productMedia .filebox {
    width: auto;
    cursor: move;
}

#proGallery .productMedia .ui-sortable-helper {
    /*width: 170px !important;*/
    width: 33.3% !important;
    height: auto !important;
    cursor: move;
}

/* Image and Video sortable CSS End here */

/** Image gallery css code end here **/

/* .spform .field label{margin-top:15px; margin-bottom:2px; color:#fff;}
.spform label.error{margin-top:2px; margin-bottom:0px; color:#f47777;}

.form-control{
box-shadow: 0px 2px 0px 0px rgb(131 133 135 / 75%);
box-shadow: 0px 2px 0px 0px rgb(131 133 135 / 75%);
-moz-box-shadow: 0px 2px 0px 0px rgb(131 133 135 / 75%);
border: 0px;
} */

.spform .field {
    margin-bottom: 1rem;
}

/* .spform .field .form-control { min-height:40px !important; border: 0.5px solid rgb(255, 255, 255, 0.6); } */
.spform .field .form-control {
    min-height: 40px !important;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
}

.spform .field .input-group-prepend {
    /* border: 0.5px solid rgb(255, 255, 255, 0.6); */
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    padding: 5px;
    border-right: 0px;
    background: #010d25;
    border-radius: 5px 0px 0px 5px;
    width: 100%;
}
.account-vault-table table#viewDetails {
    min-width: auto;
}
#frmEditProfile #store_url {
    width: auto !important;
}

#eventForm .input-group-text {
    background: transparent;
    color: #adb7be;
    border: 0;
    width: 100%;
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid,
.skip-time.is-invalid {
    border-color: #dc3545 !important;
}

.dataTables_wrapper .table td,
.dataTables_wrapper .table th {
    vertical-align: middle;
}

.spform .field textarea.form-control {
    height: auto;
}

.form-group label {
    font-size: 18px;
}

.spform .form-group {
    margin-bottom: 1rem;
}

.spform .form-group .form-control {
    min-height: 40px;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
}

.spform .form-group textarea.form-control {
    height: auto;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #00a9e0;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #619dbd;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.enrolled,
.enrolled:hover {
    color: #49fca8;
    cursor: auto;
    text-decoration: none;
    padding-right: 5px;
    font-weight: bold;
}

.add-attendee.attendees-only .sidebarAttendee,
.add-event.events-only .sidebarEvent {
    cursor: pointer;
}

.model-button-padding .custom-workout-manage-main > div:last-child {
    padding-top: 20px;
}

.common-buttons-here.common-btn-new-pop {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.payment-iframe-parent {
    padding: 0px 30px;
}

.payment-iframe-parent div#paymentButton {
    padding: 0px;
}

.modal-body p {
    font-size: 16px;
}

div#closeCalncelEventModal {
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
    position: fixed;
    inset: 0;
    backdrop-filter: blur(5px);
}

.edit-bg.disabled {
    opacity: 0.65;
    pointer-events: none;
}

.delete-bg.disabled {
    opacity: 0.65;
    pointer-events: none;
}

.new-cust-card img {
    width: 40px;
    background-color: #ffffff;
}

.postLike-username {
    color: #509dc4;
    /* margin-bottom: 0px; */
    padding-top: 8px;
}

.new-cust-card .align-middle .status {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 13px;
}

.new-cust-card .align-middle {
    position: relative;
}

.viewUserDetails .card-body {
    max-height: 300px;
    overflow-y: auto;
}

.viewUserDetails .card-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.viewUserDetails .card-body::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.viewUserDetails .card-body::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.user-profile .profile-wrap {
    width: 35px;
    height: 35px;
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #fff;
}

table tr td {
    color: #adb7be;
}

div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_info {
    color: #00a9e0;
    font-size: 16px;
}

.public_icon {
    font-size: 20px;
    background: #4d5864;
    padding: 10px;
    border-radius: 50%;
    color: #02b6bf;
    width: 20px;
    height: 20px;
}

.private_icon {
    font-size: 20px;
    background: #6c5740;
    padding: 10px;
    border-radius: 50%;
    color: #f9a67f;
    width: 20px;
    height: 20px;
}

.btnImport,
.btnExport {
    background: #338d5b;
    border: 1px solid #1a472e;
}

.btnImport:hover,
.btnExport:hover {
    color: #fff;
    background-color: #1a472e;
    border-color: #338d5b;
}

form .bootstrap-autocomplete {
    width: 100%;
    max-height: 150px;
    overflow-x: auto;
}

.card .card-block form .bootstrap-autocomplete.dropdown-menu {
    color: #9caeb7;
    background-color: #3b4650;
}

form .bootstrap-autocomplete .dropdown-item.active,
form .bootstrap-autocomplete .dropdown-item:active {
    color: #ffffff;
    background: linear-gradient(to right, #2c9dd4, #729db5);
}

form .bootstrap-autocomplete::-webkit-scrollbar {
    width: 5px;
}

form .bootstrap-autocomplete::-webkit-scrollbar-track {
    background: #888;
}

form .bootstrap-autocomplete::-webkit-scrollbar-thumb {
    background: #2c9dd4;
}

#proGallery .filebox .cropMedia,
#proGallery .filebox .old_cropMedia,
.vpreview .deleteMedia,
.video_preview .deleteMedia,
.post_image_preview .deleteMedia,
.post_image_preview .cropMedia,
.exercise-video .deleteExeMedia,
.exercise-video .deleteNewMedia,
.exercise-video .deleteOldMedia,
#fitnessGallery .filebox .cropMedia,
.main-image-sortable .filebox .cropMedia,
.custom-workout-videos .deleteCustomVideo,
.exercise-video .deleteExeOldMedia,
.post_image_preview .deleteMediaLink,
.video_preview .deleteMediaLink,
.PosterImage .deleteMediaLink {
    width: 30px;
    height: 30px;
    margin: 0px;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    position: absolute;
    top: -15px;
    cursor: pointer;
    color: #f60202;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.crop-img-preview {
    display: block;
    max-width: 100%;
}

.exercise-video .deleteExeMedia,
.exercise-video .deleteNewMedia,
.exercise-video .deleteOldMedia,
.custom-workout-videos .deleteCustomVideo,
.exercise-video .deleteExeOldMedia {
    z-index: 1;
    top: -10px;
    right: 3px;
    /*right: -10px;*/
    color: red !important;
}

.preview-cropped-img {
    overflow: hidden;
    width: 160px;
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}

#proGallery .deleteMedia,
#proGallery .old_deleteMedia,
#proGallery .cropMedia,
.post_image_preview .cropMedia {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cropMedia .fa-crop {
    font-size: 16px !important;
    vertical-align: middle;
}

.deleteMedia .fa-trash,
.old_deleteMedia .fa-trash,
.deleteOldMedia .fa-trash,
.deleteMediaLink .fa-trash {
    font-size: 16px !important;
}

.dataTables_wrapper table tbody .tbl-overflow-txt {
    word-break: break-word;
}

.my-custom-logo {
    width: 80%;
}

.custom-logo,
.auth-logo {
    max-width: 220px;
    width: 100%;
}

/*** Button css code start here ***/
.buttons {
    text-align: center;
}

.btn-hover {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background-size: 300% 100%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    height: auto;
    min-height: 40px;
    border: none;
    border-radius: 4px;
}

.reset-buttons .btn-hover {
    font-weight: 500;
}

.btn-hover:hover {
    background-position: 100% 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover.color-1 {
    background-image: linear-gradient(
        to right,
        #25aae1,
        #40e495,
        #30dd8a,
        #2bb673
    );
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}

.btn-hover.color-2 {
    background-image: linear-gradient(
        to right,
        #f5ce62,
        #e43603,
        #fa7199,
        #e85a19
    );
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}

.btn-hover.color-3 {
    background-image: linear-gradient(
        to right,
        #667eea,
        #764ba2,
        #6b8dd6,
        #8e37d7
    );
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}

.btn-hover.color-4 {
    background-image: linear-gradient(
        to right,
        #fc6076,
        #ff9a44,
        #ef9d43,
        #e75516
    );
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

.btn-hover.color-5 {
    background-image: linear-gradient(
        to right,
        #0ba360,
        #3cba92,
        #30dd8a,
        #2bb673
    );
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}

.btn-hover.color-6 {
    background-image: linear-gradient(
        to right,
        #009245,
        #fcee21,
        #00a8c5,
        #d9e021
    );
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}

.btn-hover.color-7 {
    background-image: linear-gradient(
        to right,
        #6253e1,
        #852d91,
        #a3a1ff,
        #f24645
    );
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}

.btn-hover.color-8 {
    background-image: linear-gradient(
        to right,
        #29323c,
        #485563,
        #2b5876,
        #4e4376
    );
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

.btn-hover.color-9 {
    background-image: linear-gradient(
        to right,
        #25aae1,
        #4481eb,
        #04befe,
        #3f86ed
    );
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.btn-hover.color-10 {
    background-image: linear-gradient(
        to right,
        #ed6ea0,
        #ec8c69,
        #f7186a,
        #fbb03b
    );
    box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}

.btn-hover.color-11 {
    background-image: linear-gradient(
        to right,
        #eb3941,
        #f15e64,
        #e14e53,
        #e2373f
    );
    box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4);
}

.btn-hover.color-12 {
    background-image: linear-gradient(
        to right,
        #49fca8,
        #49fca8,
        #49fca8,
        #49fca8
    );
    color: #000;
}

.btn-hover.btn-save,
.btn-hover.btn-cancel {
    width: 15%;
}

.btn-hover.btn-col-6-save,
.btn-hover.btn-col-6-cancel {
    width: 35%;
}

.btn-w100 {
    width: 100%;
}

/*** Button css code end here ***/
.pcoded .pcoded-navbar .pcoded-navigatio-lavel {
    text-transform: uppercase;
    border-top: none;
}

.pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme1"] {
    color: #00a9e0 !important;
    font-size: 16px;
    text-transform: capitalize;
}

.dashboard#userRegisterGraph {
    width: 100%;
    height: 500px;
}

.bg-c-red {
    background: linear-gradient(45deg, #ff5370, #ff869a);
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.text-end {
    text-align: right !important;
}

.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .show-notification,
.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .profile-notification {
    background: #2f9dd2;
    border: 1px solid #fff;
    overflow: hidden;
}

.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .show-notification
    li:hover,
.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .profile-notification
    li:hover {
    background-color: #0e2039;
}

.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .show-notification
    a,
.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .profile-notification
    a {
    color: #fff;
}

.exercise__poster {
    border-radius: 8%;
    height: 60px;
    width: 115px;
}

.card-block .workout__listing {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    clear: both;
    position: relative;
}

.workout__listing .select__dd {
    /*float: left;*/
    width: 96% !important;
    left: 0px;
}

.workout__listing .delete-icn a,
.workout__listing a {
    font-size: 24px;
    margin-left: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.workout__listing .delete-icn a i.fa {
    color: red;
}

.workout__listing img {
    float: right;
    margin-top: 10px;
}

.workout__listing .bootstrap-select > .dropdown-toggle {
    height: 50px;
    padding-top: 8px;
    width: 100%;
    font-size: 18px;
}

.workout__listing .dropdown-item {
    color: #fff;
}

.workout__listing .bootstrap-select > .dropdown-toggle.bs-placeholder,
.workout__listing .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.workout__listing .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.workout__listing .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    width: 100%;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
}

.workout__listing .dropdown-menu.inner {
    background-color: #385070;
    padding: 0;
    color: #fff;
}

.workout__listing .dropdown-menu.inner > li > a:focus,
.workout__listing .dropdown-menu.inner > li > a:hover {
    background-color: rgba(24, 133, 216, 0.5);
    color: #fff;
}

.workout__listing .bs-searchbox {
    background: #385070;
}

.workout__listing .bootstrap-select .dropdown-menu li {
    position: relative;
    line-height: 30px;
    font-size: 20px;
}

.workout__listing a.dropdown-item {
    font-size: 18px !important;
}

.workout__listing .dropdown-item.active,
.workout__listing .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #00a9e0;
}

.ExerciseCategory .WorkoutInfo {
    width: 100%;
    height: 181px;
    margin: 0px;
    padding: 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #fff;
    border-radius: 6px;
}

.ExerciseCategory .WorkoutInfo .separately {
    color: #42e19a;
    margin: 0.5rem 0;
}

.ExerciseCategory .WorkoutInfo .field {
    flex-grow: 1;
}

.ExerciseCategory .WorkoutInfo .exercise-btn,
.ExerciseCategory .WorkoutInfo .upload_new_video {
    background-color: #00a9e0;
    width: 100%;
}

.ExerciseCategory .WorkoutInfo .plus-btn {
    margin-left: 1rem;
    background-color: #00a9e0;
}

.WorkoutInfo .btn-file {
    width: 100%;
    font-size: 15px;
    background-color: #00a9e0;
}

.loading-overlay {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9998;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    display: none;
    position: fixed;
    background: transparent;
}

.loading-overlay .fa-spin {
    color: #000;
    font-size: 42px;
    animation: fa-spin 2s infinite linear;
}

.card-profile-img .card-body {
    padding: 0.8rem;
}

.card-profile-img .card-body .box-profile {
    width: 100px;
    height: 100px;
    position: relative;
    margin: 0 auto;
}

.card-profile-img .box-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.common-column-design .filebox .cropMedia {
    right: 40px;
}

.card.affiliate-section-tab {
    background: #0e2039;
}
.light-color .card.affiliate-section-tab {
    background: #fff;
}
.light-color .affiliate-section-tab .card-header {
    border: 1px solid #fff;
}

.light-color .modal-header.event-main-pop-header i#editEventDate {
    color: #00a9e0;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

@media (min-width: 768px) {
    .modal-xxl {
        width: 100%;
        max-width: 1600px;
    }
}

.exercise__box {
    background: #0e2039;
    border: 2px solid #fff;
}

.exercise__box:hover {
    box-shadow: 0 0 25px -5px #3d9dcd;
}

.exercise__box.active {
    background: #0e2039;
    border: 2px solid #42e19a;
    box-shadow: 0 0 25px -5px #3d9dcd;
}

.exercise__box input[type="checkbox"] {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.exercise__box .card-body {
    padding: 26px 26px;
}

.exercise__box .card-body p.card-text {
    padding-top: 10px;
    font-size: 18px;
    color: #fff;
}

.exercise__box .exercise-label {
    margin: 0px;
    cursor: pointer;
}

.post_image_preview img.img-fluid {
    width: 100%;
}

.ex-preview-image img,
.ex-preview-image video {
    width: 372px;
    height: 248px;
    padding: 5px;
    border: 2px solid #cccccc;
    border-radius: 7px;
    object-fit: contain;
}

.modal-dialog .close {
    color: #fff;
    top: -10px;
    position: absolute;
    right: -10px;
    margin-top: 0px;
    background: #010c23;
    padding: 0px;
    border-radius: 100%;
    border: 2px solid #fff;
    font-size: 32px;
    text-shadow: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", sans-serif;
}

.modal-dialog .close span {
    line-height: 30px;
    font-family: initial;
    font-size: 26px;
    font-weight: 300;
}

.modal-dialog .edit {
    top: 20px;
    position: absolute;
    right: -13px;
    margin-top: 0px;
    background: #4caf50;
    display: inline-block;
    padding: 5px 6px;
    border-radius: 100%;
    font-size: 28px;
    cursor: pointer;
}

.modal-dialog .edit i {
    color: #fff;
}

.modal-dialog .close,
.modal-dialog .edit {
    line-height: 1px;
}

.modal-dialog .close:focus,
.modal-dialog .close:hover,
.modal-dialog .edit:focus,
.modal-dialog .edit:hover {
    outline: none;
}

/*    #editRec { margin-right: 15px; }*/
#editRec:hover {
    text-decoration: none;
}

#editRec i {
    margin-right: 5px;
}

#editRec .btn-hover.btn-save {
    width: 100%;
    height: 35px;
    padding: 0px 15px;
}

.workout__poster {
    padding: 5px;
    border: 2px solid #cccccc;
    border-radius: 7px;
    box-shadow: 4px 4px 10px #5099bf;
    object-fit: cover;
}

.img-cropper .cropper-width,
.img-cropper .cropper-height {
    width: 60% !important;
    margin-left: 5px;
}

.card-body .video-details {
    position: relative;
    height: 100%;
}

.ex-preview-image .video-details a {
    position: relative;
}

.card-body .video-details i.video-player {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    color: #00a9e0;
    z-index: 9;
}

.workout-details-modal .card-body.CustomeScroll {
    max-height: 600px;
    overflow-y: auto;
}

.workout-details-modal .card-body.CustomeScroll::-webkit-scrollbar {
    width: 5px;
}

.workout-details-modal .card-body.CustomeScroll::-webkit-scrollbar-thumb {
    background: #2c9dd4;
}

.workout-details-modal .card-body.CustomeScroll::-webkit-scrollbar-track {
    background: #888;
}

.workout-details-modal .card-body.CustomeScroll .square img {
    height: 165px;
}

.card-body.CustomeScroll .video-details.has-video::before {
    content: "";
    width: 100%;
    height: calc(100% - 42px);
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
}

table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc {
    padding-right: 0px;
    padding-left: 10px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: 0;
    padding-left: 10px;
}

.main-menu .mCSB_container,
.main-menu .mCustomScrollBox {
    overflow: hidden !important;
}

.ExerciseMedia.ex-preview-image img,
.ExerciseMedia.ex-preview-image video {
    height: 228px;
}

.ExerciseMedia.ex-preview-image .video-details a {
    display: inline-block;
}

.ExerciseMedia.ex-preview-image .video-details a::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
}

.viewDetails .custom-table-design th {
    color: #adb7be !important;
}

@media (min-width: 767px) {
    #cropModal .modal-body .img-container {
        min-height: auto;
        max-height: none;
        margin: 0px;
        background-color: #010d25;
    }
}

.card .sp_table {
    padding: 1.25rem;
}

.sp_table .dataTables_wrapper .tbl-col-align {
    text-align: center;
}

/**** Responsive css code start here ******/
@media only screen and (max-width: 767px) {
    table.dataTable > tbody > tr.child ul.dtr-details > li {
        border: none;
    }

    .card .sp_table {
        padding: 0.5rem;
    }

    .sp_table .dataTables_wrapper .tbl-col-align {
        text-align: left;
    }
}

@media only screen and (max-width: 1400px) {
    .btn-hover.btn-col-6-save,
    .btn-hover.btn-col-6-cancel {
        width: 65%;
    }

    .btn-hover.btn-save,
    .btn-hover.btn-cancel {
        width: 65%;
    }
}

/**** Responsive css code end here ******/
body .custom-table-design td {
    border: 0.5px solid #212b38;
}

body .custom-table-design th {
    background: #212b38;
    border: 1px solid #8d979f !important;
}

div.dataTables_wrapper div.dataTables_processing,
div.dataTables_processing > div:last-child > div {
    background: transparent;
}

#circle6 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
    border: 4px rgba(0, 0, 0, 0.25) solid;
    border-top: 10px #010d25 solid;
    border-right: 10px #425570 solid;
    border-bottom: 10px #0e2039 solid;
    border-left: 10px #698397 solid;
    border-radius: 50%;
    -webkit-animation: spin6 1s infinite linear;
    animation: spin6 1s infinite linear;
}

@-webkit-keyframes spin6 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin6 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(359deg);
    }
}

div.dataTables_wrapper div.dataTables_processing {
    width: 100%;
    height: 100%;
    transform: inherit;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999999;
    position: fixed;
    margin: 0px;
}

.sign-up-link {
    color: #4099ff;
}

.container .register-p-content form label:not(#avtar-error) {
    float: left;
}

#verifyAccountModal a.resend-otp-link {
    margin-top: 8px;
    margin-bottom: 15px;
    text-decoration: none !important;
    float: right;
    color: #4099ff;
}

#verifyAccountModal a.resend-email-link {
    text-decoration: none !important;
    color: #4099ff;
    padding-left: 5px;
}

#verifyAccountModal .txt-color {
    color: #fff;
}

.modal#verifyAccountModal {
    margin-top: 15%;
}

.btn-group .btn-default.btn-on.active {
    background-color: #28a745;
    color: white;
}

.btn-group .btn-default.btn-off.active {
    background-color: #f60202;
    color: white;
}

.btn-group .btn-default {
    color: #fff;
    /*background-color: #333333;*/
    border-color: #ccc;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.btn-group .btn-default:hover,
.btn-group .btn-default:focus,
.btn-group .btn-default:active,
.btn-group .btn-default.active,
.open .dropdown-toggle.btn-default {
    outline: 0;
    border-color: #adadad;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.form-horizontal.spform .r-time-margin {
    margin-top: 2.5rem !important;
}

.pcoded-navbar .pcoded-inner-navbar.main-menu {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}

.custom-select {
    appearance: auto;
    background: transparent;
}

.footer-left-save button {
    max-width: 200px;
}

.custom-table-responsive > div > div:nth-child(2) {
    overflow: auto;
}

.custom-table-responsive > div > div:nth-child(2) table {
    width: 100% !important;
    min-width: 900px !important;
}

.custom-table-responsive table.dataTable thead > tr > th.sorting {
    white-space: pre;
    padding-right: 30px !important;
}

.register-custum-main label {
    text-align: left;
}

.common-plus-pop table td:first-child {
    white-space: pre;
}

@media (max-width: 1500px) {
    .common-column-design.ui-sortable .column {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .responsive-custom-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .responsive-custom-buttons > * {
        margin: 10px 6px 0px 0px !important;
    }

    .footer-left-right-buttons button {
        max-width: max-content;
        width: 100% !important;
        display: block;
        padding: 10px 15px;
    }

    .footer-left-right-buttons .col-md-6 {
        max-width: max-content;
        width: auto;
    }

    .footer-left-right-buttons .row {
        justify-content: space-between;
    }

    .footer-left-save button {
        max-width: max-content;
        padding: 10px 15px;
    }
}

@media (max-width: 1024px) {
    .login-btn-main {
        display: none;
    }
}

@media (max-width: 500px) {
    div#DeleteModal > div {
        margin: 60px auto;
        padding: 0px 20px !important;
    }

    #DeleteModal .modal-footer > div {
        max-width: max-content;
        width: 100%;
        flex: 100%;
        margin: 0px 0px 20px;
    }

    #DeleteModal .modal-footer > div button {
        padding: 10px 20px;
    }

    #DeleteModal .modal-footer {
        flex-wrap: wrap;
        justify-content: center;
    }

    .main-title-with-add h5 {
        margin-bottom: 20px;
    }

    .main-title-with-add > a {
        margin-left: auto;
    }

    .common-column-design.ui-sortable .column {
        width: 100%;
    }

    .modal-dialog {
        margin: 40px auto !important;
    }
}

/*custom*/
.footer-pop-main {
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.payment-options .common-buttons-here a {
    color: #000;
    font-size: 18px;
    font-weight: 700 !important;
}

.footer-pop-main > div {
    width: calc(50% - 30px);
    margin: 0px 15px;
}

button#btnCancel,
button#btnAddCancel,
button#btnCancelProcess,
button#btnDelete,
button#btnCancelRecipe {
    background: #f60202 !important;
    border-color: #f60202 !important;
    color: #fff !important;
}

button.refund-payment {
    background: #f60202 !important;
    border-color: #f60202 !important;
    color: #fff !important;
}

button.refund-payment.publish-btn:hover {
    border-color: #f60202 !important;
}

button#btnCancel:focus {
    box-shadow: 0 0 0 3px rgb(163 68 68);
}

button.publish-btn:focus,
button.button.payment-btn:focus {
    border-color: #49fca8;
    box-shadow: none;
}

button.publish-btn:hover,
button.payment-btn:hover {
    background: #49fca8;
    color: #000;
    border-color: #49fca8 !important;
}

div#DeleteModal .modal-footer .color-11 {
    background: #f60202 !important;
    box-shadow: none !important;
}

div#DeleteModal .modal-footer .color-11:focus {
    box-shadow: 0 0 0 3px rgb(163 68 68) !important;
}

div#DeleteModal .modal-footer .color-9 {
    background-image: none !important;
    background-color: #00a9e0;
    box-shadow: none;
}

div#DeleteModal .modal-footer .color-9:focus {
    background-color: #00a9e0 !important;
    box-shadow: 0 0 0 3px rgb(23 162 184 / 50%) !important;
}

button.color-11 {
    background: #f60202 !important;
    box-shadow: none !important;
}

button.color-11:focus {
    box-shadow: none !important;
}

button.color-9 {
    background-image: none !important;
    background-color: #00a9e0 !important;
    box-shadow: none !important;
    color: #010d25;
}

button.color-9:focus {
    background-color: #00a9e0 !important;
    box-shadow: 0 0 0 3px rgb(0 169 224 / 100%) !important;
}

h5 {
    font-size: 22px !important;
    color: #fff;
}

.modal-header h4.modal-title {
    font-size: 22px !important;
}

.highlight-blue-color {
    background: #00a9e0;
    color: #fff !important;
}

.green-color-custom {
    color: #49fca8 !important;
}

.yellow-color {
    background: #ffc900;
}

.blue-color {
    background: #00a9e0;
}

.red-color {
    background: #f60202;
    color: #fff !important;
}

.light-green {
    color: #49fca8;
}

.red-clr {
    color: #f60202;
}

.payment-table td,
.payment-table th {
    vertical-align: middle;
    text-align: center;
}

.payment-options {
    min-width: 300px;
}

.paymentbuttons-wrap a:nth-child(-n + 3) {
    margin-bottom: 10px;
}

.web-tabs {
    padding: 0px 20px;
    max-width: max-content;
    display: flex;
    flex-wrap: inherit;
    white-space: pre;
    overflow: auto;
}

.status-number {
    text-align: right;
    padding: 5px 30px 0px 0px;
    color: #ffffff;
    font-weight: 700;
}

.web-tabs li a {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120.8%;
    display: flex;
    align-items: flex-end;
    color: #fff;
    padding: 10px 15px;
    border-bottom: 4px solid transparent;
}

.web-tabs li a.active {
    border-color: #49fca8;
    color: #49fca8;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .tab-pane.active {
    display: block;
}

.navbar-wrapper .my-custom-logo {
    max-width: 140px;
    width: 100% !important;
}

/*supper admin*/
.responsive-custom-buttons {
    flex-wrap: wrap;
}

.responsive-custom-buttons a button {
    margin: 0px !important;
}

/*payment details page*/
.table.payment-table > thead > tr > th {
    background: #425570;
    color: #fff;
}

.shipping_customer_add {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -15px 0px -15px;
}

.address-details {
    width: calc(33.3% - 30px);
    margin: 0px 15px;
    background: #02102d;
    box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 12px 20px;
}

.address-details-wrap strong {
    font-weight: 700;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 18px;
}

.address-details-wrap p {
    margin: 0px;
    font-style: normal;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 30px;
    align-items: center;
}

.address-details-wrap p a,
.address-details-wrap p span {
    color: #49fca8;
    margin-left: 4px;
    font-style: normal;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 30px;
}

.product-address-details.clearfix {
    width: 70%;
}

.product-address-details-wrap {
    margin-top: 40px;
    display: flex;
}

.product-address-details-wrap ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 30px;
    height: 250px;
    position: relative;
}

.product-address-details-wrap ul li a {
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    display: block;
}

.product-address-details-wrap ul li p {
    margin: 0;
}

.product-address-details-wrap ul li {
    position: relative;
    padding-left: 50px;
}

.product-address-details-wrap ul:before {
    content: "";
    position: absolute;
    left: 40px;
    top: 20px;
    bottom: 20px;
    width: 3px;
    background: #fff;
}

.product-address-details-wrap ul li a:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    left: 5px;
    top: 6px;
    border-radius: 100%;
    background: #0e2039;
    border: 2px solid #ffffff;
}

.product-address-details-wrap ul li a p {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.product-address-details-wrap ul li a.active:before {
    border-color: #40f4a4;
    background: #40f4a4;
    z-index: 1;
}

.product-address-details-wrap ul li a:after {
    content: "";
    animation: zoom-in-out 5s infinite;
    position: absolute;
    top: -3px;
    left: -4px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    z-index: 0;
    background: radial-gradient(
        50% 50% at 50% 50%,
        rgba(73, 252, 168, 0) 45.31%,
        rgba(73, 252, 168, 0.5) 100%
    );
    opacity: 0;
}

.product-address-details-wrap ul li a.active:after {
    opacity: 1;
}

.orders-add-notes a {
    background: #49fca8;
    border-radius: 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120.8%;
    text-align: center;
    color: #0e2039;
    max-width: 220px;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 20px;
}

.orders-add-notes a:hover {
    background: #49fca8;
    color: #0e2039;
}

.orders-add-notes a:focus {
    box-shadow: 0 0 0 3px rgba(73, 252, 168, 0.4);
}

td.color-light-green {
    color: #40f4a4;
}

.address-details-wrap p.priority-here a {
    width: 100%;
    margin: 0px;
    line-height: 14px;
}

.product-address-details.clearfix table {
    margin: 0px;
    min-width: 600px;
}

.product-address-details.clearfix .table-responsive {
    overflow: auto;
}

.address-details-wrap table {
    width: 100%;
}

.address-details-wrap table tr td:nth-child(even) {
    text-align: right;
}

.address-details-wrap table td {
    padding: 4px 0px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    color: #ffffff;
}

.address-details-wrap table tfoot tr td {
    padding-top: 10px;
    border-top: 1px dashed #566675;
}

.shipping_customer_add .address-details-wrap table tfoot tr td {
    padding-top: 0px;
}

.address-details-wrap table tbody tr:last-child td {
    padding-bottom: 12px;
}

span.skip-time-span {
    display: flex;
    align-items: center;
    margin: 0px -5px;
}

span.skip-time-span label {
    margin: 0px 5px;
}

@keyframes zoom-in-out {
    0% {
        transform: scale(0.8);
    }

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

.upload-photos-statis input {
    display: none;
}

.upload-photos-statis label {
    height: 250px;
    background: #010d25;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    cursor: pointer;
}

.upload-photos-statis label span {
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    opacity: 0.4;
    display: block;
    width: 100%;
    max-height: max-content;
    margin-top: auto;
    line-height: 40px;
    text-align: center;
}

.upload-photos-field {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.4);
}

.file-details {
    height: 250px;
    background: #010d25;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    margin-bottom: 15px;
}

.file-details .details-of-file {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    max-width: 100%;
    padding: 15px;
    display: flex;
    align-items: flex-end;
}

.file-details .details-of-file span {
    margin-left: auto;
    display: inline-block;
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.details-of-file strong {
    color: #ffff;
    margin-right: 15px;
    font-size: 18px;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.files-uploaded .card-block {
    padding: 25px 20px;
}

.file-cover {
    position: relative;
}

.file-cover a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.upload-photos-statis {
    margin-bottom: 15px;
}

.sidebar-main-sub li.pcoded-hasmenu span.pcoded-mcaret:before {
    width: 20px;
    content: "\e61a";
    float: right;
    font-style: normal;
    margin-left: 3px;
    font-size: 10px;
    position: absolute;
    right: 7px;
    top: 0px;
    font-family: "themify";
    padding-top: 16px;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
}

.sidebar-main-sub li.pcoded-hasmenu.pcoded-trigger span.pcoded-mcaret:before {
    content: "\e622";
}

.side-bar-border-bottom {
    border-bottom: 1px solid #546772;
}

.pcoded[theme-layout="vertical"]
    .pcoded-navbar
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu {
    margin: 0px 15px 0px 15px;
    width: calc(100% - 30px);
    padding: 0px;
}

.pcoded
    .pcoded-navbar
    .pcoded-item.sidebar-main-sub
    > li.pcoded-hasmenu.pcoded-trigger {
    margin-bottom: 15px;
}

.pcoded[theme-layout="vertical"]
    .pcoded-navbar
    .pcoded-item.sidebar-main-sub
    .pcoded-hasmenu
    .pcoded-submenu
    li
    > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pcoded
    .pcoded-navbar
    .pcoded-item.sidebar-main-sub
    .pcoded-hasmenu
    .pcoded-submenu
    li {
    padding: 5px 0px;
}

.pcoded
    .pcoded-navbar[active-item-theme="theme1"]
    .pcoded-item
    .pcoded-submenu
    > li.active
    > a
    span {
    font-weight: 600;
    color: #00a9e0 !important;
}

.pcoded
    .pcoded-navbar
    .pcoded-item.sidebar-main-sub
    > li.pcoded-hasmenu.active
    > div {
    color: #fff !important;
    background-color: #00a9e0 !important;
    border-color: #17a2b8 !important;
    margin: 0px;
}

.pcoded
    .pcoded-navbar
    .pcoded-item.sidebar-main-sub
    > li.pcoded-hasmenu.active
    img {
    filter: grayscale(1000%) brightness(1000%);
}

.pcoded
    .pcoded-navbar[active-item-theme="theme1"]
    .pcoded-item
    .pcoded-submenu
    > li.active.pcode-trigger {
    background-color: transparent !important;
    border-color: transparent;
}

.pcoded
    .pcoded-navbar[active-item-theme="theme1"]
    .pcoded-item
    .pcoded-submenu
    > li.pcoded-hasmenu.active.pcoded-trigger {
    background: transparent !important;
    color: #00a9e0 !important;
}

.pcoded
    .pcoded-navbar[active-item-theme="theme1"]
    .pcoded-item
    .pcoded-submenu
    > li.pcoded-hasmenu.active.pcoded-trigger
    > a
    > span {
    color: #00a9e0 !important;
}

.pcoded
    .pcoded-navbar[active-item-theme="theme1"]
    .pcoded-item
    .pcoded-submenu
    > li.pcoded-hasmenu.active.pcoded-trigger
    a:after {
    color: #00a9e0 !important;
}

.pcoded[theme-layout="vertical"]
    .pcoded-navbar
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu
    > li:last-child
    a
    > .pcoded-mtext:after {
    transform: translateY(-50%);
}

.btn {
    background: #00a9e0;
    border-radius: 4px;
    color: #010d25;
    text-transform: none;
}

.profile-header-image .post_image_preview img {
    border-radius: 6px;
    object-fit: contain;
    object-position: center center;
    width: 100%;
}

.profile-header-image .post_image_preview {
    margin-top: 15px;
    width: 100%;
}

.profile-header-image .image-wrap {
    height: 400px;
    position: relative;
}

.profile-header-image .image-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border: none;
    padding: 0px;
    border-radius: 0px;
}

.profile-header-image {
    position: relative;
    margin-bottom: -100px !important;
}

.profile-header-image label {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: #00a9e0;
    border-color: #00a9e0;
    color: #010d25;
    z-index: 9;
    font-style: normal;
    font-weight: 600;
    line-height: 120.8%;
    font-size: 15px;
    padding: 10px 19px;
    cursor: pointer;
    display: block;
}

.profile-header-image label:hover {
    color: #010d25;
}

body .profile-header-image .image-wrap a#delete_image {
    right: 0px !important;
    left: auto;
}

body .profile-header-image .image-wrap a#crop_media {
    left: auto;
    right: 40px;
}

.pcoded[theme-layout="vertical"]
    .pcoded-navbar
    .supperadmin-sidebar
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu {
    padding: 15px 0px;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
    background: #f60202;
}

.form-group.copy {
    position: relative;
}

.copy-store-url button {
    /*    position: absolute;*/
    right: 0px;
    bottom: 0px;
    background: #010d25;
    color: #ffffff;
    font-weight: 600;
    min-height: 40px;
    padding: 5px 23px;
    border-radius: 0px 5px 5px 0px;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    cursor: pointer;
    border-left: 0px;
}

.input-group-append {
    position: relative;
}

.input-group-append span.input-group-text {
    position: absolute;
    top: 5px;
    right: 10px;
}

.input-group-append span.input-group-text i {
    color: #fff;
}

input#datepicker::-webkit-input-placeholder {
    color: #fff;
}

.all-items-in-one td.total-itemes .form-control {
    border-radius: 0px 4px 4px 0px !important;
}

.customer-info-main .input-group button:focus {
    border: none;
    box-shadow: none;
}

.total-plan-cost-custom > div {
    display: flex;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    padding: 0px;
    align-items: center;
    background: #010d25;
}

.total-plan-cost-custom > div > * {
    width: 50%;
    margin: 0px;
    border: none;
    border-radius: 0px;
    background: transparent;
    min-height: 35px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 10px;
}

tr.product-item-row label {
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    border-radius: 0px;
    min-height: 40px;
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 14px;
    margin: 0px !important;
    background: #010d25;
}

.all-items-in-one td.details-itemes label {
    white-space: pre;
    max-width: 365px;
    overflow: hidden;
    text-overflow: ellipsis;
}

textarea {
    color: #fff !important;
}

textarea:placeholder {
    color: #fff !important;
}

div#discount-pop .modal-content {
    padding: 20px;
}

div#discount-pop-edit .modal-content {
    padding: 20px;
}

.total-plan-cost-custom > div > input {
    border-radius: 0px !important;
    border: none !important;
    border-left: 0.5px solid rgb(255, 255, 255, 0.6) !important;
}

.payment-header-profile .image-wrap {
    height: 300px;
}

.hosted-payment-form {
    padding: 30px 0px 0px 0px;
}

/*Start from here*/
.profile-header-image.payment-header-profile {
    margin: 0px !important;
}

.payment-header-profile .image-wrap .create-header-image {
    position: absolute;
    bottom: 0px;
    right: -10px;
}

.payment-inner-page {
    margin-bottom: 40px;
}

.money-optoin span {
    background: #010d25;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    border-radius: 5px;
    height: 40px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 11px;
}
.money-optoin {
    display: flex;
    justify-content: space-between;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
}

.money-optoin ul {
    display: flex;
    align-items: center;
    padding: 0px 10px;
}

.money-optoin ul li {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #010d25;
    border: 0.4px solid #ffffff;
    border-radius: 100px;
    color: #68707c;
    font-size: 14px;
    line-height: 120.8%;
    margin: 0px -3px;
    font-weight: 700;
}

.money-optoin ul li.active {
    background: #49fca8;
    color: #010d25;
    border-color: #39f4a8;
}

label[for="store_url"] + div label#store_url-error {
    position: absolute;
    bottom: -33px;
}

/*shipping-address*/
.shpping-accordion #accordion .collapse.show {
    border: none;
}

.shpping-accordion .card-header {
    border-radius: 0px;
    padding: 0px;
    border: none;
}

.shpping-accordion .card {
    background: transparent;
    border: none;
    margin-bottom: 20px;
}

.shpping-accordion .card-header button {
    background: #010d25;
    width: 100%;
    text-align: left;
    /*padding: 10px 30px 10px 70px;*/
    margin: 0px;
    font-family: "Nunito" sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    border: none;
    min-height: 50px;
}

.shpping-accordion .card-header button:hover,
.card-header button:focus {
    text-decoration: none;
    outline: none;
    color: #49fca8;
}

.shpping-accordion .card-body {
    background: #02102d;
}

.shpping-accordion {
    background: #0e2039;
}

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

.shpping-accordion #accordion .card .card-header button {
    background: #010d25;
    position: relative;
    counter-increment: my-awesome-counter;
}

.shpping-accordion .card-header:first-child {
    border-radius: 0px;
}

.shpping-accordion #accordion .card .card-header button[aria-expanded="true"] {
    color: #49fca8;
    border-radius: 5px 5px 0px 0px;
}

.page-body.main-page-workout .shpping-accordion h5 {
    width: 100%;
    margin: 0px !important;
}

.page-body.main-page-workout .shpping-accordion .card-header + div {
    padding: 8px 0px 0px 0px;
}

.light-button {
    background: #49fca8;
    color: #010d25;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 40px;
    max-width: max-content;
    width: auto;
    min-width: 120px;
    border-radius: 5px;
    margin-left: auto;
    display: block;
    margin-top: 10px;
    line-height: inherit;
}

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

td.only-check input {
    display: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: rgba(40, 40, 40, 0.2);
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    position: relative;
    left: 30px;
    top: 0px;
    z-index: 9999;
    opacity: 0;
}

td.only-check label {
    border: 2px solid #ffffff;
    border-radius: 2px;
    width: 25px;
    height: 25px;
    background: #fff;
    position: relative;
    margin: 0px !important;
    cursor: pointer;
}

td.only-check label:before {
    content: "";
    inset: 0px;
    position: absolute;
    background: #0e2039;
}
td.only-check input:checked + label:before {
    background: #49fca8;
    inset: 0px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 1px 2px #00186c !important;
}
.light-color td.only-check input:checked + label:before {
    background: #49fca8;
    inset: 0px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 1px 1px #00186c !important;
}
td.only-check input:checked + label:before {
    background: #49fca8;
    inset: 0px;
    border: 2px solid #00186c;
    box-shadow: 0px 0px 1px 1px #ffffff !important;
}

form#recuringPyamentForm .shpping-accordion h5 button {
    font-size: 22px !important;
}

.payment-options ul {
    border: 2px solid #010d25;
    border-radius: 5px;
}

.payment-options ul li {
    border-bottom: 2px solid #010d25;
    padding: 18px;
}

.payment-options ul li:last-child {
    border: none;
}

.payment-options .css-checkbox {
    display: none;
}

.payment-options .css-checkbox + label {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 20px;
    color: #fff;
    gap: 5px;
    font-weight: 450;
}

.payment-options .css-checkbox + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
}

.payment-options .css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 7%;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.refund-radio .css-checkbox {
    display: none;
}

.refund-radio .css-checkbox + label {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 20px;
    color: #fff;
    gap: 5px;
    font-weight: 450;
    padding-left: 40px;
}

.refund-radio .css-checkbox + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

.refund-radio .css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 19%;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.refund-valid {
    margin: 20px -15px;
    display: flex;
    flex-wrap: wrap;
}

.refund-valid button {
    margin: 0px 15px;
}

.refund-radio > .row > .box-middle {
    margin: 0px 15px;
}

.refund-radio > button {
    display: inline-block;
    width: auto;
    margin-top: 15px;
}

form#recuringPyamentForm
    .shpping-accordion
    #accordion
    .card
    .card-header
    button {
    background: transparent;
    padding: 0px;
    min-height: auto;
}

.payment-options ul li label {
    margin: 0px;
    display: flex;
    align-items: center;
}

.payment-options ul li label span {
    margin-left: auto;
}

.payment-options h4 {
    margin-bottom: 20px;
    padding-bottom: 12px;
    color: #fff;
    border-bottom: 1.5px solid #425570;
}

form#recuringPyamentForm
    .shpping-accordion
    #accordion
    .card
    .card-header
    button[aria-expanded="true"] {
    background: transparent;
    padding: 0px;
    text-transform: capitalize;
    color: #fff;
    min-height: auto;
}

.payment-options .common-buttons-here {
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 40px -25px 0px;
}

/*.payment-options .common-buttons-here button, .payment-options .common-buttons-here a { margin: 0px 10px; }*/
label[for="custom-shipping"] .disable {
    text-decoration-line: underline;
    color: #425570;
}

.modal-footer.schedule-pop-btn {
    justify-content: center;
}

.choose-product-text textarea {
    height: 100px;
    max-height: 110px;
}

.page-summery-hosted .table-responsive.custom-product-service table {
    width: 100%;
}

.page-summery-hosted
    .table-responsive.custom-product-service
    table
    thead
    tr:last-child
    td {
    border: none !important;
}

.page-summery-hosted .table-responsive.custom-product-service {
    border: 2px solid rgb(204 204 204 / 50%);
    box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    overflow: hidden;
}

.page-summery-hosted .table-responsive.custom-product-service table table {
    width: 100%;
}

.page-summery-hosted .table-responsive.custom-product-service td-last-child {
    text-align: right;
}

.page-summery-hosted .table-responsive.custom-product-service td:last-child {
    text-align: right;
}

.page-summery-hosted .table-responsive.custom-product-service tr td {
    padding: 15px;
    border-bottom: 2px solid rgb(204 204 204 / 50%);
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.page-summery-hosted tr.dark-bk {
    background: #010d25;
    border-radius: 0px 0px 5px 5px;
}

.page-summery-hosted .cart-product .cart-product-repeat p {
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    color: #ffffff;
}

.page-summery-hosted .filter-details-web {
    padding: 40px 30px 20px;
    background: #02102d;
    border-radius: 0px 0px 5px 5px;
}

.page-summery-hosted .filter-details-web .field {
    position: relative;
}

.page-summery-hosted .filter-details-web .field button {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #49fca8;
    border-radius: 0px 5px 5px 0px;
    font-weight: 700;
    font-size: 15px;
    color: #010d25;
    min-width: 100px;
    text-align: center;
    display: block;
}

.page-summery-hosted .cart-product {
    max-height: 500px;
    overflow: auto;
}

.payment-options.page-summery-hosted .filter-details-web {
    padding: 0px;
    background: transparent;
}

.payment-options.page-summery-hosted {
    margin-top: 40px;
}

.page-summery-hosted
    .table-responsive.custom-product-service
    tr
    td.light-green {
    color: #49fca8;
}

.web-page-in-desk {
    background: #0e2039;
    padding: 25px;
}

.payment-options .common-buttons-here a.publish-btn {
    background: #49fca8;
    border-color: #49fca8;
}

.payment-options .css-checkbox + label input {
    background: transparent;
    max-width: 100px;
    border: none;
    font-size: 17px;
    text-align: right;
    padding: 0px;
}

.payment-options ul li label span.dollar-icon {
    margin-left: auto;
}

.payment-options ul li label span.dollar-icon + span {
    margin-left: 0px;
}

input#customShipping {
    margin-left: auto;
    border: 1px solid #fff;
    padding: 5px 20px;
}

div#schedule-latters span.input-group-addon {
    position: absolute;
    right: 0px;
    z-index: 99;
    max-width: max-content;
    background: transparent;
    height: 100%;
}

.datepicker-dropdown thead tr:first-child th {
    background: #010d25;
    color: #fff;
    border-radius: 0px;
}

.datepicker table tr td.today {
    background: #010d25;
    color: #fff;
}

.datepicker-dropdown thead tr:first-child th:hover {
    background: #010d25;
}

.table-invoice thead > tr > th,
.table-invoice tr td {
    text-align: center;
    vertical-align: middle;
}

.table td,
.table th {
    padding: 0.53rem;
    vertical-align: middle;
}

.table-invoice table tr th select {
    background: #425570;
    border: none;
    min-width: 90px;
}

table {
    border-collapse: collapse !important;
}

.create-invoices h5 {
    padding-bottom: 10px;
    border-bottom: 1.5px solid #566675;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hosted-create-page table#payment-table th {
    white-space: pre;
}

.discount-icon input.dollar {
    padding-left: 30px;
    display: inline-block;
}

.discount-icon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

.discount-icon i.fa-percent {
    right: 0px;
}

.discount-icon input.percentage {
    padding-right: 30px;
    right: 0px;
}

.discount-icon {
    position: relative;
    max-width: 120px;
}

.account-vault-buttons > a {
    margin: 0px 10px 10px 10px;
}

.account-vault-buttons {
    margin: 0px -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.account-vault-buttons > a button {
    width: 100%;
}

table#payment-table td.UserImage img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: center;
}

.invoice-details-main {
    background: #02102d;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}

.invoice-details-inner {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.5px solid rgb(255, 255, 255, 0.6);
}

.invoice-details-inner:last-child {
    border: none;
}

.invoice-details-left {
    color: #fff;
    font-weight: 700;
}

.invoice-details-right input {
    text-align: right;
    appearance: none;
    -webkit-appearance: none;
    min-height: 40px;
    max-width: 140px;
    margin-left: auto;
}

.invoice-details-right span {
    color: #fff;
}

.invoice-details-right em {
    text-align: right;
    display: block;
    font-weight: 500;
    font-size: 8px;
    margin-top: 8px;
}

.invoice-items-details table.all-items-in-one {
    width: 100%;
}

.invoice-items-details {
    padding: 20px 15px 20px;
}

.invoice-items-details tr td input,
.invoice-items-details tr td select {
    border: none;
    border-radius: 0px !important;
}

.invoice-items-details table.all-items-in-one tbody td.total-itemes input {
    border-radius: 0px 5px 5px 0px !important;
}

.invoice-items-details table.all-items-in-one tbody td:last-child {
    border: none;
    background-color: transparent;
}

.invoice-items-details table.all-items-in-one tbody td:first-child {
    border-radius: 5px 0px 0px 5px;
}

.invoice-items-details td.add-remove-icons {
    padding: 10px;
}

.invoice-items-details td.add-remove-icons i.fa.fa-plus {
    font-size: 22px;
    display: inline-flex;
    color: #00a9e0;
    cursor: pointer;
    margin-left: 10px;
}

.invoice-items-details table.all-items-in-one tbody td input,
.invoice-items-details table.all-items-in-one tbody td select {
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    height: 45px !important;
    background: #010d25;
}

/* .invoice-items-details tr.product-item-row { border-bottom: 15px solid transparent; } */
.invoice-items-details table.all-items-in-one tbody td:first-child input {
    border-radius: 5px 0px 0px 5px !important;
    overflow: hidden;
}

.invoice-details table {
    width: 100%;
}

.invoice-details {
    padding: 20px;
}

.table-responsive.invoice-details td {
    background: #02102d;
    border-bottom: 0.5px solid rgb(255, 255, 255, 0.6);
    border-radius: 5px;
    padding: 15px;
    color: #fff;
}

.table-responsive.invoice-details tr:last-child td {
    border: none;
}

.invoice-details > div {
    border: 1px solid red;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}

.table-responsive.invoice-details td:last-child {
    text-align: right;
}

.create-invoices.row textarea#overview {
    height: 223px;
}

.show-payment-pdf {
    padding: 0px 35px 40px 35px;
}

.create-invoice-button {
    width: 100%;
    padding: 0px 35px;
}

.create-invoice-button button {
    max-width: max-content;
}

.recipe-remove-steps,
.meal-remove-step {
    font-size: 22px;
    display: inline-flex;
    /*    margin-top: 2rem;*/
    color: #ff0909;
    cursor: pointer;
    margin-left: 15px;
}

.invoice-id-details {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.invoice-id-details > div {
    width: calc(33.3% - 30px);
    margin: 0px 15px;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    padding: 15px;
    background: #02102d;
    border-radius: 5px;
}

.invoice-id-details strong {
    font-weight: 600;
    font-size: 22px;
    line-height: 120.8%;
    display: flex;
    align-items: flex-end;
    color: #00a9e0;
    margin-bottom: 15px;
}

.invoice-id-details p {
    margin: 0px;
}

.invoice-from p {
    font-weight: 600;
    font-size: 15px;
    line-height: 27px;
    color: #ffffff;
}

.invoice-id-details > div .invoice-details {
    border: none;
    padding: 0px;
}

.invoice-id-details .invoice-details > div:last-child {
    border: none;
    padding: 0px;
}

.invoice-id-details > div:last-child {
    padding: 0px;
    height: max-content;
}

.invoice-edit-buttons button.attach-file span {
    font-size: 24px;
    font-weight: 700;
    line-height: 1px;
    position: relative;
    top: 2px;
}

.create-invoice .card-body {
    padding: 20px 15px;
}

.nnvoice-details .table-responsive.invoice-details {
    padding: 20px 15px;
}

.table-responsive.custom-product-service table.total-bg tr:last-child td {
    background: #010d25;
}

.manage-shiopping > div {
    width: calc(33.3% - 30px);
    margin: 0px 15px;
    border-radius: 5px;
    border: 1px solid rgba(204, 204, 204, 0.5);
}

.additionalNote {
    padding: 20px 30px 40px 30px;
}

.manage-shiopping .address-details-wrap table td {
    padding: 10px;
}

a.color-9 {
    color: #010d25;
}

a.btn {
    font-weight: 700;
    font-size: 18px;
}

.invoice-edit-buttons {
    margin: 20px 15px 25px 15px;
    display: flex;
    overflow: auto;
    justify-content: center;
    padding-bottom: 15px;
}

.paymeny-overview-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0px 20px;
}

.new-payment-page .invoice-details {
    background: #02102d;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    margin-top: 20px;
    padding-bottom: 0px;
}

.invoice-details-right {
    text-align: right;
    color: #fff;
}

div.cmn-pop-up .modal-content {
    padding: 30px;
}

#makeRecurring .css-checkbox {
    display: none;
}

#makeRecurring .css-checkbox + label {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 20px;
    color: #fff;
    gap: 5px;
    font-weight: 450;
}

#makeRecurring .css-checkbox + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
}

#makeRecurring .css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 4px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.cmn-pop-check {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
}

.cmn-pop-check-item {
    margin: 0px 15px;
    padding-top: 30px;
}

.pop-align-button {
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
    margin: 0px -40px;
}

.custom-text-area {
    padding: 15px 20px;
    background: #010d25;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    border-radius: 5px;
}

div#sendReminder .modal-content {
    width: 600px;
}

.custom-text-area p,
.custom-text-area span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    margin-bottom: 10px;
}

.custom-text-area span {
    color: #49fca8;
    display: block;
    margin: 0px;
}

.custom-text-area p a {
    color: #00a9e0;
}

.invoice-items-details .table-responsive table {
    min-width: 700px;
}

td.add-remove-icons {
    min-width: 100px;
}

.invoice-edit-buttons button:hover {
    background: #00a9e0;
}

.invoice-edit-buttons button,
.invoice-edit-buttons button:focus {
    border-color: #009fe0;
    box-shadow: none;
}

.add-cstomer-buttons {
    display: flex;
    margin: 0px -15px;
}

.add-cstomer-buttons > div {
    margin: 0px 15px;
}

.add-cstomer-buttons > div button#user_closeBtn {
    border-radius: 5px;
    padding: 6px 30px;
    margin: 0px !important;
}

.discount-list .list-group-item,
.addon-list .list-group-item {
    background-color: #425570;
    border: 1px solid #010d25 !important;
    color: #fff;
}

.discount-list .list-group-item .disc-item-icon,
.addon-list .list-group-item .disc-item-icon {
    cursor: pointer;
    color: #f60202;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    background: #010d25 !important;
    font-size: 14px !important;
    display: block !important;
    padding: 0.5rem 0.75rem !important;
    background-clip: padding-box !important;
    height: 40px !important;
    border-radius: 5px !important;
    width: 100% !important;
    border: 0.5px solid rgb(255, 255, 255, 0.6) !important;
    line-height: 19px !important;
}

.select2-container--default.select2-container--focus
    .select2-selection--single
    .select2-selection__rendered {
    background: #000 !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    background: transparent !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 6px !important;
}

span.select2.select2-container.select2-container--default.select2-container--open
    .select2-selection--single,
.select2-container--default.select2-container--open
    .select2-selection--multiple {
    box-shadow: none !important;
}

span.selection span.select2-selection.select2-selection--single span {
    color: #fff !important;
}

.select2-container--default .select2-results > .select2-results__options li {
    background: transparent;
    padding: 0px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.select2-container--default
    .select2-results
    > .select2-results__options
    li:hover {
    background: #1e90ff;
    color: #fff !important;
}

.select2-container--default .select2-results > .select2-results__options {
    background: transparent;
}

span.select2-dropdown {
    background: transparent;
    background-color: #010d25;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    z-index: 999999;
}

.select2-container--default
    .select2-results
    > .select2-results__options
    li.select2-results__option.select2-results__option--highlighted {
    color: #1e90ff;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #010d25 !important;
    font-size: 14px !important;
    display: block !important;
    padding: 0.5rem 0.75rem !important;
    line-height: 1.25 !important;
    background-clip: padding-box !important;
    height: auto !important;
    border-radius: 5px !important;
    width: 100% !important;
    border: 1px solid rgb(102 108 120) !important;
    color: #fff !important;
    font-weight: 400 !important;
}

.select2-container--default
    .select2-search--dropdown
    .select2-search__field:placeholder {
    color: #fff !important;
}

.shows-notification {
    padding: 5px 10px;
    background: #49fca8;
    border-radius: 5px;
    width: calc(100% - 40px);
    margin: 0px 20px;
    font-size: 12px;
    line-height: 120.8%;
    color: #0e2039;
    font-weight: 600;
    display: flex;
    align-items: center;
}

form#frmCreatePage table tr th {
    white-space: pre;
}

.shows-notification img {
    margin-right: 10px;
}

.payment-card-here {
    background: #0e2039;
    border: 2px solid #010d25;
    width: calc(30% - 30px);
    margin: 0px 15px;
}

.payment-card-here .card-header,
.recurring-payment-card .card-header {
    background: #425570;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 12px 20px;
}

.payment-card-main {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -15px;
}

.recurring-payment-card {
    background: #0e2039;
    border: 1px solid #010d25;
    margin: 0px 0px;
}

.light-color .recurring-payment-card {
    background: #fff;
    border: 1px solid rgba(204, 204, 204, 0.5);
    margin: 0px 0px;
    color: #353531;
}

.square-li {
    list-style: square;
}

label.error {
    font-size: 16px;
    font-weight: bold;
}

div.viewCustomerOrder .product-address-details.clearfix {
    width: 100%;
}

.payment-refund-card-here {
    background: #0e2039;
    border: 2px solid #010d25;
    width: calc(30% - 30px);
    margin: 0px 15px;
}

.payment-table.table-bordered {
    border: 2px solid #010d25;
}

.payment-refund-card-here .card-header {
    background: #425570;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 12px 20px;
}

.payment-refund-card-main {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -15px;
}

.recurring-refund-payment-card {
    background: #0e2039;
    border: 1px solid #010d25;
    margin: 0px 0px;
}

.payment-process-box {
    padding: 15px 15px;
    border-bottom: 0.5px solid #546772;
    width: 100%;
    background: #02102d;
    border: 0.5px solid #666c78;
    box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    margin-top: 20px;
}

.payment-process-box-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.payment-process-box-wrap h6 {
    white-space: pre;
    margin-right: 20px;
    color: #fff;
    font-size: 20px;
}

.i-tools {
    margin-top: 42px;
}

.i-tools img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    object-position: center center;
    cursor: pointer;
}

table.payment-align-left th:first-child,
table.payment-align-left td:first-child {
    text-align: left;
}

.product-details-slider-preview .product-details-slider-wrap {
    height: 400px;
}

.product-details-slider-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body .page-preview-body .product-slide-details p {
    margin: 0;
    padding: 0;
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    background: #0e2039;
    margin-bottom: 20px;
}

/*product-details*/
.product-slide-details h1 {
    font-size: 30px;
    line-height: 40px;
}

.product-slide-details h2 {
    font-size: 20px;
    line-height: 30px;
}

.product-slide-details h3 {
    font-size: 18px;
    line-height: 28px;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 4px;
}

.product-slide-details h4 {
    font-size: 30px;
    line-height: 40px;
}

.product-slide-details h5 {
    font-size: 16px;
    line-height: 26px;
}

.product-slide-details h6 {
    font-size: 12px;
    line-height: 22px;
}

.product-details-wrap button.slick-prev.slick-arrow {
    position: absolute;
    padding: 0;
    background-color: transparent;
    font-size: 0;
    right: 60px;
    border: 1px solid #00a9e0;
    border-radius: 5px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-details-wrap button.slick-prev.slick-arrow:before {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1px solid #00a9e0;
    border-top: 1px solid #00a9e0;
    position: absolute;
    transform: rotate(226deg);
}

.product-details-wrap button.slick-next.slick-arrow {
    position: absolute;
    padding: 0;
    background-color: transparent;
    font-size: 0;
    right: 25px;
    border: 1px solid #00a9e0;
    border-radius: 5px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-details-wrap button.slick-next.slick-arrow:before {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1px solid #00a9e0;
    border-top: 1px solid #00a9e0;
    position: absolute;
    transform: rotate(45deg);
}

.product-details-wrap button.slick-prev.slick-arrow:focus {
    outline: none;
}

.product-details-wrap button.slick-next.slick-arrow:focus {
    outline: none;
}

.product-details-wrap .btn-primary.focus:focus,
.btn-primary:focus {
    outline: none;
    box-shadow: none;
}

.product-details-wrap ul.slick-dots {
    position: absolute;
    bottom: 0px;
    display: flex;
    align-items: center;
    margin: 0px -2px;
}

.product-details-wrap ul.slick-dots li {
    margin: 0px 2px;
}

.product-details-wrap ul.slick-dots li button {
    font-size: 0px;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 100%;
    border: 2px solid var(--bs-cyan);
}

.product-details-wrap ul.slick-dots li.slick-active button {
    background: var(--bs-cyan);
}

.product-details-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -20px;
    align-items: flex-start;
}

.product-details-slider {
    width: calc(50% - 40px);
    margin: 0px 20px;
}

.product-slide-details {
    width: calc(50% - 40px);
    margin: 0px 20px;
    color: #fff;
}

.product-details-section {
    padding: 40px 0px;
}

.product-details-slider button.slick-next.slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-width: 2px;
    cursor: pointer;
}

.product-details-slider button.slick-prev.slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    z-index: 99;
    width: 40px;
    height: 40px;
    border-width: 2px;
    cursor: pointer;
}

.product-details-slider button.slick-next.slick-arrow:before {
    width: 14px;
    height: 14px;
    border-width: 2px;
    margin-right: 7px;
}

.product-details-slider button.slick-prev.slick-arrow:before {
    width: 14px;
    height: 14px;
    border-width: 2px;
    margin-left: 7px;
}

.product-slide-details > span {
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 31px;
    color: #49fca8;
}

.stars {
    margin: 20px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.stars ul {
    display: flex;
    flex-wrap: wrap;
}

.stars ul li {
    margin-right: 5px;
}

.stars span {
    font-size: 12px;
}

.product-slide-details p,
.product-slide-details li {
    line-height: 19px;
}

.product-slide-details > ul {
    margin-bottom: 20px;
}

.product-slide-details > ul li {
    padding-left: 30px;
    position: relative;
}

.product-slide-details > ul li:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 6px;
    width: 6px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
}

.product-details-buttons {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.product-details-buttons a {
    padding: 10px;
    flex: 1;
    background: #fff;
    text-align: center;
    font-family: "Nunito" sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    /* identical to box height */
    color: #0e2039;
}

.product-details-buttons a.blue-button {
    background: #00a9e0;
    color: #fff;
}

.product-details-section.hosted-product-details {
    padding-bottom: 0px;
}

.modal-footer.preview-footer {
    padding-left: 25px !important;
}

.modal-footer.preview-footer > div {
    padding: 0px;
}

.product-details-wrap .product-details-slider-wrap img {
    width: 100%;
    height: 100%;
}

.all-items-in-one td.add-remove-icons span {
    margin-left: 17px;
}

.all-items-in-one td.add-remove-icons .plus-field {
    display: flex;
    justify-content: space-between;
}

.all-items-in-one td.add-remove-icons {
    width: 1%;
    max-width: 107px;
    min-width: 78px;
}

button#btnSubmit.highlight-green-color:focus {
    box-shadow: 0 0 0 3px rgb(73 252 168);
}

.common-active-inactive-group label {
    border: 4px solid #d9d9d9 !important;
    background: #d9d9d9;
    color: #566675 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.common-active-inactive-group label:first-child {
    border-radius: 0px;
}

.common-active-inactive-group label:last-child {
    border-left: 0px !important;
}

.common-active-inactive-group {
    border-radius: 5px;
    overflow: hidden;
}

.common-active-inactive-group .btn-inactive.active {
    background: #49fca8 !important;
}

.common-active-inactive-group .btn-inactive.active-switch {
    background: #49fca8 !important;
    color: #010d25 !important;
}

.common-active-inactive-group .active {
    color: #010d25 !important;
    background: #49fca8 !important;
}

.common-active-inactive-group .active-switch {
    background: #49fca8 !important;
    color: #010d25 !important;
}

.hosted-profile label {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    color: #010d25;
}

.hosted-profile .common-upload-image-wrap {
    text-align: center;
}

.hosted-profile label img {
    margin-right: 10px;
    width: 15px;
    height: 15px;
    object-fit: contain;
    object-position: center center;
}

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

.hosted-profile-image {
    width: 100%;
    background: #010d25;
    height: 300px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hosted-profile-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hosted-profile-image-disc {
    display: flex;
    align-items: flex-start;
}

.hosted-profile-image-disc img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.hosted-profile-image-disc p {
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 110%;
    /* or 13px */
    color: #ffffff;
    margin-bottom: 18px;
}

.choose-product-text textarea#description {
    height: 235px !important;
    max-height: initial;
}

.datepicker table tr td.active.active {
    background: #00a9e0;
}

th.dow {
    color: #ffffff;
}

th.datepicker-switch {
    background: #00a9e0;
    border-radius: 0px;
}

th.prev {
    border-radius: 0px;
    background: #00a9e0;
}

th.next {
    border-radius: 0px;
    background: #00a9e0;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #00a9e0;
}

span.highlight-red-color.scheduled-border {
    border: 2px solid #49fca8;
    border-radius: 5px;
    background: transparent;
}

span.highlight-blue-color.light-draft {
    border: 2px solid #425570;
    border-radius: 5px;
    background: transparent;
}

button.btn-host-schedule {
    background: transparent;
    color: #fff;
    border-width: 2px;
}

button.btn-host-privew {
    background: transparent;
    color: #fff;
    border-width: 2px;
}

button.btn-host-privew:hover,
button.btn-host-privew:focus {
    background: transparent;
    border-color: #00a9e0;
    box-shadow: none;
    color: #fff;
}

button.btn-host-schedule:hover,
button.btn-host-schedule:focus {
    background: transparent;
    color: #fff;
    border-color: #49fca8;
    box-shadow: none;
}

.bd-clipboard {
    display: block;
    position: relative;
    float: right;
}

.btn-clipboard {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 10;
    display: block;
    padding: 0.25rem 0.5rem;
    font-size: 75%;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    border-radius: 0.25rem;
}

.edit-profile-custom-state {
    width: calc(60% - 30px);
    margin: 0px 15px;
}

.edit-profile-custom-zip {
    width: calc(40% - 30px);
    margin: 0px 15px;
}

.menu-card {
    margin: 0px 15px 15px;
    background: #ffffff;
    border: 3px solid #49fca8;
    border-radius: 10px;
    padding: 13px 8px;
}

.menu-card strong {
    font-size: 15px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #000000;
}

.menu-card a {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    background: #0b1e38;
    border-radius: 30px;
    padding: 5px 10px;
    text-align: center;
    display: block;
    margin-top: 6px;
}

/*btn css*/
.btn-success:hover {
    color: #010d25;
    background-color: #00a9e0;
    border-color: #00a9e0;
}

.btn-success {
    border-color: #00a9e0;
}

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

.btn:focus {
    box-shadow: none !important;
}

.btn-primary:hover {
    color: #010d25;
    background-color: #00a9e0;
    border-color: #00a9e0;
}

.btn-primary {
    border-color: #00a9e0;
}

body button.color-9:focus {
    box-shadow: none !important;
}

.btn-primary.publish-btn {
    border-color: #49fca8 !important;
}

.btnDownloadSampleCsv:hover,
.btnInvite:hover,
.btnImport:hover,
.btnExport:hover {
    color: #010d25;
    background-color: #00a9e0;
    border-color: #00a9e0;
}

.btnInvite,
.btnDownloadSampleCsv .btnImport,
.btnExport {
    border-color: #00a9e0;
}

.hosted-profile-image .no_promo_img {
    width: auto;
    height: auto;
    object-fit: contain;
}

/*btn css end here*/
.cmd-crop-images .main-image-sortable .sort-item .filebox {
    width: auto;
    height: auto !important;
}

.cmd-crop-images .main-image-sortable .sort-item .filebox img {
    height: auto;
    width: auto;
}

.cmd-crop-images .main-img-container {
    max-width: max-content;
}

.PosterImage .sort-item .filebox {
    position: relative;
}

.product-content a {
    color: #00a9e0;
}

.product-content a:visited {
    color: #00a9e0;
}

.product-content a.morelink {
    text-decoration: none;
    outline: none;
}

.morecontent span {
    display: none;
}

.product-content {
    padding-bottom: 8px;
}

.modal .error-modal-body .err-title {
    font-size: 18px;
    font-weight: bold;
}

.modal .error-modal-body {
    padding-top: 0px;
}

/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible
    + .select2-container
    .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible,
select[readonly].select2-hidden-accessible
    + .select2-container
    .select2-selection__clear {
    display: none;
}

/*Select2 ReadOnly End*/
a.dropdown-item.dropdown-separator {
    padding-top: 30px;
    position: relative;
}

a.dropdown-item.dropdown-separator:before {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    text-align: center;
    background: #fff;
}

a.dropdown-item.dropdown-separator:after {
    content: "";
    position: absolute;
    height: 1px;
    border: 1px dashed #000;
    left: 20px;
    top: 11px;
    right: 20px;
    z-index: 9;
}

.service-hosted-design {
    text-align: center;
    margin-top: 20px;
}

.page-content .service-image-upload {
    text-align: left;
    margin-left: 5px;
}

#proGallery .productMedia.service-image .filebox {
    cursor: auto;
}

button.publish-btn {
    min-width: 120px;
    max-width: max-content;
    font-family: "Nunito" sans-serif;
    line-height: 120.8%;
    text-align: center;
    display: inline-block;
}

button.btn i {
    line-height: 10px;
    font-size: 16px;
}

button.publish-btn,
button.payment-btn {
    font-size: 20px;
    min-width: 120px;
    border-color: #49fca8;
    padding: 7px 30px;
    max-width: max-content;
    font-family: "Nunito" sans-serif;
    line-height: 120.8%;
    background: #49fca8;
    color: #000;
    font-weight: 700 !important;
}

.common-buttons-here > button#btnCancel {
    font-size: 20px;
    min-width: 120px;
    padding: 7px 30px;
    max-width: max-content;
    font-family: "Nunito" sans-serif;
    line-height: 120.8%;
}

button#cancelBtn {
    font-size: 20px;
    min-width: 120px;
    padding: 7px 30px;
    max-width: max-content;
    font-family: "Nunito" sans-serif;
    line-height: 120.8%;
}

.common-buttons-here > button {
    font-size: 20px;
    padding: 7px 30px;
    max-width: max-content;
    width: auto !important;
    margin: 0px 25px;
    font-family: "Nunito" sans-serif;
    line-height: 120.8%;
}

.common-buttons-here {
    font-size: 20px;
    margin: 0px -25px;
    padding-top: 0px;
    font-family: "Nunito" sans-serif;
    line-height: 120.8%;
    display: flex;
    flex-wrap: wrap;
}

button#btnCancel {
    font-size: 20px;
    min-width: 120px;
    padding: 7px 30px;
    font-family: "Nunito" sans-serif;
    max-width: max-content;
    line-height: 120.8%;
}

button.btn {
    min-height: 40px;
    font-family: "Nunito" sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    padding: 7px 30px;
    line-height: 120.8%;
}

button.setEventReminder {
    min-height: 40px;
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    padding: 7px 10px;
    line-height: 120.8%;
}

button.setEventReminder i {
    padding: 0px 5px 0px 3px;
}

.common-buttons-here button.col-md-1 {
    flex: inherit;
}

.common-buttons-here > a {
    display: inline-block;
    margin: 0px 25px;
}

.common-buttons-here > a button {
    margin: 0px !important;
    font-size: 20px;
}

.purchase-details {
    width: calc(100% - 50px);
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.purchase-details > div {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 25px;
    align-items: center;
}

.purchase-details > div label {
    width: max-content;
    margin-right: 10px;
    margin-bottom: 0px !important;
}

.purchase-details > div input {
    width: max-content;
    max-width: 120px;
}

.purchase-details button {
    padding: 0px;
    border-radius: 0px;
    background: transparent;
    margin-left: 10px;
    border: none;
}

.purchase-details button:hover {
    background: transparent;
    border: none;
}

.hosted-total-limit {
    margin-bottom: 40px;
}

.supper-common-buttons-here {
    margin-top: 10px;
}

.product-details-buttons .input-group button {
    padding: 0px;
    width: 50px;
    display: block;
    max-width: initial;
    height: 60px;
    background: transparent;
    color: #49fca8;
    border-radius: 0px;
    font-size: 32px;
    line-height: 120.8%;
}

.product-details-buttons .input-group input {
    color: #49fca8;
    border-left: 2px solid #49fca8;
    border-right: 2px solid #49fca8;
    text-align: center;
    background: transparent;
    font-size: 18px;
    line-height: 120.8%;
}

.product-details-buttons .input-group {
    display: flex;
    flex-wrap: wrap;
    max-width: 190px;
    border: 2px solid #49fca8;
}

form#frmResetPassword .input-group {
    flex-wrap: wrap;
}

form#frmResetPassword .input-group label.error {
    width: 100%;
    text-align: left !important;
    line-height: 1.5;
    font-family: "Quicksand", sans-serif;
}

.main-popup-for-login {
    padding: 25px 30px 20px 30px;
}

.all-page-cmn-pop {
    border: 2px solid #49fca8;
    box-shadow: 0px 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    border-radius: 5px;
    padding: 10px 30px;
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.all-page-cmn-pop span {
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #ffffff;
}

.all-page-cmn-pop > button {
    min-width: max-content;
}

.all-items-in-one.manage-quote-items td.details-itemes label {
    max-width: initial;
}

div#payment-pop .modal-dialog {
    max-width: 800px;
    width: 100%;
    padding: 11px 25px;
    background: #ffffff;
    box-shadow: 5px 5px 50px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

div#payment-pop .modal-dialog .modal-content {
    background: transparent;
    border: none;
    color: #010d25;
}

.payment-pop-content {
    width: 50%;
}

.payment-pop-content h4 {
    font-size: 25px;
    line-height: 22px;
}

.payment-pop-content h4 span {
    color: #00a9e0;
}

.payment-pop-content strong {
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    /* or 124% */
    display: flex;
    align-items: center;
    color: #010d25;
}

.payment-pop-content > span {
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 23px;
    display: block;
}

.payment-pop-content ul li {
    padding-left: 25px;
}

.payment-pop-content > ul > li {
    margin-bottom: 20px;
}

.payment-pop-content > ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #00a9e0;
    position: relative;
}

.payment-pop-content > ul > li:before {
    content: "";
    background: url(/backend/assets/images/true.png) no-repeat center / contain;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 18px;
    height: 18px;
}

.payment-pop-content > ul ul li:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #00a9e0;
    border-radius: 100%;
    top: 7px;
    left: 0;
}

.payment-pop-content > ul ul li {
    padding-left: 15px;
}

.pay-buttons-wrap {
    width: 196px;
    margin-left: 75px;
    text-align: center;
}

.pay-buttons-wrap button {
    background: #0b1e38;
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #49fca8;
    width: 100%;
    display: block;
    padding: 18px;
    margin-bottom: 15px;
    cursor: pointer;
}

.pay-buttons-wrap a {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #708199;
    cursor: pointer;
}

div#payment-pop {
    padding: 0px 15px !important;
}

div#payment-pop button.close {
    top: 15px;
    right: 15px;
    background: transparent;
    border-radius: 0px;
    width: 20px;
    height: 20px;
}

div#payment-pop button.close span {
    color: #708199;
    cursor: pointer;
}

.common-buttons-here > a.delete-btn.delete-link {
    margin-left: auto;
}

.get-invoice {
    padding: 20px 15px 40px 15px;
    text-align: center;
}

.invoice-items-details .table-responsive table label {
    white-space: pre;
}

.get-invoice button {
    font-family: "Nunito" sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 120.8%;
    color: #0e2039;
    font-size: 15px;
    padding: 10px 19px;
    cursor: pointer;
    margin: 0 auto !important;
    display: block;
}

.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .profile-notification
    li {
    position: relative;
}

.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .profile-notification
    li
    a:before {
    content: "";
    inset: 0px;
    background: transparent;
    z-index: 99;
    position: absolute;
}

.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .profile-notification
    li.active {
    background-color: #0e2039;
}

input[type="radio"] {
    display: none;
}

input[type="radio"] + label:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

input[type="radio"]:checked + label:after {
    content: " " !important;
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 4px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
    border-radius: 0px;
    border: none;
}

.main-popup-for-login .all-page-cmn-pop > button {
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #010d25;
    max-height: 30px !important;
    min-height: 30px;
    padding: 9px 43px;
}

input[type="radio"] + label {
    position: relative;
    cursor: pointer;
    padding-left: 40px;
}

.order-notes-new .create-invoice > div {
    padding-left: 0px;
    padding-right: 0px;
}

.create-invoices .common-buttons-here {
    padding-bottom: 25px;
}

.invoice-edit-buttons button {
    font-family: "Nunito" sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 120.8%;
    color: #0e2039;
    font-size: 15px;
    padding: 10px 19px;
    cursor: pointer;
    min-height: 40px;
    display: block;
    margin: 0px 5px;
}

.invoice-id-details .table-responsive table td:first-child {
    white-space: inherit;
}

.pcoded .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger span {
    color: #fff;
}

.create-invoice.col-md-6 textarea {
    min-height: 221px;
}

.refreshPdf {
    cursor: pointer;
}

.invoice-details > div.row {
    border: none;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    width: 7px;
    height: 7px;
    background: transparent;
    border: 2px solid #fff;
    transform: rotate(45deg);
    border-left: 0px;
    border-top: 0px;
    line-height: 0px;
    margin-top: -4px;
}

.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #fff;
    border-width: 2px;
}

.pop-align-button button {
    margin: 0px 25px;
    min-height: 40px;
    line-height: 20px;
    max-width: max-content;
    padding: 10px 30px;
    margin-right: 15px;
}

.modal-backdrop.show {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
    position: fixed;
    inset: 0;
    backdrop-filter: blur(5px);
}

.btnRefund {
    border-color: #009fe0;
    box-shadow: none;
    background: #00a9e0;
    border-radius: 4px;
}

.btnRefund:hover {
    cursor: pointer;
}

.loading-overlay i {
    color: #fff !important;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fa-spin {
    color: #fff !important;
}

.loading-overlay:before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
    position: fixed;
    inset: 0;
    backdrop-filter: blur(5px);
    display: flex;
}

.modal .close {
    opacity: 1;
}

.modal .close:focus,
.modal .close:hover {
    opacity: 1;
}

.swal2-popup {
    background: #0e2039 !important;
    color: #fafafa !important;
    border: 5px solid #73b7d4 !important;
    position: relative;
}

/*    .swal2-container:before { content: ''; background: rgba(0, 0, 0, 0.2); opacity: 1; position: fixed; inset: 0; backdrop-filter: blur(5px); display: flex; }*/
.payment-application span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.virtualterminal-accordion .card-header {
    border-radius: 0px;
    padding: 0px;
    border: none;
}

.virtualterminal-accordion .card-header h5 {
    width: 100%;
}

.virtualterminal-accordion .card {
    background: transparent;
    border: none;
    margin-bottom: 20px;
}

.virtualterminal-accordion .card-header button {
    background: #010d25;
    width: 100%;
    text-align: left;
    padding: 10px 20px 10px 20px;
    margin: 0px;
    font-family: "Nunito" sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    border: none;
    min-height: 50px;
}

.virtualterminal-accordion .card-header button:hover,
.card-header button:focus {
    text-decoration: none;
    outline: none;
}

.virtualterminal-accordion .card-body {
    background: #02102d;
}

.virtualterminal-accordion {
    padding: 40px 0px;
    background: #0b1e38;
}

.virtualterminal-accordion#accordion {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    counter-reset: my-awesome-counter;
}

.virtualterminal-accordion#accordion .card .card-header button {
    background: #010d25;
    position: relative;
    counter-increment: my-awesome-counter;
}

/*.virtualterminal-accordion#accordion .card .card-header button[aria-expanded="true"] { color: #49FCA8; }*/
.virtualterminal-accordion#accordion
    .card
    .card-header
    button[aria-expanded="true"]:before {
    color: #010d25;
    background: #49fca8;
    display: none;
}

.virtualterminal-accordion .card-header:first-child {
    border-radius: 0px;
}

.virtualterminal-accordion#accordion
    .card
    .card-header
    button[aria-expanded="true"] {
    border-radius: 5px 5px 0px 0px;
}

.virtualterminal-accordion#accordion
    .shipping-check-button-wrap
    .box-middle.box-text.hosted-check {
    position: absolute !important;
    top: 7px;
    right: 20px;
}

.virtualterminal-accordion#accordion
    .shipping-check-button-wrap
    .box-middle.box-text.hosted-check.edit-billing-box {
    top: 7px;
}

.top-category-drop.select2-container--default
    .select2-results
    > .select2-results__options
    li:hover {
    background: transparent;
    color: #fff !important;
}

.top-category-drop.select2-container--default
    .select2-results
    > .select2-results__options
    li
    li {
    padding-left: 20px;
}

.top-category-drop.select2-container--default
    .select2-results
    > .select2-results__options
    li
    li:hover {
    background: #1e90ff;
    color: #fff !important;
}

.select2-container--default .select2-results__group {
    padding: 5px 10px 5px 10px;
    color: #fff;
}
select:focus,
.select2-container:focus {
    background-color: #010d25 !important;
}

form#virtualTerminalFrm #accordion .collapse.show {
    border: none;
}

.shipping-check-button-wrap a:hover {
    color: #010d25;
}

.report-date-buttons > div > div {
    max-width: 180px;
    margin-left: 0px;
}

.report-dates-wrap {
    display: flex;
    align-items: flex-start;
}

.report-date-buttons > div input {
    width: 100% !important;
    min-height: 40px;
}

.report-date-buttons {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
    flex-wrap: wrap;
}

.report-date-buttons span {
    margin: 0px 15px;
    color: #fff;
    padding-top: 8px;
}

.reportForm {
    display: flex;
    justify-content: flex-end;
}

.reportForm button#btnUpdateReport {
    margin-left: 15px;
}

.report-tables-page table {
    min-width: 900px;
}

.new-sign-up-button {
    margin-top: 15px;
}

/*inventory*/
div#inventoryModal .modal-dialog {
    max-width: 1000px;
    width: 100%;
}

.pop-invertory-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -25px;
}

.pop-invertory-left {
    width: calc(25% - 50px);
    margin: 0px 25px;
}

.pop-invertory-right {
    width: calc(75% - 50px);
    margin: 0px 25px;
}

.pop-invertory-left img {
    width: 100%;
}

.product-hint h5 {
    color: #49fca8;
    text-align: center;
}

.product-hint {
    margin-top: 20px;
    color: #fff;
}

.create_product-form-wrapper {
    display: flex;
    margin: 0px -10px;
}

.inventory_creater {
    width: calc(33.3% - 20px);
    margin: 0px 10px;
}

.inventory_creater strong {
    color: #fff;
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
    font-weight: 500;
}

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

div#inventoryModal .modal-body {
    padding: 15px 30px;
}

.adjustment_history_container h5 {
    color: #fff;
    margin: 25px 0px 20px 0px;
}

.inventory_creater button {
    margin-bottom: 10px;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 600;
}

div#inventoryModal .modal-footer {
    padding: 0px 30px 30px 30px;
    flex-wrap: wrap;
}

.modal-footer > a {
    color: #010d25 !important;
    min-height: 40px;
    font-family: "Nunito" sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    padding: 7px 30px;
    line-height: 120.8%;
}

.save-click {
    display: none;
}

div#inventoryModal .modal-footer button {
    margin-right: auto !important;
}

div#inventoryModal .modal-footer a {
    margin-right: 15px;
}

.modal-image-upload-div {
    border-radius: 5px;
    overflow: hidden;
}

table.table-bordered.dataTable th {
    border-top: 1px solid #010d25 !important;
    border-bottom: 0px !important;
}

.profile-new-design div#profile-photo-preview img {
    padding: 0px;
    background: #010d25;
    border: none;
}

.profile-new-design p {
    /* padding: 0px; */
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 120.8%;
    color: #49fca8;
    margin-top: 7px !important;
    cursor: move;
}

.web-page-in-desk h3 {
    color: #fff;
}

.user-profile .profile-wrap img {
    font-size: 0px;
    background: #fff;
    margin: 0px auto !important;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter input {
    min-height: 40px;
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
    min-height: 40px;
}

.minautoheight {
    min-height: auto !important;
}

.top-header-buttons {
    justify-content: flex-end;
    align-items: flex-start;
}

.top-header-buttons button,
.top-header-buttons a {
    margin: 0px 5px 5px !important;
    border: none;
}

.progress-wrap .progress-bar {
    height: 1rem;
    line-height: 1rem;
    background-color: #49fca8 !important;
    transition: width 0.6s ease;
    color: #010d25 !important;
}

.video-static-url {
    display: flex;
    line-height: inherit;
    align-items: center;
    margin-bottom: 10px;
}

.video-static-url label {
    margin: 0px 10px 0px 0px !important;
}

.copy-url-cmn .input-group-prepend {
    min-width: calc(100% - 87px);
}

.btn-group .btn-default.btn-on,
.btn-group .btn-default.btn-off {
    font-weight: 400;
    font-size: 15px;
    min-width: 83px;
    padding: 8px 10px;
    text-align: center;
    display: block;
}

.copy-url-cmn .copy-store-url button {
    border-left: 0.5px solid rgb(255, 255, 255, 0.6);
}

.spform .copy-url-cmn .field .input-group-prepend span {
    width: 100%;
}

.address-with-edit {
    display: flex;
    justify-content: space-between;
}

.modal-header {
    border-bottom: 0px;
    padding: 30px 30px 0px;
}

.modal-body {
    padding: 15px 30px 30px 30px;
}

.progress-video {
    width: 100%;
}

.progress-video .progress-wrap {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.progress-video .progress-wrap .start-upload-progress {
    margin-left: 10px;
}

.progress-video p.uploadSize {
    margin-top: 10px;
}

.progress-video .progress {
    width: 50%;
}

.modal-content .modal-body .progress-video .progress {
    width: 64%;
}

.progress-tow .progress {
    width: 100%;
}

.progress-tow .progress-wrap {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.progress-tow .start-upload-p {
    margin: 10px 0px;
    display: block;
}

.new-buttons-wrap > .progress-tow {
    max-width: 409px;
    width: 100%;
    padding-right: 0px;
}

.new-buttons-wrap p.uploadSize {
    text-align: left;
}

.progress-video.video-padding {
    padding: 0px 20px;
}

.progress-video.video-padding .progress {
    width: 72%;
}

.custon-column-main .new-buttons-wrap.plans-new-buttons + .progress-tow {
    width: calc(100% - 77px);
}

.custon-column-main
    .new-buttons-wrap.plans-new-buttons
    + .progress-tow
    .progress-tow-inner {
    max-width: 375px;
    margin-left: auto;
}

.copy-url-cmn .input-group-prepend span {
    max-width: 100%;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.table-responsive.invoice-details tr.dark-bk td {
    background: #010d25;
}

.custom-table-responsive.table-subscription .sp_table {
    padding: 0px;
}

.modal .modal-content.modal-w-600 {
    width: 600px !important;
}

.modal#streamingUploadModal {
    z-index: 9999 !important;
}

.modal#resumeUploadModal {
    z-index: 99999 !important;
}

.btn.toggle-btn {
    padding: 7px 15px !important;
}

.new-buttons-wrap button.publish-btn {
    background: #49fca8 !important;
    border-radius: 4px;
    color: #010d25;
    font-size: 15px !important;
    padding: 10px 19px;
    cursor: pointer;
    font-weight: 400 !important;
}

.select-create-button button.btn {
    color: #010d25 !important;
}

.select-create-button.tab-pane {
    margin-left: -10px;
    margin-right: -10px;
}

.share-tracker-pop-scroll {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.share-tracker-pop-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.share-tracker-pop-scroll::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.share-tracker-pop-scroll::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.event-punch-mem {
    max-height: 500px;
    overflow: auto;
}

.event-punch-mem::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.event-punch-mem::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.event-punch-mem::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

ul.nav.share-pills {
    display: flex;
    max-width: max-content;
    flex-wrap: inherit;
    white-space: pre;
    overflow: auto;
}

.plan-day-btn.comn-btn-design-here button {
    margin: 0px -25px;
}

.custom-workout-manage-main .col-md-12 > button {
    margin-right: 50px !important;
}

.custom-workout-manage-main .col-md-12 > button:last-child {
    margin: 0px !important;
}

textarea#orderNotes {
    min-height: 96px !important;
}

/* Login popup z-index issue */
.login-only .common-img-bg {
    position: static;
}

/* .modal .modal-dialog.modal-c-w { max-width:550px !important; } */
@media (max-width: 1500px) {
    .spform .field .input-group-prepend span {
        overflow: hidden;
        white-space: pre;
        text-overflow: ellipsis;
        width: 103px;
        display: block;
    }

    .cmn-height label {
        min-height: 55px;
        width: 100%;
    }
}

@media (max-width: 1600px) and (min-width: 1200px) {
    .recurring-main .col-md-6 {
        flex: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1300px) {
    .address-details {
        width: calc(50% - 30px);
        margin: 15px 15px 0px 15px;
    }

    .edit-profile-custom-state {
        width: calc(100% - 30px);
        margin: 0px 15px;
    }

    .edit-profile-custom-zip {
        width: calc(100% - 30px);
        margin: 0px 15px;
    }

    .all-page-cmn-pop span {
        margin-bottom: 10px;
    }
}

@media (max-width: 1200px) {
    .top-header-buttons button,
    .top-header-buttons a {
        margin: 0px 5px 5px !important;
    }
}

@media (max-width: 991px) {
    .product-address-details.clearfix {
        width: 60%;
    }

    .manage-shiopping > div {
        width: calc(100% - 30px);
        margin: 0px 15px;
    }

    .invoice-edit-buttons {
        justify-content: inherit;
    }

    .product-details-slider {
        width: calc(100% - 40px);
    }

    .product-slide-details {
        width: calc(100% - 40px);
    }

    .invoice-id-details > div {
        width: calc(100% - 30px);
        margin: 0px 15px 15px 15px;
    }

    .my-store-manage .payment-header-profile .image-wrap {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .product-slide-details h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .product-slide-details > span {
        font-size: 18px;
        line-height: 31px;
    }

    .footer-pop-main > div {
        width: auto;
        margin: 0px 5px;
    }

    .footer-pop-main > div button {
        padding: 10px 20px;
    }

    .modal-dialog {
        margin: 40px auto !important;
        padding: 0px 15px;
    }

    .footer-pop-main {
        margin: 0px -5px !important;
    }

    .post-details-new ul.nav.nav-pills {
        max-width: max-content;
        overflow: auto;
        display: flex;
        flex-wrap: inherit;
    }

    .post-details-new ul.nav.nav-pills li {
        white-space: pre;
    }

    .table-responsive table td:first-child {
        white-space: pre;
    }

    .footer-pop-main button {
        font-size: 14px;
    }

    h5 {
        font-size: 18px !important;
    }

    .modal-header h4.modal-title {
        font-size: 18px !important;
    }

    .modal-header a#editRec {
        min-width: max-content;
    }

    .web-tabs li a {
        font-size: 20px;
        border-bottom-width: 2px;
    }

    .payment-options {
        min-width: auto;
    }

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

    .order-detials-header h5 {
        margin-bottom: 10px !important;
    }

    .address-details {
        width: calc(100% - 30px);
        margin: 0px 15px 15px;
    }

    .address-details:last-child {
        margin-bottom: 0px;
    }

    .product-address-details.clearfix {
        width: 100%;
    }

    .product-address-details-wrap {
        flex-wrap: wrap;
    }

    .product-address-details-wrap ul li {
        padding: 0px 0px 20px 40px;
    }

    .product-address-details-wrap ul:before {
        bottom: 35px;
        left: 20px;
    }

    .product-address-details-wrap ul {
        padding: 10px;
    }

    .address-details-wrap p {
        font-size: 14px;
        line-height: 20px;
    }

    .address-details-wrap p a {
        font-size: 14px;
        line-height: 20px;
    }

    .orders-add-notes a {
        margin: 10px 0px 0px;
        width: auto;
        font-size: 16px;
    }

    .product-address-details-wrap ul li a p {
        font-size: 16px;
    }

    body.active-menu {
        overflow: hidden;
    }

    .profile-mobile-image img#profile_photo_placeholder {
        width: 120px;
        height: 120px;
        margin-right: 0px;
    }

    .profile-header-image .image-wrap {
        height: 250px;
    }

    .profile-header-image {
        margin-bottom: -70px !important;
    }

    .profile-header-image label {
        padding: 6px 10px;
        bottom: 15px;
        right: 25px;
    }

    .total-plan-cost-custom > div > * {
        margin: 0px !important;
    }

    form#recuringPyamentForm .shpping-accordion h5 button {
        font-size: 18px !important;
    }

    div#sendReminder .modal-content {
        width: 100%;
    }

    .web-page-in-desk {
        padding: 15px;
    }

    .payment-options .common-buttons-here a {
        font-size: 14px;
        font-weight: 700 !important;
    }

    .common-buttons-here > * {
        margin-bottom: 10px !important;
    }

    .invoice-details {
        padding: 15px;
    }

    .create-invoice-button {
        padding: 0px 30px;
    }

    .pop-align-button > button {
        margin-bottom: 10px;
    }

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

    .common-buttons-here a button {
        margin-bottom: 10px;
    }

    .order-detials-header {
        padding-left: 0px;
        padding-right: 0px;
    }

    form#frmEditProduct .common-buttons-here {
        margin-top: 10px;
    }

    .modal-footer.preview-footer {
        padding-left: 15px !important;
    }

    .purchase-details > div label {
        margin-bottom: 15px !important;
    }

    .common-buttons-here > button {
        margin: 0px 5px 10px !important;
    }

    .common-buttons-here > a {
        margin: 0px 5px 5px !important;
    }

    .common-buttons-here {
        margin: 10px -5px 0px -5px;
        padding-top: 0px;
        align-items: inherit;
    }

    .payment-options .common-buttons-here {
        margin: 0px -5px;
    }

    .payment-pop-content {
        width: 100%;
    }

    .all-page-cmn-pop {
        padding: 10px;
    }

    .pay-buttons-wrap {
        margin-left: 0px;
    }

    /*.common-buttons-here a button{ margin-bottom: 0px; }*/
    .main-popup-for-login {
        padding: 25px 15px 20px 15px;
    }

    .all-items-wrap .table-responsive table td:first-child {
        white-space: inherit;
    }

    .my-store-manage .payment-header-profile .image-wrap {
        height: 300px;
    }

    .report-dates-wrap {
        width: 100%;
        margin-bottom: 10px;
    }

    form#frmSales button#btnUpdateReport {
        margin-left: 0px;
    }

    /*inventiry*/
    .pop-invertory-left {
        width: calc(100% - 30px);
        margin: 0px 15px;
    }

    .pop-invertory-right {
        width: calc(100% - 30px);
        margin: 0px 15px;
    }

    .recent-adjustment .table-responsive table td:first-child {
        white-space: inherit;
    }

    .create_product-form-wrapper {
        flex-wrap: wrap;
    }

    .inventory_creater {
        width: calc(100% - 20px);
    }

    .modal-image-upload-div {
        max-width: 300px;
    }

    div#inventoryModal .modal-footer button {
        margin-right: auto;
        margin-bottom: 10px;
    }

    div#inventoryModal .modal-body {
        padding: 15px 30px;
    }

    .top-header-buttons {
        padding-top: 10px;
    }

    .progress-wrap .progress {
        width: 100% !important;
    }

    .copy-url-cmn .input-group-prepend {
        min-width: 200px;
    }

    div#inventoryModal .modal-footer {
        padding: 0px 15px 15px 15px;
        flex-wrap: wrap;
    }

    .modal-body {
        padding: 15px;
    }

    .modal-header {
        padding: 15px;
    }

    div.cmn-pop-up .modal-content {
        padding: 15px;
    }

    .progress-video.video-padding .progress {
        width: 100%;
    }

    .new-buttons-wrap > .progress-tow {
        max-width: 100%;
        width: 100%;
        padding-right: 0px;
    }

    .progress-video .progress-wrap .start-upload-progress {
        margin-top: 10px;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .custon-column-main .new-buttons-wrap.plans-new-buttons + .progress-tow {
        width: calc(100% - 77px);
    }

    .custon-column-main
        .new-buttons-wrap.plans-new-buttons
        + .progress-tow
        .progress-tow-inner {
        max-width: 100%;
    }
}

.pcoded[theme-layout="vertical"]
    .pcoded-navbar
    .pcoded-item
    > li
    > a
    .pcoded-mtext {
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: 8px;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 600;
    max-width: 148px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.supper-common-buttons-here.only-margin button {
    margin: 0px 25px !important;
}

.order-search-design > div {
    width: 101px !important;
    border-radius: 5px;
    background: #00a9e0;
    height: 40px;
    margin-left: 10px;
    position: relative;
}

.order-search-design > div:before {
    content: "";
    background: url(/backend/assets/images/subtract.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 15px;
}

.order-search-design > div:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 11px;
    right: 15px;
    border: 3px solid #000;
    transform: rotate(45deg);
    border-top: 0px;
    border-left: 0px;
}

.card-body.order-search-design {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.card-body.order-search-design > select {
    margin-right: auto;
    margin-left: 10px;
}

.card-body.order-search-design > input {
    margin-left: 10px;
}

.card-body.order-search-design
    .select2-container--default
    .select2-selection--multiple {
    margin: 0px !important;
    min-height: 100%;
    display: inline-block;
    background: transparent;
    font-size: 0px;
    width: 100%;
    height: 100%;
    border: none;
}

.order-payment-type-search-design > div {
    width: 101px !important;
    border-radius: 5px;
    background: #00a9e0;
    height: 40px;
    margin-left: 10px;
    position: relative;
}

.order-payment-type-search-design > div:before {
    content: "";
    background: url(/backend/assets/images/subtract.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 15px;
}

.order-payment-type-search-design > div:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 11px;
    right: 15px;
    border: 3px solid #000;
    transform: rotate(45deg);
    border-top: 0px;
    border-left: 0px;
}

.card-body.order-payment-type-search-design {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.card-body.order-payment-type-search-design > select {
    margin-right: auto;
    margin-left: 10px;
}

.card-body.order-payment-type-search-design > input {
    margin-left: 10px;
}

.card-body.order-payment-type-search-design
    .select2-container--default
    .select2-selection--multiple {
    margin: 0px !important;
    min-height: 100%;
    display: inline-block;
    background: transparent;
    font-size: 0px;
    width: 100%;
    height: 100%;
    border: none;
}

.custom-bash-head {
    padding: 1.25rem;
}

.custom-search-dash-head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.order-search-design .select2 {
    margin: 0px !important;
    background: transparent;
}

.order-search-design
    .select2
    span.select2-selection.select2-selection--multiple {
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    background: transparent;
    font-size: 0px;
    border: none;
}

.order-search-design ul.select2-selection__rendered {
    counter-reset: my-awesome-counter -1;
}

.order-payment-type-search-design .select2 {
    margin: 0px !important;
    background: transparent;
}

.order-payment-type-search-design
    .select2
    span.select2-selection.select2-selection--multiple {
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    background: transparent;
    font-size: 0px;
    border: none;
}

.order-payment-type-search-design ul.select2-selection__rendered {
    counter-reset: my-awesome-counter -1;
}

.select2-container--default .select2-search--inline .select2-search__field {
    cursor: pointer;
}

.order-search-design ul.select2-selection__rendered li {
    counter-increment: my-awesome-counter;
}

.order-search-design ul.select2-selection__rendered li:before {
    content: counter(my-awesome-counter);
    color: #010d25;
    font-weight: bold;
    text-align: center;
    width: 100%;
    position: absolute;
    height: auto;
    background: transparent;
    font-size: 22px;
    top: 4px;
    right: -4px;
}

.order-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__clear {
    display: none;
}

.order-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li {
    font-size: 0px !important;
    background: transparent;
    border: none;
}

.order-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li:before {
    display: none;
}

.order-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li:last-child:before {
    display: block;
}

.order-payment-type-search-design ul.select2-selection__rendered li {
    counter-increment: my-awesome-counter;
}

.order-payment-type-search-design ul.select2-selection__rendered li:before {
    content: counter(my-awesome-counter);
    color: #010d25;
    font-weight: bold;
    text-align: center;
    width: 100%;
    position: absolute;
    height: auto;
    background: transparent;
    font-size: 22px;
    top: 4px;
    right: -4px;
}

.order-payment-type-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__clear {
    display: none;
}

.order-payment-type-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li {
    font-size: 0px !important;
    background: transparent;
    border: none;
}

.order-payment-type-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li:before {
    display: none;
}

.order-payment-type-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li:last-child:before {
    display: block;
}

.order-source-filter {
    transform: translateX(-80px);
}

.order-payment-type-filter {
    transform: translateX(-80px);
}

.order-table-here .bottom.col-md-12 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.custom-bash-head div.dataTables_length select {
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    font-size: 14px;
}

.custom-search-dash-head label {
    margin: 0px !important;
}

.order-source-filter span.select2-dropdown {
    width: max-content !important;
}

.order-source-filter.select2-container--default
    .select2-results
    > .select2-results__options
    li {
    padding: 6px 10px;
}

.order-source-filter.select2-container--open .select2-dropdown--below {
    overflow: hidden;
}

.order-source-filter.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.order-source-filter.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.order-source-filter.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.order-source-filter .select2-results__option:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    background: transparent;
}

.order-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li:first-child:before {
    display: none;
}

.order-payment-type-search-design
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li:first-child:before {
    display: none;
}

.order-source-filter.select2-container--default
    .select2-results
    > .select2-results__options
    li:hover {
    background: transparent;
}

.order-source-filter .select2-results__option {
    position: relative;
    cursor: pointer;
}

.order-source-filter.select2-container--default
    .select2-results
    > .select2-results__options
    li.select2-results__option.select2-results__option--highlighted {
    color: #fff;
}

.order-source-filter .select2-results__option[aria-selected="true"]:after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 14px;
    top: 10px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.card-body.order-search-design .select2 {
    margin-left: 0px !important;
}

.card-body.order-payment-type-search-design .select2 {
    margin-left: 0px !important;
}

.dashboard-sale {
    background: #02102d;
    padding: 20px;
    border-radius: 5px;
    margin-top: 40px;
}

.sale-dash-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.sales-months-year {
    display: flex;
    align-items: center;
}

.sales-months-year select {
    max-width: max-content;
    margin-left: 15px;
    min-width: 100px;
}

.rounded-graph {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    position: relative;
    align-items: center;
    margin: 0px -15px;
}

.rounded-graph-table table td span {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #fff;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
}

.rounded-graph > div {
    width: 100%;
    padding: 0px 15px;
}

.sale-dash-head h5 {
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120.8%;
}

.custom-bash-head.dataTables_wrapper {
    padding-bottom: 0px;
}

.rounded-graph .rounded-graph-right {
    border-left: 1px solid #566675;
}

.card .custom-bash-head.dataTables_wrapper + .sp_table {
    padding-top: 6px !important;
}

.rounded-graph-left canvas {
    max-height: max-content !important;
}

h4.dashbourd-inner-title {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120.8%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rounded-graph-table table {
    width: 100%;
}

.sale-dash-graph canvas {
    width: 100% !important;
}

.rounded-graph-table table td {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120.8%;
    /* 16.912px */
    text-transform: capitalize;
    padding: 13px 20px;
    background: #02102d;
}

.rounded-graph-table table td a {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120.8%;
    text-transform: capitalize;
}

.rounded-graph-table table tr:nth-child(even) td {
    background: #2d384f;
}

.rounded-graph-table table td span.yellow-round {
    background-color: #ffd270;
}

.rounded-graph-table table td span.red-round {
    background: #c92f3e;
}

.rounded-graph-table table td span.blue-round {
    background: #0074b8;
}

.rounded-graph-table table td span.light-green-round {
    background: #b2edc5;
}

.rounded-graph-table table td span.green-round {
    background: #03c96d;
}

.schedule-graph {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -8px 0px -8px;
}

h4.dashbourd-inner-title button {
    text-align: center;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120.8%;
    display: flex;
    padding: 11px 20px 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    color: #00a9e0;
    background: transparent;
}

h4.dashbourd-inner-title button:focus {
    outline: none;
    border: none;
}

.schedule-graph .table-responsive {
    padding-top: 30px;
}

.schedule-graph table td {
    color: #fff;
    font-family: "Quicksand", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.schedule-graph table td span {
    color: #fff;
    font-family: "Quicksand", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.schedule-graph table {
    width: 100%;
}

.schedule-graph table tr td:last-child {
    text-align: right;
    color: #49fca8;
}

.schedule-graph table tr td {
    padding: 8px 20px;
    background: #02102d;
}

.schedule-graph table tr:nth-child(even) td {
    background: #2d384f;
}

.schedule-graph > div {
    width: calc(33.3% - 16px);
    margin: 0px 8px;
    background: #02102d;
    border-radius: 5px;
    padding: 10px;
}

.schedule-graph .schedule-graph-right table tr td img {
    min-height: 36px;
    height: 100%;
    object-fit: contain;
    max-width: 17px;
    margin-right: 10px;
}

.schedule-graph .schedule-graph-right table tr td:first-child {
    padding-right: 0px;
}

.schedule-graph .schedule-graph-right table tr td:nth-child(2) {
    padding-left: 0px;
}

.schedule-graph-table-inner {
    overflow: auto;
}

.schedule-graph-table-inner .table-responsive {
    min-width: 300px;
}

.sales-months-year select:first-child {
    margin: 0px;
}

.rounded-graph-left > div.canvas-wrapper {
    width: 280px;
}

.rounded-graph-left > div#legend-container {
    width: calc(100% - 280px);
    padding-left: 30px;
}

div#legend-container ul {
    flex-wrap: wrap;
    margin: 0px -5px;
}

div#legend-container ul li {
    width: calc(20% - 10px);
    margin: 0px 5px 30px 5px !important;
    flex-wrap: wrap;
}

div#legend-container ul li span {
    border-radius: 100%;
}

div#legend-container ul li span + p {
    color: #fff !important;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

div#legend-container ul li span + p + p {
    width: 100%;
    font-family: "Nunito", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120.8%;
    margin-top: 10px !important;
    display: block;
}

.rounded-graph-left {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}

.rounded-graph-table {
    overflow: auto;
}

.rounded-graph-table .table-responsive {
    min-width: 300px;
}

.schedule-graph .schedule-graph-table-inner table tr td:last-child {
    color: #fff;
    text-align: left;
}

.schedule-graph .schedule-graph-table-inner table tr td p {
    margin-top: 5px;
    margin-bottom: 0px;
    color: #fff;
}

.schedule-graph .schedule-graph-table-inner table tr td ul {
    display: flex;
    align-items: center;
    padding: revert;
    padding: 0px;
    margin: 0px -7px;
}

.schedule-graph .schedule-graph-table-inner table tr td ul li {
    color: #49fca8;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 120.8%;
    padding: 0px 7px;
    position: relative;
}

.schedule-graph .schedule-graph-table-inner table tr td ul li:first-child {
    color: #fff;
}

.schedule-graph
    .schedule-graph-table-inner
    table
    tr
    td
    ul
    li:not(:last-child):before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #fff;
    right: 0px;
}

.rounded-graph-table p {
    margin: 5px 0px 0px 0px;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
}

.schedule-graph-table-inner p {
    color: #49fca8;
}

.schedule-graph-table-inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.schedule-graph-table-inner::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #f5f5f5;
}

.schedule-graph-table-inner::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.rounded-graph-table::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.rounded-graph-table::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #f5f5f5;
}

.rounded-graph-table::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.myorder {
    margin-bottom: 20px;
    min-width: 100%;
    overflow: auto;
}

.myorder::-webkit-scrollbar-track {
    background-color: transparent;
}

.myorder::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background: transparent;
}

.myorder::-webkit-scrollbar-thumb {
    background: #47505d;
}

.terminal-page-main {
    min-height: 400px;
}

.terminal-page-main button.multiselect {
    color: #fff;
    background-color: #010d25;
    border: 0.4px solid #ffffff;
    text-align: left !important;
}

.terminal-page-main .dropdown-menu span {
    margin: 0px;
    padding: 0px !important;
}

.terminal-page-main .dropdown-menu {
    background: #0e2039;
    border: 0.4px solid #ffffff;
    border-radius: 5px;
    padding: 10px 0px;
    max-height: 200px;
    overflow: auto;
}

.multiselect-container
    .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container
    .multiselect-all:not(.multiselect-active-item-fallback):active,
.multiselect-container
    .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container
    .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container
    .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container
    .multiselect-option:not(.multiselect-active-item-fallback):active {
    background: transparent !important;
}

.terminal-page-main .dropdown-menu button:hover {
    background: #1967d2 !important;
}

.terminal-page-main span.multiselect-native-select .btn-group {
    max-width: 300px;
    width: 100%;
}

.terminal-page-main span.multiselect-native-select .btn-group * {
    width: 100%;
}

.terminal-page-main .dropdown-menu span input {
    display: none;
}

.terminal-page-main .dropdown-menu label {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 20px;
    color: #fff;
    gap: 5px;
    font-weight: 450;
    padding-left: 40px;
}

.terminal-page-main .dropdown-menu input + label::before {
    content: " ";
    position: absolute;
    top: -2px;
    left: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
}

.terminal-page-main .dropdown-menu input:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 2px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.terminal-page-main span.multiselect-native-select {
    display: block;
    margin: 15px 0px;
}

.multiselect-container .multiselect-all:focus,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-option:hover {
    background: #1967d2 !important;
}

.terminal-page-main .dropdown-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.terminal-page-main .dropdown-menu::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.terminal-page-main .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.address-details-wrap {
    padding-top: 20px;
}

.address-details-wrap .gift-check-wrap {
    padding-left: 0px;
}

.address-details-wrap .gift-check-wrap input[type="radio"] + label:before {
    top: -2px;
}

.address-details-wrap .gift-check-wrap .css-checkbox:checked + label::after {
    top: 2px;
    left: 4px;
}

.address-details-wrap button#createVault {
    max-width: 350px;
    width: 100%;
}

.address-details-wrap-cutomer button#createVault {
    max-width: max-content;
    width: auto;
}

.greenlink a {
    color: #49fca8;
    text-decoration: none;
}

.greenlink a:hover {
    text-decoration: none;
}

.add-product-custom-section {
    overflow: auto;
}

.all-items-in-one-wrapper h6 {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120.8%;
}

.all-items-in-one-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    min-width: 700px;
}

.all-items-in-one-wrapper .details-itemes {
    width: 41%;
}

.all-items-in-one-wrapper > div {
    width: 10%;
}

.all-items-in-one-wrapper .add-remove-icons.virtualterminal-add-remove {
    margin-bottom: 9px;
}

.all-items-in-one-wrapper .add-remove-icons.virtualterminal-add-remove span {
    margin-left: 18px;
}

.all-items-in-one-wrapper > div input,
.all-items-in-one-wrapper > div select {
    border-radius: 0px !important;
    border: 0.5px solid rgb(255, 255, 255, 0.6) !important;
    border-left: 0px !important;
}

.all-items-in-one-wrapper > .total-itemes input {
    border-radius: 0px 5px 5px 0px !important;
}

.all-items-in-one-wrapper .details-itemes input {
    border-left: 0.5px solid rgb(255, 255, 255, 0.6) !important;
    border-radius: 5px 0px 0px 5px !important;
}

.add-remove-icons.virtualterminal-add-remove {
    width: 9%;
}

.all-items-in-one-wrapper .add-remove-icons.virtualterminal-add-remove span i {
    color: #00a9e0;
    font-size: 22px;
}

.all-items-in-one-wrapper
    .add-remove-icons.virtualterminal-add-remove
    span.remove-ingredient
    i {
    color: #f60202;
}

.all-items-in-one-wrapper > div input::-ms-input-placeholder {
    color: #fff;
}

.all-items-in-one-wrapper > div input::placeholder {
    color: #fff;
}

h6.desktop-none {
    display: none;
}

.all-items-in-one-items {
    overflow: auto;
}

#myStoreForm .switchbtn > label {
    width: 100% !important;
}

form#myStoreForm .switchbtn {
    margin-bottom: 30px !important;
}

.proudct-card .css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.proudct-card .css-checkbox + label {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 20px;
    color: #fff;
    gap: 5px;
    font-weight: 450;
}

.proudct-card .css-checkbox + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    position: absolute;
    left: 0px;
}

.proudct-card .css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 4px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

#affiliate_url {
    border-radius: 5px 0px 0px 5px;
}

#waiver_url {
    border-radius: 5px 0px 0px 5px;
}

.qr-download {
    position: relative;
}

.qr-download > a.qr-down {
    position: absolute;
    right: 0px;
    top: -11px;
    color: #49fca8;
    font-size: 24px;
    padding: 3px 10px;
    border-radius: 100%;
}

.traker-dropdown {
    margin: 35px 0px 0px 0px;
    border-radius: 5px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    background: #02102d;
    padding: 15px 20px;
    position: relative;
    cursor: pointer;
}

.traker-dropdown h5 {
    position: relative;
    font-weight: 700;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 18px !important;
}

.traker-dropdown h5:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 3px;
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    transform: rotate(45deg);
    border-top: 0px;
    border-left: 0px;
}

.traker-dropdown + .content {
    display: none;
}

.customer-order-heading {
    padding-bottom: 20px;
}

.cumn-table-th-color tr th {
    background: #425570;
}

.traker-dropdown h5.active:before {
    border-top: 2px solid #00a9e0;
    border-left: 2px solid #00a9e0;
    border-bottom: 0px;
    border-right: 0px;
    top: 8px;
}

.traker-dropdown section.content {
    margin-top: 25px;
    display: none;
}

.product-address-details-wrap .auto-renew-on-off:hover {
    cursor: pointer;
}

.product-address-details-wrap span.redeem-punch-pass {
    vertical-align: -webkit-baseline-middle;
    font-size: 1.6rem;
}

.product-address-details-wrap span.redeem-punch-pass i.fa-check {
    color: #49fca8 !important;
    cursor: pointer;
}

.card-block .input-group.store-url-input-grp {
    margin-bottom: 0px !important;
}

.refund-parent.active {
    display: block;
}

.refund-parent {
    display: none;
}

.sell-parent.active {
    display: block;
}

.sell-parent {
    display: none;
}

.customer-info-main select.form-control:not([size]):not([multiple]) {
    border-radius: 5px !important;
}

.check-remove label:before,
.check-remove label:after {
    display: none !important;
}

.check-remove .css-checkbox + label {
    padding-left: 10px;
}

.select2-container .select2-selection--single {
    height: auto !important;
}

.custom-table-responsive {
    width: 100%;
}

.custom-table-responsive table thead tr th {
    color: #fff;
}

.pass-edit-pop-form,
.membership-edit-pop-form {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.pass-edit-pop-form > select,
.membership-edit-pop-form > select {
    width: 170px;
}

.pass-edit-pop-form > input,
.membership-edit-pop-form > input {
    width: 100px;
    margin-left: 20px;
}

div#view-pass .modal-dialog {
    max-width: 580px;
}

div#view-pass .modal-dialog .modal-content {
    max-width: 580px;
    width: 100%;
}

.view-pass-model-body strong {
    color: #49fca8;
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 120.8%;
    /* 18.12px */
    margin-bottom: 5px;
    display: block;
}

.view-pass-model-body p {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.view-pass-model-body ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px -25px;
}

.view-pass-model-body ul li {
    margin: 0px 25px;
}

.view-pass-model-body {
    background: #010d25;
    border: 1px solid rgba(204, 204, 204, 0.5);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.view-pass-model-body:last-child {
    margin-bottom: 0px;
}

.view-pass-model-body ul li p {
    margin: 0px;
}

.mark-flag-yes-no {
    padding: 20px 30px 0px 30px;
}

.mark-flag-yes-no > div > label {
    margin-right: 10px;
}

.pop-textarea textarea {
    min-height: 100px;
}

.flagged-pop:before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
    position: fixed;
    inset: 0;
    backdrop-filter: blur(5px);
}

.punch-pass-qty {
    max-width: max-content;
    margin-left: 15px;
}

.repeat-week-days label {
    align-items: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 100%;
    padding: 0px;
    margin: 0px 5px;
    display: flex;
    justify-content: center;
    background: #010d25;
    border-color: #010d25;
    color: #adb7be;
    font-weight: 700;
}

.repeat-week-days label input {
    color: #e4eaf3 !important;
    position: relative;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.repeat-week-days {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.daterangepicker.ltr.show-calendar.opensleft {
    max-height: 200px;
    overflow: scroll;
}

.daterangepicker.ltr.show-calendar.opensleft::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.daterangepicker.ltr.show-calendar.opensleft::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.daterangepicker.ltr.show-calendar.opensleft::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.spform .field .form-control.date {
    color: transparent;
}

.spform .field .form-control.date::-ms-input-placeholder {
    color: #999;
}

.spform .field .form-control.date::placeholder {
    color: #999;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background: #00a9e0;
}

.repeat-week-days label:hover,
.repeat-week-days label.active {
    background: #49fca8;
    border: #49fca8;
    color: #010d25;
}

.repeat-event-wrapper {
    display: flex;
    margin: 0px -15px;
}

.repeat-event-wrapper.cmn-repeat-date {
    flex: 1;
    padding: 0px 15px;
}

.repeat-event-wrapper .cmn-repeat-date {
    margin: 0px 15px;
}

.cmn-repeat-date.wants-repeat {
    width: 21.2%;
}

.cmn-repeat-date.repeat-on {
    width: 21.2%;
}

.cmn-repeat-date.repeat-end-date {
    width: 21.2%;
}

.class-details .light-title h6 {
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.editSchedule {
    margin-left: auto;
    margin-right: 10px;
}

.buy-terminals-data {
    padding: 0px 20px 20px 20px;
}

.buy-terminals-image-wrapper {
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    border-top: 2px solid #010d25;
}

.buy-terminals-data-repeated {
    width: 25%;
}

.buy-terminals-data-repeated ul ul li {
    border-bottom: 2px solid #010d25;
    border-right: 2px solid #010d25;
    padding: 20px;
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120.8%;
    border-left: 2px solid #010d25;
}

.buy-terminals-data-repeated:not(:first-child) ul ul li {
    border-left: 0px;
}

.buy-terminals-image {
    padding: 10px;
    border-bottom: 2px solid #010d25;
    border-right: 2px solid #010d25;
    border-left: 2px solid #010d25;
}

.buy-terminals-image-wrap {
    background: #425570;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
}

.buy-terminals-data-repeated:not(:first-child) .buy-terminals-image {
    border-left: 0px;
}

.buy-terminals-data-repeated ul li a {
    color: #49fca8;
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120.8%;
    text-transform: uppercase;
    padding: 20px;
    display: block;
    border-bottom: 2px solid #010d25;
    border-right: 2px solid #010d25;
}

.buy-terminals-data-repeated:first-child ul li a {
    border-left: 2px solid #010d25;
}

.buy-terminals-data-repeated:first-child ul ul li:last-child {
    border-radius: 0px 0px 0px 5px;
}

.buy-terminals-data-repeated:last-child ul ul li:last-child {
    border-radius: 0px 0px 5px 0px;
}

.buy-terminals-data-repeated:not(:first-child) {
    text-align: center;
}

.buy-terminals-data-repeated ul li.red {
    color: #f60202;
}

.buy-terminals-data-repeated ul li.green {
    color: #49fca8;
}

.buy-terminals-image img {
    object-fit: contain;
    max-width: 100px;
}

.buy-terminals-data-repeated:not(:first-child)
    .terminal-responsive-view
    > ul:last-child {
    display: none;
}

.buy-terminals-data-repeated:not(:first-child) a.light-button {
    margin-right: auto;
    color: #010d25;
    display: inline-block;
    padding: 5px 40px;
    font-size: 20px;
    font-family: "Nunito" sans-serif;
    margin-top: 20px;
    cursor: pointer;
}

.buy-terminals-data-repeated > span {
    display: none;
}

.pop-align-button > * {
    margin-bottom: 10px !important;
}

.pop-align-button.pop-align-button-for-confirmation {
    margin: 0px -5px !important;
}

.pop-align-button.pop-align-button-for-confirmation button {
    margin: 0px 5px;
}
iv#ConfirmationModal .modal-dialog {
    width: 100%;
    max-width: 545px;
}
.input-width {
    width: 100%;
}

.choose-files-comn {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.choose-files-repeat {
    width: calc(50% - 30px);
    margin: 0px 15px;
}

.choose-files-repeat label {
    min-height: 30px;
}

.punch-pass-history-modal .modal-dialog .punch-pass-history-body {
    max-height: 700px;
    overflow: auto;
}

.punch-pass-history-modal
    .modal-dialog
    .punch-pass-history-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.punch-pass-history-modal
    .modal-dialog
    .punch-pass-history-body::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.punch-pass-history-modal
    .modal-dialog
    .punch-pass-history-body::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.membership-business-portal {
    max-width: 50%;
}

@media (max-width: 1330px) and (min-width: 768px) {
    .buy-terminals-scroll {
        overflow: auto;
    }

    .buy-terminals-image-wrapper {
        min-width: 1000px;
        flex-wrap: inherit;
    }

    .buy-terminals-data-repeated:first-child {
        position: sticky;
        left: 0px;
        top: 0px;
        background: #0e2039;
    }
}

@media (max-width: 1500px) {
    .membership-business-portal {
        max-width: 70%;
    }
}

@media (max-width: 1440px) {
    .all-items-in-one-wrapper .details-itemes {
        width: 37%;
    }

    .add-remove-icons.virtualterminal-add-remove {
        width: 13%;
    }

    h4.dashbourd-inner-title {
        font-size: 14px;
    }

    h4.dashbourd-inner-title button {
        padding: 5px 10px;
        font-size: 12px;
    }

    .schedule-graph table tr td {
        font-size: 12px;
    }

    .schedule-graph table tr td p {
        font-size: 12px;
    }

    div#legend-container ul li {
        width: calc(25% - 10px);
    }
}

@media (max-width: 1366px) {
    .all-page-cmn-pop span {
        margin-bottom: 10px;
    }

    .all-page-cmn-pop {
        padding: 10px;
    }
}

@media (max-width: 1200px) {
    .rounded-graph-left > div.canvas-wrapper {
        width: 200px;
    }

    .rounded-graph-left > div#legend-container {
        width: calc(100% - 200px);
        padding-left: 30px;
    }

    div#legend-container ul li span + p {
        font-size: 12px;
    }

    div#legend-container ul li span + p + p {
        font-size: 14px;
    }

    div#legend-container ul li {
        width: calc(33.3% - 10px);
        margin: 0px 5px 30px 5px !important;
        flex-wrap: wrap;
        margin-bottom: 15px !important;
    }

    div#legend-container ul {
        margin-top: 20px !important;
    }

    .membership-business-portal {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .repeat-week-days label {
        margin: 0px 2px;
    }

    div#eventModal .modal-dialog {
        max-width: 725px;
        width: 100% !important;
        padding: 40px 0px;
    }

    .choose-files-repeat {
        width: calc(100% - 30px);
    }
}

@media (max-width: 767px) {
    .rounded-graph > div {
        width: 100%;
    }

    .schedule-graph-left {
        width: 100%;
        padding: 15px;
    }

    .schedule-graph-right {
        width: 100%;
        margin-top: 15px;
        padding: 15px;
    }

    h4.dashbourd-inner-title {
        font-size: 14px;
    }

    h4.dashbourd-inner-title button {
        font-size: 12px;
        padding: 5px 12px;
    }

    .schedule-graph table td {
        font-size: 14px;
    }

    .rounded-graph-table table td {
        font-size: 14px;
    }

    .sale-dash-graph {
        height: 300px !important;
        object-fit: contain;
        width: 700px;
    }

    .rounded-graph .rounded-graph-right {
        border: none;
    }

    .custom-search-dash-head {
        flex-wrap: wrap;
    }

    .rounded-graph-left > div.canvas-wrapper {
        width: 100%;
    }

    .rounded-graph-left > div#legend-container {
        width: calc(100% - 0px);
        padding-left: 0px;
    }

    div#legend-container ul li {
        width: calc(50% - 10px);
    }

    .schedule-graph > div {
        width: calc(100% - 16px);
    }

    .sale-dash-graph-main {
        overflow: auto;
    }

    .order-table-here .bottom.col-md-12 {
        justify-content: center;
    }

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        overflow: auto;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        display: flex;
        min-width: max-content;
        padding: 10px 0px;
    }

    .all-items-in-one-wrapper {
        min-width: 100%;
    }

    .all-items-in-one-wrapper .details-itemes {
        width: 100%;
    }

    .all-items-in-one-wrapper > div {
        width: 33.3%;
        margin-bottom: 10px;
    }

    .all-items-in-one-wrapper > div input,
    .all-items-in-one-wrapper > div select {
        border: 0.5px solid rgb(255, 255, 255, 0.6) !important;
        border-radius: 0px !important;
    }

    .all-items-in-one-wrapper .add-remove-icons.virtualterminal-add-remove {
        margin-bottom: 18px;
    }

    .add-remove-icons.virtualterminal-add-remove {
        width: 33.3%;
    }

    .all-items-in-one-wrapper > .total-itemes input {
        border-radius: 0px !important;
    }

    .all-items-in-one-wrapper .details-itemes input {
        border-radius: 0px !important;
    }

    .mobile-none {
        display: none;
    }

    h6.desktop-none {
        display: block;
    }

    .customerTable.order-detials-header h5 {
        margin-bottom: 0px !important;
    }

    .customerTable .address-details:not(:last-child) {
        margin-bottom: 20px;
    }

    .pass-edit-pop-form > select,
    .membership-edit-pop-form > select {
        width: 60%;
    }

    .pass-edit-pop-form > input,
    .membership-edit-pop-form > input {
        width: 40%;
    }

    .repeat-event-wrapper {
        padding-top: 20px;
        flex-wrap: wrap;
    }

    .cmn-repeat-date.wants-repeat {
        width: 100%;
    }

    .cmn-repeat-date.repeat-on {
        width: 100%;
    }

    .cmn-repeat-date.repeat-end-date {
        width: 100%;
    }

    .cmn-repeat-date.repeat-date {
        width: 100%;
    }

    .repeat-week-days label {
        width: 40px;
        height: 40px;
    }

    div#eventModal .modal-dialog {
        padding: 40px 15px;
    }

    .buy-terminals-data-repeated {
        width: 100%;
        margin-bottom: 15px;
        background: #010d25;
        padding-bottom: 20px;
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .buy-terminals-image-wrapper {
        border: none;
    }

    .buy-terminals-data-repeated:not(:first-child) .buy-terminals-image {
        border-left: 2px solid #010d25;
    }

    .buy-terminals-image {
        border: 2px solid #010d25;
    }

    .buy-terminals-data-repeated .buy-terminals-image {
        border-radius: 5px 5px 0px 0px;
    }

    .buy-terminals-data-repeated ul ul li:last-child {
        border-radius: 0px 0px 5px 5px;
    }

    .buy-terminals-data-repeated:last-child ul ul li:last-child {
        border-radius: 0px 0px 5px 5px;
    }

    .terminal-responsive-view {
        flex-wrap: wrap;
        order: 2;
        display: none;
    }

    .buy-terminals-data-repeated:first-child {
        display: none;
    }

    .buy-terminals-data-repeated .terminal-responsive-view ul:first-child {
        text-align: right;
    }

    .buy-terminals-data-repeated .terminal-responsive-view ul:last-child {
        text-align: left;
    }

    .buy-terminals-data-repeated .terminal-responsive-view ul:first-child li {
        text-align: right;
    }

    .buy-terminals-data-repeated:not(:first-child)
        .terminal-responsive-view
        > a.light-button {
        order: 3;
        width: 100%;
    }

    .buy-terminals-data-repeated:not(:first-child)
        .terminal-responsive-view
        ul:first-child {
        width: 38%;
        order: 2;
    }

    .buy-terminals-data-repeated:not(:first-child)
        .terminal-responsive-view
        > ul:last-child {
        display: block;
        width: 62%;
        order: 1;
    }

    .buy-terminals-data-repeated:not(:first-child) ul ul li {
        border-left: 2px solid #010d25;
        padding: 10px;
        border: none !important;
        font-size: 14px;
    }

    .buy-terminals-data-repeated ul li a {
        border-left: 2px solid #010d25;
        padding: 10px;
        border: none !important;
        font-size: 14px;
    }

    .buy-terminals-data-repeated > span {
        order: 1;
        color: #00a9e0;
        font-family: "Nunito", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-align: left;
        padding: 10px;
        position: relative;
        display: block;
    }

    .buy-terminals-data-repeated > span:before {
        content: "";
        position: absolute;
        top: 10px;
        right: 15px;
        width: 10px;
        height: 10px;
        border: 2px solid #00a9e0;
        transform: rotate(45deg);
        border-left: 0px;
        border-top: 0px;
    }

    .buy-terminals-data-repeated > span.active:before {
        top: 15px;
        border: 2px solid #00a9e0;
        border-right: 0px;
        border-bottom: 0px;
    }

    .buy-terminals-data-repeated a.light-button {
        order: 4;
    }

    .terminal-responsive-view.active {
        display: flex;
    }

    .gift-check-wrap {
        width: calc(100% - 10px);
    }
}

@media (max-width: 450px) {
    .sales-months-year {
        width: 100%;
        margin-top: 20px;
        justify-content: flex-end;
    }

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

    .select-create-button {
        margin-top: 20px !important;
    }

    .order-search-design {
        margin-top: 10px;
    }

    .order-payment-type-search-design {
        margin-top: 10px;
    }

    .virtualterminal-accordion#accordion
        .shipping-check-button-wrap
        .box-middle.box-text.hosted-check {
        position: static !important;
        margin-left: auto;
        max-width: max-content;
        padding: 10px;
    }

    .shipping-check-button-wrap.shipping-chk {
        background: #010d25;
    }
}

@media (max-width: 439px) {
    .order-search-design > div {
        margin-top: 10px;
    }

    .order-payment-type-search-design > div {
        margin-top: 10px;
    }

    .buy-terminals-data-repeated:last-child
        .terminal-responsive-view
        > ul
        > li
        > a {
        min-height: 50px;
    }
}

@media (max-width: 372px) {
    .card-body.order-search-design > input {
        margin: 0px;
    }

    .card-body.order-payment-type-search-design > input {
        margin: 0px;
    }

    .sales-months-year {
        width: 100%;
        margin-top: 20px;
        justify-content: flex-end;
    }

    .sales-months-year select {
        min-width: auto;
    }
}

.pcoded
    .pcoded-navbar[active-item-theme="theme1"]
    .pcoded-item
    > li.active
    > a:after {
    color: #fff;
}

.event-upload-image .cmn-profile-image {
    width: 100%;
    background: #010d25;
    height: 160px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-upload-image .cmn-profile-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.event-upload-image .cmn-profile-image .no_promo_img {
    width: auto;
    height: auto;
    object-fit: contain;
}

.event-upload-image .common-upload-image-wrap label {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    color: #010d25;
}

.event-upload-image .common-upload-image-wrap label img {
    margin-right: 10px;
    width: 15px;
    height: 15px;
    object-fit: contain;
    object-position: center center;
}

span.multiselect-native-select {
    display: block;
}

span.multiselect-native-select button.multiselect {
    width: 100%;
    text-align: left !important;
    color: #fff;
    background-color: #010d25;
    border-radius: 5px;
    min-height: 40px !important;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
}

span.multiselect-native-select .btn-group {
    width: 100%;
    position: relative;
}

span.multiselect-native-select .btn-group:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 11px;
    right: 15px;
    border: 3px solid #fff;
    transform: rotate(45deg);
    border-top: 0px;
    border-left: 0px;
}

span.multiselect-native-select .multiselect-container {
    background: #010d25 !important;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    width: 100%;
}

span.multiselect-native-select .multiselect-container button {
    background: transparent !important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 10px !important;
}

span.multiselect-native-select .multiselect-container button span {
    padding: 0px !important;
    margin: 0px !important;
}

span.multiselect-native-select .multiselect-container button:hover {
    background-color: transparent !important;
}

span.multiselect-native-select .multiselect-container button label:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    background: transparent;
}

span.multiselect-native-select .multiselect-container button label {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    padding: 0px !important;
}

span.multiselect-native-select
    .multiselect-container
    button.active
    label:after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 4px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

span.multiselect-native-select .multiselect-container button span input {
    display: none;
}

.card.page-content.proudct-card {
    overflow: auto;
}

.customer-list .cus-user-name-row {
    color: #adb7be;
    font-size: 16px;
}

.add-attendee.attendees-only,
.add-event.events-only {
    padding-top: 10px;
}

div#tidio-chat iframe {
    bottom: 0px !important;
}

a.viewTrackerRecord {
    cursor: pointer;
}

.custom-css-checkbox .css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.custom-css-checkbox #inputPreview {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.custom-css-checkbox .css-checkbox + label {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 20px;
    color: #fff;
    gap: 5px;
    font-weight: 450;
}

.custom-css-checkbox .css-checkbox + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    position: absolute;
    left: 0px;
}

.custom-css-checkbox .css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 7%;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.register-custum-main .account-checks label.custom-control-label.terms-lbl {
    margin-left: 0px !important;
    flex-wrap: wrap;
    height: auto !important;
}

.register-custum-main .wizard-card {
    box-shadow: none !important;
}

.register-user-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.register-custum-main .form-group > label {
    text-align: left;
    width: 100%;
}

.register-custum-main label.error {
    text-align: left !important;
    display: block;
}

.register-custum-main .btn.active.focus,
.register-custum-main .btn.active:focus,
.register-custum-main .btn.focus,
.register-custum-main .btn:active.focus,
.register-custum-main .btn:active:focus,
.register-custum-main .btn:focus {
    outline: none !important;
}

.traker-dropdown > section.content {
    cursor: auto;
}

/* Code added by developer for membership - start */
.add-event ul {
    border-radius: 5px;
    border: 1px solid #fff;
    background: #02102d;
    overflow: hidden;
}

.add-event ul li:last-child {
    border: none;
}

.add-event ul li {
    color: #fff;
    font-family: "Quicksand", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.no-record-li {
    background: #0e2039;
    border-radius: 3px;
    border: 1px solid #00a9e0;
    color: #fff;
    margin: 5px 0 5px 0px;
    padding: 5px;
}

.punch-pass-or-membership {
    display: flex;
    align-items: center;
    margin: 0px -20px;
}

.punch-pass-or-membership > div {
    margin: 0px 20px;
}

.modal-footer.comn-button-wrap {
    justify-content: flex-start;
}

.comn-button-wrap.membership-punchpass-button button {
    margin: 0px 25px;
}

.membership-punchpass-button button.cancel-button {
    background: #f60202 !important;
    border-color: #f60202 !important;
    color: #fff !important;
}

.comn-button-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px 40px 0px;
}

button#btnEnrollWithPassOrMember {
    opacity: 0.65;
}

.comn-button-wrap.membership-punchpass-button button:disabled:hover {
    opacity: 0.9;
    background: #17a2b8;
    border: 1px solid transparent !important;
}

#customerOrderDetails .event-lists .class_list {
    background: #02102d !important;
}

/* Code added by developer for membership - end */

/*.modal-dialog .close {  background: transparent;  border: none; top: 10px; right: 10px; color: #00A9E0; font-size: 24px; font-weight: 700;}*/

/*.modal-dialog .close span {  font-weight: 700; font-size: 30px;}*/
@media (max-width: 1440px) {
    .gift-cart-footer .amount-due-here {
        width: 100%;
        margin-bottom: 10px;
        text-align: right;
    }
}

.pop-checkbox input {
    display: none;
}

.css-checkbox + label {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 20px;
    color: #fff;
    gap: 5px;
    font-weight: 450;
    padding-left: 40px;
}

.pop-checkbox .css-checkbox + label::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
}

.pop-checkbox .css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    top: 4px;
    left: 4px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.schedule-graph-right .schedule-graph-table-inner .table-responsive {
    padding-top: 43px;
}

body.custom-modal-open {
    overflow: hidden;
}

.custom-modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

a.plus-green img {
    max-width: 15px;
}

a.enrolled {
    /* margin-left: auto; */
    margin-right: 5px;
    padding-left: 5px;
}

/* .manage-pro-inner-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
} */

.reset-btn {
    background: #00a9e0;
    border-color: #00a9e0;
    color: #010d25;
    font-style: normal;
    font-weight: 600;
    line-height: 120.8%;
    font-size: 15px;
    padding: 10px 19px;
    cursor: pointer;
    width: 100px !important;
}

.inner-search {
    padding-left: 10px;
    width: 500px;
    position: relative;
}

.order-history-wrapper {
    border-radius: 5px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    background: #010d25;
}

.order-history-my-profile {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #cccccc80;
}

.order-history-my-profile-left {
    width: 50%;
    padding: 12px 15px;
    border-right: 1px solid #cccccc80;
}

.order-history-my-profile-right {
    width: 50%;
    padding: 12px 15px;
}

.order-history-my-profile-left table {
    width: 100%;
}

.order-history-my-profile-left table tr td:last-child {
    text-align: right;
}

.order-history-my-profile-right table {
    width: 100%;
}

.order-history-my-profile-right table tr td:last-child {
    text-align: right;
}

.order-history-my-profile table tr td {
    padding: 5px 0px;
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
}

.order-history-my-profile-right > button {
    margin-left: auto;
    display: block;
    background: transparent;
    border-radius: 5px;
    border: 1px solid #49fca8;
    color: #fff;
}

.order-data > h5 {
    padding: 14px 12px;
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0px;
}

.order-history-product-main {
    display: flex;
    align-items: center;
    padding: 3px 14px;
    background: #0e2039;
}

.order-history-product-list-wrapper {
    width: 60px;
    height: 60px;
}

.order-history-wrapper .cart-product-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.order-history-product-main .cart-product-details {
    width: calc(100% - 60px);
}

.prob-qty {
    display: flex;
}

.prob-qty span {
    margin-left: 10px;
    text-align: right;
}

.prob-qty span:first-child {
    color: #fff;
}

.order-history-product-list .shipping-cart-details h6 {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin: 0px;
}

.order-history-product-list .shipping-cart-details span {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.order-history-product-main:nth-child(even) {
    background: #010d25;
}

.order-history-wrapper:not(:last-child) {
    margin-bottom: 20px;
}

.order-history-wrapper .shipping-cart-details {
    width: calc(100% - 200px);
}

.post_image_preview > a {
    width: 30px;
    height: 30px;
    margin: 0px;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    position: absolute;
    top: -15px;
    cursor: pointer;
    color: #f60202;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0px !important;
    left: auto;
}

.post_image_preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post_image_preview a i {
    font-size: 16px;
}

.order-history-product-list-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-product-details {
    width: calc(100% - 76px);
    padding-left: 14px;
}

.cart-product-details span {
    color: #49fca8;
    margin-bottom: 6px;
    display: block;
    min-width: max-content;
}

.light-green-font {
    color: #49fca8 !important;
}

.light-green-back {
    color: #49fca8 !important;
}

.inner-search input {
    padding: 10px 10px 10px 40px;
}

.inner-search img {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 99;
}

.pop-checkbox input {
    display: none;
}

.css-checkbox + label {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 20px;
    color: #fff;
    gap: 5px;
    font-weight: 450;
    padding-left: 40px;
}

.pop-checkbox .css-checkbox + label::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
}

.pop-checkbox .css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    top: 4px;
    left: 4px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.schedule-graph-right .schedule-graph-table-inner .table-responsive {
    padding-top: 43px;
}

body.custom-modal-open {
    overflow: hidden;
}

.custom-modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

a.plus-green img {
    max-width: 15px;
}

a.enrolled {
    /* margin-left: auto; */
    margin-right: 5px;
    padding-left: 5px;
}

.manage-pro-inner-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.inner-search {
    padding-left: 10px;
    width: 300px;
    position: relative;
}

.order-history-wrapper {
    border-radius: 5px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    background: #010d25;
}

.order-history-my-profile {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #cccccc80;
}

.order-history-my-profile-left {
    width: 50%;
    padding: 12px 15px;
    border-right: 1px solid #cccccc80;
}

.order-history-my-profile-right {
    width: 50%;
    padding: 12px 15px;
}

.order-history-my-profile-left table {
    width: 100%;
}

.order-history-my-profile-left table tr td:last-child {
    text-align: right;
}

.order-history-my-profile-right table {
    width: 100%;
}

.order-history-my-profile-right table tr td:last-child {
    text-align: right;
}

.order-history-my-profile table tr td {
    padding: 5px 0px;
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
}

.order-history-my-profile-right > button {
    margin-left: auto;
    display: block;
    background: transparent;
    border-radius: 5px;
    border: 1px solid #49fca8;
    color: #fff;
}

.order-data > h5 {
    padding: 14px 12px;
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0px;
}

.order-history-product-main {
    display: flex;
    align-items: center;
    padding: 3px 14px;
    background: #0e2039;
}

.order-history-product-list-wrapper {
    width: 60px;
    height: 60px;
}

.order-history-wrapper .cart-product-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.order-history-product-main .cart-product-details {
    width: calc(100% - 60px);
}

.prob-qty {
    display: flex;
}

.prob-qty span {
    margin-left: 10px;
    text-align: right;
}

.prob-qty span:first-child {
    color: #fff;
}

.order-history-product-list .shipping-cart-details h6 {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin: 0px;
}

.order-history-product-list .shipping-cart-details span {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.order-history-product-main:nth-child(even) {
    background: #010d25;
}

.order-history-wrapper:not(:last-child) {
    margin-bottom: 20px;
}

.order-history-wrapper .shipping-cart-details {
    width: calc(100% - 200px);
}

.post_image_preview > a {
    width: 30px;
    height: 30px;
    margin: 0px;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    position: absolute;
    top: -15px;
    cursor: pointer;
    color: #f60202;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0px !important;
    left: auto;
}

.post_image_preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post_image_preview a i {
    font-size: 16px;
}

.order-history-product-list-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-product-details {
    width: calc(100% - 76px);
    padding-left: 14px;
}

.cart-product-details span {
    color: #49fca8;
    margin-bottom: 6px;
    display: block;
    min-width: max-content;
}

.light-green-font {
    color: #49fca8 !important;
}

.light-green-back {
    color: #49fca8 !important;
}

.inner-search input {
    padding: 10px 10px 10px 40px;
}

.inner-search img {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 99;
}

/*test end here*/
.manage-consumer-address .manage-my-profile-content .common-accordion {
    padding: 0px;
}

.manage-consumer-address .manage-my-profile-content .static-accordion-repeat {
    border-radius: 5px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    background: #02102d;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.manage-consumer-address
    .manage-my-profile-content
    .static-accordion-repeat
    .static-tital
    > label {
    margin: 0px;
    color: #49fca8;
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding-right: 30px;
    position: relative;
}

.manage-consumer-address
    .manage-my-profile-content
    .static-accordion-repeat
    .static-tital
    > label
    span {
    color: #fff;
}

.manage-consumer-address
    .manage-my-profile-content
    .static-accordion-repeat
    .static-data {
    padding-top: 20px;
}

.manage-consumer-address
    .manage-my-profile-content
    .static-accordion-repeat
    .static-tital
    > label
    img {
    position: absolute;
    top: 10px;
    right: 0px;
}

.manage-consumer-address
    .manage-my-profile-content
    .common-accordion
    #accordion
    .card
    .card-header
    button::before {
    color: #010d25;
    background: #49fca8;
    font-size: 0px;
    width: 20px;
    height: 2px;
    top: 24px;
    left: 25px;
}

.manage-consumer-address
    .manage-my-profile-content
    .common-accordion
    #accordion
    .card
    .card-header
    button:after {
    content: "";
    height: 20px;
    width: 2px;
    background: #49fca8;
    position: absolute;
    left: 34px;
    top: 15px;
}

.manage-consumer-address
    .manage-my-profile-content
    .common-accordion
    #accordion
    .card
    .card-header
    button[aria-expanded="true"]:after {
    display: none;
}

.manage-consumer-address .static-tital input:checked + label + div {
    display: block;
}

.manage-consumer-address
    .static-accordion-repeat.card-details
    .shipping-check-button-wrap {
    justify-content: flex-start;
}

.manage-consumer-address
    .static-accordion-repeat.card-details
    .shipping-check-button-wrap
    a:first-child {
    margin: 0px;
    background: #00a9e0;
}

.manage-consumer-address .static-data {
    display: none;
}

.manage-consumer-address .static-data.active {
    display: block;
}

.manage-consumer-address .static-tital span {
    background: transparent;
    display: block;
    width: 100%;
    position: static;
    padding: 0px;
}

.manage-consumer-address .static-tital > label {
    flex-wrap: wrap;
    display: block;
    padding-left: 40px;
    margin-bottom: 20px;
    height: auto;
}

.manage-consumer-address .static-tital > label:after {
    transform: translateY(-50%);
    top: 50% !important;
}

.manage-consumer-address .card-details {
    margin-bottom: 25px;
}

.manage-consumer-address .static-accordion-repeat.card-details .static-data {
    padding-left: 38px;
}

.manage-consumer-address .css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.manage-consumer-address .static-tital > label:before {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.manage-consumer-address .css-checkbox + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
}

.manage-consumer-address .css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 7%;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.manage-consumer-address .field {
    margin-bottom: 15px;
}

/*shipping-address*/
.manage-consumer-address .common-accordion .card-header {
    border-radius: 0px;
    padding: 0px;
    border: none;
}

.manage-consumer-address .common-accordion .card {
    background: transparent;
    border: none;
    margin-bottom: 20px;
}

.manage-consumer-address .common-accordion .card-header button {
    background: #010d25;
    width: 100%;
    text-align: left;
    padding: 10px 30px 10px 70px;
    margin: 0px;
    font-family: "Nunito" sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    border: none;
    min-height: 50px;
}

.manage-consumer-address .common-accordion .card-header button:hover,
.card-header button:focus {
    text-decoration: none;
    outline: none;
}

.manage-consumer-address .common-accordion .card-body {
    background: #02102d;
}

.manage-consumer-address .common-accordion {
    padding: 40px 0px;
    background: #0e2039;
}

.manage-consumer-address
    .common-accordion
    #accordion
    .card
    .card-header
    button::before {
    position: absolute;
    left: 30px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(my-awesome-counter) "";
    background: #ffffff;
    border-radius: 3px;
    font-family: "Nunito" sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    color: #010d25;
    top: 10px;
}

.manage-consumer-address .card .card-header h5 {
    display: block;
    margin: 0px !important;
}

.payment-setting-content .card-header {
    padding: 0px;
    overflow: auto;
}

.payment-setting-content .card-header a.nav-link {
    background: #010d25;
    color: #ffffff;
    border: none;
    padding: 10px 15px;
    min-width: 259px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.33px;
    border-radius: 5px;
}

.payment-setting-content ul.nav.nav-tabs {
    border: none;
    margin-bottom: 20px;
    flex-wrap: inherit;
    min-width: min-content;
}

.payment-setting-content .card-header a.nav-link.active {
    background: #49fca8;
    color: #010d25;
}

.payment-setting-inner {
    display: flex;
    align-items: center;
    margin: 0px -30px;
    flex-wrap: wrap;
    position: relative;
}

.payment-setting-options {
    margin: 0px 15px 30px 15px;
    width: calc(20% - 30px);
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.payment-setting-options input {
    display: none;
}

.payment-setting-options a {
    position: absolute;
    top: -15px;
    right: -14px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.payment-setting-options a i {
    margin: 0px !important;
}

.payment-setting-options label {
    color: #49fca8;
    text-align: left;
    max-width: 100%;
    width: 100%;
}

.payment-setting-options .css-checkbox + label {
    flex-wrap: wrap;
    height: auto;
    color: #49fca8;
    font-size: 18px;
    line-height: 25px;
    text-align: left;
}

.payment-setting-options label span {
    width: 100%;
    display: block;
    text-align: left;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
}

.payment-setting-options .css-checkbox + label:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.payment-setting-options .css-checkbox:checked + label:after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
}

.check-margin > .col-md-6:not(:last-child) {
    margin-bottom: 15px !important;
}

.consumer-setting-main-wrapper {
    display: flex;
    align-items: center;
    margin: 0px -15px;
    flex-wrap: wrap;
}

.consumer-setting-repear {
    margin: 0px 15px 30px 15px;
    width: calc(25% - 30px);
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.consumer-setting-repear strong {
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color: #49fca8;
    margin-bottom: 10px;
    display: block;
}

.col-md-3.event-upload-image .common-upload-image-wrap {
    margin-right: 0px;
    width: 100%;
}

.challenge-main-wrapper .event-upload-image .cmn-profile-image {
    height: 280px;
}

.challenge-main-profile-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.challenge-main-profile-left {
    width: calc(100% - 380px);
    margin: 0px 15px;
}

.challenge-main-profile-left.event-upload-image {
    width: calc(350px - 30px);
    margin: 0px 15px;
}

.challenge-main-profile-left.event-upload-image .common-upload-image-wrap {
    margin: 0px;
    width: 100%;
}

.earn-point-checkbox-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
    padding: 0px 20px 40px 20px;
}

.earn-point-checkbox-wrapper {
    width: calc(25% - 30px);
    margin: 0px 15px 20px 15px;
    padding: 15px 20px;
    background: #02102d;
    border-radius: 5px;
    border: 1px solid #cccccc80;
}

.point-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.point-details > span {
    color: #49fca8;
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
}

.earn-point-checkbox-wrapper.add-new-points {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #49fca8;
}

.earn-point-checkbox-wrapper.add-new-points a {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: #49fca8;
}

.earn-point-checkbox-wrapper.add-new-points a:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}

.virtualterminal-accordion#accordion .card .card-header button:after {
    content: "";
    top: 23px;
    left: 13px;
    position: absolute;
    width: 16px;
    height: 2px;
    background: #49fca8;
}

.virtualterminal-accordion#accordion .card .card-header button:before {
    content: "";
    top: 16px;
    left: 20px;
    position: absolute;
    width: 2px;
    height: 16px;
    background: #49fca8;
}

.virtualterminal-accordion#accordion h5 button {
    padding: 10px 10px 10px 40px;
}

.terminate-membership:before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
    position: fixed;
    inset: 0;
    backdrop-filter: blur(5px);
}

form#modifyMembershipForm label#comment-error {
    margin: 0px !important;
}

.card-body.point-title span {
    color: #49fca8;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 7px;
    display: block;
}

.card-body.point-title {
    padding-top: 0px;
}

.updated-items-wrapper table.all-items-in-one td label {
    display: none;
}

.new-buttons-wrap > span.view-exercises {
    display: none;
    padding-right: 0px !important;
}

.updated-items-wrapper table.all-items-in-one td label.product-price {
    display: block;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    padding: 8px 5px !important;
    font-size: 14px;
    font-weight: 400;
    background-color: #010d25;
}

.updated-items-wrapper table.all-items-in-one td label.product-title {
    display: block;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    padding: 8px 5px !important;
    font-size: 14px;
    font-weight: 400;
    background-color: #010d25;
}

.add-classes ul {
    border-radius: 5px;
    border: 1px solid #fff;
    background: #02102d;
    overflow: hidden;
}

.add-classes ul li {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.gift-cart-footer.payment-amt-table .table-responsive table td:first-child {
    white-space: inherit;
}

/* Recurring payment history modal code start here */
.history-box {
    border: 1px solid rgba(204, 204, 204, 0.5);
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 4px;
    background: #030f2a;
}

.history-box-header {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}

.history-box-header h6 {
    font-family: "Quicksand", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: rgba(73, 252, 168, 1);
    margin: 0px;
}

.history-box-header p {
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20.46px;
    text-align: left;
    color: #fff;
    margin: 0px;
}

.history-box-header span {
    color: rgb(73, 252, 168);
}

.history-box-content {
    padding: 15px;
}

.history-box-content p {
    margin: 0px;
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20.46px;
    text-align: left;
    color: #fff;
}

.history-box-content span {
    font-size: 15px;
    font-weight: 500;
    line-height: 18.12px;
    text-align: left;
    color: rgba(73, 252, 168, 1);
    margin-bottom: 5px;
    display: block;
}

.recurring_details-wrapper {
    overflow: auto;
}

.recurring_details {
    max-height: 500px;
}

.custom-scroll::-webkit-scrollbar {
    width: 5px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #888;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #2c9dd4;
}

.account-vault-table {
    max-height: 154px;
    overflow: auto;
    margin-bottom: 20px;
}

.account-vault-table table {
    margin: 0px !important;
}

.schedule-search {
    position: relative;
}

.schedule-search button {
    background: transparent;
    border: none;
    padding: 0px;
    position: absolute;
    right: 12px;
    z-index: 99;
    top: 0px;
}

.schedule-search button:hover {
    background-color: transparent;
}

.schedule-search input {
    padding-right: 40px;
}

.schedule-search span#addressLoader {
    max-width: 37px;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 99;
}

.schedule-search span#addressLoader img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.address-suggestion {
    background: #010d25;
    color: #fff !important;
    padding: 0px;
    border-radius: 4px;
}

.address-suggestion li a {
    color: #fff;
}

.address-suggestion li {
    border-bottom: 1px solid #9fa6b0 !important;
    padding: 4px 10px;
}

.address-suggestion li:last-child {
    border: none;
}

.address-suggestion li:hover {
    background: #425570;
    border-color: #425570;
}

.address-suggestion .ui-state-active {
    background: #425570;
    border-color: #425570;
}

.schedule-search label {
    width: 100%;
}

.input-group.schedule-search {
    flex-wrap: wrap;
}

.adminAccessLogin {
    margin-top: 0px;
    text-align: right;
    margin-right: 10px;
}

.adminAccessLogin button {
    background: #49fca8;
    border-color: #49fca8;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    color: #010d25;
    padding: 6px 15px;
    line-height: 22px;
    min-height: auto;
}

.adminAccessLogin button:hover {
    background: #49fca8;
    border-color: #49fca8;
}

.view-business-pop-header > button#loginToBusiness {
    margin-left: auto;
    margin-right: 10px;
    max-width: max-content;
    white-space: pre;
    width: auto !important;
    background: #49fca8 !important;
    color: #000;
    font-weight: 700 !important;
    padding: 5px 20px;
}

.view-admin-pop-header > button#loginToSaleRep {
    margin-left: auto;
    margin-right: 10px;
    max-width: max-content;
    white-space: pre;
    width: auto !important;
    background: #49fca8 !important;
    color: #000;
    font-weight: 700 !important;
    padding: 5px 20px;
}

.view-employee-pop-header > button#loginToEmployee {
    margin-left: auto;
    margin-right: 10px;
    max-width: max-content;
    width: auto !important;
    background: #49fca8 !important;
    color: #000;
    font-weight: 700 !important;
    padding: 5px 20px;
}

.view-consumer-pop-header > button#loginToConsumer {
    margin-left: auto;
    margin-right: 10px;
    max-width: max-content;
    white-space: pre;
    width: auto !important;
    background: #49fca8 !important;
    color: #000;
    font-weight: 700 !important;
    padding: 5px 20px;
}

.free-summary {
    border: 1px solid #cccccc80;
    border-radius: 5px;
    padding: 15px 20px;
}

.free-summary-title strong {
    color: #49fca8;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.55px;
    text-align: left;
    margin-bottom: 15px;
    display: block;
}

.free-summary ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.free-summary ul li {
    margin: 0px 15px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 20.46px;
    text-align: left;
    padding-left: 20px;
    position: relative;
    margin-bottom: 5px;
}

.free-summary ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 100%;
}

.quick-payment-table > div {
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

.quick-payment-table .apply-option.cash {
    padding-top: 0px;
}

.edit-event-pop-footer button#btnUpdateEvent {
    min-width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.payment-setting-options label i {
    color: #f60202;
    font-size: 20px;
    margin-right: 10px;
}

/* 21-06-24 */
.quick-payment-section {
    color: #fff;
}

.cardDetailView {
    padding: 10px;
    background: #010d25;
    border-radius: 10px;
    border: 2px solid rgb(73 252 168);
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

div#backToChange {
    margin-bottom: 20px;
    text-align: center;
}

div#backToChange span {
    text-decoration: underline;
}

.true-icon {
    margin-left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #49fca8;
}

.true-icon i {
    color: #49fca8;
    font-size: 19px;
}

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

#choosePaymentMethod {
    cursor: pointer;
}

#changeDueTxt,
#techFeeTxt {
    color: #fff !important;
}

.amount-due-here {
    color: #49fca8;
}

.fortis-card-details button {
    width: 100%;
    max-width: 100%;
}

/* Recurring payment history modal code end here */

/* Chrome,
Safari,
Edge,
Opera  */

.schedule-header {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.schedule-header-title {
    margin: 0px 15px;
    width: calc(260px - 30px);
}

.schedule-header-search {
    width: calc(100% - 290px);
    margin: 0px 15px;
}

.schedule {
    max-width: 358px;
    position: relative;
}

.schedule i {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
}

.schedule input {
    padding-right: 30px;
}

div#eventDays .modal-dialog {
    max-width: 944px;
    width: 100%;
}

div#eventDays .modal-dialog table {
    width: 100%;
}

div#eventDays:before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
    position: fixed;
    inset: 0;
    backdrop-filter: blur(5px);
}

div#eventDays table tbody td {
    padding: 0.53rem;
    vertical-align: middle;
    border: 2px solid #010d25;
}

div#eventDays table thead tr th {
    padding: 0.53rem;
    vertical-align: middle;
    background: #425570;
    color: #fff;
    border-top: 1px solid #010d25 !important;
    border-bottom: 0px !important;
    white-space: pre;
    border: 2px solid #010d25;
}

div#eventDays .css-checkbox + label {
    padding-left: 26px;
}

.modal-active {
    overflow: hidden;
}

.modal-active .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.notificationtbl td a {
    color: #00a9e0;
}

/* .attendee_waiver {
    margin-left: auto;
} */

.attendee_waiver + a {
    margin-left: 5px;
}

.attendee_waiver img {
    max-width: 24px;
}

.freeCheckOut {
    padding: 15px;
    color: #fff;
    font-weight: 500;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.free-amount-due-here #changeFreeDueTxt {
    color: #fff;
}

.free-amount-due-here {
    color: #49fba7;
}

.modal-open > ul.ui-menu {
    position: fixed !important;
    z-index: 99999999999;
    height: max-content;
    background: #fff;
    color: #010d25;
    padding: 5px 10px;
}

@media (max-width: 767px) {
    .schedule-header-title {
        margin: 0px 15px 15px 15px;
        width: calc(100% - 30px);
    }

    .marketing-video {
        width: 300px;
        height: 200px;
    }

    .screen-video-wrapper {
        position: fixed;
        bottom: 15px;
        right: 20px;
        z-index: 999999999999;
    }

    .marketing-video iframe {
        width: 100%;
        height: 100%;
    }

    .video-close-button {
        position: absolute;
        right: 7px;
        top: 7px;
    }

    .video-close-button button span {
        box-shadow: none;
        color: red;
        font-size: 20px;
        font-weight: 500;
    }
}

@media (max-width: 1440px) {
    /* Move css from 767*/
    form#virtualTerminalFrm .all-items-wrap.updated-items-wrapper td {
        width: 33.3%;
        display: block;
    }
    form#virtualTerminalFrm
        .updated-items-wrapper
        table.all-items-in-one
        td
        label {
        display: block;
        border: none;
        background: transparent;
        padding: 10px 0px;
        font-size: 18px;
        border-radius: 0px !important;
    }
    form#virtualTerminalFrm
        .invoice-items-details
        .table-responsive
        table
        label {
        white-space: inherit !important;
    }

    form#virtualTerminalFrm .all-items-wrap.updated-items-wrapper tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px;
        border: 1px solid #566675;
        border-radius: 15px;
        margin-bottom: 10px;
    }
    td.add-remove-icons.virtualterminal-add-remove {
        padding-top: 10px;
    }
    .all-items-in-one td.details-itemes label {
        white-space: inherit;
    }
}

@media (max-width: 1366px) {
    .payment-setting-options {
        width: calc(33.3% - 30px);
    }

    .all-items-wrap.updated-items-wrapper tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px;
        border: 1px solid #566675;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .updated-items-wrapper .all-items-in-one td.details-itemes {
        width: 100%;
    }

    .all-items-wrap.updated-items-wrapper table.all-items-in-one {
        min-width: 100%;
    }

    .updated-items-wrapper table.all-items-in-one td label {
        display: block;
        border: none;
        background: transparent;
        padding: 10px 0px;
        font-size: 18px;
        border-radius: 0px !important;
    }

    .all-items-wrap.updated-items-wrapper .table-responsive {
        min-width: calc(100% - 100px);
        overflow: auto;
    }

    .all-items-wrap.updated-items-wrapper table.all-items-in-one th {
        display: none;
    }

    .all-items-wrap.updated-items-wrapper
        .table-responsive
        table
        td:first-child
        label {
        padding-top: 0px;
    }

    .all-items-wrap.updated-items-wrapper
        .all-items-in-one
        td.add-remove-icons {
        margin-top: auto;
        margin-bottom: 5px;
    }

    .updated-items-wrapper table.all-items-in-one td label.product-price {
        border: 0.5px solid rgb(255, 255, 255, 0.6);
        padding: 8px 5px !important;
        font-size: 14px;
        font-weight: 400;
        background-color: #010d25;
    }

    .all-items-wrap.updated-items-wrapper table.all-items-in-one thead {
        display: none;
    }

    .updated-items-wrapper table.all-items-in-one td label.product-title {
        border: 0.5px solid rgb(255, 255, 255, 0.6);
        padding: 8px 5px !important;
        font-size: 14px;
        font-weight: 400;
        background-color: #010d25;
    }

    .updated-items-wrapper table.all-items-in-one td input {
        border-radius: 0px !important;
    }

    .all-items-in-one td.add-remove-icons .plus-field {
        justify-content: center;
    }

    .invoice-items-details table.all-items-in-one tbody td:first-child input {
        border-radius: 0px !important;
    }

    .invoice-items-details table.all-items-in-one tbody td.total-itemes input {
        border-radius: 0px !important;
    }

    /* Move css from 767*/
}

@media (max-width: 1200px) {
    .hosted-profile-image {
        height: 200px;
    }

    .all-items-wrap.updated-items-wrapper td {
        width: 33.3%;
        display: block;
    }
}

@media (max-width: 1200px) {
    .payment-setting-options {
        width: calc(50% - 30px);
    }

    .consumer-setting-repear {
        width: calc(50% - 30px);
    }

    .earn-point-checkbox-wrapper {
        width: calc(33.3% - 30px);
    }

    .timesloat-changes .col-md-6 {
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .challenge-main-profile-left.event-upload-image {
        width: calc(210px - 30px);
        margin: 0px 15px;
    }

    .challenge-main-profile-left {
        width: calc(100% - 240px);
        margin: 0px 15px;
    }

    .challenge-main-wrapper .event-upload-image .cmn-profile-image {
        height: 180px;
    }

    .payment-options .common-buttons-here button,
    .payment-options .common-buttons-here a {
        margin-bottom: 10px;
    }

    .hosted-profile-image {
        height: 200px;
    }

    .modal-header.view-business-pop-header {
        flex-wrap: wrap;
    }

    .modal-header.view-business-pop-header h4 {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .order-history-my-profile-left {
        width: 100%;
        border: none;
        border-bottom: 1px solid #cccccc80;
    }

    /* Move css from 767*/
    .all-items-wrap.updated-items-wrapper td {
        width: 16.66%;
        display: block;
    }

    /* Move css from 767*/
}

@media (max-width: 767px) {
    .comn-button-wrap.membership-punchpass-button button {
        margin: 0px 15px 10px 15px;
    }

    /* Move css to 991*/
    .all-items-wrap.updated-items-wrapper td {
        width: 33.3%;
    }

    .cmn-height.undated-cmn-height > div {
        margin: 0px;
    }

    .cmn-height.undated-cmn-height > div > div {
        padding: 0px;
    }

    .copy-url-cmn .input-group-prepend {
        min-width: 120px;
    }

    /* end Move css to 991*/
    .account-vault-buttons > a {
        width: calc(100% - 20px);
        margin-bottom: 10px;
        display: block;
        max-width: max-content;
    }

    .account-vault-buttons > a:last-child {
        margin-bottom: 0px;
    }

    .gift-cart-footer.payment-amt-table .table-responsive table td:first-child {
        min-width: 110px;
    }

    .apply-option .field-cover {
        position: relative;
        width: 100%;
    }

    .field.check-value input.form-control {
        width: 100%;
    }

    .gift-cart-footer.payment-amt-table
        .table-responsive
        table
        td:nth-child(2) {
        width: 200px;
    }

    .view-business-pop-header > button#loginToBusiness,
    .view-admin-pop-header > button#loginToSaleRep,
    .view-employee-pop-header > button#loginToEmployee,
    .view-business-pop-header > a {
        margin-left: 0px;
        margin-bottom: 10px;
    }
}

@media (max-width: 500px) {
    .order-history-wrapper .shipping-cart-details {
        width: calc(100% - 0px);
    }

    .prob-qty {
        width: 100%;
        justify-content: flex-start;
    }

    .prob-qty span {
        margin: 0px 10px 0px 0px;
    }
}

/* 15-04-24 */
.file-icons-only {
    margin-top: 30px;
}

.file-icons-only i {
    color: #49fca8;
}

/* .modal-footer>:not(:first-child) {
margin: 0px;

.modal-footer>:not(:last-child) {
margin: 0px;
} */
div#selectPassOrMembershipModal > div {
    max-width: 540px;
}

.event-punch-mem-wrapper {
    background: rgba(2, 16, 45, 1);
    padding: 20px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    border-radius: 5px;
    margin-bottom: 20px;
}

.event-punch-mem-wrapper .eventTitle {
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.12px;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
}

.event-punch-mem-wrapper .punchMemberChkBox {
    margin: 0px -15px 25px -15px;
}

.event-punch-mem-wrapper .punchMemberChkBox > label {
    margin: 0px 15px;
}

.event-punch-mem-wrapper .pass_membership_detail .footer-left-right-buttons {
    margin-top: 45px;
}

.event-punch-mem-wrapper > select {
    width: 100%;
}

.event-punch-mem-wrapper .pass_membership_detail {
    margin-top: 30px;
}

.eventoptions thead > tr > th {
    background: #425570;
    color: #fff;
}
.movetootherevent,
.movetootherevent:hover {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
}
.paidsign {
    color: #49fca8;
    font-weight: bold;
}

@media (max-width: 767px) {
    .file-icons-only {
        margin-top: 0px;
    }
}

/* 25-07 */
.store-profile-detials-main {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    margin: 0px -12px;
}

.store-profile-detials-top-images {
    /* border-radius: 5px 5px 0px 0px; */
    overflow: hidden;
    position: relative;
    height: 225px;
}

.store-profile-detials-bottom {
    padding: 10px;
    background: #fff;
    flex: 1 0 auto;
}

.store-profile-detials-top-images strong {
    color: #0e2039;
    font-family: "Quicksand", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 4px 8px;
    border-radius: 5px 0px;
    background: #49fca8;
    position: absolute;
    top: 0px;
    left: 0px;
}

.store-profile-detials-top-images > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store-profile-detials-bottom > h4 {
    color: #0e2039;
    font-family: "Quicksand", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.store-profile-detials-bottom .tier-name h5.com-store {
    color: #00a9e0;
    font-family: "Quicksand", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.store-profile-detials-bottom .tier-name strong {
    color: #00a9e0;
}
.store-profile-detials-bottom .tier-name p {
    color: #0e2039;
    font-family: "Quicksand", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.eventmeta ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -5px;
}

.store-profile-detials-bottom ul li {
    color: #0e2039;
    font-family: "Quicksand", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.store-profile-detials-bottom ul li h6 {
    color: #00a9e0;
    font-family: "Quicksand", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.event-image-details-wrap-main {
    width: calc(20% - 20px);
    margin: 0px 10px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.store-profile-button-added {
    padding: 0px 10px 10px 10px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin: 0px !important;
    color: #010d25;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120.8%;
    text-transform: capitalize;
}

.store-profile-button-added a {
    width: calc(50% - 5px) !important;
    max-width: inherit !important;
    text-align: center;
    padding: 11px 6px;
}

.event-image-details-wrap-main a.comn-btn {
    min-height: 40px;
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120.8%;
    background-image: none !important;
    background-color: #00a9e0 !important;
    box-shadow: none !important;
    text-transform: capitalize;
    border-radius: 4px;
    color: #010d25 !important;
    margin: 0px;
    padding: 11px 20px;
    font-size: 16px;
    cursor: pointer;
}

.event-image-details-wrap-main a.cancel-btn {
    background: #f60202 !important;
    color: #fff !important;
}

.modal-common-enrollment button#btnEnrollWithPassOrMember {
    opacity: 1;
}

.modal-common-enrollment h5 {
    margin-bottom: 20px;
}

/* .punch-pass-check { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } */
.punch-pass-or-membership input + label {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 20px;
    color: #fff;
    gap: 5px;
    font-weight: 450;
}

.punch-pass-or-membership input + label:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    position: absolute;
    left: 0px;
}

.punch-pass-or-membership input:checked + label:after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 4px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.punch-pass-history-body .view-pass-model-head h6,
.membership-history-body .view-pass-model-head h6 {
    color: #fff !important;
}

.floating-container .ach-title {
    font-weight: 700;
    font-size: 1.5rem;
    color: #fff;
}

.floating-label-content {
    position: relative;
    margin-bottom: 20px;
}

.floating-container .form-control:disabled,
.floating-container .form-control[readonly],
.floating-container input[type="text"],
.floating-container input[type="email"],
.floating-container input[type="password"],
.floating-container input[type="search"],
.floating-container input[type="file"],
.floating-container textarea,
.floating-container select {
    min-height: 40px;
    background: #010d25;
    border-radius: 5px;
    color: #fff;
    padding: 22px 20px 10px 20px !important;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 50px !important;
    border: 1px solid rgb(204, 204, 204, 0.5);
}

.floating-container .floating-label {
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 14px;
    padding: 0 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.floating-input:focus ~ .floating-label,
.floating-select:focus ~ .floating-label {
    top: 2px;
    font-size: 12px;
    left: 15px;
}

.floating-input:not(:placeholder-shown) ~ .floating-label {
    top: 2px;
    font-size: 12px;
    left: 15px;
}

#PaymentModal hr {
    border-top: 1px solid #6a9db9;
}

.greentxt {
    color: #49fca8;
}

.bold {
    font-weight: bold;
}

.whitelbl {
    font-weight: bold;
    color: #fff;
}

@media (max-width: 1700px) {
    .event-image-details-wrap-main {
        width: calc(25% - 20px);
    }

    .video-close-button button {
        text-shadow: none;
        opacity: 1;
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px;
    }

    .video-close-button button.close:focus,
    .video-close-button button.close:hover {
        color: #fff;
        text-decoration: none;
        opacity: 1;
        outline: none;
    }

    .screen-video-wrapper {
        display: none;
    }

    .screen-video-wrapper.active {
        display: block;
    }
    .manage-shiopping > .address-details.viewDetails.custom-table-design.mb-2 {
        width: calc(100% - 30px);
    }
    .manage-shiopping > div {
        width: calc(50% - 30px);
    }
}

@media (max-width: 1440px) {
    .event-image-details-wrap-main {
        width: calc(33.5% - 20px);
    }
}

@media (max-width: 1200px) {
    .event-image-details-wrap-main {
        width: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    .event-image-details-wrap-main {
        width: calc(100% - 20px);
    }
}

.video-i {
    background: #fff;
    border-radius: 100%;
    height: 60px;
    padding: 10px;
    width: 60px;
    position: fixed;
    bottom: 88px;
    right: 28px;
}

.video-i:hover {
    cursor: pointer;
}

.video-i img {
    width: 100%;
    height: 100%;
}

.marketing-video {
    width: 500px;
    height: 280px;
}

.screen-video-wrapper {
    position: fixed;
    bottom: 15px;
    right: 20px;
    z-index: 999999999999;
}

.marketing-video iframe {
    width: 100%;
    height: 100%;
}

.video-close-button {
    position: absolute;
    right: 7px;
    top: 7px;
}
.table-invoice .recurring-txt {
    color: #49fca8;
}

.video-close-button button span {
    box-shadow: none;
    color: red;
    font-size: 20px;
    font-weight: 500;
}

.video-close-button button {
    text-shadow: none;
    opacity: 1;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
}

.video-close-button button.close:focus,
.video-close-button button.close:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
    outline: none;
}

.screen-video-wrapper {
    display: none;
}

.screen-video-wrapper.active {
    display: block;
}

.video-markeing-main > span {
    padding: 11px 27px;
    background: #fff;
    color: #000;
    height: max-content;
    margin-right: 12px;
    color: rgb(6, 19, 43);
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    border-radius: 14px;
}

.video-markeing-main {
    position: fixed;
    bottom: 18px;
    right: 275px;
    max-width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 99999999999;
}

.video-markeing-main .video-i {
    position: static;
}

.new-tital {
    font-size: 20px;
    font-weight: 500;
    line-height: 24.16px;
    text-align: left;
    color: #49fca8;
}

.sel-pay-option + label {
    color: #49fca8;
}

.new-customer {
    position: relative;
}

.add-guest {
    position: absolute;
    right: 86px;
    color: #49fca8;
    font-family: Nunito;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.37px;
    text-align: left;
    top: 8px;
}

.light-color .add-guest {
    color: #00a9e0;
}

.light-color .guest-event {
    background: #ffffff;
    border: 1px solid #00a9e0;
}
.light-color .guest-event .event-title {
    color: #00a9e0;
}

.add-guest-pop .modal-body {
    padding: 10px 30px 30px;
}

.light-color .add-guest-search a {
    color: #00a9e0 !important;
}

.add-guest-pop .cmn-model-button .cancel-btn {
    background: transparent;
    border-radius: 5px;
    border: 2px solid #f60202;
    color: #f60202;
    font-family: Nunito;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 10%;
    margin-right: 50px;
}

.cmn-model-button {
    display: flex;
    justify-content: flex-end;
    margin-top: 45px;
}

.add-guest-pop .form-group {
    margin-bottom: 10px;
}

.guest-event {
    padding: 20px;
    font-family: Nunito;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.74px;
    text-align: left;
    background: #010d25;
    border: 1px solid #cccccc80;
    border-radius: 10px;
    margin-bottom: 15px;
}

.add-guest-search {
    margin-top: 25px;
}

.guest-event .form-group:last-child label,
.guest-event > *:last-child label {
    margin: 0px;
}

.add-guest-search a {
    color: #49fca8;
    text-decoration: underline;
}

.add-guest-search {
    margin-top: 25px;
}

.add-guest-search a {
    color: #49fca8;
    text-decoration: underline;
}

.add-guest-pop .modal-dialog {
    max-width: 650px;
    width: 100%;
}

.guest-event span {
    font-family: Nunito;
    font-size: 19px;
    font-weight: 500;
    line-height: 18.12px;
    text-align: left;
    color: #fff;
    margin-bottom: 16px;
    display: block;
}

.added-guest-main {
    margin-top: 25px;
}

.added-guest-main span {
    font-family: Nunito;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.12px;
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.added-guest {
    background: #010d25;
    padding: 10px 15px;
    border-radius: 5px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.12px;
    text-align: left;
    color: #49fca8;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cross-i {
    font-size: 30px;
    color: #f60202;
    cursor: pointer;
}

.customer-top-event {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

.customer-event {
    background: #010d25;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #cccccc80;
    margin-bottom: 20px;
}

.customer-event-right {
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
}

.customer-event h5 {
    font-family: Nunito;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 20.46px;
    text-align: left;
    margin-bottom: 7px;
}

.customer-event-left > span {
    color: #49fca8;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.customer-event-left > span img {
    margin-right: 10px;
}

.customer-event-right span {
    text-align: right;
    display: block;
    color: #49fca8;
}

.close-it i {
    font-size: 24px;
    color: #f60202;
}

.close-it {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

.added-guest-details {
    border-top: 1px solid #cccccc80;
    padding: 20px 20px 10px 20px;
    display: flex;
    flex-wrap: wrap;
}

.added-guest-details .added-guest {
    margin: 0px 10px 10px 0px;
    max-width: max-content;
    border: 1px solid #cccccc80;
}

.added-guest-details .added-guest .cross-i {
    margin-left: 20px;
}

.added-guest-details h5 {
    margin-bottom: 15px;
    width: 100%;
}

.product-item-row .form-control {
    padding: 8px 5px !important;
}

/* Hosted form code start */
.add-item-icon {
    font-size: 20px;
    color: #49fca8;
    margin-right: 10px;
}
.delete-item-icon {
    font-size: 20px;
    color: #ff0909;
    margin-right: 10px;
}
.add-item-icon,
.delete-item-icon {
    cursor: pointer;
    text-decoration: none;
}
/* Hosted form code end */

@media screen and (min-device-width: 992px) and (max-device-width: 1440px) {
    .customer-event-right {
        width: 100%;
        margin-top: 20px;
        align-items: flex-end;
    }

    .customer-event-right span {
        text-align: left;
    }

    .customer-event h5 {
        font-size: 15px !important;
    }
}

@media (max-width: 767px) {
    .customer-event-right {
        width: 100%;
        margin-top: 20px;
        align-items: flex-end;
    }

    .customer-event-right span {
        text-align: left;
    }

    .add-guest-pop .cmn-model-button .cancel-btn {
        margin-right: 15px;
    }
}

/* Vertual terminal guest */

.guest_attendee_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.guest_attendee_list .added-guest {
    width: calc(50% - 20px);
    margin: 0px 10px 10px 10px;
}

div#guestPassModal > div {
    max-width: 540px;
}

div#guestPassModal .modal-content > div {
    padding: 0px;
}

.ui-autocomplete {
    z-index: 9999999999999999999999;
}

div#ruleListing {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

div#ruleListing > div {
    width: calc(25% - 30px);
    margin: 0px 15px 15px 15px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 15px 20px;
    background: #02102d;
}

#proGallery .challenge-image .filebox {
    height: 200px;
}

.challenge-rule p {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.12px;
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
}

.challenge-rule span {
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.12px;
    text-align: left;
    color: #49fca8;
}

.challenge-rule a {
    margin-left: auto !important;
    display: inline-block;
}

.challenge-rule {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

div#ruleListing > div.challenge-rule-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #49fca8;
    min-height: 95px;
    position: relative;
}

div#ruleListing > div.challenge-rule-box a:before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
}

.challenge-rule-box a {
    font-family: "Nunito", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.16px;
    text-align: left;
    color: #49fca8;
}

.challenge-rule-box a span {
    display: inline-block;
    margin-right: 7px;
    font-size: 29px;
}

.selected-challenge-photos {
    margin: 0 auto;
}

.ruleslbl {
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.55px;
    text-align: left;
    color: #49fca8;
}

#open-add-guest,
.deleteCustomerEvent {
    cursor: pointer;
}

.leaderBoardUserBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #0e2039;
}

.leaderBoardUserBox img {
    border-radius: 80%;
}

.leaderBoardUserBox .username {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.12px;
    text-align: left;
    margin-bottom: 15px;
}

.leaderBoardUserBox .pts {
    padding: 5px 15px 5px 15px;
    border-radius: 30px;
    background: #01aae0;
    color: #fff;
}

.sp_heading {
    color: #49fca8;
    padding-bottom: 18px;
}

.sp_heading .sp_white {
    color: #fff;
}

.sp_imgbox img {
    width: 100%;
}

.sp_label {
    color: #49fca8;
}

.rank-number {
    width: 40px;
    text-align: left;
    display: inline-block;
    color: #fff;
}
.new-cust-card .align-middle .qtypts {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 13px;
    color: #49fca8;
}

.permission-chk-right {
    margin: 0px 10px 0px auto;
}

.permission-head-bg label.fullPermission {
    color: #49fca8;
}

.permission-head-bg {
    background: #425570;
}
.permission-head-bg label {
    color: #fff;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 20px;
}

.permissionList {
    border-bottom: 2px solid #010d25;
    border-left: 2px solid #010d25;
    border-right: 2px solid #010d25;
    padding: 20px;
}

.common-buttons-here > button#btnPermissionCancel {
    font-size: 20px;
    min-width: 120px;
    padding: 7px 30px;
    max-width: max-content;
    font-family: "Nunito" sans-serif;
    line-height: 120.8%;
}

.greenBtn {
    background: #49fca8;
    border-color: #49fca8;
    color: #000;
    font-size: 18px;
    font-weight: 700 !important;
    font-family: "Nunito" sans-serif;
}

.css-checkbox + label.green-text {
    color: #49fca8;
}

#btnPermissionCancel {
    background: #f60202;
    border-color: #f60202;
    color: #fff;
}

.editPermission {
    cursor: pointer;
}
.setEmpPermission {
    cursor: pointer;
}

@media (max-width: 1200px) {
    div#ruleListing > div {
        width: calc(33.3% - 30px);
    }
}

@media (max-width: 991px) {
    div#ruleListing > div {
        width: calc(50% - 30px);
    }
}

@media (max-width: 500px) {
    div#ruleListing > div {
        width: calc(100% - 30px);
    }
}

/* light theme css */
.light-color .pcoded .pcoded-header[header-theme="theme1"] {
    background: #00a9e0;
    border: none !important;
}

.light-color .pcoded-main-container {
    background: #00a9e0;
}

.light-color .pcoded .pcoded-navbar[navbar-theme="theme1"] .main-menu {
    background: #fff;
}

.light-color
    .pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    li.pcoded-hasmenu
    .pcoded-submenu {
    background: #fff;
}

.light-color
    .pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    > li.active:hover
    span,
.light-color
    .pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    > li:hover
    span {
    color: #566675;
}

.light-color
    .pcoded
    .pcoded-navbar
    .pcoded-item
    li.pcoded-hasmenu.pcoded-trigger
    span {
    color: #566675;
    font-weight: 600;
}

.light-color
    .pcoded
    .pcoded-navbar[active-item-theme="theme1"]
    .pcoded-item
    .pcoded-hasmenu[subitem-icon="style7"]
    .pcoded-submenu {
    border-left: 1px solid #02102d;
}

.light-color
    .pcoded
    .pcoded-navbar
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu
    li
    > a
    .pcoded-micon
    i {
    color: red !important;
}

.light-color
    .pcoded
    .pcoded-navbar
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu
    li
    > a
    .pcoded-micon
    b {
    color: red;
}

.light-color
    .pcoded
    .pcoded-navbar
    .pcoded-item.sidebar-main-sub
    > li.pcoded-hasmenu.active
    > div
    span {
    color: #fff;
}

.light-color
    .pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu
    li:hover
    > a {
    background-color: transparent;
}

.light-color
    .pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    .pcoded-hasmenu
    .pcoded-submenu
    li:hover
    > a
    span {
    color: #00a9e0;
}

.light-color
    .pcoded
    .pcoded-navbar
    .pcoded-item.sidebar-main-sub
    > li.pcoded-hasmenu.pcoded-trigger
    > div {
    background-color: #00a9e0;
    color: #fff;
}

.light-color
    .pcoded
    .pcoded-navbar
    .pcoded-item.sidebar-main-sub
    > li.pcoded-hasmenu.pcoded-trigger
    > div
    span {
    color: #fff;
}

.light-color
    .pcoded
    .pcoded-navbar
    .pcoded-item.sidebar-main-sub
    > li:hover
    > div
    span {
    color: #fff;
}

.light-color
    .pcoded[theme-layout="vertical"]
    .pcoded-navbar
    .pcoded-item:hover
    > li
    > a
    .pcoded-mtext {
    color: #fff;
}

.light-color .page-header,
.light-color .page-content {
    background: #fff;
}

.light-color h5,
.light-color .main-body .page-header h5 {
    color: #353531;
}

.light-color label {
    color: #353531;
}

.light-color .css-checkbox + label {
    color: #353531;
}

.light-color .css-checkbox + label::before {
    border-color: #00186c;
}

.light-color .css-checkbox:checked + label::after,
.light-color td.only-check input:checked + label:before,
.light-color
    .order-source-filter
    .select2-results__option[aria-selected="true"]:after {
    background: #00186c !important;
}

.light-color
    .order-payment-type-filter
    .select2-results__option[aria-selected="true"]:after {
    background: #00186c !important;
}

.light-color .select2-results__option[aria-selected="true"]:before,
.light-color .order-payment-type-filter .select2-results__option:before {
    border: 2px solid #00186c !important;
}

.light-color .new-tital {
    color: #353531;
}

.light-color .spform .form-group .form-control {
    background: transparent;
    border-color: #02102d;
    color: #909090;
}

.light-color .form-control:disabled,
.light-color .form-control[readonly],
.light-color input[type="text"],
.light-color input[type="email"],
.light-color input[type="password"],
.light-color input[type="search"],
.light-color input[type="file"],
.light-color textarea,
.light-color select {
    background: #fff !important;
    border-color: #cccccc80 !important;
}

.light-color .form-control {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}

.light-color input::placeholder,
.light-color input:-moz-placeholder,
.light-color input:-ms-input-placeholder {
    color: #909090 !important;
}

.light-color .customer-info-main .input-group input::placeholder {
    color: #909090 !important;
}

.light-color
    .updated-items-wrapper
    table.all-items-in-one
    td
    label.product-title,
.light-color
    .updated-items-wrapper
    table.all-items-in-one
    td
    label.product-price {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}

.light-color .virtualterminal-accordion {
    background: #fff;
}

.light-color .virtualterminal-accordion#accordion .card .card-header button {
    background: #00a9e0;
}

.light-color
    .virtualterminal-accordion
    .card
    .card-header
    button
    .css-checkbox
    + label {
    color: red !important;
}

.light-color
    .virtualterminal-accordion#accordion
    .card
    .card-header
    .css-checkbox
    + label {
    color: #fff;
}

.light-color
    .virtualterminal-accordion#accordion
    .card
    .card-header
    .css-checkbox
    + label:before {
    border-color: #00186c;
}

.light-color
    .virtualterminal-accordion#accordion
    .card
    .card-header
    .css-checkbox
    + label:after {
    color: #fff;
}

.light-color .virtualterminal-accordion .card-body {
    background-color: #fff;
}

.light-color
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}

.light-color
    .select2-container--default
    .select2-search--dropdown
    .select2-search__field {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}

.light-color span.select2-dropdown {
    background: #fff !important;
}

.light-color
    .select2-container--default
    .select2-results
    > .select2-results__options
    li.select2-results__option.select2-results__option--highlighted {
    color: #353531 !important;
    background: #fff;
}

.light-color select:focus,
.light-color .select2-container:focus {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}

.light-color
    .select2-container--default.select2-container--focus
    .select2-selection--single
    .select2-selection__rendered {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}

.light-color
    span.selection
    span.select2-selection.select2-selection--single
    span {
    color: #02102d !important;
}

.light-color
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #02102d !important;
}

.light-color
    .virtualterminal-accordion#accordion
    .card
    .card-header
    .css-checkbox
    + label:after {
    background: #fff;
}

.light-color .light-button {
    background: #00a9e0;
    color: #fff !important;
}

.light-color .table-responsive.custom-product-service {
    background: #fff;
    border-color: #cccccc80;
}

.light-color .table-responsive.custom-product-service tr td {
    color: #353531;
    border-color: #cccccc80;
}

.light-color tr.dark-bk {
    background: #00a9e0;
}

.light-color tr.dark-bk td {
    color: #fff !important;
}

.light-color .gift-card {
    background: #fff;
}

.light-color .gift-card {
    box-shadow: 0px 2px 48px 0px #00000014;
}

.light-color .disable-card-sec,
.light-color .disable-section {
    opacity: 1;
    background: #fff;
}

.light-color input[type="radio"] + label:before {
    border-color: #00186c;
}

.light-color input[type="radio"] + label:after {
    border-color: #00186c;
}

.light-color .amount-due-here {
    color: #00a9e0;
}

.light-color #changeDueTxt,
.light-color #techFeeTxt {
    color: #353531 !important;
}

.light-color .payment-process-box {
    background: #fff;
    border: transparent;
}

.light-color .payment-process-box-wrap h6 {
    color: #353531;
}

.light-color .payment-process-box button {
    background: #00a9e0;
    color: #fff;
    border-color: #00a9e0;
}

.light-color .modal-content {
    background: #fff;
}

.light-color .modal-dialog .modal-title {
    color: #353531;
}

.light-color button.publish-btn:hover,
.light-color button.payment-btn:hover {
    background-color: #00a9e0;
    border-color: #00a9e0 !important;
    color: #fff;
}

.light-color .floating-container .ach-title {
    color: #4a4a4a;
}

.light-color utton.publish-btn,
.light-color button.payment-btn {
    background-color: #00a9e0;
    border-color: #00a9e0 !important;
    color: #fff;
}

.light-color .customer-event {
    background: #fff;
}

.light-color .customer-top-event {
    box-shadow: 0px 2px 48px 0px #00000014;
}

.light-color .added-guest {
    background: #ffffff;
    color: #000;
    border: 1px solid #00a9e0;
}

.light-color .customer-event-left > span img {
    filter: grayscale(1) brightness(0);
}

.light-color .customer-event-left > span {
    color: #00186c;
    font-weight: 500;
}

.light-color .customer-event-right span {
    color: #00186c;
    font-weight: 500;
}

.light-color
    .virtualterminal-accordion#accordion
    .card
    .card-header
    button:before,
.light-color
    .virtualterminal-accordion#accordion
    .card
    .card-header
    button:after {
    background: #fff;
}

.light-color .freeCheckOut {
    border: 1px solid #cccccc80;
}

.light-color .free-amount-due-here #changeFreeDueTxt {
    color: #000;
}

.light-color .fortis-card-details button,
.light-color .gift-cart-footer button {
    background: #00a9e0;
    color: #fff;
    border-color: #00a9e0;
}

.light-color .form-control:disabled,
.light-color .form-control[readonly],
.light-color input[type="text"],
.light-color input[type="email"],
.light-color input[type="password"],
.light-color input[type="search"],
.light-color input[type="file"],
.light-color textarea,
.light-color select {
    background: #fff !important;
    border-color: #cccccc80 !important;
}

.light-color .form-control {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}
.light-color .calender-event-location-drop a {
    background-color: #fff;
}

/* .light-color .calender-event-location-drop:before {
    border-bottom-color: #ffffff !important;
    filter: drop-shadow(0px -2px 1px rgba(0, 0, 0, 0.2));
}
.light-color .calender-event-location-drop{
background: #fff;
box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.43);
} */
.light-color .view-employee-pop-header > button#loginToEmployee {
    background: #00a9e0 !important;
}

.light-color .greenlink a {
    color: #00a9e0;
}

.navbar-container.container-fluid.business-use-head {
    display: flex;
    width: calc(100% - 235px);
}

.navbar-container.container-fluid.business-use-head label.theme {
    margin-left: auto;
}

/* Default */
.theme {
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
}

.theme__fill,
.theme__icon {
    transition: transform var(--transDur) ease-in-out;
}

.theme__icon,
.theme__toggle {
    z-index: 1;
}

.theme__icon,
.theme__icon-part {
    position: absolute;
}

.theme__icon {
    display: block;
    top: 0.75em;
    left: 0.75em;
    width: 1.5em;
    height: 1.5em;
}

.theme__icon-part {
    box-shadow: 0.2em -0.2em 0 0.2em hsl(0, 0%, 100%) inset;
    transform: scale(1);
    border-radius: 50%;
    top: calc(50% - 0.5em);
    left: calc(50% - 0.5em);
    width: 1em;
    height: 1em;
    transition:
        box-shadow var(--transDur) ease-in-out,
        opacity var(--transDur) ease-in-out,
        transform var(--transDur) ease-in-out;
}

.theme__icon-part ~ .theme__icon-part {
    background-color: hsl(0, 0%, 100%);
    border-radius: 0.05em;
    box-shadow: none;
    top: 50%;
    left: calc(50% - 0.05em);
    transform: rotate(0deg) translateY(0.5em);
    transform-origin: 50% 0;
    width: 0.1em;
    height: 0.2em;
    opacity: 0;
}

.theme__icon-part:nth-child(3) {
    transform: rotate(45deg) translateY(0.8em);
}

.theme__icon-part:nth-child(4) {
    transform: rotate(90deg) translateY(0.8em);
}

.theme__icon-part:nth-child(5) {
    transform: rotate(135deg) translateY(0.8em);
}

.theme__icon-part:nth-child(6) {
    transform: rotate(180deg) translateY(0.8em);
}

.theme__icon-part:nth-child(7) {
    transform: rotate(225deg) translateY(0.8em);
}

.theme__icon-part:nth-child(8) {
    transform: rotate(270deg) translateY(0.8em);
}

.theme__icon-part:nth-child(9) {
    transform: rotate(315deg) translateY(0.8em);
}

.theme__label,
.theme__toggle,
.theme__toggle-wrap {
    position: relative;
}

.theme__toggle,
.theme__toggle:before {
    display: block;
}

.theme__toggle {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 0 0.125em var(--primaryT);
    padding: 0.25em;
    width: 80px;
    height: 35px;
    -webkit-appearance: none;
    appearance: none;
    transition:
        background-color var(--transDur) ease-in-out,
        box-shadow 0.15s ease-in-out,
        transform var(--transDur) ease-in-out;
    cursor: pointer;
}

/* .theme__toggle:before {
    background-color: hsl(198, 90%, 55%);
    border-radius: 50%;
    content: "";
    width: 2.5em;
    height: 2.5em;
    transition: background-color var(--transDur) ease-in-out, transform var(--transDur) ease-in-out;
} */

.theme__icon {
    left: 0px;
    padding: 3px;
    top: 0px;
    width: 100%;
    justify-content: space-between;
    display: flex;
}

.theme__icon svg:last-child {
    margin-left: 13px;
}
.theme__toggle:focus {
    box-shadow: 0 0 0 0.125em var(--primary);
    outline: transparent;
}
.theme__icon svg {
    max-width: 28px !important;
    color: #fff;
}

.theme__icon {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.theme__icon svg {
    max-width: 20px;
    border-radius: 100%;
    background-color: #00a9e0;
    padding: 5px;
    cursor: pointer;
}

/* Checked */
/* .theme__toggle:checked {
    background-color: #fff
}

.theme__toggle:checked:before,
.theme__toggle:checked~.theme__icon {
    transform: translateX(40px);
}

.theme__toggle:checked:before {
    background-color: hsl(194.73deg 100% 43.92%);
}


.theme__toggle-wrap {
    margin: 0 0.75em;
    cursor: pointer;
}

.theme__toggle:before {
    width: 30px;
    height: 30px;
    position: relative;
    top: 3px;
    left: 5px;
}

.theme__icon {
    top: 4px;
    left: 6px;
} */

/*.light-color .table-responsive .table>thead>tr>th{
    background: #00a9e0;
    border: 2px solid #00a9e0 !important;
    border-right: 2px solid #fff !important;
}
.light-color .table-bordered td, .light-color .table-bordered th {
    border: 2px solid #00a9e0 !important;
}*/

/*.light-color table.dataTable {
    border: 1px solid #fff !important;
}

.light-color table.table-bordered.dataTable th {
    border-top: 1px solid #00a9e0 !important;
    border-bottom: 0px !important;
}
.light-color table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 0;
    padding-left: 10px;
}
.light-color table.dataTable thead>tr>th {
    background: #00a9e0;
    color: #fff;
}

.light-color .table-bordered thead>tr>th + th { border-left:2px solid #fff !important; }


.light-color .table-bordered tbody>tr>td, .table-bordered tbody>tr>th {
    border: 2px solid #00a9e0;
}*/

.light-color button.publish-btn,
button.payment-btn {
    background: #00a9e0;
    color: #fff;
    border-color: #00a9e0;
}
.light-color .datepicker {
    background-color: #00a9e0 !important;
}
.light-color .datepicker table tr td.disabled,
.light-color .datepicker table tr td.disabled:hover {
    color: #02102d !important;
}

.light-color .datepicker table tr td span.disabled,
.light-color .datepicker table tr td span.disabled:hover {
    color: #02102d !important;
}
.light-color .total-plan-cost-custom label {
    background: #00a9e0 !important;
    outline: 3px solid #00a9e0;
    color: #fff !important;
}

.light-color .datepicker table tr td.active:hover,
.light-color .datepicker table tr td.active:hover:hover,
.light-color .datepicker table tr td.active.disabled:hover,
.light-color .datepicker table tr td.active.disabled:hover:hover,
.light-color .datepicker table tr td.active:active,
.light-color .datepicker table tr td.active:hover:active,
.light-color .datepicker table tr td.active.disabled:active,
.light-color .datepicker table tr td.active.disabled:hover:active,
.light-color .datepicker table tr td.active.active,
.light-color .datepicker table tr td.active:hover.active,
.light-color .datepicker table tr td.active.disabled.active,
.light-color .datepicker table tr td.active.disabled:hover.active,
.light-color .datepicker table tr td.active.disabled,
.light-color .datepicker table tr td.active:hover.disabled,
.light-color .datepicker table tr td.active.disabled.disabled,
.light-color .datepicker table tr td.active.disabled:hover.disabled,
.light-color .datepicker table tr td.active[disabled],
.light-color .datepicker table tr td.active:hover[disabled],
.light-color .datepicker table tr td.active.disabled[disabled],
.light-color .datepicker table tr td.active.disabled:hover[disabled],
.light-color .datepicker table tr td.today {
    background: #619dbd !important;
}

.light-color .datepicker table tr td.new,
.light-color .datepicker table tr td.old {
    color: #02102d !important;
}

.light-color .datepicker table tr td span.new,
.light-color .datepicker table tr td span.old {
    color: #02102d !important;
}

.light-color .discount-list .list-group-item,
.light-color .addon-list .list-group-item {
    background-color: #fff;
    border: 1px solid #cccccc80 !important;
    color: #353531;
}

.light-color .shpping-accordion,
.light-color .dashboard-sale {
    background: #fff;
}

.light-color .card .card-header,
.light-color .copy-code-body .highlight,
.light-color .modal-dialog .close {
    background-color: #00a9e0 !important;
}

.light-color .shpping-accordion .card-header button:hover,
.light-color .card-header button:focus {
    color: #fff !important;
}
.light-color .payment-details-card,
.light-color .web-page-in-desk,
.light-color .schedule-graph > div {
    background: #fff;
    box-shadow:
        0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.light-color .hosted-profile-image {
    background: #fff;
    border: 1px solid #cccccc80;
}

.light-color .payment-details-card .payment-btn,
.light-color .money-optoin ul li,
.light-color button.color-12 {
    background: #00a9e0 !important;
    color: #fff !important;
}

.light-color .payment-card-wrap .payment-active {
    border-color: #00a9e0;
}
.light-color .payment-card-wrap a {
    background: #fff;
    color: #353531;
    border: 1px solid #cccccc80;
}
.light-color .payment-card-wrap a:before {
    border: 2px solid #353531;
    border-right: 0px;
    border-bottom: 0px;
}
.light-color .payment-card-wrap a:after {
    background: #353531;
}
.light-color .add-event ul,
.light-color .add-classes ul {
    background: #fff;
}
.light-color .btn-primary,
.light-color #btnSavedraft,
.light-color .btn-secondary,
.light-color .color-9 {
    color: #fff !important;
}

.light-color
    .page-summery-hosted
    .table-responsive.custom-product-service
    tr
    td.light-green {
    color: #f60202;
}
.light-color button.btn-host-privew:hover,
button.btn-host-privew:focus,
.light-color button.btn-host-privew {
    color: #010d25;
}
.light-color .tooltip-inner {
    background-color: #00a9e0;
}
.light-color .tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #00a9e0 !important;
}
.light-color .tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #00a9e0 !important;
}
.light-color .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #00a9e0 !important;
}
.light-color .tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #00a9e0 !important;
}
.light-color .btnRefund,
.light-color .enrolled,
.light-color .enrolled:hover {
    color: #fff !important;
}
.light-color .btn.btn-info {
    color: #fff !important;
}
.light-color .btn.btn-host-privew {
    color: #010d25 !important;
}

.light-color div#legend-container ul li span + p {
    color: #010d25 !important;
}
.light-color .schedule-graph table tr:nth-child(even) td,
.light-color .new-payment-page .invoice-details {
    background: #fff;
}

.light-color .schedule-graph table tr:nth-child(even) td > a,
.light-color .schedule-graph table tr:nth-child(even) td > p,
.light-color .schedule-graph table tr:nth-child(even) td > a p {
    color: #010d25 !important;
}

.light-color
    .table-responsive.invoice-details
    tr:not(.dark-bk)
    td:not(.text-danger) {
    color: #353531 !important;
    border-color: #cccccc80 !important;
    background: #fff !important;
}
.light-color .table-responsive.invoice-details tr.dark-bk td {
    background: #00a9e0;
    border: none;
    border-radius: 0;
}
.light-color .invoice-details-main {
    background: transparent;
}
.light-color .invoice-details-inner {
    border-color: #cccccc80 !important;
}
.light-color .invoice-details-left,
.light-color .invoice-details-right,
.light-color .invoice-details-right span {
    color: #353531 !important;
}
.light-color .text-danger {
    color: #f60202 !important;
    border-color: #cccccc80 !important;
    background: #fff !important;
}

.light-color table.dataTable thead > tr > th {
    background: #00a9e0;
}

.light-color table.table-bordered.dataTable th {
    border-color: #fff !important;
}

.light-color table.dataTable {
    border: 1px solid #00a9e0 !important;
}

.light-color .table-bordered td,
.light-color .table-bordered th {
    border-color: #00a9e0 !important;
}

.light-color table.table-bordered tr td {
    color: #000 !important;
}
.light-color
    .table-responsive.custom-product-service
    table.total-bg
    tr:last-child
    td {
    background: #00a9e0;
}
.light-color .note-editable {
    background-color: #fff !important;
    color: #010d25 !important;
}
.light-color .address-details-wrap p {
    color: #353531;
}
.light-color .address-details {
    background: #fff !important;
}
.light-color .address-details-wrap p a,
.light-color .address-details-wrap p span,
.light-color .add-new,
.light-color #show_attendeelist .enrolled,
.light-color #show_attendeelist .enrolled:hover,
.light-color #attendee_list .enrolled,
.light-color #attendee_list .enrolled:hover,
.light-color .punch-pass-history-body .view-pass-model-head strong,
.light-color .punch-pass-history-body .view-pass-model-body ul li strong,
.light-color .membership-history-body .view-pass-model-head strong,
.light-color .membership-history-body .view-pass-model-body ul li strong {
    color: #00a9e0 !important;
}
.light-color #backToCustomerList,
.light-color #backToOrderList {
    border: 1px solid #fff;
}
.light-color .common-active-inactive-group .active,
.light-color .common-active-inactive-group .btn-inactive.active,
.light-color .common-active-inactive-group .active-switch {
    color: #fff !important;
    background: #00a9e0 !important;
}
.light-color .fc-ltr .fc-basic-view .fc-day-top .fc-day-number,
.light-color .punch-pass-history-body .view-pass-model-head p,
.light-color .punch-pass-history-body .view-pass-model-body ul li p,
.light-color .membership-history-body .view-pass-model-head p,
.light-color .membership-history-body .view-pass-model-body ul li p,
.light-color .punch-pass-history-body .view-pass-model-body h6,
.light-color .membership-history-body .view-pass-model-body h6 {
    color: #353531 !important;
}
.light-color .punch-pass-history-body .view-pass-model-body,
.light-color .membership-history-body .view-pass-model-body {
    background: transparent !important;
}
.light-color .table-full-calendar table thead th {
    background: #00a9e0;
    border-color: #fff;
}
.light-color .table-full-calendar .fc-view {
    border: 2px solid #00a9e0;
}

.light-color .fc th,
.light-color .fc td {
    border-color: #00a9e0;
}
.light-color .custom-full-calendar-side-bar #eventListUl .booked {
    background: #fff;
    border: 1px solid none;
}

.light-color .custom-full-calendar-side-bar #eventListUl .booked > div {
    background: transparent;
    border: 1px solid #00a9e0;
}

.light-color .custom-full-calendar-side-bar #eventListUl .booked span,
.light-color .custom-full-calendar-side-bar #eventListUl .booked strong,
.light-color .calendar-sidebar-details p,
.light-color .light-title h6,
.light-color .light-title h6 {
    color: #353531;
}
.light-color .calendar-sidebar-details {
    background: #fff !important;
    border: 1px solid #00a9e0;
}

.light-color #customerOrderDetails .event-lists .class_list {
    background: transparent !important;
}

.light-color .date-shows > button {
    border: 2px solid #00a9e0;
    color: #000;
}
.light-color .calender-next-pre > button.pre-next:before {
    border-left: 0px !important;
    border-bottom: 0px !important;
}
.light-color .calender-next-pre > button.pre-button:before {
    border-right: 0px !important;
    border-top: 0px !important;
}
.light-color .calender-next-pre > button:before {
    border: 1px solid #00a9e0 !important;
}
.light-color .custom-full-calendar-side-bar h4,
.light-color .table-full-calendar > #calendar h2 {
    color: #353531;
}

/*.light-color .fc-content-skeleton td.fc-event-container a {
     background: none;
    color: #353531 !important;
}*/
.light-color .page-item.disabled .page-link,
.light-color .page-link {
    background-color: #00a9e0;
    border-color: #fff;
}
.light-color .page-item.active .page-link {
    background-color: #fff;
    border-color: #4099ff;
    color: #000;
}
.light-color .fc-content-skeleton td.fc-event-container a {
    background: transparent;
    border-left: 4px solid #00a9e0;
    background: #00a9e0;
    color: #fff !important;
}
.light-color .fc-content-skeleton tr:nth-child(even) a {
    border-left: 4px solid #cccccc80;
    background: #cccccc80;
    color: #000 !important;
}
.light-color .add-attendee ul {
    border: 1px solid #cccccc80;
}
.light-color .add-attendee ul li {
    color: #353531;
    border: 1px solid #cccccc80;
}
.light-color .add-attendee ul,
.light-color .add-attendee ul li:nth-child(even) {
    background: #fff !important;
}
.light-color .add-classes ul li,
.light-color .add-event ul li {
    border: 1px solid #cccccc80;
    color: #000;
    border-bottom: 1px solid #cccccc80;
}
.light-color div#eventDays table thead tr th:first-child {
    border-left: 2px solid #00a9e0;
}

.light-color div#eventDays table thead tr th {
    background: #00a9e0;
    color: #fff;
    border-top: 1px solid #00a9e0 !important;
    border-bottom: 0px !important;
    border: 2px solid #fff;
}
.light-color div#eventDays table tbody td {
    border: 2px solid #00a9e0;
}
.light-color table tr td {
    color: #353531;
}
.light-color div#eventDays table thead tr th:last-child {
    border-right: 2px solid #00a9e0;
}
.light-color .schedule-graph table tr td {
    background: #00a9e0;
}
.light-color .schedule-graph table tr td:last-child,
.light-color
    .schedule-graph
    .schedule-graph-table-inner
    table
    tr
    td
    ul
    li:last-child {
    color: #353531;
}
.light-color .schedule-graph table tr td {
    color: #fff;
}
.light-color h4.dashbourd-inner-title,
.light-color .invoice-from p {
    color: #353531;
}
.light-color .viewDetails .modal-dialog .card,
.light-color .traker-dropdown {
    background-color: #fff;
}
.light-color .table.payment-table > thead > tr > th,
.light-color .counter-bg {
    background: #00a9e0;
}
.light-color .invoice-id-details > div {
    background: #fff;
    border: 1px solid #cccccc80;
    color: #353531;
}
.light-color .table-invoice .recurring-txt {
    color: #00a9e0;
}
.light-color .shipping_customer_add .custom-table-design th,
.light-color .copy-store-url button {
    background: #00a9e0;
}
.light-color .event-upload-image .cmn-profile-image {
    background: #fff;
    border: 1px solid #cccccc80;
}
.light-color .address-suggestion {
    background: #fff !important;
    color: #000 !important;
}

.light-color .address-suggestion li a {
    color: #353531;
}

.light-color .card .card-block ul {
    color: #353531 !important;
}

.light-color .address-suggestion li:hover {
    background: #fff;
    border-color: transparent;
}
.light-color input[type="radio"].css-radio:checked + label:after {
    background-color: #00186c !important;
}
.light-color .modal .modal-content {
    color: #02102d !important;
}
.light-color .repeat-event-wrapper .repeat-week-days label.week-days:hover,
.light-color .repeat-event-wrapper .repeat-week-days label.week-days:active {
    color: #fff;
    background: #00a9e0;
    border-color: #00a9e0;
}
.light-color .repeat-event-wrapper .repeat-week-days label.week-days {
    color: #02102d;
    background: transparent;
    border: 1px solid #010d25;
}

.light-color .repeat-event-wrapper .repeat-week-days label.week-days.active {
    color: #fff;
    background: #00a9e0;
    border-color: #00a9e0;
}
.light-color .web-page-in-desk .add-my-store-image {
    background: none;
    border: 1px solid #353531;
}
.light-color .web-page-in-desk .add-my-store-image span,
.light-color .challenge-rule p,
.light-color .address-details-wrap strong {
    color: #353531 !important;
}
.light-color .web-page-in-desk .product-details span {
    color: #00a9e0;
}
.light-color .web-page-in-desk .my-store-manage-product-repeat .product-details,
.light-color .web-page-in-desk .common-slider-repeat p,
.light-color .profile-new-design p,
.light-color .copy-url-cmn .input-group-prepend span,
.light-color .card .card-block .cmd-crop-images p,
.light-color .card .card-block p {
    color: #02102d;
}
.light-color .profile-new-design div#profile-photo-preview img {
    border: 1px solid #353531;
}
.light-color .profile-new-design div#profile-photo-preview img {
    background: none;
}
.light-color div#ruleListing > div {
    background: transparent;
}
.light-color .ruleslbl,
.light-color .challenge-rule-box a,
.light-color .light-color .challenge-rule span,
.light-color .challenge-rule span,
.light-color .green-color-custom {
    color: #00a9e0 !important;
}
.light-color div#ruleListing > div.challenge-rule-box {
    border-color: #00a9e0;
}
.light-color div#ruleListing > div {
    border: 1px solid #00a9e0;
}
.light-color .viewCommentDetails .modal-dialog .card {
    background-color: #fff;
}
.light-color .modal .card-body .table-bordered td,
.light-color .modal .card-body .table-bordered th {
    border: 1px solid #010d25;
}
.light-color .spform .field .input-group-prepend {
    border: 0.5px solid #cccccc80;
}
.light-color .new-buttons-wrap button.publish-btn {
    background: #00a9e0 !important;
    border-color: #00a9e0 !important;
}
.light-color
    .select-exercises-popup-main
    .exercise-media
    .exercise-card.active
    label
    > div,
.light-color
    .select-wo-popup-main
    .workout-media
    .workout-card.active
    label
    > div,
.light-color
    .select-exercises-popup-main
    .workout-media
    .recipe-card.active
    label
    > div,
.light-color
    .select-exercises-popup-main
    .workout-media
    .meal-card.active
    label
    > div {
    background: #00a9e0 !important;
}
.light-color .exercise-media .exercise-card.active,
.light-color .workout-media .workout-card.active,
.light-color .exe-video-col .square.active {
    border: 2px solid #00a9e0;
}
.light-color .exercise-video .square,
.light-color .exe-video-col .square {
    border: 2px solid #cccccc80;
}
.light-color .custom-nav-tabs .nav-link {
    border-color: #00a9e0 !important;
    color: #353531 !important;
}
.light-color .custom-nav-tabs .nav-link.active,
.light-color .select-create-button button.btn {
    color: #fff !important;
}
.light-color .nav-tabs.custom-inner-tab .nav-link.active {
    border: 2px solid #353531;
}
.light-color
    .mytab__wizard
    .nav-tabs.custom-inner-tab
    .nav-item
    .nav-link.disabled {
    color: #02102d;
    background-color: #cccccc80;
}
.light-color .tab-content .span-color {
    color: #02102d;
}
.light-color .custom-nav-tabs li.nav-item .nav-link.disabled {
    background: #cccccc80 !important;
    border-color: #00a9e0 !important;
}
.light-color .spform .field .input-group-prepend {
    background: transparent !important;
    color: #02102d;
}
.light-color .free-summary-title strong {
    color: #00a9e0;
}
.light-color .free-summary ul li,
.light-color .buy-terminals-data-repeated ul ul li,
.light-color .upload-photos-field,
.light-color .upload-photos-statis label span,
.light-color .details-of-file strong,
.light-color input[type="file"] {
    color: #02102d !important;
}
.light-color .buy-terminals-data-repeated ul li a,
.light-color .buy-terminals-data-repeated ul li.green {
    color: #00a9e0 !important;
}
.light-color .buy-terminals-image-wrap {
    background: #fff !important;
}
.light-color .buy-terminals-data-repeated ul li.red {
    color: #f60202 !important;
}
.light-color .upload-photos-statis label,
.light-color .files-uploaded .file-details {
    background-color: #fff !important;
    border: 1px solid #cccccc80;
}
.light-color .customer-list .cus-user-name-row {
    color: #000;
}
.light-color .new-clientFields .calendar-buttons .save-btn {
    border: 2px solid #00a9e0;
    color: #00a9e0;
}
.light-color .addComment .table-bordered td {
    border: none !important;
}
.light-color .modal .modal-dialog .card {
    background-color: transparent;
}
.light-color .modal .modal-dialog .card tr th {
    background: #00a9e0;
    color: #fff;
}
.light-color #proGallery .filebox .deleteMedia,
.light-color #proGallery .filebox .old_deleteMedia,
.light-color #nutritionGallery .filebox .deleteMedia,
.light-color #nutritionGallery .filebox .deleteOldMedia,
.light-color #fitnessGallery .filebox .deleteMedia,
.light-color #fitnessGallery .filebox .deleteOldMedia,
.light-color .main-image-sortable .filebox .deleteMedia,
.light-color .main-image-sortable .filebox .deleteOldMedia,
.light-color #proGallery .filebox .cropMedia,
.light-color #proGallery .filebox .old_cropMedia,
.light-color .vpreview .deleteMedia,
.light-color .video_preview .deleteMedia,
.light-color .post_image_preview .deleteMedia,
.light-color .post_image_preview .cropMedia,
.light-color .exercise-video .deleteExeMedia,
.light-color .exercise-video .deleteNewMedia,
.light-color .exercise-video .deleteOldMedia,
.light-color #fitnessGallery .filebox .cropMedia,
.light-color .main-image-sortable .filebox .cropMedia,
.light-color .custom-workout-videos .deleteCustomVideo,
.light-color .exercise-video .deleteExeOldMedia,
.light-color .post_image_preview .deleteMediaLink,
.light-color .video_preview .deleteMediaLink,
.light-color .PosterImage .deleteMediaLink,
.light-color .square.recipe-card.custom-workout-manage > a,
.light-color .square.meal-card.custom-workout-manage > a {
    border: 1px solid #cccccc80;
}
.light-color td.only-check label:before {
    border: 2px solid #0e2039;
    background: none;
}
.light-color input[type="text"] {
    color: #02102d !important;
}

.light-color #cropModal .modal-body .img-container {
    background-color: #f7f7f7 !important;
}
.light-color .shipping_customer_add .custom-table-design th {
    color: #fff !important;
}
.main-custom-full-calendar .calendar-sidebar-details .editSchedule img {
    height: 15px;
    width: 15px;
}
.light-color .swal2-popup {
    background: #fff !important;
    color: #353531 !important;
    border: 5px solid #cccccc80 !important;
}
.light-color .product-oversold-modal .custom-table-design th {
    background: none !important;
}
.light-color .web-page-in-desk h3 {
    color: #353531 !important;
}
.light-color table td .label-success {
    color: #00a9e0 !important;
}
.light-color
    .bootstrap-switch
    .bootstrap-switch-handle-on.bootstrap-switch-success {
    background: #00a9e0 !important;
}
.light-color
    .schedule-graph
    .schedule-graph-table-inner
    table
    tr:nth-child(odd)
    td
    ul
    li {
    color: #fff !important;
}
.light-color
    .schedule-graph
    .schedule-graph-table-inner
    table
    tr:nth-child(even)
    td
    ul
    li {
    color: #353531 !important;
}
.light-color .traker-dropdown h5:before {
    border: 2px solid #00a9e0;
    border-top: 0px !important;
    border-left: 0px !important;
}
.light-color .traker-dropdown h5.active:before {
    border-top: 2px solid #00a9e0 !important;
    border-left: 2px solid #00a9e0 !important;
    border-bottom: 0px;
    border-right: 0px;
    top: 8px;
}
.light-color .video-markeing-main .video-i,
.light-color .video-markeing-main > span,
.light-color
    .awesome-iframe
    .widget-position-right.bubbleWithLabel
    .widgetLabel {
    border: 1px solid #353531 !important;
}
.light-color .adminAccessLogin button#LoginToAdmin {
    background: #00a9e0;
    border: 1px solid #fff;
    color: #fff !important;
}
.light-color .all-page-cmn-pop {
    border: 2px solid #fff !important;
}
.light-color .all-page-cmn-pop .btn.publish-btn {
    border-color: #fff !important;
}
.light-color .all-page-cmn-pop .payment-box-txt {
    color: #353531;
}
.light-color
    .select2-container--default
    .select2-results
    > .select2-results__options
    li {
    background: transparent !important;
    color: #353531 !important;
}

.light-color
    .select2-container--default
    .select2-results
    > .select2-results__options
    li.select2-results__option:hover {
    background: #00a9e0 !important;
    color: #fff !important;
}

.light-color .select2-container--default .select2-results__group {
    padding: 5px 10px 5px 10px;
    color: #353531 !important;
}

.light-color
    .top-category-drop.select2-container--default
    .select2-results
    > .select2-results__options
    li:hover {
    background: transparent !important;
    color: #353531 !important;
}

.light-color
    .top-category-drop.select2-container--default
    .select2-results
    > .select2-results__options
    li
    li {
    padding-left: 20px;
}

.light-color
    .top-category-drop.select2-container--default
    .select2-results
    > .select2-results__options
    li
    li:hover {
    background: #1e90ff !important;
    color: #fff !important;
}
.light-color .custom-select.custom-select-sm {
    color: #02102d !important;
}

/* new module */

.employee-permission-accordion-title {
    padding: 10px;
    background: #010d25;
    position: relative;
    z-index: 9;
}

.employee-permission-accordion-title-data {
    padding: 10px;
    background: #02102d;
    display: none;
}

.employee-permission-accordion-title span:after {
    content: "";
    width: 11px;
    position: absolute;
    height: 11px;
    border: 2px solid #49fca8;
    right: 28px;
    transform: rotate(45deg);
    border-top: 0px;
    border-left: 90px;

    display: inline-block;
    margin-left: auto;
    top: 18px;
}
.chk-modules.employee-permission-accordion {
    width: calc(33.3% - 30px);
    margin: 0px 15px 15px 15px;
}
.employee-permission-accordion-title span {
    position: absolute;
    inset: 0px;
    background: transparent;
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: pointer;
}
@media (max-width: 991px) {
    .chk-modules.employee-permission-accordion {
        width: calc(50% - 30px);
        margin: 0px 15px 15px 15px;
    }
    .navbar-container.container-fluid.business-use-head label {
        padding: 0px;
        position: absolute;
        top: 11px;
        right: 55px;
        max-width: max-content;
        transform: scale(0.9);
    }

    .navbar-container.container-fluid.business-use-head label.theme {
        margin: 0px !important;
    }

    .navbar-container.container-fluid.business-use-head
        label.theme
        span.theme__toggle-wrap {
        margin: 0px;
    }
}

@media (max-width: 767px) {
    .chk-modules.employee-permission-accordion {
        width: calc(100% - 30px);
        margin: 0px 15px 15px 15px;
    }
    .navbar-container.container-fluid.business-use-head label {
        transform: scale(0.5);
        right: 34px;
    }
}

/* 07-11 */

.calendar-buttons button {
    margin: 0px;
}

.calendar-buttons .cancel-btn {
    margin-right: 10px;
}
.calendar-buttons {
    display: flex;
    justify-content: flex-end;
    padding: 0px 15px;
    width: 100%;
    flex-wrap: wrap;
}

.light-color .employee-permission-accordion-title {
    background: transparent;
    border: 1px solid #00186c;
}

body.light-color .employee-permission-accordion-title span:after {
    border-color: #00186c;
}
.light-color .employee-permission-accordion-title-data {
    background: transparent;
    border: 1px solid #00186c;
}

.calendar-buttons button#delete_schedule {
    margin-right: auto;
}
.create-customer-header {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.create-customer-header ul {
    margin-left: auto;
}

.create-customer-header ul {
    display: flex;
    align-items: center;
    background: #010d25;
    padding: 5px;
    border:
        1px,
        solid #cccccc80;
    border-radius: 5px;
    margin-right: 15px;
}

.create-customer-header ul li {
    width: 96px;
    text-align: center;
    cursor: pointer;
}

.create-customer-header ul li.active {
    background: #49fca8;
    padding: 6px 10px;
    border-radius: 3px;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.5px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #010d25;
    text-align: center;
}
.added-child-wrapper span {
    font-family: Nunito;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.55px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #49fca8;
    margin-bottom: 10px;
    display: block;
}

.added-child-wrapper ul li {
    border: 1px solid #cccccc80;
    border-radius: 4px;
    background: #010d25;
    padding: 10px 15px;
    max-width: max-content;
    font-family: Nunito;
    font-size: 15px;
    font-weight: 500;
    line-height: 20.46px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-right: 12px;
}

.added-child-wrapper ul {
    display: flex;

    flex-wrap: wrap;
}
.added-child-wrapper ul li a {
    margin-left: 10px;
}
.add-child-buttons .cancel-btn {
    background: transparent;
    border-radius: 5px;
    border: 2px solid #f60202;
    color: #f60202;
    font-family: Nunito;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 10%;
    margin-right: 50px;
}
#add-child-modal .modal-dialog {
    max-width: 580px;
    width: 100%;
}
.add-child-buttons {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .calendar-buttons button {
        white-space: inherit !important;
    }
}

div#setReminderModal .select2-container--default .select2-selection--multiple {
    background: #0e2039;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    float: none;
}
div#setReminderModal li.select2-search.select2-search--inline {
    display: block;
    width: 100%;
    background: red;
    background: #010d25 !important;
    font-size: 14px !important;
    display: block !important;
    padding: 0px;
    line-height: normal;
    background-clip: padding-box !important;
    height: auto !important;
    border-radius: 5px !important;
    width: 100% !important;
    border: 1px solid rgb(102 108 120) !important;
    color: #fff !important;
    font-weight: 400 !important;
    max-height: 40px;
    margin-top: 10px;
}
div#setReminderModal
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    > li:last-child {
    order: 1;
    margin: 0px;
}
div#setReminderModal
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    > li {
    order: 2;
}
div#setReminderModal li.select2-search.select2-search--inline input {
    width: 100% !important;
    height: 30px;
    padding: 0px 10px;
    min-height: 30px !important;
    margin: 0px !important;
}

div#setReminderModal
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background: transparent;
}

div#setReminderModal .select2-container--default .select2-selection--multiple {
    border: 0.5px solid rgb(255, 255, 255, 0.6) !important;
}

div#setReminderModal
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
}

.select2-container--default .select2-selection--multiple {
    border: 0.5px solid rgb(255, 255, 255, 0.6) !important;
    padding: 5px 5px 10px 5px;
}

div#setReminderModal
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__clear {
    display: none !important;
}

div#setReminderModal
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover {
    color: #fff;
}

.light-color
    div#setReminderModal
    .select2-container--default
    .select2-selection--multiple {
    background: #fff !important;
    border: 1px solid #0e2039 !important;
}

.light-color
    div#setReminderModal
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    color: #0e2039 !important;
}

.light-color
    div#setReminderModal
    li.select2-search.select2-search--inline
    input {
    color: #0e2039 !important;
}

.light-color
    div#setReminderModal
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice
    span {
    color: #0e2039 !important;
}
.light-color span.select2-dropdown {
    border: 1px solid #0e2039 !important;
}

body.light-color .create-customer-header ul {
    background: #fff;
    border: 1px solid #010d25;
}

body.light-color .create-customer-header ul li {
    color: #010d25;
}

body.light-color .added-child-wrapper ul li {
    background: transparent;
    border-color: #13294d;
}

body.light-color .added-child-wrapper span {
    color: #00a9e0;
}

.order-search-design .select2-container--default .select2-selection--multiple {
    height: 40px;
}

.order-payment-type-search-design
    .select2-container--default
    .select2-selection--multiple {
    height: 40px;
}

.class-details .light-title h6 {
    margin-right: auto;
}

.class-details .light-title a {
    margin-left: 9px;
    margin-right: 0px;
}

.wrapCanfirmModal .pop-align-button button {
    min-width: 120px;
}
#tblProductList a.openInventoryModal {
    color: #adb7be;
    text-decoration: none;
    font-size: 16px;
}

.light-color #tblProductList a.openInventoryModal {
    color: #00a9e0;
    text-decoration: none;
    font-size: 16px;
}
.light-color #leaderboardData span,
.light-color .inventory_creater strong {
    color: #000;
}
.light-color #challengeDetails p {
    color: #00a9e0;
}
.custom-pop-header {
    padding: 0px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.manage-business-add-new span {
    margin: 17px 0px 0px 10px;
}

.manage-business-add-new {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.manage-business-address ul {
    border-radius: 5px;
    border: 1px solid #fff;
    background: #02102d;
    overflow: hidden;
}

.manage-business-address ul li {
    color: #fff;
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.manage-business-address ul li:last-child {
    border: none;
}

.manage-business-address ul li:nth-child(even) {
    background: #010d25;
}

.manage-unavailibility .time-container {
    border-radius: 5px;
    border: 1px solid #fff;
    background: #02102d;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    padding: 15px 0px;
    margin-left: 0px;
    margin-bottom: 12px !important;
}

.light-color .manage-business-address ul,
.light-color .manage-business-address ul li:nth-child(even) {
    background: #fff !important;
}

.light-color .manage-business-address ul li {
    color: #353531;
    border: 1px solid #cccccc80;
}
.employee-permission-accordion-title sub {
    color: #00a9e0;
    font-size: 16px;
    bottom: 0px;
}
.add-cstomer-buttons button.btn-hover {
    border-radius: 5px;
    padding: 6px 30px;
    margin: 0px !important;
}

ul#addressLists label {
    width: calc(100% - 128px);
    height: max-content;
}

.address-add-changes .addNewAddress {
    margin-left: auto !important;
    display: inline-block;
}

.address-add-changes label {
    margin-right: auto;
}

.address-add-changes {
    display: flex;
    flex-wrap: wrap;
}
div#manageAddressModel:before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
    position: fixed;
    backdrop-filter: blur(5px);
}

@media (max-width: 767px) {
    .custom-pop-header {
        padding: 0px 15px;
        flex-wrap: wrap;
    }
}

.add-new-spot:hover {
    color: #49fca8 !important;
}
.add-new-spot {
    color: #49fca8;
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
    display: block;
    cursor: pointer;
}
.more-guardian-row.plus-delete-i .fa-plus {
    font-size: 22px;
    display: inline-flex;
    margin-top: auto;
    color: #00a9e0;
    cursor: pointer;
    padding-top: 16px;
    margin-left: 5px;
}

.more-guardian-row.plus-delete-i .fa-trash-o {
    font-size: 22px;
    display: inline-flex;
    color: #ff0909;
    cursor: pointer;
    margin-left: 5px;
}
body.light-color .row.guardian-row.align-items-center:before {
    border-color: #00a9e0;
}

@media (max-width: 1200px) {
    .row.guardian-row.align-items-center {
        margin-bottom: 20px;
        position: relative;
    }
    .row.guardian-row.align-items-center:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 15px;
        right: 15px;
        border-bottom: 0.5px solid rgb(255, 255, 255, 0.6);
        bottom: 0px;
    }
}

.row.guardian-row .more-guardian-row.plus-delete-i {
    margin-top: 45px;
    padding: 0px;
    margin-bottom: 10px;
}
.row.guardian-row .more-guardian-row.plus-delete-i i {
    padding: 0px;
}
.row.guardian-row.guardian-java .more-guardian-row.plus-delete-i {
    margin-top: 8px;
    margin-bottom: 10px;
}
.add-cstomer-buttons button#cancelEventBtn {
    color: #fff !important;
    font-weight: 600;
}
@media (max-width: 767px) {
    .row.guardian-row.align-items-center .col-md-2 {
        margin-bottom: 20px;
    }
    .row.guardian-row.align-items-center .more-guardian-row.plus-delete-i {
        margin-top: 0px;
    }

    .more-guardian-row.plus-delete-i i.fa.fa-plus.add-guardian {
        position: static;
    }
    .row.guardian-row .more-guardian-row.plus-delete-i {
        margin-top: 10px;
    }

    .create-customer-header ul.under-18 + .add-child-btn {
        margin-top: 10px;
    }

    .create-customer-header ul {
        margin-left: 15px;
    }
}

@media (max-width: 445px) {
    .create-customer-header ul {
        margin-left: 0px;
    }
}

.order-source-filter.select2-container--open .select2-dropdown--below {
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    top: 0px;
    right: 0px !important;
    width: 100%;
    max-width: 200px;
    left: 0px;
    margin-left: 78px;
}

.order-payment-type-filter.select2-container--open .select2-dropdown--below {
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    top: 0px;
    right: 0px !important;
    width: 100%;
    max-width: 200px;
    left: 0px;
    margin-left: 78px;
}

.manage-my-profile-content .store-profile-detials-bottom ul li {
    width: 100%;
}
div#ConfirmationModal .modal-dialog {
    max-width: 542px;
}

/* -5-12-24 */

.page-body.manage-consumer-address-new .static-accordion-repeat {
    display: flex;
    align-items: flex-start;
}

.page-body.manage-consumer-address-new
    .static-tital
    label.accordion-label:before {
    display: none;
}

.page-body.manage-consumer-address-new
    .static-tital
    label.accordion-label:after {
    display: none;
}

.page-body.manage-consumer-address-new .static-tital label.accordion-label {
    padding: 0px;
}

.manage-consumer-address .static-accordion-repeat.card-details .static-data {
    padding-left: 0px;
}
/*
.page-body.manage-consumer-address-new  .static-accordion-repeat .static-check-box label {
    padding: 27px 20px 0px 0px;
} */

.page-body.manage-consumer-address-new .static-tital {
    width: 100%;
}

.manage-consumer-address.manage-consumer-address-new
    .css-checkbox:checked
    + label::after {
    top: 18px;
}
.manage-consumer-address .css-checkbox + label::before {
    top: 14px;
}

div#registeredAttendees {
    max-height: 500px;
    overflow: auto;
}

div#registeredAttendees::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

div#registeredAttendees::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

div#registeredAttendees::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

div#registeredAttendees thead {
    left: 0px;
    top: -1px;
    position: sticky;
    z-index: 999;
}

.order-payment-type-filter span.select2-dropdown {
    width: max-content !important;
}

.order-payment-type-filter.select2-container--default
    .select2-results
    > .select2-results__options
    li {
    padding: 6px 10px;
}

.order-payment-type-filter.select2-container--open .select2-dropdown--below {
    overflow: hidden;
}

.order-payment-type-filter.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.order-payment-type-filter.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.order-payment-type-filter.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.order-payment-type-filter .select2-results__option:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    background: transparent;
}

.order-payment-type-filter.select2-container--default
    .select2-results
    > .select2-results__options
    li:hover {
    background: transparent;
}

.order-payment-type-filter .select2-results__option {
    position: relative;
    cursor: pointer;
}

.order-payment-type-filter.select2-container--default
    .select2-results
    > .select2-results__options
    li.select2-results__option.select2-results__option--highlighted {
    color: #fff;
}

.order-payment-type-filter
    .select2-results__option[aria-selected="true"]:after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 14px;
    top: 10px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.card-body .custom-order-search-date #btnUpdateOrderReport {
    margin-left: 10px !important;
}

.card-body .custom-order-search-date {
    margin-top: -10px;
}

.wait-list-main li {
    padding: 3px 10px 3px 10px;
    background: #0e2039;
    color: #fff;
    margin-bottom: 5px;
    width: 100% !important;
    height: 36px !important;
    border-radius: 0px !important;
}

.wait-list-main li span {
    filter: brightness(10000) grayscale(1);
}

body.light-color.modal-open .wait-list-main li {
    color: #010d25;
    background: #fff;
}
body.light-color.modal-open .wait-list-main li span {
    filter: none;
}

.css-checkbox + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    box-shadow: none;
}

.css-checkbox:checked + label::after {
    top: 4px;
    left: 4px;
}
.css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 4px;
    text-align: center;
    background-color: transparent;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #49fca8;
}

.employee-permission-accordion-title input.css-checkbox {
    display: none;
}
.css-checkbox + label::before {
    position: absolute;
    top: 0px;
    left: 0px;
}

div#viewCustomerDetails .modal-dialog.modal-xl.full_customer_details {
    max-width: 1000px;
}

div#tblCustomersList_wrapper > div:nth-child(2) > div {
    width: 1200px;
    overflow: auto;
}

.custom-search-dash-head
    .select2-container--default
    .select2-search--inline
    .select2-search__field {
    width: 100% !important;
    margin: 0px;
    min-height: 38px !important;
}

.custom-search-dash-head .select2-container .select2-search--inline {
    float: inherit;
}

.custom-search-dash-head
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered {
    padding: 0px;
}

.light-color
    .custom-search-dash-head
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li {
    margin: 0px !important;
}
.light-color .custom-search-dash-head .order-search-design > div,
.light-color .custom-search-dash-head .order-payment-type-search-design > div {
    width: 101px !important;
    border-radius: 7px;
    background: #c7c7c7;
}

.light-color .order-source-filter .select2-results__option:before {
    border-color: #00186c;
}

.light-color .order-search-design > div:before {
    filter: grayscale(1);
    z-index: 999;
}
.light-color .order-payment-type-search-design > div:before {
    filter: grayscale(1);
    z-index: 999;
}

.light-color .report-date-buttons span {
    color: #353531;
}

.technology-fee {
    margin: 0px -5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.table-responsive.custom-product-service tr td a.remove-amount,
.quick-sale-page-content .amount-due-section a.remove-amount {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    border-radius: 100%;
    line-height: 15px;
    font-size: 17px;
    color: #f60202;
    cursor: pointer;
}
.table-responsive.custom-product-service tr td a.remove-amount:hover,
.quick-sale-page-content .amount-due-section a.remove-amount:hover {
    color: #f60202;
}

.light-color
    .pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    > li.pcoded-hasmenu.pcoded-trigger
    .pcoded-submenu
    li.pcoded-hasmenu.pcoded-trigger
    > a:after,
.light-color
    .pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    > li.pcoded-hasmenu.pcoded-trigger
    > a:after {
    color: #00a9e0;
}

.light-color
    .pcoded
    .pcoded-navbar[navbar-theme="theme1"]
    .pcoded-item
    > li.pcoded-hasmenu
    .pcoded-submenu
    li.pcoded-hasmenu:hover
    > a:after {
    color: #00a9e0;
}
table#payment-table .money-optoin {
    border: none;
    background: transparent !important;
}

.calendar-top-search-bar span.select2 {
    min-width: 300px !important;
    width: max-content !important;
}

.calendar-top-search-bar
    span.select2
    span.select2-selection.select2-selection--single
    > span {
    padding-right: 20px;
}

.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.new-events-list-for-calender-top {
    background-color: transparent !important;
    margin-bottom: 0px !important;
}
.new-events-list-for-calender-top .card-body {
    background-color: #010d25;
    border: 1px solid #4a4a4a;
}
ul.customer_event_list li {
    display: flex;
}
.event_tr_head {
    background: #425570;
    font-weight: bold;
}
.event_tr_head td {
    color: #fff;
}

/* .event-title-s {
    width: calc(100% - 290px);
}

.event-date-s {
    width: 130px;
} */

.event-p-status {
    /* width: 160px; */
    text-align: right;
}
.new-events-list-for-calender-top .card-header {
    padding: 0px;
}
/* .event-p-status {
    display: flex;
    align-items: center;
} */

ul.customer_event_list li > div {
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    padding: 10px;
}

table.customer_event_list {
    width: 100%;
}

.light-color .new-events-list-for-calender-top.card .card-header {
    background: #ffffff !important;
}

.light-color
    .new-events-list-for-calender-top.card
    .card-header
    ul
    li
    a.active {
    background: #00a9e0;
    color: #fff;
}

body.light-color .new-events-list-for-calender-top .card-body {
    background: #fff;
    border: 1px solid #dddddd;
}

.new-events-list-for-calender-top .card-body table tr td {
    border: 1px solid #353531;
    padding: 0px 5px;
}

.new-events-list-for-calender-top {
    box-shadow: none;
    border-radius: 0px;
}
.light-color .new-events-list-for-calender-top .enrolled,
.light-color .new-events-list-for-calender-top .enrolled:hover {
    color: #353531 !important;
}

.light-color .col-auto.calendar-top-search-bar > span:first-child {
    color: #353531;
}
.new-events-list-for-calender-top .table-responsive table td:first-child {
    white-space: inherit;
}

.post-details-new.new-events-list-for-calender-top ul.nav.nav-pills li {
    white-space: inherit;
}
table.customer_event_list {
    min-width: 400px;
}
.col-auto.calendar-top-search-bar > span:first-child {
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
}

.new-events-list-for-calender-top .table-responsive {
    max-height: 400px;
    overflow: auto;
}
.new-events-list-for-calender-top .table-responsive table {
    min-width: 600px;
}

.new-events-list-for-calender-top .table-responsive::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
    height: 2px;
}

.new-events-list-for-calender-top .table-responsive::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
    height: 2px;
}

.new-events-list-for-calender-top .table-responsive::-webkit-scrollbar-thumb {
    background-color: #509dc4;
    height: 2px;
}

@media (max-width: 600px) {
    .col-auto.calendar-top-search-bar {
        /* width: 100%; */
        margin-top: 20px;
    }
    .calendar-top-search-bar span.select2 {
        min-width: 200px !important;
    }
    .col-auto.calendar-top-search-bar > span:first-child {
        margin-bottom: 10px;
        display: block;
    }
    .calendar-top-search-bar span.select2 {
        width: 100% !important;
    }
}

body.light-color .money-optoin {
    background: #fff;
    border-color: #cccccc80 !important;
}

body.light-color tr.event_tr_head td {
    color: #fff !important;
}

td.qty-itemes {
    width: 6%;
}
td.disc-itemes {
    width: 17%;
}

table.customer_event_list th,
table.customer_event_list td {
    padding: 0px 5px !important;
}
table.customer_event_list th {
    border: 1px solid #606060;
    color: #fff;
}
.post-details-new.new-events-list-for-calender-top
    ul.nav.nav-pills
    li
    a.nav-link.active {
    background: #00a9e0;
    color: #fff;
    border: none !important;
    border-radius: 0px;
}
.post-details-new.new-events-list-for-calender-top ul.nav.nav-pills li a {
    color: #00a9e0;
}
.post-details-new.new-events-list-for-calender-top ul.nav.nav-pills li {
    background: transparent;
    border: 1px solid #00a9e0;
}

.verification-code > img {
    margin: 0 auto 30px auto;
    display: block;
}
.verification-code > h3 {
    margin-bottom: 7px !important;
}
.signup-right div#myTabContent .verification-code > p {
    margin-bottom: 100px;
}
.verification-form {
    display: flex;
    align-items: center;
}
.new-design .verification-form input {
    border-bottom: 2px solid #909090 !important;
    border: none !important;
    border-bottom: 2px solid #909090 !important;
    border-radius: 0px !important;
    margin: 0px 8px;
    font-family: Nunito;
    font-size: 38px;
    font-weight: 500;
    line-height: 51.83px;
    text-align: center;
}
.verification-btn {
    display: flex;
    flex-wrap: wrap;
    margin: 100px -445px 0px -10px;
}
.verification-btn > * {
    width: calc(50% - 20px);
    margin: 0px 10px;
}
body .verification-btn a {
    font-size: 20px;
    font-weight: 600;
    line-height: 27.28px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    min-height: 52px;
    border-radius: 5px;
    border: 2px solid #02102d !important;
    color: #02102d;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 13px 15px;
    text-align: center;
}
.input-group
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
        .valid-feedback
    ):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 5px !important;
    width: 100%;
}

.qr-link
    .input-group
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
        .valid-feedback
    ):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 5px !important;
    width: unset;
}
.reward-history-box {
    padding: 0px !important;
}
.verification-btn .input-group input {
    max-width: calc(100% - 197px);
    margin-right: 12px !important;
}
.not-registered {
    font-family: "Quicksand", sans-serif;
    text-align: center !important;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 24.55px;
    text-align: left;
    color: #02102d;
    margin: 70px auto 0px !important;
    padding: 0px !important;
}
.not-registered a {
    font-size: 18px;
    font-weight: 700;
    line-height: 24.55px;
    text-align: left;
    color: #00a9e0;
    text-decoration: underline;
}

.verification-code.form-content {
    background: #fff !important;
}
.verification-code.form-content h3 {
    text-align: center;
    margin-bottom: 5px;
    font-family: "Quicksand", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 37.5px;
    text-align: center;
}

#waiver_url {
    border-radius: 5px 0px 0px 5px;
    width: inherit !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    z-index: 9999 !important;
}
/* Schedule calendar css code start */
#address-label {
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
}

#address-icon {
    float: left;
    height: 32px;
    width: 32px;
}

#address-description {
    margin: 0;
    padding: 0;
}
.event-search-results {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition:
        visibility 0s,
        opacity 0.2s linear;
    background: #000;
}

.event-search-results.show {
    visibility: visible;
    opacity: 1;
}

.loader {
    display: none;
    text-align: center;
    padding: 10px;
}

a.event-search-items {
    cursor: pointer;
}

.event-search-items {
    color: #fff;
}

table.pay-link-all-items tbody td,
table.hosted-form-all-items tbody td {
    border: 0px;
}

/* Schedule calendar css code end */

.pay-link-all-items ul li,
.hosted-form-all-items ul li {
    width: 40%;
}

.pay-link-all-items ul.pay-link-all-items-data label,
.hosted-form-all-items ul.hosted-form-all-items-data label {
    display: none;
}

.pay-link-all-items ul,
.hosted-form-all-items ul {
    display: flex;
    flex-wrap: wrap;
}

.pay-link-all-items ul li:last-child,
.hosted-form-all-items ul li:last-child {
    width: 20%;
}
.pay-link-listing,
.hosted-form-listing {
    display: flex;
    align-items: flex-end;
}

.pay-link-listing > div,
.hosted-form-listing > div {
    width: 100%;
}

.pay-link-listing > div.plus-field,
.hosted-form-listing > div.plus-field {
    width: 100px;
    margin-bottom: 10px;
}
.pay-list-items-repeat,
.hosted-form-items-repeat {
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    border-radius: 5px;
    overflow: hidden;
}

.pay-list-items-repeat ul li *,
.hosted-form-items-repeat ul li * {
    border: none;
}
.pay-list-items-repeat ul li,
.hosted-form-items-repeat ul li {
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    background-color: #010d25;
}
/* .pay-list-items-repeat ul:last-child li *, .hosted-form-items-repeat ul:last-child li * {
    border-bottom: 0px;
} */

.pay-list-items-repeat ul li div label,
.hosted-form-items-repeat ul li div label {
    display: inline !important;
}
.pay-list-items-repeat ul li div input,
.hosted-form-items-repeat ul li div input {
    display: none;
}

.pay-link-checkbox,
.hosted-form-checkbox {
    padding: 5px 10px;
}

.pay-link-listing span,
.hosted-form-listing span {
    font-size: 22px;
    display: inline-flex;
    margin-top: 2rem;
    color: #00a9e0;
    cursor: pointer;
    margin-left: 10px;
}

.pay-link-listing span.remove-ingredient.clear-item,
.hosted-form-listing span.remove-ingredient.clear-item {
    color: #f60202;
}

.calendar-top-search-first {
    display: inline-block;
    position: relative;
}

.calendar-top-search-first ul#searchResults {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    border: 1px solid #c5c5c5 !important;
    border-radius: 5px;
    padding: 10px;
    max-height: 220px;
    overflow: auto;
    z-index: 99;
    background: #fff;
    padding: 0px;
}

.calendar-top-search-first ul#searchResults li {
    font-size: 14px;
    text-align: left !important;
    width: 100%;
    color: #000;
}

.calendar-top-search-first ul#searchResults::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.calendar-top-search-first ul#searchResults::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.calendar-top-search-first ul#searchResults::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.calendar-top-search-first input {
    min-width: 300px !important;
    width: max-content !important;
}

@media (max-width: 767px) {
    .pay-link-all-items ul li:last-child,
    .hosted-form-all-items ul li:last-child {
        width: 100%;
    }

    .pay-link-all-items ul li,
    .hosted-form-all-items ul li {
        width: 100%;
    }
    ul.pay-link-all-items-head,
    ul.hosted-form-all-items-head {
        display: none;
    }

    .pay-link-all-items ul.pay-link-all-items-data li > label,
    .hosted-form-all-items ul.hosted-form-all-items-data li > label {
        display: block;
        padding: 0px 0px 10px 0px !important;
    }
    .pay-list-items-repeat,
    .hosted-form-items-repeat {
        border: none;
    }

    .pay-list-items-repeat ul li,
    .hosted-form-items-repeat ul li {
        border: none;
    }

    .pay-list-items-repeat ul li input,
    .pay-list-items-repeat ul li select,
    .hosted-form-items-repeat ul li input,
    .hosted-form-items-repeat ul li select {
        border: 0.5px solid rgb(255, 255, 255, 0.6);
        margin-bottom: 10px;
    }
    ul.pay-link-all-items-data,
    ul.hosted-form-all-items-data {
        padding: 15px;
        background: #010d25;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    ul.pay-link-all-items-data:last-child,
    ul.hosted-form-all-items-data:last-child {
        margin-bottom: 0px;
    }

    .pay-link-listing > div.plus-field,
    .hosted-form-listing > div.plus-field {
        width: 75px;
    }
    form#virtualTerminalFrm .all-items-wrap.updated-items-wrapper td {
        width: 100%;
    }
    .money-optoin {
        justify-content: space-between;
    }
    .calendar-top-search-first ul#searchResults strong {
        padding: 5px 10px;
        font-weight: 700;
        color: #000;
        font-size: 15px;
    }

    .calendar-top-search-first ul#searchResults li a:hover {
        background: #00a9e0;
        color: #fff;
    }

    .calendar-top-search-first ul#searchResults li a {
        padding: 5px 15px;
        width: 100%;
        display: block;
    }
}

@media (max-width: 1440px) {
    .calendar-top-search-first input {
        min-width: 200px !important;
        width: 100% !important;
    }

    .calendar-top-search-bar span.select2 {
        min-width: 200px !important;
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .calendar-top-search-bar {
        /* width: 50%; */
        margin-top: 10px;
    }

    .calendar-top-search-bar span {
        /* width: 100% !important; */
        display: block;
    }

    .calendar-top-search-bar * {
        width: 100%;
    }

    .calendar-top-search-bar span.select2 {
        width: 100% !important;
    }
    .col-auto.mr-auto.calender-title {
        width: 100%;
    }
}
.pay-list-items-repeat ul li .form-control:focus {
    border: none;
    outline: none !important;
    text-align: inherit;
}

.theme__toggle-wrap {
    transform: scale(0.9);
}

.theme__toggle-wrap span:not(:first-child) {
    display: none;
}

.theme__toggle-wrap span:nth-child(2) {
    display: block;
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(2) {
    display: none;
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(1) {
    transform: scale(0.8);
}

.pay-link-listing-after-click .pay-list-items-repeat.dynamic-field,
.hosted-form-listing-after-click .hosted-form-items-repeat.dynamic-field {
    display: flex;
    flex-wrap: inherit;
}
.pay-link-listing-after-click .pay-list-items-repeat.dynamic-field > ul,
.hosted-form-listing-after-click .hosted-form-items-repeat.dynamic-field > ul {
    width: 100%;
}
.pay-link-listing span,
.hosted-form-listing span {
    margin: 10px;
}
.pay-list-items-repeat ul li input,
.hosted-form-items-repeat ul li input {
    border: none !important;
}

.pay-link-listing.pay-link-listing-after-click.mb-4 .pay-list-items-repeat,
.hosted-form-listing.hosted-form-listing-after-click.mb-4
    .hosted-form-items-repeat {
    border: none;
}

.pay-link-listing.pay-link-listing-after-click
    .pay-list-items-repeat
    ul.pay-link-all-items-data
    li:first-child,
.hosted-form-listing.hosted-form-listing-after-click
    .hosted-form-items-repeat
    ul.hosted-form-all-items-data
    li:first-child {
    border-radius: 5px 0px 0px 5px;
    overflow: hidden;
}

.pay-link-listing.pay-link-listing-after-click
    .pay-link-all-items
    ul
    li:last-child,
.hosted-form-listing.hosted-form-listing-after-click
    .hosted-form-all-items
    ul
    li:last-child {
    border-radius: 0px 5px 5px 0px !important;
}

form#frmAddEditPayLinks .payment_action,
form#frmAddEditHostedForm .payment_action {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

form#frmAddEditPayLinks .payment_action > div,
form#frmAddEditHostedForm .payment_action > div {
    margin-right: 15px;
}

.pay-link-copycode .modal-dialog,
.hosted-form-copycode .modal-dialog {
    max-width: 800px;
    width: 100%;
}

.pay-link-copycode .modal-header,
.hosted-form-copycode .modal-header {
    margin-bottom: 20px;
}

.paylink-link-inner,
.hosted-form-link-inner {
    position: relative;
    padding-right: 95px;
}

.paylink-link-inner input,
.hosted-form-link-inner input {
    border: 1px solid #cccccc80;
    border-radius: 5px 0px 0px 5px;
}

.paylink-link-inner button,
.hosted-form-link-inner button {
    font-family: Nunito;
    font-weight: 500;
    font-size: 15px;
    line-height: 20.46px;
    letter-spacing: 0px;
    text-align: center;
    padding: 9px 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0px 5px 5px 0px;
}

.paylink-link-inner input,
.hosted-form-link-inner input {
    width: 100%;
    padding-left: 10px;
}

.red-text-bold {
    color: #f30404;
    font-weight: bold;
}
.green-text-bold {
    color: #40f4a4;
    font-weight: bold;
}
input#affiliate_url {
    width: 100%;
}
.additional-fields {
    display: flex;
    align-items: center;
}

.additional-fields span#add-field {
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left: 18px !important;
}
/* .add-attendee ul li label {
    margin-left: auto;
} */

.add-attendee ul li label:before {
    width: 20px;
    height: 20px;
    top: 6px;
}

.add-attendee ul li label:after {
    width: 8px;
    height: 15px;
}

.add-attendee ul li .css-checkbox:checked + label::after {
    width: 12px;
    height: 12px;
    top: 10px;
}

.add-attendee ul li label {
    padding: 11px 14px;
}

.add-attendee ul li > span {
    margin-right: auto;
}

ul#show_attendeelist .attendee_waiver {
    background: transparent;
    box-shadow: none !important;
    border: none;
}

.light-color .pay-list-items-repeat ul li,
.light-color .hosted-form-items-repeat ul li {
    background: #fff;
    color: #fff;
}
.light-color .pay-list-items-repeat ul li,
.light-color .hosted-form-items-repeat ul li {
    border: 0.5px solid #ccc;
}
.light-color .paylink-link-inner button,
.light-color .hosted-form-link-inner button {
    background: #353531 !important;
    color: #fff;
}

span.theme__toggle-wrap input:checked + span svg:last-child {
    background: transparent;
}

.light-color span.theme__toggle-wrap input:checked + span svg:last-child {
    background: #fff;
    fill: #ccc;
    color: #ccc;
}

span.theme__toggle-wrap input + span svg:last-child {
    fill: #fff;
    color: #fff;
}
.theme__icon {
    position: absolute;
    inset: 0px;
    background: red;
    border-radius: 100px;
}

.theme__toggle input:checked + span {
    background-color: red;
}

.theme__icon {
    position: absolute;
    inset: 0px;
    background: #fff;
    border-radius: 100px;
}

.theme__toggle-wrap span.theme__icon {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
}

.theme__toggle-wrap span.theme__icon input:checked + span:before {
    inset: 0px;
    background: red;
    position: absolute;
}

span.theme__toggle-wrap input:checked + span svg:first-child {
    fill: #fff;
    color: #fff;
    background: #00a9e0;
}

span.theme__toggle-wrap input + span svg:first-child {
    fill: #ccc;
    color: #ccc;
    background-color: transparent;
}

.main-body a.disabled {
    pointer-events: none;
    cursor: default;
}
.btn-info.disabled,
.btn-info:disabled,
.btn.disabled,
.btn:disabled {
    cursor: not-allowed !important;
}

.light-color .payment-details-card .payment-btn,
.light-color .money-optoin ul li,
.light-color button.color-12 {
    background: #ffffff !important;
    color: #68707c !important;
    border-color: #68707c;
}
.light-color .money-optoin ul li.active {
    background: #00a9e0 !important;
    color: #fff !important;
    border-color: #00a9e0;
}

.light-color ::placeholder {
    color: #353531 !important;
}

.light-color ::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #353531 !important;
}

.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .profile-notification.business-user-profile-notification
    li
    img {
    width: 20px;
    object-fit: contain;
    background: transparent;
}

.product-address-details-order table#payment-table tr td p {
    display: inline;
    margin-left: 10px;
}

.guest-event.pass-member-selection p {
    color: #fff;
    margin: 0px;
}

.light-color .guest-event.pass-member-selection p {
    color: #353531;
    margin: 0px;
}

.add-even-guest {
    display: flex;
}
div#passOption input {
    display: none;
}

/* calendar-filter pop-up */

div.common-multiselect
    .select2-container--default
    .select2-selection--multiple {
    background: #0e2039;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    float: none;
}
div.common-multiselect li.select2-search.select2-search--inline {
    display: block;
    width: 100%;
    background: red;
    background: #010d25 !important;
    font-size: 14px !important;
    display: block !important;
    padding: 0px;
    line-height: normal;
    background-clip: padding-box !important;
    height: auto !important;
    border-radius: 5px !important;
    width: 100% !important;
    border: 1px solid rgb(102 108 120) !important;
    color: #fff !important;
    font-weight: 400 !important;
    max-height: 40px;
    margin-top: 10px;
}
div.common-multiselect
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    > li:last-child {
    order: 1;
    margin: 0px;
}
div.common-multiselect
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    > li {
    order: 2;
}
div.common-multiselect li.select2-search.select2-search--inline input {
    width: 100% !important;
    height: 30px;
    padding: 0px 10px;
    min-height: 30px !important;
    margin: 0px !important;
}
div.common-multiselect
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background: transparent;
}
div.common-multiselect
    .select2-container--default
    .select2-selection--multiple {
    border: 0.5px solid rgb(255, 255, 255, 0.6) !important;
}
div.common-multiselect
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
}
.select2-container--default .select2-selection--multiple {
    border: 0.5px solid rgb(255, 255, 255, 0.6) !important;
    padding: 5px 5px 10px 5px;
}
div.common-multiselect
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__clear {
    display: none !important;
}
div.common-multiselect
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover {
    color: #fff;
}
.light-color
    div.common-multiselect
    .select2-container--default
    .select2-selection--multiple {
    background: #fff !important;
    border: 1px solid #0e2039 !important;
}
.light-color
    div.common-multiselect
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    color: #0e2039 !important;
}
.light-color
    div.common-multiselect
    li.select2-search.select2-search--inline
    input {
    color: #0e2039 !important;
}
.light-color
    div.common-multiselect
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice
    span {
    color: #0e2039 !important;
}
.light-color span.select2-dropdown {
    border: 1px solid #0e2039 !important;
}

.col-auto.calender-top-icons button.btn.btn-info {
    padding: 8px 10px;
    margin: 0px !important;
}
.calender-top-icons i {
    color: #fff;
}

.calender-top-icons span {
    color: #fff;
    font-weight: 400;
    margin-left: 10px;
    font-size: 18px;
}

/* .event-filter-wrapper {
    position: relative;
    margin-right: 30px;
} */

.event-location-drop {
    position: relative;
    margin-right: 18px;
}

.calender-event-location-drop {
    position: absolute;
    right: 0px;
    z-index: 999;
    padding: 20px;
    backdrop-filter: blur(12px);
    border-radius: 10px;
    background: #6b6b6b40;
    min-width: 300px;
    top: 64px;
    display: none;
}
.calender-event-location-drop form {
    margin-bottom: 0px;
}
.calender-event-location-drop:before {
    content: "";
    position: absolute;
    top: -29px;
    right: 8px;
    width: 0px;
    height: 0px;
    border: 15px solid transparent;
    border-bottom-color: #253346;
}
.calender-event-location-drop a {
    background: transparent;
    margin-top: 20px;
    width: 100%;
    border: 1px solid #00a9e0;
    border-radius: 7px;
    color: #00a9e0;
    font-family: Quicksand;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    cursor: pointer;
    display: block;
}

.col-auto.calender-top-icons {
    display: flex;
}

.calender-event-location-drop .css-checkbox + label {
    height: auto;
}

.calender-event-location-drop .css-checkbox + label {
    font-family: Quicksand;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    vertical-align: middle;
}
.calender-event-location-drop .css-checkbox + label::before {
    top: -2px;
}
.calender-event-location-drop .css-checkbox + label::after {
    top: 2px;
}

.check-event-group {
    margin-bottom: 10px;
}

.check-event-group:last-child {
    margin: 0px;
}

.check-event-group:last-child label {
    margin: 0px;
}
.filter-check {
    max-height: 200px;
    overflow: auto;
    padding: 10px 0px;
}

.filter-check::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.filter-check::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.filter-check::-webkit-scrollbar-thumb {
    background-color: #509dc4;
}

.light-color .calender-event-location-drop:before {
    border-bottom-color: #dadada;
}

@media (max-width: 1292px) {
    .calender-event-location-drop {
        /* right: auto;  */
        /* right: -255px; */
        right: 0px;
    }
    .calender-event-location-drop:before {
        /* left: 9px;  */
        left: 260px;
    }
}

@media (max-width: 1200px) {
    .col-auto.calender-top-icons {
        margin-top: 15px;
    }
    .customersevent p a.openAddGuestModal {
        color: #49fca8 !important;
        font-size: 16px;
        font-weight: bold;
    }
}

#calendar-filter
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice
    span {
    color: #ef0808;
    font-size: 22px;
    padding: 4px;
    display: inline-block;
}
#calendar-filter li.select2-selection__choice {
    width: 100%;
}
.customersevent p a.openAddGuestModal {
    color: #49fca8 !important;
    font-size: 16px;
    font-weight: bold;
}

/* Hide the checkbox for the divider */
.select2-results__option[aria-disabled="true"] {
    border: none;
    border-top: 1px solid;
    margin: 7px 8px -6px 8px;
    display: flex !important;
    justify-content: center;
    pointer-events: none;
}

/* Prevent the divider from being selected */
.select2-results__option[aria-disabled="true"]::before {
    display: none !important;
}
.custom-order-search-date.custom-order-search-date-top {
    margin: 0px 5px 0px 0px;
}

.custom-order-search-date.custom-order-search-date-top .report-date-buttons {
    margin: 0px;
}
.custom-table-responsive .table-bordered th[aria-label="Action"] {
    min-width: 200px;
}
.custom-search-dash-head {
    flex-wrap: wrap;
}

.custom-search-dash-head > * {
    margin-bottom: 10px;
}

.search-with-dropdown {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.search-with-dropdown > .select2 {
    max-width: 200px;
    margin-left: 10px;
}
.search-with-dropdown > span {
    color: #00a9e0;
    font-size: 16px;
}

table#viewDetails {
    min-width: 500px;
}
.hosted-payment-form label {
    word-break: break-word;
}

@media (max-width: 1236px) {
    .col-auto.calender-top-icons {
        margin-left: auto;
        margin: 15px 0px 0px auto;
    }

    .col-auto.calender-top-icons > * {
        padding-right: 0px;
    }
    .tech-fee-type-repeat {
        width: 50%;
    }
}

@media (max-width: 1200px) {
    .col-auto.calender-top-icons {
        margin-top: 15px;
    }
    .customersevent p a.openAddGuestModal {
        color: #49fca8 !important;
        font-size: 16px;
        font-weight: bold;
    }
    .custom-order-search-date.custom-order-search-date-top
        .report-date-buttons {
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .col-auto.calendar-top-search-bar {
        width: 100%;
    }
    .col-auto.calender-top-icons {
        flex-wrap: wrap;
    }

    .calender-event-location-drop {
        right: -62px;
    }

    .event-filter-wrapper.event-location-drop
        .calender-event-filter-drop.calender-event-location-drop {
        right: -130px;
        left: auto;
    }
    .event-filter-wrapper.event-location-drop
        .calender-event-filter-drop.calender-event-location-drop::before {
        left: auto;
        right: 138px;
    }
    .location-filter-wrapper.event-location-drop
        .location-event-filter-drop.calender-event-location-drop:before {
        right: 70px;
        left: auto;
    }
    .calender-event-location-drop {
        min-width: 260px;
    }
    .table-responsive table td:first-child {
        white-space: inherit;
    }
    .schedule-graph > div {
        margin-bottom: 30px;
    }

    table.table-bordered.dataTable th[aria-label="Action"] {
        min-width: 200px;
    }

    table.table-bordered.dataTable th {
        white-space: pre;
    }

    ul.nav-right {
        position: fixed;
        right: 14px;
        top: 66px;
        width: 289px;
        background: #2f9dd2;
        padding: 10px 0px;
        background: #2f9dd2;
        border: 1px solid #fff;
        border-radius: 10px;
    }

    table.table-bordered.dataTable th {
        white-space: pre;
    }

    ul.nav-right {
        position: fixed;
        right: 14px;
        top: 66px;
        width: 289px;
        background: #2f9dd2;
        padding: 10px 0px;
        background: #2f9dd2;
        border: 1px solid #fff;
        border-radius: 10px;
    }
    .navbar-container.container-fluid {
        padding: 0px;
    }

    .responsive-custom-buttons a button {
        font-size: 15px;
        padding: 10px 15px;
    }
    .responsive-custom-buttons a button i {
        font-size: 14px;
    }

    .top-header-buttons button,
    .top-header-buttons a {
        font-size: 15px;
        padding: 10px 15px;
    }
    .top-header-buttons > a {
        padding: 0px;
    }
    .top-header-buttons button i,
    .top-header-buttons a i {
        font-size: 14px;
    }

    .switchbtn .common-active-inactive-group label:first-child {
        border-radius: 5px;
    }
    .card .sp_table {
        padding: 15px 20px;
    }
    .custom-search-dash-head .dataTables_filter {
        width: 100%;
        margin-bottom: 10px;
    }

    .custom-search-dash-head {
        justify-content: center;
    }
    .responsive-custom-buttons > div {
        margin-top: 0px !important;
    }
    .search-with-dropdown {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tech-fee-type-repeat {
        width: 100%;
    }
    .add-technology-wrapper-main {
        flex-wrap: wrap;
    }
    .manage-shiopping > div {
        width: calc(100% - 30px);
    }

    .modal_content.full_details .post-details-new ul.nav.nav-pills li {
        white-space: inherit;
    }
}

.header-navbar
    .navbar-wrapper
    .navbar-container
    .nav-right
    .user-profile
    .top-profile-pop-icon-design
    img {
    background: transparent;
    max-width: 19px;
    margin-right: 3px;
}

.new-payment-process-box {
    background: #02102d;
    border: 0.5px solid rgb(255, 255, 255, 0.6);
    box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    margin-top: 20px;
}
.light-color .new-payment-process-box {
    background: #fff;
}

.new-payment-process-box .payment-process-box-wrap {
    flex-wrap: wrap;
    padding: 10px;
}

.module-option-container .add-technology-wrapper-main {
    display: flex;
    align-items: center;
}

.module-option-container .add-technology-wrapper {
    border: 1px solid #b9b9b9;
    display: flex;
    flex-wrap: wrap;
    background: #010d25;
    max-width: max-content;
    padding: 10px;
}

.light-color .module-option-container .add-technology-wrapper {
    background: #ffff;
}

.module-option-container .add-technology-wrapper .tech-fee-type-repeat {
    width: 100%;
    border: 0px;
    padding: 0px;
    margin-right: 15px;
}

.fc-event,
.fc-event-dot {
    background-color: #142548;
    opacity: 1 !important;
    color: #49fca8 !important;
    padding: 6px;
}
.fc-event .fc-bg {
    opacity: 1;
    background: #010d25;
    padding: 10px !important;
}

.fc-button-group button {
    border-radius: 0px !important;
    background: red;
    border: none;
    background: transparent;
    box-shadow: none;
    font-family: Quicksand;
    font-weight: 600;
    font-size: 19px;
    line-height: 100%;
    padding: 10px 25px;
    border-radius: 5px;
    overflow: hidden;
    border-top: 2px solid #688392;
    border-bottom: 2px solid #688392;
    height: inherit !important;
    color: #fff;
    text-shadow: none;
}
.fc-button-group button:focus {
    outline: none;
    box-shadow: none;
}

.fc-button-group button {
    border-radius: 5px;
    overflow: hidden;
}
.fc-button-group button.fc-state-active {
    background: #49fca8;
    border-color: #49fca8 !important;
    color: #010d25;
}

.fc-button-group button:first-child {
    border-left: 2px solid #688392;
    border-radius: 5px 0px 0px 5px !important;
}
.fc-button-group button:last-child {
    border-right: 2px solid #688392;
    border-radius: 0px 5px 5px 0px !important;
}

.light-color .fc-button-group button {
    color: #010d25;
    text-shadow: none;
}
.light-color .fc-button-group button.fc-state-active {
    color: #010d25;
    background: #00a9e0;
    border-color: #00a9e0 !important;
}

.light-color .fc-event .fc-bg {
    background: #00a9e0;
}
.light-color .fc-event,
.fc-event-dot {
    color: #fff !important;
}

.quick-sale-page-content .gift-cart-footer.amount-due-section > div {
    justify-content: inherit;
}

.apply-discount .field button {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #49fca8;
    border-radius: 0px 5px 5px 0px;
    font-weight: 700;
    font-size: 15px;
    color: #010d25;
    min-width: 100px;
    text-align: center;
    display: block;
    min-height: 40px;
    border: none !important;
}

.light-color .apply-discount .field button {
    background: #00a9e0;
    color: #ffffff;
}

.light-color .apply-discount .field .removeDiscBtn {
    background: #f60202;
    color: #ffffff;
}

.apply-discount .field .removeDiscBtn {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #f60202;
    border-radius: 0px 5px 5px 0px;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    min-width: 100px;
    text-align: center;
    display: block;
    min-height: 40px;
}

.apply-discount .field {
    position: relative;
}

.apply-discount {
    width: 100%;
}

.form#frmAddEditHostedForm div#dynamic-fields .hosted-form-items-repeat {
    display: flex;
    flex-wrap: wrap;
}
form#frmAddEditHostedForm div#dynamic-fields .hosted-form-items-repeat > ul {
    width: calc(100% - 100px);
}
form#frmAddEditHostedForm
    div#dynamic-fields
    .hosted-form-items-repeat
    > .plus-field {
    width: 100px;
}
div#dropdown-options-section .field {
    display: flex;
    flex-wrap: wrap;
}
div#dropdown-options-section .field input {
    margin-right: 10px;
    width: calc(100% - 60px);
}
div#dropdown-options-section .field a {
    color: #00a9e0;
    margin: 0px 5px;
}

button.refundedbtn {
    background: #6a6a6a;
    border-color: #6a6a6a;
    color: #fff;
    font-size: 16px;
    width: 100px;
    cursor: default;
    border-radius: 3px;
    border: 0px;
    font-weight: bold;
}

button.recurringTransactionRefund {
    font-size: 16px;
    width: 100px;
    background: #00a9e0;
    border-color: #00a9e0;
    color: #fff;
    border-radius: 3px;
    border: 0px;
    font-weight: bold;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .pay-link-all-items ul li:last-child,
    .hosted-form-all-items ul li:last-child {
        width: 30%;
    }
    .pay-link-all-items ul li,
    .hosted-form-all-items ul li {
        width: 35%;
    }
}

@media (max-width: 767px) {
    .pay-link-all-items ul li:last-child,
    .hosted-form-all-items ul li:last-child {
        width: max-content;
    }
    .pay-link-all-items ul li,
    .hosted-form-all-items ul li {
        width: max-content;
    }
    form#frmAddEditHostedForm
        div#dynamic-fields
        .hosted-form-items-repeat
        > .plus-field {
        width: 40px;
    }
    form#frmAddEditHostedForm
        div#dynamic-fields
        .hosted-form-items-repeat
        > ul {
        width: calc(100% - 40px);
    }

    .light-color ul.pay-link-all-items-data,
    ul.hosted-form-all-items-data {
        background: transparent;
        border: 0.5px solid #ccc !important;
    }

    .light-color .pay-link-all-items ul li input,
    .hosted-form-all-items ul li input {
        width: 100%;
        margin-bottom: 10px;
        border: 0.5px solid #ccc !important;
    }

    .light-color .pay-link-all-items ul li,
    .hosted-form-all-items ul li {
        border: none !important;
        width: 100%;
    }
}

.light-color .manage-unavailibility .time-container {
    background: transparent;
    border: 1px solid #cccccc80 !important;
}

.cmn-table-width tr {
    display: flex;
    width: 100%;
}

.cmn-table-width tr td,
.cmn-table-width tr th {
    flex: 1;
}
.cmn-table-width tr td:first-child,
.cmn-table-width tr th:first-child {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}
.filter-attendance-event span {
    margin: 0px 10px 0px 0px;
    padding: 0px !important;
    max-height: max-content;
    display: block;
}
.filter-attendance-event > span {
    margin: 0px;
}
.filter-attendance-event {
    display: flex;
    align-items: center;
}
.report-date-buttons.filter-attendance-event-main {
    justify-content: flex-end;
}
.report-date-buttons.filter-attendance-event-main button {
    margin-left: 15px;
}

.report-date-buttons.filter-attendance-event-main > * {
    margin-bottom: 10px;
}

.filter-attendance-event span.dropdown-wrapper {
    margin: 0px !important;
}

.filter-attendance-event
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 17px !important;
    right: 14px;
}

@media (max-width: 500px) {
    .filter-attendance-event {
        flex-wrap: wrap;
    }
    .filter-attendance-event > span {
        margin-bottom: 10px !important;
    }
    .filter-attendance-event span {
        margin-left: 10px !important;
        margin-right: 0px !important;
    }
}

.event-calender.event-attendee-calender .datepicker.datepicker-inline {
    width: 100%;
    max-width: 270px;
    margin: 0 auto;
}
.event-calender.event-attendee-calender .datepicker.datepicker-inline table {
    width: 100%;
}
.event-calender.event-attendee-calender .datepicker.datepicker-inline table td {
    border-radius: 100% !important;
    border: none !important;
}
.event-calender.event-attendee-calender .not-allowed {
    background: transparent !important;
}
.event-calender.event-attendee-calender .datepicker table tr td.today:hover,
.event-calender.event-attendee-calender .datepicker table tr td.today.disabled,
.event-calender.event-attendee-calender
    .datepicker
    table
    tr
    td.today.disabled:hover,
.event-calender.event-attendee-calender td.day.custom-selected {
    background: #00a9e0 !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* .datepicker table tr td.today{
    background: #49fca8 !important;
    color: #010d25 !important; opacity: 1 !important;
    border-radius: 0px !important;
} */
.event-calender.event-attendee-calender
    .datepicker
    table
    tr
    td.today.custom-selected {
    background: #00a9e0 !important;
    color: #fff !important;
    opacity: 1 !important;
}
.event-calender.event-attendee-calender .allowed-only {
    border-radius: 0px !important;
    border-color: transparent !important;
}

.modal-footer.pt-0.common-buttons-here {
    margin: 0px;
}
/* .datepicker table tr td.day.disabled.not-allowed{
        background: #00a9e0 !important;
    color: #fff !important; opacity: 1 !important;
} */

.event-main-pop-header #dateInput[readonly] {
    background: #010d25;
    width: 257px;
}
.event-main-pop-header .field {
    display: flex;
    align-items: center;
}
.event-main-pop-header i {
    margin-left: 15px;
}
.event-main-pop-header .field i#saveDate {
    color: #49fca8;
}
.modal-header.event-main-pop-header {
    margin-bottom: 10px;
}
.event-main-pop-header .field i#cancelDate {
    color: #f60202 !important;
}
.modal-header.event-main-pop-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: inherit;
}

.modal-header.event-main-pop-header i#editEventDate {
    color: #49fca8;
}
@media (max-width: 991px) {
    .event-main-pop-header #dateInput[readonly] {
        width: 225px;
    }
}

a.attendee_move.mr-2 {
    position: relative;
    z-index: 999;
}

.order-totalchild,
.order-totalguest {
    color: #49fca8;
}
.light-color .order-totalchild,
.light-color .order-totalguest {
    color: #00a9e0;
}