/* ===== Google Font Import - Poppins ===== */
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
*/
/*div#forgotPasswordModal .modal-footer .btn-primary:hover {
    color: #fff;
    background-color: #36454F !important;
    border-color: #36454F !important;
}*/

nav.add-card-left-side {
    height: 100%;
    width: 264px;
    padding: 20px 14px;
    background-color: var(--panel-color);
    border-right: 1px solid var(--border-color);
    transition: var(--tran-05);
    border-right: 1px solid rgba(138, 150, 163, .25);
    height: 120vh;
	position: fixed;
}
nav.close{
    width: 73px;
}
nav .logo-name {
    width: 42%;
}
nav .logo-image{
    display: flex;
    justify-content: center;
    min-width: 45px;
}
nav .logo-image img {
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 50%;
}

nav .logo-name .logo_name{
    font-size: 22px;
    font-weight: 600;
    color: var(--text-color);
    margin-left: 14px;
    transition: var(--tran-05);
}
nav.close .logo_name{
    opacity: 0;
    pointer-events: none;
}
nav .menu-items{
    margin-top: 0px;
    height: calc(100% - 90px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.menu-items li{
    list-style: none;
}
.menu-items li a {
    display: flex;
    align-items: center;
    height: 45px;
    text-decoration: none;
    position: relative;
    gap: 10px;
}
nav.add-card-left-side .menu-items li {
    list-style: none;
    margin-bottom: 10px;
}

nav.add-card-left-side ul.nav-links {
    padding-left: 20px;
}
.nav-links li a:hover:before{
    content: "";
    position: absolute;
    left: -7px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: var(--primary-color);
}
body.dark li a:hover:before{
    background-color: var(--text-color);
}
nav.add-card-left-side .menu-items li a i {
    font-size: 24px;
    min-width: 45px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
}
nav.add-card-left-side .menu-items li a .link-name {
    font-size: 18px;
    font-weight: 700;
    transition: var(--tran-05);
    color: #000 !important;
	    font-family: 'Nunito';
}
.user-edit-profile-form .form-outline .form-control~.form-label {
    color: #808080;
}

.user-edit-profile-form .form-outline input#birthday {
    margin-top: 20px;
}
.update-fans-profile-birth input#birthday {
    margin-top: 0px !important;
}


nav.close li a .link-name{
    opacity: 0;
    pointer-events: none;
}
.nav-links li a:hover i,
.nav-links li a:hover .link-name{
    color: var(--primary-color);
}
body.dark .nav-links li a:hover i,
body.dark .nav-links li a:hover .link-name{
    color: var(--text-color);
}
.menu-items .logout-mode{
    padding-top: 10px;
    border-top: 1px solid var(--border-color);
}
.menu-items .mode{
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.sub-plan-inner input.form-control:focus {
    box-shadow: none;
}
.menu-items .mode-toggle{
    position: absolute;
    right: 14px;
    height: 50px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.mode-toggle .switch{
    position: relative;
    display: inline-block;
    height: 22px;
    width: 40px;
    border-radius: 25px;
    background-color: var(--toggle-color);
}
.switch:before{
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 15px;
    width: 15px;
    background-color: var(--panel-color);
    border-radius: 50%;
    transition: var(--tran-03);
}
body.dark .switch:before{
    left: 20px;
}
.dashboard {
    position: absolute;
    left: 250px;
    background-color: var(--panel-color);
    min-height: 100vh;
    width: calc(100% - 250px);
    padding: 10px 14px;
    transition: var(--tran-05);
    top: 0;
}
section.dashboard .container {
    max-width: none;
}
nav.close ~ .dashboard{
    left: 73px;
    width: calc(100% - 73px);
}
.dashboard .top{
    position: fixed;
    top: 0;
    left: 250px;
    display: flex;
    width: calc(100% - 250px);
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background-color: var(--panel-color);
    transition: var(--tran-05);
    z-index: 10;
}
nav.close ~ .dashboard .top{
    left: 73px;
    width: calc(100% - 73px);
}
.dashboard .top .sidebar-toggle{
    font-size: 26px;
    color: var(--text-color);
    cursor: pointer;
}
.dashboard .top .search-box{
    position: relative;
    height: 45px;
    max-width: 600px;
    width: 100%;
    margin: 0 30px;
}
.top .search-box input{
    position: absolute;
    border: 1px solid var(--border-color);
    background-color: var(--panel-color);
    padding: 0 25px 0 50px;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    color: var(--text-color);
    font-size: 15px;
    font-weight: 400;
    outline: none;
}
input.submit-btn-add {
    margin-bottom: 25px;
    background-color: #FF008A;
    border: none;
    color: #fff;
    float: right;
    padding: 8px 25px !important;
    border-radius: 50px !important;
}


nav.add-card-left-side li:hover {
    background-color: #f0f0f0; 
    transition: background-color 0.3s ease-in-out;
    color: red !important; 
}

nav.add-card-left-side li:hover a {
    color: #ff5722; 
    text-decoration: none;
}

nav.add-card-left-side li:hover i {
    color: #ff5722;
}


.top .search-box i{
    position: absolute;
    left: 15px;
    font-size: 22px;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    color: var(--black-light-color);
}
.top img{
    width: 40px;
    border-radius: 50%;
}
.dashboard .dash-content{
    padding-top: 50px;
}
.dash-content .title{
    display: flex;
    align-items: center;
    margin: 60px 0 30px 0;
}
.dash-content .title i{
    position: relative;
    height: 35px;
    width: 35px;
    background-color: var(--primary-color);
    border-radius: 6px;
    color: var(--title-icon-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.dash-content .title .text{
    font-size: 24px;
    font-weight: 500;
    color: var(--text-color);
    margin-left: 10px;
}
.dash-content .boxes{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dash-content .boxes .box{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 12px;
    width: calc(100% / 3 - 15px);
    padding: 15px 20px;
    background-color: var(--box1-color);
    transition: var(--tran-05);
}
.boxes .box i{
    font-size: 35px;
    color: var(--text-color);
}
.boxes .box .text{
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    color: var(--text-color);
}
.boxes .box .number{
    font-size: 40px;
    font-weight: 500;
    color: var(--text-color);
}
.boxes .box.box2{
    background-color: var(--box2-color);
}
.boxes .box.box3{
    background-color: var(--box3-color);
}
.dash-content .activity .activity-data{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.activity .activity-data{
    display: flex;
}
.activity-data .data{
    display: flex;
    flex-direction: column;
    margin: 0 15px;
}
.activity-data .data-title{
    font-size: 20px;
    font-weight: 500;
    color: var(--text-color);
}
.activity-data .data .data-list{
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    white-space: nowrap;
    color: var(--text-color);
}
.text-profile p {
    background-color: #bcbfc27a;
    padding: 10px 10px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #FF008A;
    font-size: 18px;
}
.add-dashboard-right .add-card-verify {
    display: flex;
    width: 100%;
    gap: 30px;
}
.add-card-verify .card {
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, .25);
    box-shadow: none;
}
.wallet-credits-right .card {
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, .25);
}
.wallet-credits-right {
    padding-left: 0px;
}

.text-profile p:hover {
    border: solid 2px #FF008A;
}

.text-profile a {
    text-decoration: none;
}

span.new-post-btn-left {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #36454F;
    color: #fff;
    justify-content: center;
    border-radius: 50px;
    height: 45px;
    margin-top: 15px;
}
input#flexCheckChecked {
    padding: 0px 0px;
}
input#flexCheckChecked:focus {
    box-shadow: none;
    padding: 0px 0px;
}
span.new-post-btn-left i.bi.bi-plus {
    font-size: 28px;
    font-weight: 800;
}
span.new-post-btn-left a {
    color: #fff;
    text-decoration: none;
}

.card-header.add-card-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
}
.card-header.add-card-text p {
    margin-bottom: 0px;
    color: #36454F;
    font-weight: 600;
}

.card-header.add-card-text h5 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}

