#uploadProgressContainer {
width: 100%;
margin-top: -17px;
position: relative;
display: none;
min-height: 15px;
}
#uploadProgress{
min-height: 15px;

}


#saveBusinessCardButton.sent {
  
}
.psdioufifusdhuydgdgdgdggdgddd{
    display: flex
;
    justify-content: space-between;
    align-items: end;
    width: 100%;
}
#saveBusinessCardButton.sending {
    background-color: #28a745; /* žalia */
    color: white;
    cursor: wait;
    border: none;
}



                                            .disabled_button {
                                                background-color: grey;
                                                cursor: not-allowed;
                                                pointer-events: none;
                                            }

                                            .gps_required_vizitine_card {
                                                font-size: 12px;
                                                padding-bottom: 3px;
                                                padding-left: 10px;
                                                padding-right: 10px;
                                                font-style: italic;
                                            }






                                            

.image_visdysdd{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

#reportReason{
        width: 100%;
    margin-top: 10px;
    padding: 10px;
}

#receivedCardsContainer{
    margin: 5px;
    overflow-y: auto;
}

.business-card{
     display: block;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    border-radius: 8px;
    text-decoration: none;
    color: black;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    width: 100%;
    gap: 20px;
    align-items: flex-start;
    border-bottom: 1px solid #d1d5db;
    gap: 10px;
    background: #dfdfdf17;
    border-left: 4px solid #e67e22;
}


.SDFGSDFgSDfgSDfgfffffFf{
width: 100%;
}
.iii_yuthjcgf_hdfgH_fgH_{
display: flex;
gap: 10px;
}
.closesajkfhdss_modlasss{
width: 35px;
height: 35px;
/* margin-top: 12px; */
border-radius: 4px;
cursor: pointer;
background: #e67e22;
top: 5px;
right: 11px;

}
.taure{
width: 40px;
fill: red;
}
.ooo_TRDhdfg_FGdhFG_H{
display: flex
;
gap: 10px;
width: 100%;
justify-content: space-around;
/* align-items: center; */
flex-direction: column;
}
progress {
width: 100%;
height: 15px;
margin-bottom: -11px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
/* border-radius: 5px; */
background-color: #f0f0f0;
transition: width 0.5s ease-in-out;
}

progress::-webkit-progress-bar {
background-color: #f0f0f0;
border-radius: 5px;
}

progress::-webkit-progress-value {
background-color: #e67e22;
border-radius: 5px;
transition: background-color 0.3s ease-in-out; /* Animacija, kai keičiasi spalva */
}

progress::-moz-progress-bar {
background-color: #e67e22;
}

#uploadProgressText {
padding-top: 2px;
margin-top: 0px;
/* position: absolute; */
font-size: 10px;
letter-spacing: 4px;
left: 20px;
color: #000000;
transition: opacity 0.3s ease;
}

.image-gallery {
display: flex;
flex-wrap: wrap;
gap: 10px; /* Tarpai tarp paveikslėlių */
}

.asoiruewiouyryyyy,
.gps_required_vizitine_card,
.uiqweyfjhsd, .vizitine{
/* border-radius: 8px; */
}
.asdf_ASDfSDA_FSDF_sdaF_asdF_{
background: #f7f7f712;
/* border-radius: 8px; */
font-size: 21px;
/* border-radius: 8px; */
justify-content: space-between;
--start: 50%;
color: #fff;
width: 100%;
border: 1px solid #dadada;
/* box-shadow: 0 2px 10px rgb(0 0 0 / 55%); */
}

.asdddddsfdsfasdfdffff{
border: 10px solid rgb(236 240 241);
/* border: 10px solid rgb(255, 255, 255); */
border-bottom: none;
/* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */
/* border-top: 10px solid rgb(255, 255, 255); */
/* border-left: 10px solid rgb(255, 255, 255); */
/* border-right: 10px solid rgb(255, 255, 255); */
/* border-bottom: none; */
border-radius: 8px;
z-index: 1;

}

.olsdifausdauhfhdgdhdhdhdhdhdhdhddhdhhd{
/* background: #e7eced; */
}

.comments_no_comments{
padding: 10px;
}
.modal_user_splity{
/* padding: 10px; */
box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
}

