:root {
    --theme: #535588;
    --cs-pink: #F19FAC;
    --cs-app-physical-training: #F3F3F6;
    --vz-input-border: #ced4da;

    --vz-vertical-menu-bg-dark: #535588;
}
[disabled]{
    pointer-events: none;
    opacity: 0.65;
}

.btn.btn-cs-pink {
    background: linear-gradient(170.18deg, #FFAFBC 2.45%, #E18D9A 72.59%);
    color: white;
}

.btn.btn-cs-pink:hover {
    background: linear-gradient(170.18deg, #E18D9A 2.45%, #FFAFBC 72.59%);
}

.text-cs-pink {
    color: var(--cs-pink);
}

.bg-app-physical-training {
    background: var(--cs-app-physical-training);
}

.card, .modal-content {
    border-radius: 0.9375rem;
}

.modal-header, .card-header:first-child {
    border-top-left-radius: calc(0.9375rem - 1px);
    border-top-right-radius: calc(0.9375rem - 1px);
}

.btn, ul.pagination li.paginate_button a.page-link {
    border-radius: 7.5px;
}

.bg-info-subtle {
    background-color: #dff0fa !important;
}

.object-contain {
    object-fit: contain;
}

.align-sub {
    vertical-align: sub;
}

.w-100 {
    font-weight: 100;
}

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

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

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

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

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

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

.rounded-5 {
    border-radius: 5px !important;
}

.rounded-10 {
    border-radius: 10px !important;
}

.rounded-15 {
    border-radius: 15px !important;
}

.rounded-20 {
    border-radius: 20px !important;
}

.rounded-25 {
    border-radius: 25px !important;
}

.rounded-30 {
    border-radius: 30px !important;
}

.rounded-top-left-0 {
    border-top-left-radius: 0px !important;
}
.rounded-bottom-left-0 {
    border-bottom-left-radius: 0px !important;
}

.rounded-top-right-0 {
    border-top-right-radius: 0px !important;
}
.rounded-bottom-right-0 {
    border-bottom-right-radius: 0px !important;
}

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


.form-label {
    margin-bottom: .4rem;
}

.btn {
    padding: 0.6rem 0.9rem;
}

.form-control {
    padding: 0.6rem 0.9rem;
    border-radius: 7.5px;
}


.cardtable.onetd-border.no-padding.table tr td {
    padding: 0px !important;
}

.cardtable.onetd-border.table tr td {
    border: 1px solid var(--vz-border-color) !important;
    border-radius: 0.9375rem !important;
}

table.cardtable.dataTable {
    border-spacing: 0px !important;
}


/* Star Level Of Physical Training */
.level-training-img {
    max-height: 100px;
    height: auto;
}

.action-drop {
    position: absolute;
    right: 10px;
    top: 10px;
}

.action-white-drop {
    background: white;
    padding: 0px 7px 3px 7px;
    display: flex;
    align-items: center;
    line-height: normal !important;
    border-radius: 5px;
    z-index: 1;
}

.action-drop button {
    padding: 0px;
    font-size: 20px;
}

.action-drop i {
    font-size: 17px;
    vertical-align: sub;
}

/* End Level Of Physical Training */


/* ==================================================================
============================ Single image upload dropzone (S)  ====================
================================================================== */
/* dropzone  */
.filedropzone {
    /* height: 230px; */
    /* border: 2px dashed var(--vz-border-color); */
    background: var(--vz-card-bg);
    border-radius: 6px;
    position: relative;
    /* display: block; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}

.fiel-upload-group {
    height: 230px;
    border: 2px dashed var(--vz-border-color);
    background: var(--vz-card-bg);
    border-radius: 7.5px;
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.fiel-upload-group .uploaded-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    flex-direction: column;
}

.fiel-upload-group .needsclick:not(.uploadedvideo) .editbutton, .uploadedvideo .dragtext {
    display: none;
}

.fiel-upload-group .editbutton {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9;
    font-size: 22px;
}

.fiel-upload-group .hw-40 {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
}

.fiel-upload-group .imgupload {
    border-radius: 5px;
}

/* ==================================================================
============================ Single image upload dropzone (E)  ====================
================================================================== */


/* ==================================================================
============================ Multi image upload dropzone (S)  ====================
================================================================== */
.upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload__btn:not(.fileuploaded) {
    min-height: 230px;
}

.upload__box {
    min-height: 100px;
}

.upload__btn {
    width: 100%;
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-align: center;
    min-width: 116px;
    padding: 5px;
    transition: all 0.3s ease;
    /* cursor: pointer; */
    /* border: 1px solid #ced4da; */
    border: 2px dashed var(--vz-border-color);
    background-color: #fff;
    border-radius: 10px;
    line-height: 26px;
    font-size: 14px;
}

.upload__img-box:hover .img-bg:before{
    visibility: visible;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #0000004a;
    border-radius: 15px;
}

.upload__btn-box {
    position: relative;
    margin-bottom: 10px;
}

.upload__img-wrap {
    width: 100%;
    display: none;
    flex-wrap: wrap;
}

.upload__img-box {
    width: 11%;
    padding: 10px;
    min-width: 10%;
}

.upload__img-2-box .upload__img-box {
    width: 50%;
    padding: 10px;
    min-width: 10%;
}

.upload__img-box div {
    /* border: 1px solid var(--theme); */
    border: 1px solid var(--vz-border-color);
}

.upload__btn.fileuploaded label {
    position: absolute;
    right: 2px;
    top: 2px;
    text-align: right;
    width: 35px !important;
    height: 35px;
    background: var(--vz-warning);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.upload__btn.fileuploaded label i {
    font-size: 20px;
    color: white;
}

.upload__img-close {
    width: 34px;
    min-height: 34px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
    background-color: var(--vz-danger);
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
}

.upload__img-box:hover .upload__img-close {
    visibility: visible;
}

.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
    border-radius: 15px;
}

.dragtext {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dragtext i {
    color: #888;
}

.old-img {
    overflow: hidden;
}

.fileuploaded .upload__box_text {
    display: none;
}

.image-close-icon {
    width: 34px;
    min-height: 27px;
    border-radius: 0px 14px 0px 22px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
    background-color: var(--theme);
}

.image-close-icon:after {
    content: '\2715';
    font-size: 14px;
    color: #fff;
}

.profileImages {
    width: 45px;
    height: 45px;
}

.upload__img-close:after {
    content: '\2715';
    font-size: 14px;
    color: #fff;
}

@media (max-width: 1024px) {
    .upload__img-box {
        width: 20%;
        padding: 8px;
    }

    .upload__img-close {
        width: 28px;
        min-height: 25px;
        line-height: 25px;
    }
}

@media (max-width: 992px) {
    .upload__img-box {
        width: 16%;
        padding: 8px;
    }

    .upload__img-close {
        width: 28px;
        min-height: 25px;
        line-height: 25px;
    }
}

@media (max-width: 767px) {
    .upload__img-box {
        width: 20%;
        padding: 6px;
    }

    .upload__img-close {
        width: 28px;
        min-height: 25px;
        line-height: 22px;
    }
}

@media (max-width: 576px) {
    .upload__img-box {
        width: 33.33%;
        padding: 4px;
    }

    .upload__img-close {
        width: 25px;
        min-height: 25px;
        line-height: 25px;
    }
}

/* ==================================================================
============================ Multi image upload dropzone (E)  ====================
================================================================== */


/* .nutrition-card-guide{
    overflow: hidden;
}
.nutrition-card-guide .nutrition-card-guide-img{
    width: 100%;
    height: 200px;
    min-height: 100%;
    object-fit: cover;
}
.nutrition-card-guide-img-content{
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 30%, rgba(0,212,255,0) 100%);
}
.nutrition-card-guide .nutrition-card-guide-img-sub-content{
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    width: 50%;
    min-width: 190px;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 12px 0px 12px 15px;
    margin-right: 12px;
}
.view-nutrition-guide-details-carousel .carousel .carousel-item{
    background: #F3F3F6;
    padding: 14px;
    border-radius: 10px;
}
.view-nutrition-guide-details-carousel .carousel .carousel-inner img{
    border-radius: 10px;
    height: 350px;
    object-fit: contain;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    filter: brightness(0.5);
} */

/* .td-align-top tbody td{
    vertical-align: top;
} */

.min-w-200px {
    min-width: 200px;
}

.fancybox__content {
    background: transparent;
}

/* Select2 */
.select2-container--default .select2-selection--single {
    border-radius: 7.5px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 7.5px;
}

.select2-container .select2-selection--single {
    height: 40.69px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 40.69px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 22px;
}

.select2-container--open .select2-dropdown--above {
    border: 1px solid var(--vz-input-border);
    border-bottom-width: 0px;
    border-top-left-radius: 7.5px;
    border-top-right-radius: 7.5px;
    overflow: hidden;
}

.select2-container--open .select2-dropdown--below {
    border: 1px solid var(--vz-input-border);
    border-top-width: 0px;
    border-bottom-left-radius: 7.5px;
    border-bottom-right-radius: 7.5px;
    overflow: hidden;
}

.choices__input {
    min-width: 50px !important;
}

.choices__input::-webkit-search-cancel-button {
    display: none !important;
}


.ck.ck-editor__editable_inline {
    padding: 0 0.9rem !important;
}

.ck-button {
    cursor: pointer !important;
}


.trailer-info-table tr:last-child td, .trailer-info-table tr:last-child th {
    border-bottom-width: 0px;
}

.background-transparent {
    background: transparent;
}

.privacy-terms-card {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.privacy-terms-card .bg-primary-subtle {
    /* background: rgb(83 85 136 / 8%); */
    background: linear-gradient(170.18deg, #FFAFBC 2.45%, #E18D9A 72.59%);
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.privacy-terms-card .note-editor.note-frame .note-editing-area .note-editable {
    min-height: calc(100vh - 550px);
}

.privacy-terms-mob-card *{
    width: auto !important;
    max-width: unset !important;
}

.note-toolbar {
    background-color: rgba(var(--vz-light-rgb), 0.75) !important;
    border-color: var(--vz-input-border);
}

.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {
    background-color: rgba(var(--vz-light-rgb), 0.75);
    border-top: 1px solid var(--vz-input-border);
}

.note-editor.note-airframe, .note-editor.note-frame {
    border: 1px solid var(--vz-input-border);
}

.note-btn.active, .note-btn:active {
    box-shadow: unset;
}

.note-btn.active, .note-btn.focus, .note-btn:active, .note-btn:focus, .note-btn:hover {
    border: 1px solid var(--vz-input-border);
    background-color: var(--vz-light) !important;
}

.note-dropdown-item:hover {
    background-color: var(--vz-light);
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
    padding-left: 0px;
    padding-right: 0px;
}

.page-loader-text-dev {
    text-align: center;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    color: #6c757d;
    display: inline-block;
    animation: loader-fadeIn 0.7s forwards;
    opacity: 0;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.page-loader-text-first {
    display: inline-block;
    animation: loader-firstSpan 0.7s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
    /* background: #f28aa3; */
    z-index: 1;
    position: relative;
    color: white;
}

.page-loader-text-center {
    display: inline-flex;
    overflow: hidden;
}

.page-loader-text-second {
    animation: loader-secondSpan 0.7s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
    font-weight: 100;
    z-index: -1;
    display: inline-block;
}

@keyframes loader-fadeIn {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes loader-firstSpan {
    0% {
        transform: translateX(50%);
    }
    60% {
        transform: translateX(50%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes loader-secondSpan {
    0% {
        transform: translateX(-100%);
    }
    60% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

.ani-gray-filter {
    animation: ani-gray-filter 2s infinite;
}


.spinner, .spinner2 {
    display: inline-block;
}

.spinner, .spinner2 {
    animation: spin 1s linear infinite !important;
    -webkit-animation: spin 1s linear infinite !important;
}

/* Define keyframes for the second animation */
@keyframes ani-gray-filter {
    0% {
        filter: grayscale(0);
    }
    50% {
        filter: grayscale(1);
    }
    100% {
        filter: grayscale(0);
    }
}

/* Start SweetAlert */
.swal2-icon {
    background: white !important;
    left: 50% !important;
    position: absolute !important;
    top: 0% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    margin: 0px !important;
    overflow: hidden;
}

div:where(.swal2-container).swal2-center > .swal2-popup {
    padding: 45px 0px 15px 0px;
    width: 25em !important;
    min-height: 110px;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 1.5rem;
    border-radius: 7px;
}

div:where(.swal2-container, .del-swal-md) h2:where(.swal2-title) {
    font-size: 1.4rem;
}

div:where(.swal2-container) .swal2-html-container {
    margin: 0.2em 1.6em 0em 1.6em;
    font-size: 14px;
    color: var(--bs-secondary-color) !important;
}

div:where(.swal2-container) button:where(.swal2-styled, .btn-danger).swal2-confirm {
    background-color: #FA896B;
}

div:where(.swal2-container) button:where(.swal2-styled, .btn-light).swal2-cancel {
    background-color: #F6F9FC;
    color: #000;
}

/* End SweetAlert */

.filepond--drop-label, .filepond--drop-label *{
    cursor: pointer !important;
}

@media (max-width:991px){
    .auth-page-content .card.rounded-top-left-0{
        border-radius: 0px !important;
    }
}
.vector{
    animation: rotation 40s infinite linear;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.datatable-img{
    max-width: 200px;
    width: 100%;
}

.video-up-progress {
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.filter-grayscale-03{
    filter: grayscale(0.3);
}

.select2-selection__rendered:empty {
    display: none !important;
}

.max-h-100{
    max-height: 100%;
}