.card-header.add-card-text i.bi.bi-arrow-left {
    color: #000;
}

.card-body.add-card-center-content .form-outline .form-control {
    min-height: auto;
    padding: 0px 11px;
    border: 0;
    background: transparent;
    transition: all .2s linear;
    height: 48px;
    margin-bottom: 26px;
}

h5.card-details-text {
    width: 100%;
    margin-bottom: 20px;
}
.card-body.add-card-center-content .add-card-form input {
    margin-bottom: 0px;
}

.card-body.add-card-center-content a.submit-btn-add {
    background-color: #ff73bf;
    color: #fff;
    float: right;
    padding: 8px 26px;
    border-radius: 50px;
    font-weight: 500;
}

.card-body.add-card-center-content a.submit-btn-add:hover {
    background-color: #ff73bf;
}
.card-body.add-card-center-content .card-form-input {
    display: block;
}

.card-body.add-card-center-content .form-column {
    width: 50%;
}
.payment-mode .payment-method img {
    width: 60px !important;
}
.payment-mode {
    margin-top: 60px;
}
.payment-method img {
    width: 60px;
}
.payment-method {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    padding-bottom: 10px;
}

.payment-mode p {
    text-align: center;
    font-size: 12px;
    width: 80%;
    margin: auto;
}

p.confirm-text input {
    margin-bottom: 0px !important;
}

.check-box-input {
    display: flex;
    gap: 5px;
}
 .check-box-input .form-check-input[type=checkbox]:checked {
    background-image: none;
    background-color: #FF008A !important;
}
.container-fluid.add-card-tab a {
    text-decoration: none;
}

.check-box-input .form-check-input:checked {
    border-color: #ff73bf !important;
}
.card.Latest-trans {
    padding: 22px;
    margin-top: 0;
    box-shadow: none;
    text-align: center;
}
.card-body.funds-add a {
    background-color: #FF008A;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    justify-content: center;
    padding: 10px 0;
    border-radius: 50px;
    margin: 20px 0;
}

.primary-method p {
    margin-bottom: 0px;
}

.no-payment {
    text-align: center;
    padding-top: 20px;
    color: #4c4f5440;
}

.no-payment i {
    font-size: 40px;
}

.no-payment p {
    margin-bottom: 0px;
    font-weight: 500;
}

nav.add-card-left-side .menu-items li a .link-name:hover {
    color: #36454F !important;
}
/*.photos-media.hours-media-add h6.hours-text a:hover {
    color: #36454F !important;
}*/
.card-header.wallet-credit .search-input-group {
    display: flex;
    align-items: center;
}
.card-header.wallet-credit h5.wallet-credit-text {
    margin-bottom: 0px;
}
.card-header.wallet-credit i.bi.bi-search {
    margin-left: -26px;
    color: gray;
}
.card-header.wallet-credit .form-control:focus {
    box-shadow: none;
}
.card-header.wallet-credit input.search-input.form-control {
    padding: 10px 8px;
}

ul.privacy-list {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding-top: 23px;
    padding-left: 0;
}
ul.privacy-list a {
    color: gray;
}

h5.card-title.spotify-text {
    color: gray;
}
    .profile-center-list .three-icons-right-side {
    display: flex;
    align-items: center;
    gap: 20px;
}

.profile-center-list .three-icons-right-side a {
    color: #242529;
    font-size: 22px;
}
div#nav-tab button {
    font-size: 15px;
    color: #000;
}
.profile-center-list {
    padding: 0;
}
div#nav-tabContent .row.nav-profile-inner {
    row-gap: 15px;
}
.model-nav-profile-add img {
    height: auto;
}

.profile-center-list .card-header.add-card-text {
    border-bottom: 0;
    text-shadow: 2px 2px 7px rgb(0 0 0);
}
.profile-bg-img .upload-image {
    align-items: center;
}
.profile-bg-img .select-img input#add_med_Input {
    padding-bottom: 6px !important;
}
.profile-bg-img .select-img input#addInput:hover {
    background: gray;
    color: #ffffff;
    border: 2px solid gray;
}

.profile-bg-img .select-img input#add_med_Input:hover {
    background: gray;
    color: #ffffff;
    border: 2px solid gray;
}

.profile-center-list .card.profile-bg-img {
    border-radius: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0px !important;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: top;
}
.add-post-list .card.profile-bg-img .row.upload-image input {
    padding-bottom: 6px !important;
}
.profile-update img {
    height: 320px;
    object-fit: cover;
    width: 100%;
}
.profile-update-icon img {
    width: 120px;
    height: 120px;
}
.pfl-adj .card-header {
    position: absolute;
    width: 100%;
    padding-left: 15px !important;
}