#commentInputContainer {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
width: 100%;
box-shadow: 0 -4px 5px -5px rgb(255 255 255 / 0%), -5px -3px 3px rgb(0 0 0 / 5%);
}
.leaderboard{
width: 100%;
position: relative;
z-index: 1;
}

.asoiruewiouyryyyyyyyyyyyyyyyyyy{
padding: 10px;
background: #f7f7f712;
display: flex
;
justify-content: space-between;
width: 100%;
align-items: center;
}
.asoiruewiouyryyyy{
display: flex
;
align-items: center;
justify-content: space-between;
flex-direction: column;
background: #f7f7f712;

}
.image-gallery{
margin-top: 10px;
display: flex;
gap: 10px;
}
#uploadIcon {
cursor: pointer;
bottom: 72px;
width: 35px;
height: 35px;
}

#imagePreview {
display: flex
;
position: absolute;
gap: 20px;
bottom: 176px;
flex-wrap: wrap;
}

#motivationModal .closeMotivationModal {
top: 10px;
right: 10px;
font-size: 30px;
font-weight: bold;
color: #ffffff;
display: flex;
cursor: pointer;
}
.motyvation_img{
width: 50px;
}
.motyvatiopn_div{
margin-top: 20px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.hideeeesse{
color: #a4a4a4;
width: 100%;
background: #25262a;
font-weight: bold;
/* padding: 15px 15px; */
font-size: 21px;
align-items: center;
display: flex
;
justify-content: space-between;
}

.motyvatiom_messagesdf{
font-size: 14px;
text-align: center;
color: darkgray;
}
.hideeeee{
opacity: 0;
}
.ouiaysdfiludsahfllooooo {
    outline: none;
    display: flex
;
    justify-content: center;
    gap: 20px;
    min-width: 330px;
    width: 100%;
}
.iuewyroiqweyrjksdahfjhasdhdhdhdhdhdddd{
    max-width: 500px;
    display: flex;
    flex-direction: column;
}
#motivationalMessageInput{
    outline: none;
    padding: 10px;
    display: flex;
    justify-content: center;
    min-width: 330px;
    min-height: 100px;
    max-height: 100px;
    /* max-width: 340px; */
}
.yyyytewresdfrfdf{
    /* color: #ffffff; */
    color: #9e9e9e;
    text-align: right;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.modals_asuhdiasuydyyyyss{
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 70px 20px;
    background-color: #25262a;
    min-width: 350px;
    height: 100%;
    width: 400px;
    height: 640px;
    border-radius: 8px;
}
.iiiiasyudasgdjhasdjhgahhhh{

width: 100%;
display: flex
;
justify-content: space-between;
}
#motivationModal .closeMotivationModal:hover {
color: #000;
}
.asdfsadfsadfsadfsdafsadfdsfasd {
display: flex
;
align-items: center;
justify-content: space-between;
flex-direction: column;
height: 100%;

}
.butodsjafoisdjafklsdlfkjkkjcc{
min-width: 160px;
width: 100%;
/* border: 1px solid #2c3e50; */
background-color: #ffffff;
color: #2c3e50;
padding: 10px 20px;
/* border: none; */
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
font-size: 14px;

height: 48px;
cursor: pointer;
transition: background-color 0.3s ease;
/* color: #e67e22; */
border: #e67e22;
border: 1px solid;
background-color: #ffffff;
font-weight: bold;
}

.butodsjafoisdjafklsdlfkjkkjkk{
min-width: 160px;
background-color: #ffffff;
color: #2c3e50;
padding: 10px 20px;
width: 100%;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
font-size: 14px;
height: 48px;
cursor: pointer;
transition: background-color 0.3s ease;
color: #e67e22;
border: #e67e22;
border: 1px solid;
background-color: #ffffff;
font-weight: bold;
}
.opiweauroewiuryyyyy{
}
#motivationModal {
display: none;
position: fixed;
z-index: 9999;
background-color: rgb(255 255 255 / 72%);
top: 0;
width: 100%;
height: 100%;
overflow: auto;
justify-content: center;
align-items: center;
}
.uuuuuasdfhsdakjfasdddd{
    text-align: center;
    /* color: #2c3e50; */
    color: #ffffff;
    font-size: 18px;
    /* margin-top: 15px; */
    /* margin-bottom: 10px; */
}