.profile-center-list .card-header.add-card-text h5 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    color: #fff;
}
.form-select.new-add-state {
    margin-bottom: 25px;
    padding-left: 0;
}
.form-select.city-add-input {
    padding-left: 0px;
}
input#address {
    margin-top: 25px;
}
.card-form-input select.form-control:focus {
    box-shadow: none;
}
.card-form-input select.form-control {
    padding-left: 10px;
    height: 48px;
}
.add-card-verify .card-form-input select.form-control:focus {
    border-color: #3b71ca !important;
    border: solid 2px #3b71ca  !important;
}
.card-form-input select#country {
    height: 48px;
    margin-bottom: 25px;
}

.card-form-input select#country:focus {
    border: solid 2px #3b71ca;
    box-shadow: none;
}
.form-select.new-add-state:focus {
    border: solid 2px #3b71ca !important;
    box-shadow: none;
}

.profile-center-list .card-header.add-card-text i.bi.bi-arrow-left {
    color: #fff;
}
.profile-center-list i.bi.bi-three-dots-vertical {
    border-radius: 50px;
    color: #fff;
    background: transparent;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-center-list i.bi.bi-three-dots-vertical:hover {
    background: #ffffff2b;
}

.edit-profile-sec span.active {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    bottom: 78px;
    left: 78px;
    height: 14px;
    width: 14px;
    background: #00DB75;
    border-radius: 50%;
    border: 2px solid #fff;
}
.edit-profile-sec .profile-right-img {
    margin-top: 0px;
}      

.model-creator-profile-add .row.align-items-center {
    height: 100px;
}
.model-creator-profile-add .profile-right-img {
    height: 100px;
}                                                                                                                                                                  

.card.profile-bg-img.pfl-adj {
    position: relative;
}
.edit-profile-sec p {
    padding: 0px !important;
    border-radius: 100px;
    width: 125px;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #ff008a;
    font-size: 65px;
    background-color: #efefef;
    margin-top: 10px !important;
    margin-bottom: 18px !important;
}
.profile-update {
    position: relative;
}
.camera-add-before i.bi.bi-camera {
    font-size: 40px;
    color: #dad7d7;
    opacity: 0.8;
    cursor: pointer;
    position: absolute;
    top: 26%;
    left: 59px;
    z-index: 9999999;
}
.pro-update-icon i {
    font-size: 40px;
    color: #dad7d7;
    opacity: 0.8;
    position: absolute;
    top: 21%;
    left: 42px;
    z-index: 9999999;
}
.camera-add-before i.bi.bi-camera:hover {
    color: #fff;
}

.logo-update-pro i.bi.bi-camera {
    position: absolute;
    z-index: 999999;
    color: #dad7d7;
    font-size: 40px;
	cursor: pointer;
}
.logo-update-pro i.bi.bi-camera:hover {
    color: #fff;
}

.profile-update-icon {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
}
.profile-left-img.model-pro-inner-img {
    display: flex !important;
    align-items: center;
}
.available-content.profile-available-add {
    padding-top: 70px;
}

.profile-left-img {
    margin: 0 20px;
    display: block !important;
    margin-top: 0;
    position: relative;
}
.profile-edit-inner {
    padding-left: 0px !important;
    position: relative;
}
.drop-list-add {
    display: flex;
    gap: 10px;
    align-items: inherit;
}
.drop-list-add select#options {
    border: solid 1px #aca9a9;
    border-radius: 3px;
}
.drop-list-add select {
    color: #8a96a3 !important;
    border: solid 1px lightgray;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    width: 80px;
	padding: 3px;
}
.drop-list-add select:focus-visible {
    outline: none;
}
.edit-profile-icon {
    border: solid 1px #d9d1d1;
    padding: 8px 15px;
    border-radius: 50px;
    color: #ff008a;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}
.edit-profile-right-tab {
    display: flex;
    align-items: center;
    gap: 0px;
}
.edit-profile-right-tab i.bi.bi-box-arrow-up-right.ms-3 {
    border: solid 1px #d9d1d1;
    padding: 10px;
    border-radius: 50px;
    font-size: 20px;
}

.edit-profile-right-tab i.bi.bi-gear {
    font-size: 16px;
}
.edit-profile-icon span.ms-1 {
    font-size: 14px;
}
span.profile-text-name {
    font-size: 18px;
    font-weight: 600;
}
.edit-profile-right-tab a {
    color: #36454F;
}
.edit-profile-right-tab a:hover {
    color: #36454F;
}
.edit-profile-right-tab a i.bi.bi-box-arrow-up-right.ms-3 {
    border: solid 1px #d9d1d1;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}
.drop-list-add span.text-muted {
    font-size: 15px;
    color: #000 !important;
}
.model-creator-profile-add .profile-right-img {
    margin-top: -25px;
}
button#dropdownMenuButton1 {
    background: none;
    color: #8a96a3;
    font-size: 14px;
    border: none;
    padding-top: 0px;
    padding-left: 0px;
}
.no-posts-show-sec .card {
    box-shadow: none !important;
}
.no-posts-show-sec video.video-player {
    width: 100%;
    height: 200px;
}

.profile-left-img select#avail {
    box-shadow: none !important;
    color: #000 !important;
}

.no-posts-show-sec div#nav-tab {
    justify-content: center !important;
    gap: 10px;
}
div#nav-home img {
    margin: auto;
    display: flex;
}

div#nav-home p {
    text-align: center;
    font-weight: 500;
    color: rgba(138, 150, 163, .4);
    font-size: 20px;
    margin-bottom: 0px;
}

/*.container.add-dashboard-right .col-md-8 {
    margin-right: -20px;
}*/

.add-post-list .card.profile-bg-img input {
    font-size: 13px !important;
    padding-bottom: 0px !important;
    color: #333;
}
a.new-post-btn-add {
    text-decoration: none !important;
}
.form-outline.billing-address-input input#address {
    margin-top: 0;
}
.billing-detail-checkout input#address {
    margin-top: 0px;
}
.billing-detail-checkout select#city {
    margin-top: 25px;
}
.post-add-list-inner .form-outline {
    margin: 30px 28px;
    width: 100%;
    border-radius: 8px;
    border: none;
    height: 48px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
}
.post-add-list-inner div#textfield_error {
    padding-bottom: 20px;
}

.cke_notification_warning {
    background: #c83939;
    border: 1px solid #902b2b;
    display: none;
}

.post-add-list-inner img#imagePreview {
    margin: auto;
    display: flex;
    width: 500px;
    height: 300px;
}

.show-image-banner {
    margin: auto;
}
.post-add-list-inner button#closeBtn {
    background-color: #ff008a;
    border-radius: 0px !important;
}

.post-add-list-inner img#imagePreview {
    padding: 0px !important;
}

.post-add-list-inner .card.profile-bg-img {
    padding-bottom: 15px;
}

div#imagePreviewWrapper {
    margin: auto;
}
img#imagePreview {
    margin: auto;
    display: flex;
    width: 500px;
    height: 300px;
}

/*edit-profile-page-css*/


.preview-image-upload .image-preview img {
    width: 80px;
    height: 80px;
    padding: 0;
}

.preview-image-upload button.btn.btn-danger.btn-sm.position-absolute.top-0.end-0.remove-image {
    padding: 0px 5px;
}

.preview-image-upload .position-relative.image-preview-item {
    float: inline-start;
}
.position-relative.image-preview-item {
    float: inline-start;
}
.position-relative.image-preview-item img.img-thumbnail {
    padding: 0px;
    width: 100px;
    height: 100px;
    margin-left: 15px;
}
.preview-image-upload.new-input-row {
    margin-top: 0 !important;
}
.media-preview-container img {
    max-width: 100px !important;
    height: 80px !important;
    padding: 0px !important;
    width: 100px !important;
    float: inline-start;
}
.media-preview-container button.btn.btn-danger.btn-sm.position-absolute.top-0.remove-media {
    left: 86px;
}
.media-preview img {
    width: 100%;
    height: 150px;
}
.row.upload-form-create-inner .media-preview img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    padding: 0;
    margin-bottom: 15px;
}
.row.upload-form-create-inner button.btn.btn-danger.btn-sm.position-absolute.top-0.remove-media {
    padding: 0px 5px;
    left: 92px;
}
.preview-image-upload input {
    margin-top: 10px;
}

.no-posts-show-sec .tab-content {
    height: 650px;
    overflow: scroll;
}
/*.no-posts-show-sec .tab-content::-webkit-scrollbar  {
    width: 10px;
}*/
.model-nav-profile-add img.img-fluid {
    height: 240px !important;
    width: 350px !important;
    object-fit: cover !important;
    object-position: center;
}
.posts-show-img {
    margin-bottom: 15px;
}
.posts-show-img img {
    margin-bottom: 25px !important;
    width: 200px;
    height: 140px;
    object-fit: contain;
}
.edit-profile-list-left h5.setting-text {
    display: flex;
    align-items: center;
    gap: 18px;
    border-bottom: 1px solid #8a96a340;
    padding: 10px 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.edit-profile-list-left i.bi.bi-arrow-left {
    font-size: 25px;
    color: #000;
}

.user-list-edit-profile ul {
    list-style: none;
    padding-left: 0px;
}
.user-list-edit-profile i.bi.bi-chevron-right {
    color: darkgray;
    font-size: 16px;
}
.user-list-edit-profile a {
    color: #4f4f4f !important;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
}
.edit-profile-sec.container .align-items-center {
    align-items: center !important;
    padding-bottom: 20px;
}

.user-list-edit-profile li {
    border-bottom: 1px solid #8a96a340;
    line-height: 3.1;
    padding-left: 15px;
}

.edit-profile-list-left {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.user-list-edit-profile li:hover {
    background-color: #f0f0f0;
}
.edit-profile-list-right .alert.alert-success {
    width: 96%;
    margin: auto;
    margin-bottom: 22px;
}
.edit-profile-list-right {
    border-left: 1px solid #8a96a340;
    padding-top: 10px;
    padding-left: 0px !important;
}
.edit-profile-text-right {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #8a96a340;
    padding: 5px 15px;
    align-items: center;
    margin-top: -11px;
    padding-right: 0px;
}
.edit-profile-text-right a {
    background: rgb(182 185 187 / 75%);
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
}

.edit-profile-bg-img img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    border: solid 1px #efefef;
    cursor: pointer;
}

nav.add-card-left-side p.edit-profile-logo {
    background-color: #efefef;
    padding: 10px 10px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #FF008A;
    font-size: 25px;
    margin-top: -48px;
    z-index: 999999;
    position: relative;
    margin-left: 15px;
    border: solid 2px #fff;
    cursor: pointer;
    margin-bottom: 25px !important;
}
.logo-update-pro p.edit-profile-logo {
    background-color: #efefef;
    border-radius: 100px;
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #FF008A;
    font-size: 35px;
    margin-top: 0px;
    z-index: 999999;
    position: relative;
    margin-left: 15px;
    border: solid 2px #fff;
    cursor: pointer;
    margin-bottom: 25px !important;
    top: 0px;
}
.logo-update-pro .logo-update-pro-right-side input#username {
    margin-bottom: 20px;
    height: 48px;
}
.logo-update-pro  .logo-update-pro-right-side {
    width: 100%;
}
.logo-update-pro .logo-update-pro-left-side {
    width: 25%;
}

nav.add-card-left-side p.edit-profile-logo:hover {
    border: solid 2px #ff008a;
}

.user-edit-profile-form input {
    height: 48px;
    margin-bottom: 25px;
}

.user-edit-profile-form {
    margin: 0 20px;
    margin-right: 0px;
}

.user-edit-profile-form textarea {
    margin-bottom: 25px;
}
.edit-profile-bg-img {
    position: relative;
}
.edit-profile-bg-img label.upload-icon {
    position: absolute;
    top: 0;
    left: calc(50%);
    right: 0;
    top: 40%;
}
.edit-profile-bg-img i.bi.bi-camera {
    font-size: 40px;
    color: lightgray;
    opacity: 0.8;
    cursor: pointer;
}
.edit-profile-bg-img i.bi.bi-camera:hover {
    opacity: 1;
}

.edit-profile-bg-img input#fileInput {
    display: none;
}

.logo-update-pro p.edit-profile-logo img {
    background-color: #efefef;
    padding: 10px 10px;
    border-radius: 100px;
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #FF008A;
    font-size: 35px;
    margin-top: 0px;
    z-index: 999999;
    position: relative;
    margin-left: 0px;
    border: solid 3px #fff;
    cursor: pointer;
    padding: 0;
    object-fit: cover;
}
.profile-edit-inner .profile-left-img img {
    width: 125px !important;
    height: 125px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #FF008A;
    font-size: 35px;
    margin-top: 0px;
    z-index: 999999;
    position: relative;
    margin-left: 0px;
    border: solid 3px #fff;
    cursor: pointer;
    padding: 0;
    border-radius: 100px;
    object-fit: cover;
}