.edit-reply-textarea {
width: 100%;
padding: 5px;
margin-bottom: 5px;
border-radius: 4px;
border: 1px solid #ccc;
}

.modal_user_splityy {
width: 100%;
width: 100%;
min-width: 300px;
/* padding: 0px 2px; */
/* background: #f7f7f7; */
position: relative;
width: 100%;
display: flex
;
flex-direction: column;
justify-content: center;
}
.asoiruewiouyryyyy{
background: #ecf0f1;
padding: 10px;
font-size: 21px;
display: flex
;
justify-content: space-between;

--start: 100%;
background-image: repeating-radial-gradient(circle at var(--start), transparent 0%, transparent 10%, rgba(229, 235, 236,
0.33) 10%, rgba(229, 235, 236, 0.33) 17%), linear-gradient(to right, #f1f5f6, #ffffff);

}

.wieuyriqwueyriowueyrjkccc{
color: #a4a4a4;
width: 100%;
background: #ecf0f1;
font-weight: bold;
padding: 15px 15px;
font-size: 21px;
align-items: center;
box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
display: flex;
justify-content: space-between;

/* --start: 18%;
height: 60px;
color: #fff;
position: relative;
overflow: hidden;
background-image: repeating-radial-gradient(circle at var(--start), transparent 0%, transparent 10%, rgba(230, 126, 34,
0.33) 10%, rgba(230, 126, 34, 0.33) 17%), linear-gradient(to right, #f39c12, #e67e22); */

}
.wieuyriqwueyriowueyrjkffffffA{
color: #ffffff;
width: 100%;
background: #e67e22;
font-weight: bold;
padding: 5px;
margin: 0 auto;
border-bottom: 1px solid white;
font-size: 21px;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment_all_card{

margin-bottom: 5px;
border-radius: 4px;
}

.reply-atsakyti:active{
font-size: 15px;
}
.reply-atsakyti{
display: flex
;
align-items: center;
font-size: 14px;
gap: 5px;
color: #2c3e50;
cursor: pointer;
user-select: none;
padding: 5px 10px;
/* border-radius: 8px; */
}
.oeriwutoiewrutjfkdgvbbvb{
width: 15px;
height: 15px;
}
.comment-timestamp , .reply_timestamp{
font-size: 10px;
font-size: 0.7em;
color: #e67e22;
margin-bottom: 5px;
}
.comment-content{
display: flex;
width: 100%;
}
.comment-details{
width: 100%;
}
.oiwequrfiudfsahiuhhhgdvdd{
display: flex;
width: 100%;
justify-content: space-between;
}
.reply_user_profile{
min-width: 40px;
min-height: 40px;
border-radius: 50px;
width: 40px;
margin-right: 10px;
object-fit: inherit;
height: 40px;
object-fit: cover;
}
.save-reply-btn, .cancel-reply-btn {
margin-right: 5px;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
}
.lasdifhsakudfjhjxxxxx{
width: 30px;

}
.nulisopacity{
display: flex
;
align-items: center;
gap: 10px;
color: #000000;
}
.reply-button, .border_none{
padding: 5px;
margin-top: 10px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
font-size: 14px;
cursor: pointer;
border: none;
background: transparent;
}
.border_none:hover{
color: #2c3e50;
}
.oisudf_oiu_JBK{
font-weight: bold;
}
.border_none {
color: #9b9b9b;
}

.reply-text{
font-size: 14px;
word-break: break-all;
}
.reply{
display: flex
;
border: 1px solid #ffffff;
background: #f7f7f752;
padding: 10px;
transition: background-color 0.3s ease;
margin-left: 10px;
border-radius: 8px;
margin-top: 5px;
}

/* .comments-loader { */
/* display: none;
width: 100%;
text-align: center;
padding: 10px 0;
top: 0;
z-index: 10;
background-color: #f9f9f9;
}
*/
/* .spinner {
border: 4px solid #f3f3f3;
border-radius: 50%;
border-top: 4px solid #555;
width: 24px;
height: 24px;
margin: 0 auto;
animation: spin 1s linear infinite;
}

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

/* 11111111111111111111111111 */
#errorDisplay{
color: red;
margin-left: 6px;
}
.no-more-comments{
text-align: center;
color: gray;
}

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

.sending_animation {
position: relative;
width: 300px;
margin: 10px;
height: 100px;
}

.card {
/* position: absolute; */
width: 100%;
border-radius: 4px;
height: 100px;
color: #2c3e50;
background: #ffffff;
border: 1px solid #2c3e50;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
display: flex
;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
animation: sendCard 3s ease-in-out infinite;
}

@keyframes sendCard {
0% {
transform: translateX(-100%);
opacity: 0;
}
50% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(100%);
opacity: 0;
}
}