input#fileInputBg {
    display: none;
}
.logo-update-pro {
    position: relative;
    display: flex;
    width: 100%;
    gap: 40px;
    padding-top: 0;
    padding-bottom: 10px;
}
.logo-update-pro.fan-profile {
    padding-top: 30px;
}

.logo-update-pro i.bi.bi-camera-fill {
    position: absolute;
    left: 40%;
    z-index: 99999999;
    color: #fff;
    font-size: 18px;
    opacity: 0.8;
}
.logo-update-pro i.bi.bi-camera-fill:hover {
   opacity: 1;
}

.subscription-plan-add .sub-plan-inner p {
    margin-bottom: 0;
}
.subscription-plan-add .duration p {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: gray;
    margin: 0;
    font-weight: 500;
    gap: 5px;
}
.card.subscription-plan-add {
    padding: 30px 0;
    width: 97%;
    margin: auto;
    margin-right: 0;
    margin-bottom: 15px;
    padding-top: 30px;
}
.subscription-plan-add .duration button {
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 25px;
}

.subscription-plan-add .duration button:hover {
    background-color: #5c636a;
    color: #fff;
}
.subscription-plan-add button.duration-submit-btn {
    border: none;
    padding: 10px 0;
    width: 20%;
    margin: auto;
    margin-top: 15px;
    border-radius: 5px;
    background-color: #ff008a;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.subscription-plan-add .duration span {
    display: flex;
    border: solid 2px gray;
    border-radius: 5px;
    padding: 8px 0;
    width: 23% !important;
    margin: 0px 24%;
    justify-content: center;
    align-items: center;
}
.subscription-plan-add .duration span:hover {
    background-color: gray;
    color: #fff;
}

.subscription-plan-add {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.subscription-plan-add h5 {
    margin-bottom: 15px;
    color: #212529;
}

.subscription-plan-add .sub-plan-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 0px;
}
.edit-profile-text-right input.btn.btn-secondary:hover {
    background: gray;
    border: solid 2px gray;
}
.subscription-plan-add .duration {
    flex: 1;
    text-align: center;
}

.subscription-plan-add .duration select {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    margin: auto;
    color: #000;
}

form#post_form .payment-option {
    text-align: right;
    display: flex;
    gap: 20px;
    justify-content: right;
    padding-top: 22px;
}
form#post_form label.form-check-label {
    padding-left: 6px;
} 

form#post_form .row.align-items-end.preview-image-upload.new-input-row input {
    width: 100%;
}

div#inputContainer .new-input-row {
    padding-left: 0px !important;
    padding-right: 26px !important;
}

.edit-profile-list-right .duration-submit-btn {
    width: 100%;
    background: #ff008a;
    border: none;
    color: white;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
    width: 20%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*modal-form-page-css*/

.modal-release-form img.sign-form-logo-img {
    width: 35%;
    margin: auto;
    padding: 15px 0;
}

.form-modal-release h1.adult-text {
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    text-decoration: underline;
    color: #000;
    padding-top: 30px;
}
.release-inner-content {
    padding: 50px 20px;
    padding-left: 20px;
}

.right-release-inner p {
    width: 100%;
    color: #000;
    border-bottom: solid 2px;
    margin-bottom: 10px;
    font-size: 18px;
}
.form-add-content {
    display: flex;
    align-items: center;
}

.left-release-inner h4 {
    text-align: left;
    padding-right: 15px;
    font-size: 18px;
    padding-bottom: 0;
    color: #000;
}
.form-add-content.city-content {
    width: 100%;
    margin: auto;
    justify-content: flex-end;
}

p.information-text {
    margin-bottom: 0px;
    padding: 25px 0;
    font-size: 20px;
    color: #000;
}
.modal-initials {
    width: 48%;
    margin: auto;
    justify-content: center;
}
.modal-initials .right-release-inner {
    width: 30%;
}

p.sworn-text {
    margin-bottom: 0px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 35px;
}
p.penalty-text {
    margin-bottom: 0px;
    padding: 30px 0;
    color: #000;
    font-weight: 600;
    font-size: 18px;
}

h3.terms-conditions-text {
    text-align: center;
    padding: 18px 0;
    text-decoration: underline;
    font-size: 22px;
    color: #000;
    font-weight: 700;
}

p.hereby-text {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.modal-initials-second {
    width: 100%;
    justify-content: flex-end;
}
.modal-initials-second .right-release-inner {
    width: 12%;
}
.modal-initials-second h4 {
    color: #000;
}
.photographer .left-release-inner {
    width: 25%;
}
.photographer .right-release-inner {
    width: 28%;
}

p.above-text {
    padding: 20px 0;
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.above-signature {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}
.signature-left p {
    font-size: 17px;
    margin-bottom: 0px;
}
.above-signature {
    display: flex;
    align-items: center;
}
.signature-right h5 {
    font-size: 17px;
    color: #000;
    width: 35%;
    margin-bottom: 0px !important;
}
.signature-right p {
    text-decoration: underline;
    width: 40%;
    color: #000;
    border-bottom: solid 2px;
    margin-bottom: 0px;
    margin-top: 8px;
}

.signature-right {
    display: flex;
    justify-content: end;
}
.form-add-content.city-content .right-release-inner {
    width: 28%;
}

.city-content .left-release-inner {
    width: 104px;
}
.date-photo-video .left-release-inner {
    width: 25%;
}
.form-add-content.photographer.date-photo-video.one {
    padding-top: 30px;
}

.print-name {
    width: 60%;
}
/*.modal-release-form {
    height: 1200px;
    overflow: scroll;
    padding: 0 25px;
}*/
.print-name .right-release-inner {
    width: 50%;
}

.modal-release-form input:focus {
    outline: none;
}
.modal-release-form select:focus {
    outline: none;
}

/*form-2257-page-css*/

.row.upload-form-create-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: self-start;
    padding: 30px 0;
    margin-bottom: 20px;
    box-shadow: none;
}
.plan-detail button.checkout-btn-plan {
    background-color: #FF008A;
    border: none;
    color: #fff;
    float: right;
    padding: 8px 25px !important;
    border-radius: 50px !important;
}

.plan-detail-part {
    padding-top: 25px;
    padding-left: 15px;
}
.plan-detail-part h5 {
    padding-bottom: 15px;
}                   
.plan-detail-part p {
    font-size: 16px;
    color: #4f4f4f;
    margin: 10px 0;
    display: flex;
    /* justify-content: space-between; */
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-right: 15px;
    gap: 90px;
}
.plan-detail-part .plan-detail-row {
    display: flex;
    line-height: 3;
    border-bottom: solid 1px lightgray;
    gap: 100px;
}
.container.card-details-sec {
    padding-left: 0px;
    padding-right: 0px;
}
.add-post-list .card.upload-form-create-inner label.form-label {
    display: block;
}

.add-post-list .card.upload-form-create-inner input.form-control {
    margin-top: 0px;
}

.card.profile-bg-img .upload-input-second {
    margin-top: 56px;
}
.card.profile-bg-img .upload-input-third {
    margin-top: 90px;
}

form#post_form div#inputMediaContainer {
    padding-left: 12px;
    width: 97%;
    margin-top: 8px !important;
}
.card.profile-bg-img .upload-input-four {
    margin-top: 64px;
}
.upload-media-create .upload-input-third {
    padding-left: 0;
}
.upload-media-create .col-md-2.d-flex.align-items-end {
    padding-left: 0;
}

.card.profile-bg-img .pdf-add-content {
    margin: 0px 0;
    border: none !important;
    justify-content: space-between;
}
.card.profile-bg-img .form-control:focus {
    box-shadow: none;
}
.card.profile-bg-img button:focus:not(:focus-visible) {
    box-shadow: none;
}
.row.align-items-end.new-input-media-row.mt-3 {
    margin-top: 0px !important;
    margin-left: -16px;
}
.card.profile-bg-img .image-preview {
    margin-top: 10px;
}
.card.profile-bg-img .media-preview-container {
    margin-top: 10px;
}
.user-edit-profile-form input.text-center.center-block.file-upload.placeholder-active {
    border: 1px solid #bdbdbd;
    height: 48px;
    border-radius: 5px;
    width: 100%;
    padding: 8px;
}
.user-edit-profile-form select {
    height: 48px;
    color: #000;
    box-shadow: none !important;
    border: 1px solid #bdbdbd;
    margin-bottom: 25px;
}
.user-edit-profile-form label.form-label {
    color: #000;
	font-family: 'Nunito';
}
.profile-edit-inner.profile-creator {
    bottom: 80px;
}
div#nav-profile .nav-profile-inner .col-md-4 {
    padding: 8px;
}

.user-edit-profile-form select:focus {
    border: solid 2px #3b71ca; 
}
.user-edit-profile-form input {
    height: 48px;
    margin-bottom: 25px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    padding: 8px;
    width: 100%;
}
.container.upload-form-create button#addInput {
    margin-top: 30px;
    width: 100%;
    font-size: 14px;
}
.container.upload-form-create button.btn.btn-danger.removeInput {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 14px;
}

.card.upload-form-create-inner button#add_med_Input {
    margin-top: 32px;
    width: 100%;
    font-size: 14px;
}
.card.upload-form-create-inner button.btn.btn-danger.removeMedInput {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 14px;
}
.card.profile-bg-img a.d-block.mb-2.create-print-text-right {
    text-align: left;
    display: flex !important;
    width: 57%;
    margin-top: 5px;
}

.card.profile-bg-img span.mandatory.text-danger {
    font-size: 13px;
}
p.bio-sample-writing {
    font-size: 16px;
	color: #000000;
    font-family: 'Nunito';
    padding-top: 15px;
}
p.accepted-file-type {
    padding-top: 3px;
    color: darkgray;
}

.user-edit-profile-form select#state {
    appearance: none; /* Removes default dropdown styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px;
    padding-right: 35px; /* Creates space for the arrow */
    border: 1px solid #ccc; /* Optional: Enhances visibility */
    border-radius: 5px; /* Optional: Rounded corners */
    height: 48px; /* Adjust height to match your design */
}

/*23-4-25 transaction-detail-css*/

button.print-btn-add {
    padding: 5px 30px;
    margin-bottom: 15px;
    margin-top: 5px;
    background: none;
    border: 2px solid gray;
    border-radius: 34px;
}
button.print-btn-add:hover {
    background: gray;
    color: #fff;
}
.card.subscription-two i.bi.bi-eye-fill {
    color: #000;
}                                                       

.profile-left-img.model-pro-inner-img .pro-update-icon i.bi.bi-camera {
    top: 32% !important;
}

.update-profile-post-form .edit-profile-text-right input.btn.btn-secondary:focus {
    background: gray;
    border-color: gray;
}
.preview-image-upload.new-input-row.mt-2.image_section {
    margin-bottom: 10px;
}
.preview-image-upload.new-input-row.mt-2.media_section {
    margin-bottom: 10px;
}

/*23-4-25 transaction-detail-css*/


@media (max-width: 1000px) {
    nav{
        width: 73px;
    }
    nav.close{
        width: 250px;
    }
    nav .logo_name{
        opacity: 0;
        pointer-events: none;
    }
    nav.close .logo_name{
        opacity: 1;
        pointer-events: auto;
    }
    nav li a .link-name{
        opacity: 0;
        pointer-events: none;
    }
    nav.close li a .link-name{
        opacity: 1;
        pointer-events: auto;
    }
    nav ~ .dashboard{
        left: 73px;
        width: calc(100% - 73px);
    }
    nav.close ~ .dashboard{
        left: 250px;
        width: calc(100% - 250px);
    }
    nav ~ .dashboard .top{
        left: 73px;
        width: calc(100% - 73px);
    }
    nav.close ~ .dashboard .top{
        left: 250px;
        width: calc(100% - 250px);
    }
    .activity .activity-data{
        overflow-X: scroll;
    }
}


/*mobile-view-css 26-04-25*/

.logo-update-pro .logo-update-pro-left-side {
    width: 25%;
    position: relative;
}
.update-profile-icons-add {
    position: absolute;
    top: 48px;
    left: 42%;
    right: 0px;
}

div#fileLinkContainer {
    text-align: right;
    width: 71%;
    margin-top: -18px;
}
.form-outline.screen-input-add-top label#screen_name-error {
    color: red;
    padding-left: 5px;
    font-size: 13px;
    margin-top: -28px;
}
.form-outline.screen-input-add-top {
    height: 66%;
}