.comments_no_comments {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
position: relative;
}

.comments_img {
width: 100px;
margin-bottom: 10px;
}

/* body.modal-open {
overflow: hidden;
} */

.modal_user_profilee {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: none;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    min-height: 500px;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
}

.modal_user_profilee.show {
opacity: 1;
transform: translateY(0);
}














/* modalas nesislankiotu ekranas mobiliajam */
body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.modal_user_profilee-content {
  height: calc(var(--real-vh, 1vh) * 100);
  overflow-y: auto;
}


/* modalas nesislankiotu ekranas mobiliajam kur spindulio riba*/
/* .modal_distance_range-content {
  height: calc(var(--real-vh, 1vh) * 100);
  overflow-y: auto;
}

 */



















.comments_no_comments span{
color: #888;
/* font-size: 14px; */

}

.modal_user_profilee-content {
margin: 0 auto;
/* max-width: 1200px; */
display: flex;
flex-direction: column;
/* user-select: none; */
/* min-height: 100%; */
height: 100vh;
justify-content: space-between;
}

#modal_user_profileeCategory{
/* font-size: 14px; */
}
#viewersCountContainer{
display: flex;
align-items: center;
gap: 10px;
}
#modal_user_profileeparagraphText{
word-break: break-all;
}

.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
#commentsSection {
    overflow-y: auto;
    height: 100%;
    padding: 10px;
    overflow-y: auto;
    position: relative;
    width: 100%;
    min-width: 300px;
}
.iiiiuewyksdffdd{
display: flex
;
/* gap: 42px; */
justify-content: space-between;
/* align-items: center; */
width: 150px;
/* margin-top: 10px; */
/* color: #888; */
/* font-size: 12px; */
}
.comment_container{
width: 100%;
max-width: 700px;
min-width: 300px;
}

#commentsList {
padding-bottom: 50px;
}
.olsdifausdauhfhdgdhdhdhdhdhddhdhhd{

}
.iiiiiiiiiiiiiiiiaskhdsdkjhfd{
    display: flex
;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
    /* justify-content: space-between; */
    height: 100%;
    width: 100%;
    gap: 5px;
}
.asdiasdhifhsdffdddd{
display: flex
;
gap: 10px;
/* padding: 10px; */
align-items: flex-start;
width: 100%;
justify-content: space-between;
}
.osdiuyfisadgfiuppuysss{
display: flex
;
flex-direction: row;
justify-content: space-between;
gap: 20px;
width: 100%;
align-items: center;
padding-left: 40px;
padding-right: 40px;
padding-top: 5px;
padding-bottom: 15px;
}
.oioi_oioi_oi{
display: flex;
width: 100%;
justify-content: space-between;
flex-direction: row;
}
.osiadfusdddddf_ii{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.sdaiufyuasdygfshgdaksyskdassss{
width: 35px;
}
.asdsdgdfhfghfgxcvbzcxbcvbvcbbb{
width: 100%;
}
#newCommentInput {
flex: 1;
background-color: #ffffff;
border: 1px solid #00000024;
max-width: 100%;
min-width: 100%;
outline: none;
overflow-y: hidden;
padding: 7px;
resize: none;
width: 100%;
height: 54px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
textarea::placeholder {
color: #888;
font-style: italic;
}

.vizitine{
display: flex
;
align-items: center;
gap: 10px;
/* padding-left: 10px; */
/* padding-right: 10px; */
/* padding-bottom: 10px; */
}
#commentsList div:nth-child(odd) {

}

#commentsList div:nth-child(even) {
background-color: #e9e9e9;
}


@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