@media (max-width: 767px) {

nav.add-card-left-side .menu-items li a .link-name {
    transition: var(--tran-05);
    opacity: 1;
}
nav.add-card-left-side {
    height: 100%;
    width: 100%;
    padding: 20px 14px;
    background-color: var(--panel-color);
    border-right: 1px solid var(--border-color);
    transition: var(--tran-05);
    border-right: 1px solid rgba(138, 150, 163, .25);
    height: auto;
    position: initial;
}
.show-subscription-add .card.subscription-one {
    padding-top: 13px;
    margin-top: -50px !important;
}
nav.add-card-left-side .menu-items li a .link-name:hover {
    color: #ff008a !important;
}
.dashboard {
    position: inherit;
    background-color: var(--panel-color);
    min-height: 100vh;
    width: 100% !important;
    padding: 0px;
    transition: var(--tran-05);
    margin-top: 80px !important;
}

nav.add-card-left-side ul.nav-links {
    padding-left: 0px;
}

.container.add-dashboard-right .col-md-8 {
    margin-right: 0px;
    padding: 0px;
    margin-top: -50px;
}
.no-posts-show-sec {
    padding: 11px;
    margin-top: 0px !important;
}
/*.container-fluid {
    padding: 0px !important;
}*/

.profile-left-img.model-pro-inner-img {
    display: block !important;
    align-items: center;
}

.available-content.profile-available-add {
    padding-top: 0px;
}

.no-posts-show-sec {
    margin-top: 50px;
    position: relative;
}

.no-posts-show-sec div#nav-tab {
    justify-content: flex-start;
    gap: 10px;
}

section.dashboard .container {
    max-width: none;
    border: none !important;
}
form#post_form .payment-option {
    text-align: right;
    gap: 20px;
    justify-content: center;
}
.no-posts-show-sec nav {
    width: 100% !important;
}
.card.subscription-two {
    overflow: scroll;
}

.add-card-verify {
    display: block !important;
    padding: 10px !important;
}

.add-card-form input.submit-btn-add {
    border: solid gray 2px;
    background: none;
    color: #212529;
    float: none;
    margin: auto;
    display: flex;
}
.payment-mode {
    margin-top: 25px;
}

.edit-profile-sec.container .align-items-center {
    align-items: center !important;
    padding-bottom: 0px !important;
}

nav .menu-items {
    margin-top: 0px;
    height: auto !important;
}
input#zip-code {
    margin-top: 25px;
}

.card.Latest-trans {
    box-shadow: none;
    margin-top: 20px;
}

.payment-method img {
    width: 48px;
    margin: auto;
}
.payment-method {
    display: flex;
}

.edit-profile-sec.container.model-creator-profile-add {
    margin-bottom: 135px;
}
.card.profile-bg-img.pfl-adj .profile-update img {
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.profile-left-img.model-pro-inner-img img#profileImage {
    width: 100px !important;
    height: 100px !important;
}
.profile-left-img.model-pro-inner-img p {
    width: 100px !important;
    height: 100px !important;
    margin-top: 30px !important;
}
.justify-content-end.edit-pro-add-list {
    justify-content: flex-start !important;
    margin-top: 20px;
}

.model-profile-list-banner {
    width: 100%;
    height: 200px !important;
    object-fit: cover !important;
}
.user-edit-profile-form {
    margin: 0 0px;
    margin-right: 0px;
}
.edit-profile-list-right .edit-profile-text-right {
    padding: 10px 15px !important;
}

.edit-profile-list-right .fan-profile {
    display: block;
    padding: 0 11px;
}

.logo-update-pro .logo-update-pro-left-side {
    width: 100%;
}
.logo-update-pro p.edit-profile-logo {
    width: 100px;
    height: 100px;
    top: 10px;
}

.logo-update-pro p.edit-profile-logo img {
    width: 100px;
    height: 100px;
}

.card.profile-bg-img .card-header.add-card-text {
    padding-top: 10px;
    text-align: center;
    justify-content: center;
}
.card.profile-bg-img .card-header.add-card-text h5 {
    font-size: 25px;
}
.upload-government-issue-input {
    padding-top: 25px;
}

.upload-government-issue-input label#fileLinkContainer {
    padding-bottom: 5px;
}

.user-edit-profile-form input#email {
    margin-bottom: 10px;
}
.add-modal-post-page {
    margin-top: -18% !important;
}
.d-flex.justify-content-between.align-items-center.upload-image-form-sec {
    display: block !important;
    padding: 0px !important;
}
 
h4.media-form-upload {
    padding-left: 0px;
}

.card-details-sec span#expiry-error {
    line-height: 1 !important;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-top: -35px;
    margin-bottom: 20px;
}
.card-details-sec input#exp-date {
    margin-bottom: 45px;
}
form#filter-form .payment-mode p {
    width: 100%;
    margin: auto;
    padding-top: 5px;
    font-size: 13px;
}

.modal-profile-user-edit-form input#fileUpload {
    margin-bottom: 0px;
} 
.modal-profile-user-edit-form input#birthday {
    margin-bottom: 0px;
}

.card.subscription-plan-add {
    width: 100%;
    margin-bottom: 15px;
    padding-top: 18px;
    padding-bottom: 15px;
}
.subscription-plan-add .sub-plan-inner {
    margin-bottom: 0px;
    gap: 10px;
}
.subscription-plan-add .duration span {
    display: flex;
    padding: 5px 0;
    width: 35% !important;
    margin: 0px 24%;
}

.modal-profile-user-edit-form textarea#bio {
    height: auto !important;
}

.update-profile-post-form img#profileImage {
    height: 200px !important;
}
.update-profile-post-form div#fileLinkContainer {
    margin-top: -90px;
}
.update-profile-post-form input#birthday {
    margin-top: 10px;
}
.modal-add-post-add {
    margin-top: -65px;
}

.modal-add-post-add .upload-image-form {
    display: block !important;
    padding-left: 0px;
}
.modal-add-post-add .upload-form-create-inner h4 {
    padding-left: 0px;
}
.card.profile-bg-img a.d-block.mb-2.create-print-text-right {
    display: flex !important;
    width: 100%;
}

.container.upload-form-create button#addInput {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.card.upload-form-create-inner button#add_med_Input {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 10px;
}
.btns-set input.btn.btn-secondary {
    width: 48%;
    margin: auto;
}
.add-post-list .btns-set {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.card.profile-bg-img span.mandatory.text-danger {
    font-size: 13px;
    display: flex;
    margin-top: 10px;
}
.card.upload-form-create-inner button.btn.btn-danger.removeMedInput {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}
form#post_form .txt-infor p {
    line-height: 1.6;
}
div#inputContainer .new-input-row {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

 form#post_form div#inputMediaContainer {
    padding-left: 0px !important;
    width: 100%;
    margin-top: 8px !important;
    padding-right: 0px !important;
}
.align-items-start.preview-image-upload.new-input-row.mt-2.image_section .col-md-5 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.align-items-start.preview-image-upload.new-input-row.mt-2.image_section .col-md-2 {
    padding: 0px;
}