.modal_photoss {
    width: 100px;
    border-radius: 5px;
    height: 90px;
    object-fit: cover;
    cursor: pointer;
}
.comment-avatar {
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 10px;
}
.buton_dotss{
padding: 10px;
}
.comments-section {
padding: 10px;
}
.uasdihfsdiuhjfdhsdfddddd{
color: black;
}
.sdoaifuadsiuhfdfihfghjhfgdasukjfghieuff{
display: flex;
justify-content: space-between;
width: 100%;
gap: 20px;
}
.comment-card {
/* display: flex
; */
/* padding: 10px; */
/* transition: background-color 0.3s ease; */
border-radius: 8px;
/* background: #ffffff; */
/* border: 1px solid #dadada; */
/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
/* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
overflow: hidden;
background-color: #f7f7f7;
/* border-radius: 8px; */
display: flex
;
padding: 10px;
transition: background-color 0.3s ease;
}

.current-user-comment {
border-bottom: 1px solid #cccccc5c;
}
.reply-user, .reply_user{
font-weight: bold;
font-size: 11px;
font-size: 14px;
color: #2c3e50;
}
.user-profile-link{
    font-size: 18px;
    color: #2c3e50;
    text-decoration: none;
    display: flex
;
    gap: 10px;
}

.comment-user {
margin: 0;
word-break: break-all;
color: rgb(94, 91, 91);
}
.oooasofdyhasdifbbvbyyt{
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
justify-content: center;
padding: 10px;
}
.comment-right {
display: flex;
gap: 10px;
}

.comment-right button {
padding: 5px 10px;
border: none;
background-color: #ffffff;
width: 100%;
}

.oiasfusdauoifiuuyy{
display: flex;
flex-direction: column;
}
.modal_max_width{
    background: #ffffff;
    flex-direction: column;
    position: relative;
    height: 100%;
    display: flex;
    width: 100%;
    margin-inline: auto;
}
#characterCountDisplay{
color: #333;
}

.comments_img{
width: 30%;
max-width: 150px;
min-width: 100px;
}
.comments_no_comments{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-direction: column;
height: 100%;
}
.no_comments_message{
/* font-size: 20px; */
margin-bottom: 20px;
color: gray;
}
.bukite_pirmidfd{
color: gray;
}

.comment-options {
position: relative;
display: flex;
gap: 20px;
}

.dropdown {
display: none;
position: absolute;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
z-index: 100;
padding: 7px 0;
top: -7px;
margin-bottom: 50px;
WIDTH: 120PX;
/* border-radius: 8px; */
right: -7px;
}

.dropdown li {
list-style-type: none;
cursor: pointer;
padding: 0px 10px 0px 10px;
}

.ooopoasdusfdddd{
display: flex;
gap: 100px;
width: 100%;
justify-content: space-between;
}

.dropdown li:hover {
list-style-type: none;
cursor: pointer;
width: 100%;
background-color: #f0f0f0;

}
.show {
display: block;
}
.vertical_dot{
width: 15px;
cursor: pointer;
position: relative;
/* background: #ffffff; */
/* padding: 5px; */
border-radius: 50px;
}

/* 11111111111111111 */
.comment-left {
display: flex;
align-items: flex-start;
background-color: #f0f0f0;
padding: 10px;
/* border-radius: 8px; */
flex-direction: column;
margin-bottom: 10px;
}

.profile-picture {
min-width: 50px;
min-height: 50px;
border-radius: 50px;
width: 40px;
margin-right: 10px;
object-fit: inherit;
height: 40px;
object-fit: cover;
}

.comment-user, #modal_user_profileeUserName {
     margin: 0;
    color: #000000;
    cursor: pointer;
}

.comment-user:first-of-type {
font-weight: bold;
}

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

.comment-left > div {
display: flex;
flex-direction: column;
}

.comment-left p {
margin: 0;
word-break: break-all;
}

.comment-left p:not(:first-of-type) {
margin-top: 4px;
}
.edit-comment-input{
border: none;
background: red;
}
#addCommentButton {

transition: transform 0.3s, opacity 0.3s;
cursor: pointer;
display: block;
}

/* #addCommentButton {
animation: pulse 1s infinite;
}

@keyframes pulse {
0% {
transform: scale(1);
opacity: 0.8;
}
50% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0.8;
}
} */

#addCommentButton {
cursor: pointer;
}

.vizitine label {
display: block;
font-weight: bold;
margin-bottom: 10px;
}
.uiqweyfjhsd{
width: 100%;
display: flex;
justify-content: center;
padding-left: 10px;
flex-direction: column;
}
.vizitine select {
width: 100%;
padding: 10px;
outline: none;
border-radius: 4px;
background-color: #fff;
}

.button-container {
display: flex
;
justify-content: space-between;
margin-top: 20px;
justify-content: center;
margin-top: 90px;
}

/* Mygtukų stiliai */
.button-container button {
color: #fff; /* Baltas tekstas */
border: none; /* Be rėmo */
border-radius: 4px; /* Suapvalinti kampai */
padding: 10px 20px;

cursor: pointer; /* Rodyklės kursorius */
transition: background-color 0.3s ease; /* Sklandus fono spalvos perėjimas */
}

#createBusinessCardButton {
padding: 10px 15px;
color: #ffffff;
white-space: nowrap;
border-radius: 5px;
text-decoration: none;
cursor: pointer;

}

/* Pradinis mygtuko stilius (Siųsti) */
#saveBusinessCardButton {
    display: flex
;
    padding: 10px 20px;
    border: none;
    min-width: 160px;
    min-height: 39px;
    border-radius: 5px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #e67e22;
    transition: background-color 0.3s ease;
}

/* Kai siunčiama */
#saveBusinessCardButton.sending {
    background-color: #d35400;
    cursor: wait;
}

/* Kai išsiųsta */
#saveBusinessCardButton.sent {
    display: flex;
    padding: 10px 20px;
    min-width: 160px;
    border-radius: 5px;
    border: 1px solid #e67e22;
    align-items: center;
    gap: 10px;
    justify-content: center;
    background: white;
    color: #e67e22;
}
.report-button{
    font-size: 13px;
    border: none;
    background: transparent;
    margin-right: 10px;
    cursor: pointer;
}

@media (max-width: 768px) {

.modal_user_profilee {

left: 0;
width: 100%;

}

#motivationModal,
#reportModal {
width: 100%!important;
left: 0px;
background: #ffffffa3;


}

}

/* */

@media (max-width: 450px) {
.profile-picture {

margin-right: 5px;

}
.sdoaifuadsiuhfdfihfghjhfgdasukjfghieuff {

gap: 5px;
}

}

@media (max-width: 450px) {
  .modal_user_profilee-content {
    height: 100dvh;
    overflow-y: auto;
  }

  .modal_user_profilee.show {
    opacity: 1;
    transform: translateY(0);
    min-height: 100dvh;
    overflow-y: auto;
  }
}


@media (max-width: 600px) {

#motivationModal {
padding: 0px;
}
.modals_asuhdiasuydyyyyss{
height: 100%;
border-radius: 0px;
width: 100%;

}
.asdfsadfsadfsadfsdafsadfdsfasd {

justify-content: space-between;
height: 100%;
}

}

.close-modal {
position: absolute;
top: 27px;
color: #ffffff;
right: 58px;
font-size: 40px;
font-weight: bold;
cursor: pointer;
}
.close_imageModal_my_request{

float: right;
top: 26px;
right: 40px;
cursor: pointer;
color: #ffffff;
float: right;
font-size: 40px;
font-weight: bold;
}
.close_imageModal{
float: right;
position: absolute;
top: 27px;
right: 56px;
cursor: pointer;
color: #ffffff;
float: right;
font-size: 40px;
font-weight: bold;
}

.close_CoMNETYS_modal_my_rrequest, .close_CoMNETYS_modal{
position: fixed;
top: -4px;
right: 22px;
color: #ffffff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
}

@media (max-width: 1414px) {
.close_imageModal{
float: right;
position: absolute;
top: 7px;
right: 30px;
cursor: pointer;
color: #ffffff;
float: right;
font-weight: bold;
}
/* .close_imageModal_my_request {
          float: right;
        top: 0px;
        right: 27px;
        cursor: pointer;
        color: #ffffff;
        float: right;
        font-size: 40px;
        font-weight: bold;
} */

.close_CoMNETYS_modal_my_rrequest{
position: absolute;
position: fixed;
top: -4px;
right: 22px;
color: #ffffff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
}

/* .close_modal_my_request{
position: absolute;
top: 8px;
right: 22px;
color: #ffffff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
} */

}