.container.upload-form-create button.btn.btn-danger.removeInput {
    font-size: 14px;
    margin-top: 10px;
}



}



/*mobile-view-css 26-04-25*/

@media (max-width: 780px) {
    .dash-content .boxes .box{
        width: calc(100% / 2 - 15px);
        margin-top: 15px;
    }
}
@media (max-width: 560px) {
    .dash-content .boxes .box{
        width: 100% ;
    }
}
@media (max-width: 400px) {
    nav{
        width: 0px;
    }
    nav.close{
        width: 73px;
    }
    nav .logo_name{
        opacity: 0;
        pointer-events: none;
    }
    nav.close .logo_name{
        opacity: 0;
        pointer-events: none;
    }
    nav li a .link-name{
        opacity: 0;
        pointer-events: none;
    }
    nav.close li a .link-name{
        opacity: 0;
        pointer-events: none;
    }
    nav ~ .dashboard{
        left: 0;
        width: 100%;
    }
    nav.close ~ .dashboard{
        left: 73px;
        width: calc(100% - 73px);
    }
    nav ~ .dashboard .top{
        left: 0;
        width: 100%;
    }
    nav.close ~ .dashboard .top{
        left: 0;
        width: 100%;
    }
}

/*17-03-2025*/
.logo-update-pro-right-side .form-outline textarea.form-control {
    height: auto;
    margin-bottom: 40px;
}
.birthday-input-add input {
    margin-bottom: 0px !important;
    margin-top: 22px;
}
.upload-government-issue-input {
    margin-top: -10px !important;
}
.user-edit-profile-form .form-outline textarea.form-control {
    height: 150px;
}
.no-posts-show-sec div#nav-tab .nav-link.active {
    background: #36454F;
    color: #ffffff;
}

.vc-player .post .post_del {
    top: 20px;
}
.no-posts-show-sec div#nav-tab .nav-link:hover {
    color: #212529;
}
.no-posts-show-sec div#nav-tab .nav-link.active:hover {
    color: #ffffff;
}
.profile-bg-img .card-header {
    background: none;
	padding-left: 0px;
}
.profile-bg-img .cke_top {
    background: none;
}
.profile-bg-img .cke_bottom {
    background: none;
}
.profile-bg-img {
    border: none !important;
    box-shadow: none !important;
}
.profile-bg-img div#cke_bio {
    margin-bottom: 5px;
}
.card.profile-bg-img div#bio_error {
    padding-bottom: 20px;
}
.profile-bg-img .select-img {
    margin-bottom: 25px;
}
.profile-bg-img .multiple-image {
    margin-bottom: 5px;
}
form#post_form .txt-infor p {
    color: #888888;
	font-size: 14px;
}

.btns-set .btn {
    background: none;
    color: gray;
    border: 2px solid gray;
}
.btns-set .btn:hover {
    background: gray;
    color: #ffffff;
	border: 2px solid gray;
}
.btns-set .submit {
    margin-right: 7px;
}
input.btn {
    background: none;
    color: gray;
    border: 2px solid gray;
}

.buy-plans h4 {
    font-size: 15px;
    text-transform: uppercase;
    color: #4f4f4f;
    margin-bottom: 20px;
}
.buy-plans {
    padding: 25px 0px;
	padding-bottom: 5px;
}
.buy-plans .plans {
    color: gray;
    border: 1px solid gray;
    margin-bottom: 15px;
    border-radius: 50px;
    padding: 10px 15px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.buy-plans .plans:hover {
    background: #dfe0e2;
    border: 1px solid #dfe0e2;
}
.desc-short p {
    font-size: 14px;
    width: 100%;
    background: none;
    border: none;
    padding: 0px !important;
    border-radius: inherit !important;
    display: block;
    font-weight: 400;
    color: #000000;
    height: auto;
	line-height: 24px;
}
.edit-profile-sec.container .desc-short p {
    position: relative !important;
    top: 0;
}


/*show-subscription-pag-css*/


.card.subscription-two ul.pagination {
    float: right;
    margin-top: 20px;
    gap: 8px;
}

.card.subscription-two ul.pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.card.subscription-two .add-pagination {
    padding-right: 10px;
}
.card.subscription-two ul.pagination a.page-link {
    color: #000;
}

.show-subscription-add .card.subscription-one {
    padding: 40px 10px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding-top: 10px;
	padding-bottom: 10px;
}
.show-subscription-add tbody, td, tfoot, th, thead, tr {
    padding: 12px;
}

.card.subscription-two tr {
    border-bottom: solid 1px #d7caca !important;
}

.card.subscription-two tr.first-table-row {
    background-color: lightgray;
}
.card.subscription-two tr:hover {
    background-color: #e7e2e2;
}

.user-edit-profile-form input#mobile-number {
    margin-top: 22px;
}
.user-edit-profile-form .select2-selection__rendered {
    line-height: 42px !important;
}
.user-edit-profile-form .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
}

.user-edit-profile-form label.form-label {
    top: 5px !important;
	font-family: 'Nunito' !important;
}
.user-edit-profile-form .form-outline .form-control.active~.form-label, .user-edit-profile-form .form-outline .form-control:focus~.form-label {
    transform: translateY(-1rem) translateY(.1rem) scale(.8);
    top: 0 !important;
}
.user-edit-profile-form .select2-selection--single .select2-selection__rendered {
    color: #808080 !important;
	font-family: 'Nunito';
	font-size: 16px;
}
.edit-profile-text-right h5 {
    font-family: 'Nunito';
    font-weight: 600;
}
.user-edit-profile-form .form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-color: #bdbdbd;
    box-shadow: none;
}
.user-edit-profile-form .form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-color: #bdbdbd;
    box-shadow: none;
	border-top: 1px solid transparent;
}
.user-edit-profile-form .form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-color: #bdbdbd;
    box-shadow: none;
}
.user-edit-profile-form .form-outline .form-control:focus~.form-label {
    color: #808080;
}

.modal-profile-user-edit-form .select2-selection__rendered {
    line-height: 16px !important;
}