body
{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: white;
}

  /* Select-felt (postnummer) */
    #kategori{
        padding: 12px 15px;
        font-size: 16px;
        border: 2px solid #ddd;
        border-radius: 4px;
        background-color: white;
        
        cursor: pointer;
margin-bottom:10px;
    }

.luk{
height:35px;
width:auto;
margin:18px 0px 0px 25%;
text-align: center;
position:absolute;
z-index:123;
}

@media (max-width: 663px) 
{

.luk{

margin:33px 0px 0px 335px;

}
}








.loading-container 
{
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0; 
transition: opacity 1s ease;
}
*:focus 
{
outline-color: transparent !important;
outline: none !important;
}


h1 
{
font-size: 28px;
color: #333; 
margin-bottom: 10px;

}
.load-bar 
{
width: 200px;
height: 5px;
border-radius: 25px;
background-color: #333; 
margin: 0 auto;
animation: loading 5s infinite; 
}
@keyframes loading 
{
0% 
{
width: 0;
}
100% 
{
width: 100%;
}
}
.icons 
{
display: flex;
justify-content: center;
margin-top: 23px;
color: #333;
}
.icons i 
{
font-size: 20px;
margin: 0 10px;
opacity: 0; 
transition: opacity 3s ease;
}
.icons i:not(.icon-hidden) 
{
opacity: 1;
}
.top-bar 
{
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
color: white; 
border-bottom: 1px solid #BBBBBB;
outline: none;
}
.dark .top-bar 
{
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
color: white; 
border-bottom: 1px solid #212121; 
}
.logo
{
font-size: 24px;
margin: 0;
color: #333; 
font-family: 'Pacifico', cursive;
}
.icons-homepage 
{
display: flex;
justify-content: center;
align-items: center;
flex-grow: 1;
outline: none;
border:0px solid red;
}
.icons-homepage i 
{
font-size: 20px;
margin: 0px 60px 0px 60px;
line-height: 1;
color: #333;
cursor: pointer;
outline: none;
border:0px solid red;
}

 /* Responsivt design */
    @media (max-width: 600px) {

   

.icons-homepage i 
{

margin: 0px 20px 0px 20px;

}
    
   } 
    
    






.menu-homepage i 
{
font-size: 24px;
cursor: pointer;
color: #333;
}
.burger-menu 
{
display: none;
background-color: rgba(150, 150, 150);
position: absolute;
top: 70px;
right: 10px;
z-index: 999;
border: 1px solid #BBBBBB;
border-radius: 10px;
outline: none;
}
.burger-menu.active 
{
display: block;
outline: none;
}
.burger-menu ul 
{
list-style: none;
padding: 0;
margin: 0;
}
.burger-menu li 
{
padding: 10px;
text-align: left;
}
.burger-menu a 
{
text-decoration: none;
color: white;
font-size: 14px;
display: block;
font-family: 'Poppins', sans-serif;
cursor: pointer;
outline: none;
}
.dark .burger-menu a 
{
color: white;
}
.logo 
{
animation: changeColor 2s infinite alternate; 
}
@keyframes changeColor 
{
0% 
{
color: rgb(200, 200, 200); 
}
25% 
{
color: rgb(190, 190, 190); 
}
50% 
{
color: rgb(180, 180, 180);
}
75% 
{
color: rgb(170, 170, 170);
}
100% 
{
color: rgb(160, 160, 160); 
}
}
@media (max-width: 768px) 
{
.icons-homepage 
{
flex-direction: row; 
justify-content: center; 
padding-top: 10px; 
padding-bottom: 17.5px; 
position: fixed; 
bottom: 0; 
left: 0; 
width: 100%; 
background-color: white; 
z-index: 999; 
border-top: 1px solid #BBBBBB;
}
.dark .icons-homepage 
{
border-top: 1px solid #212121;
}
.icons-homepage a 
{
margin: 0 0px; 
font-size: 18px; 
}
}
::-webkit-scrollbar 
{
width: 3px;
}
::-webkit-scrollbar-track 
{
background: black; 
}
::-webkit-scrollbar-thumb 
{
background: black;
}
::-webkit-scrollbar-thumb:hover 
{
background: black;
}
body.dark 
{
background-color: #101010;
}
body.light 
{
background-color: white;
}
.light .icons-homepage
{
background-color: white;
}
.light .top-bar
{
background-color: white;
}
.light .close
{
color: black;
}
.dark .top-bar
{
background-color: #101010;
}
.dark .logo
{
color: white;
}
.dark .icons-homepage 
{
background-color: #101010;
}
.dark .icons-homepage i
{
color: white;
}
.dark .menu-homepage i
{
color: white;
}
.dark .burger-menu
{
border: 1px solid #1b1b1b;
background-color: rgb(27, 27, 27);
}
.dark .burger-menu ul li a
{
color: white;
}
.dark .modal 
{
background-color: #101010;
}
.dark .logo-name
{
color: white;
}
.dark .close 
{
color: white;
}
.modal 
{
display:none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
text-align: center;
z-index: 1000;
}
.close 
{
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
cursor: pointer;
color: black;
width: 25px;
height: 25px;
border-radius: 5px;
}
@media (max-width: 400px) 
{
.searchInput
{
max-width: none; 
}
}
.logo-name
{
font-size: 28px;
color: #333; 
font-family: 'Pacifico', cursive;
margin-top: 30px;
}
.help
{
max-width: 400px; 
width: 80%; 
margin: 0 auto;
margin-top: 25px;
font-family: 'Poppins', sans-serif;
background-color: #e8e8e8;
border-radius: 10px;
padding: 20px;
}
.help-end
{
max-width: 400px; 
width: 80%; 
margin: 0 auto;
margin-top: 25px;
margin-bottom: 67.5px;
font-family: 'Poppins', sans-serif;
background-color: #e8e8e8;
border-radius: 10px;
padding: 20px;
}
.helptitle
{
font-size: 16px;
}
.helptextation
{
margin-top: 20px;
font-weight: normal;
font-size: 13px;
}
.dark .help
{
background-color: #0A0A0A;
color: white;
}
.dark .help-end
{
background-color: #0A0A0A;
color: white;
}
.dark .report-textarea 
{
border-radius: 5px;
border: 1px solid #1b1b1b;
background-color: #0A0A0A;
color: white;
}
.dark .submit-button 
{
background-color: #333;
color: white;
}
.dark .modal-text-report
{
font-family: 'Poppins', sans-serif;
color: white;
font-size: 14px;
}
.report-textarea 
{
max-width: 400px;
width: 95%;
height: 200px;
margin: 20px auto; 
display: block;
padding: 10px;
font-size: 12px;
border-radius: 5px;
border: 1px solid #BBBBBB;
box-sizing: border-box;
resize: none;
font-family: 'Poppins', sans-serif;
}
.report-textarea:focus
{
outline: none;
}
.submit-button 
{
max-width: 400px;
width: 95%;
display: block; 
margin: 0 auto; 
padding: 10px 20px;
background-color: #333;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 100;
}
.modal-centrum
{
width: 350px;
max-width: 85%;


}
@media (max-width: 480px) {
.modal-centrum
{
width: 85%;


}
}


.modal-center
{
width: 350px;
max-width: 85%;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal-content-report 
{
display: flex;
justify-content: center; 
align-items: center; 
height: 100%; 
}
.modal-text-report
{
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
.container-profile
{
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
justify-content: center;

}
.form-style 
{
margin-bottom: 20px;
}
.input-container 
{
position: relative;
margin-bottom: 20px; 
margin-top: 15px;
}
.form-style input 
{
display: block;
margin: 10px auto;
padding: 6px 0px;
border: none;
max-width: 284px;
outline: none;
width: 95%;
font-family: 'Poppins', sans-serif;
}
.input-container::after 
{
content: '';
display: block;
width: 95%;
height: 1px;
background-color: #BBBBBB;
position: absolute;
left: 0;
right: 0;
margin: auto; 
max-width: 284px;
text-align: center;
}
.logo-name-profile 
{
font-family: 'Pacifico', cursive;
font-size: 28px;
margin-top: 30px;
color: #333;
text-align: center;
}
.login-text
{
text-align: center;
font-family: 'Poppins', sans-serif;
color: #000000;
font-size: 16px;
}
.register-text
{
text-align: center;
font-family: 'Poppins', sans-serif;
color: #333;
font-size: 16px;
}
.form-container 
{
text-align: left;
max-width: 300px; 
margin: auto; 
width: 95%;
}
.loginbtn
{
display: block;
margin: 10px auto;
padding: 14px 15px;
border-radius: 5px;
cursor: pointer;
border: none;
max-width: 284px;
width: 95%;
background-color: #000000;
color: white;
font-family: 'Poppins', sans-serif;
font-size: 13px;
}
.registerbtn
{
display: block;
margin: 10px auto;
padding: 14px 15px;
border-radius: 5px;
cursor: pointer;
border: none;
max-width: 284px;
width: 95%;
background-color: #000000;
color: white;
font-family: 'Poppins', sans-serif;
font-size: 13px;
}
.line-with-text 
{
display: flex;
align-items: center;
text-align: center;
max-width: 300px;
width: 95%;
margin: auto; 
margin-bottom: 20px;
color: #000000;
}
.line 
{
flex-grow: 1;
height: 0.5px;
background-color: #000000;
margin: 0 10px;
}
.text 
{
white-space: nowrap;
font-family: 'Poppins', sans-serif;
font-size: 13px;
color: #000000;
}
.lostpass 
{
text-align: center;
margin-top: 10px;
}
.lostpass a 
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
color: #1DA1F2;
text-decoration: none;
}
.backlink 
{
text-align: center;
margin-top: -5px;
}
.backlink a
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
color: #1DA1F2;
text-decoration: none;
}
.footer 
{
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 12px;
margin-top: 10px;
color: #000000;
}
.footer-sec
{
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 12px;
margin-top: 10px;
color: #000000;
}
.documents
{
text-align: center;
margin-top: 10px;
}
.documents a
{
text-decoration: none;
color: black;
margin: 0 10px;
font-size: 12px;
}
.dark .overlay 
{
background-color: #101010;
}
.overlay 
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
z-index: 1000; 
display: none; 
justify-content: center;
align-items: center;
}
.feedback-text 
{
margin-top: 20px;
font-size: 16px;
color: #333; 
font-family: 'Poppins', sans-serif;
}
.feedback-message 
{
text-align: center;
font-family: 'Poppins', sans-serif;
}
.feedback-icon 
{
font-size: 48px;
color: #1DA1F2;
}
.dark .feedback-text 
{
color: #fff; 
}
.formbtn
{
display: block;
margin: 10px auto;
padding: 14px 15px;
border-radius: 5px;
cursor: pointer;
border: none;
max-width: 284px;
width: 95%;
background-color: #000000;
color: white;
font-family: 'Poppins', sans-serif;
font-size: 13px;
margin-top: 35px;
font-weight: 100;
}
.outer-container 
{
display: flex;
justify-content: center;
align-items: center;
height: 100vh; 
margin: 0;
padding: 0;
}
.center-container 
{
font-size: 16px;
color: #333; 
font-family: 'Poppins', sans-serif;
text-align: center;
}
.icon-container 
{
color: #1DA1F2; 
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
.icon-container.error 
{
color: #1DA1F2;
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
.message-box 
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 15px;
font-family: 'Poppins', sans-serif;
}
.message-box i 
{
font-size: 38px;
margin-bottom: 20px;
color: #1DA1F2;
display: block; 
}
.msgacc
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
text-align: center;
margin-bottom: -20px;
margin-top: 25px;
color: black;
}
.user-profile
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
text-align: center;
margin-bottom: 17px;
}
.user-profile img
{
border-radius: 60px;
width: 60px;
height: 60px;
margin-top: 20px;
}
.biotextarea
{
resize: none;
border: 1px solid #eeeeee;
overflow: hidden;
font-family: 'Poppins', sans-serif;
font-size: 15px;
text-align: center;
outline: none;
margin-top: -4px;
height: auto;
max-height: 200px;
background: white;
background-color: white;
width: 250px;
font-weight: 100;
}
.biotextarea textarea
{
background: white;
background-color: white;
}
.form-container-user 
{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.bio 
{
background: none;
border: none;
text-align: center;
margin-top: 5px;
width: 100%;
font-family: 'Poppins', sans-serif;
font-size: 13px;
color: black;
cursor: pointer;
outline: none;
font-weight: 100;
}
.lineposts
{
margin-top: 100px;
width: 600px;
margin: 0 auto;
height: 1px;
background-color: #BBBBBB;
}   
.dark .usernick p
{
color: white;
}
.dark .biotextarea
{
background-color: #101010;
color: rgb(205, 205, 205);
}
.dark .bio
{
color: gray;
font-weight: 100;
}
#latestUser
{
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 13px
}
#latestUser p
{
margin-top: 25px;
}
.dark #latestUser p
{
color: white;
}
.dark .search-input-container i
{
color: white;
}
#searchResults 
{
display: none; 
position: absolute;
background-color: white;
border: 1px solid #BBBBBB;
max-height: 200px;
overflow-y: auto;
max-width: 400px;
width: 93%;
left: 50%;
transform: translateX(-50%);
text-align: left;
border-radius: 5px;
border-top-left-radius: 0; 
border-top-right-radius: 0; 
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
#searchResults div 
{
padding: 10px;
border-bottom: 1px solid #BBBBBB;
cursor: pointer;
border-radius: 0; 
}
#searchResults div:last-child 
{
border-bottom: none; 
border-radius: 0 0 5px 5px; 
}
#searchResults div:hover 
{
background-color: #BBBBBB;
}
.searchInput 
{
width: 98%;
padding: 18px;
border: 1px solid #BBBBBB;
border-radius: 5px;
box-sizing: border-box;
background-color: white;
outline: none;
color: #333;
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
.searchInput:focus 
{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: none;
}
.searchInput.active 
{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.search-input-container 
{
position: relative;
display: inline-block;
max-width: 410px;
width: 95%;
}
.search-icon 
{
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
cursor: pointer;
color: #BBBBBB;
}
.dark .searchInput
{
border: 1px solid #1b1b1b; 
background-color: #0A0A0A;
color: white;
}
.dark .searchInput:focus
{
border-color: #333; 
border: 1px solid #1b1b1b;
color: white;
}
.dark #searchResults 
{
display: none; 
position: absolute;
background-color: #0A0A0A;
border: 1px solid #1b1b1b; 
max-height: 200px;
overflow-y: auto;
max-width: 400px;
width: 93%;
left: 50%;
transform: translateX(-50%);
text-align: left;
border-radius: 5px;
border-top-left-radius: 0; 
border-top-right-radius: 0; 
font-family: 'Poppins', sans-serif;
font-size: 14px;
color: white;
}
.dark #searchResults div 
{
padding: 10px;
border-bottom: 1px solid #101010;
cursor: pointer;
border-radius: 0; 
}
.dark #searchResults div:hover 
{
background-color: #101010;
}
.dark .searchInput::placeholder
{
color: white;
}
.dark #searchResults a
{
text-decoration: none;
color: white;
}
#searchResults a
{
text-decoration: none;
color: black;
}
.star-row
{
cursor: pointer;
}
.star-rating .star-row 
{
width: 50px;
background-color: #3f3f3f;
display: inline-block;
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
font-color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 15px;
}
.star-rating .star-row:not(:last-child) 
{
margin-right: 10px; 
}
.count 
{
margin: 0;
color: #ffffff;
}
.star-rating .star-row i
{
font-size: 12px;
}
.dark .user-profile p
{
color:white;
}
.dark .star-rating .star-row
{
background-color: #0A0A0A;
}
.dark .lineposts
{
background-color: #212121;
} 
.dark .count
{
color: white;
}
.starclass i
{
color: rgb(252, 220, 105);
}
.dark .starclass i
{
color: rgb(252, 220, 105);
}
#inzeratModal .modal-text, #inzeratModal label 
{
font-size: 18px;
}
#inzeratModal label 
{
display: block;
margin-top: 10px;
}
#inzeratModal input, #inzeratModal select 
{
width: 100%;
padding: 5px;
margin: 8px 0;
display: inline-block;
box-sizing: border-box;
border: none;
outline: none;
font-family: 'Poppins', sans-serif;
resize: none;
font-size: 17px;
}
#inzeratModal .kategorie-container 
{
margin-top: 20px;
}
#inzeratModal .kategorie-options 
{
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-right: -10px;
}
#inzeratModal .kategorie-option 
{
flex-basis: calc(25% - 10px);
width: 21px;
cursor: pointer;
border: 1px solid #BBBBBB;
border-radius: 50px;
font-size: 12px;
font-family: 'Poppins', sans-serif;
padding-top: 3px;
padding-bottom: 3px;
box-sizing: border-box;
}
#inzeratModal .kategorie-option.selected 
{
background-color: gray;
color: white;
}
#inzeratModal input[type="file"] 
{
display: none; 
}
#inzeratModal .custom-file-input 
{
max-width: 310px;
width: 85%;
display: block;
margin: 0 auto;
padding: 13px 20px;
background-color: #000;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 14px;
margin-top: 25px;
}
#inzeratModal .loading-bar-container 
{
display: none;
margin-top: 10px; 
}
#inzeratModal .loading-bar 
{
height: 4px;
border-radius: 4px;
background-color: gray;
width: 0; 
transition: width 0.5s ease; 
margin-bottom: 10px;
margin-left: 10px;
}
.input-containersecond 
{
position: relative; 
margin-top: 15px;
}
.input-containersecond::after 
{
content: '';
display: block;
width: 97%;
height: 0.5px;
background-color: #BBBBBB;
position: absolute;
left: 0;
right: 0;
margin: auto; 
max-width: 365px;
text-align: center;
}
.inzerat-text
{
text-align: center;
font-family: 'Poppins', sans-serif;
color: #000000;
font-size: 16px;
margin-top: 6px;
}
.next-button
{
max-width: 390px;
width: 97.5%;
display: block;
margin: 0 auto;
padding: 12.5px 20px;
background-color: rgb(252, 220, 105);
color: black;   
border: none;
border-radius: 5px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 12px;
margin-top: 10px;
}
.back-button
{
max-width: 350px;
width: 97%;
display: block;
margin: 0 auto;
padding: 13px 20px;
background-color: rgb(252, 220, 105);
color: black;
border: none;
border-radius: 5px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 12px;
margin-top: 10px;
}
.submit-button-2
{
max-width: 390px;
width: 97%;
display: block; 
margin: 0 auto; 
padding: 13.5px 20px;
background-color: #000;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 12px;
margin-top: 25px;
font-weight: 100;
}
#inzeratModal textarea
{
width: 100%;
padding: 5px;
margin: 8px 0;
display: inline-block;
box-sizing: border-box;
border: none;
outline: none;
font-family: 'Poppins', sans-serif;
resize: none;
font-size: 16px;
height: 120px;
}
.page-container 
{
display: flex;
align-items: flex-start; 
justify-content: center;
height: 100vh;
position: relative;
overflow: hidden;
touch-action: pan-y; 
margin-top: 10px;
}
.inzerat 
{
background-color: rgb(255, 255, 255);
border-radius: 5px;
padding: 20px;
position: relative;
max-width: 85%;
border: 0px solid #BBBBBB;
}
.dark .inzerat
{
background-color: #0A0A0A;
border: 1px solid #1b1b1b;
}

.prev-button,
.next-buttons 
{
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
background-color: #333;
color: #fff;
border-radius: 5px;
font-family: 'Poppins', sans-serif;
border: none;
padding: 10px;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.3s ease;
}
.prev-button:hover,
.next-buttons:hover 
{
opacity: 1;
}
.prev-button 
{
left: 10px;
}
.next-buttons 
{
right: 10px;
}
.image-dots 
{
display: flex;
justify-content: left;
margin-left: -5px;
}
.dot 
{
width: 10px;
height: 10px;
border-radius: 50%;
background-color: gray;
margin: 0 5px;
cursor: pointer;
}
.dot.active 
{
background-color: #333;
}
.inzerat 
{
position: relative;
}
.prev-arrow,
.next-arrow 
{
position: absolute;
top: calc(100% - -10px);
font-size: 16px;
padding: 8px;
width: 35px;
background-color: #0A0A0A;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
transition: opacity 0.3s ease;
}
.prev-arrow 
{
left: calc(50% - 40px);
}
.next-arrow 
{
left: calc(50% + 10px); 
}
.prev-arrow i
{
text-align: center;
}
.next-arrow i
{
text-align: center;
}
.prev-arrow:hover,
.next-arrow:hover 
{
opacity: 1;
}

.inzerat-image
{
position: relative;
}


.inzerat-popisek 
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
color: white;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
padding: 10px;
text-align: left;
}
.inzerat-header 
{
display: flex;
justify-content: space-between;
}
.inzerat-nadpis 
{
font-family: 'Poppins', sans-serif;
font-size: 14px;
margin-bottom: 10px;
}
.dark .inzerat-nadpis
{
color: white;
}
.inzerat-kategorie 
{
font-family: 'Poppins', sans-serif;
font-size: 13px;
color: black;
background-color: rgb(252, 220, 105);
border-radius: 5px;
text-align: center;
padding: 5px;
}

.share-icon
{
margin-right: 10px;
color: #333;
font-size: 24px;
padding-top: 0px;
cursor: pointer;
}


.fa-whatsapp
{
margin-right: 10px;
color: #333;
font-size: 28px;
padding-top: 0px;
cursor: pointer;
}

.fa-x
{
margin-right: 10px;
color: #333;
font-size: 28px;
padding-top: 0px;
cursor: pointer;
}




.fa-facebook
{
margin-right: 10px;
color: #333;
font-size: 28px;
padding-top: 0px;
cursor: pointer;
}

.bookmark-icon
{
margin-right: 10px;
color: #333;
font-size: 28px;
padding-top: 0px;
cursor: pointer;
}
.dark .bookmark-icon
{
color: white;
}
.dark .dot.active
{
background-color: white;
}
.dark .image-dots
{
color: white;
}
.dark .dot
{
color: white;
}
.dark .prev-arrow
{
background-color: #0A0A0A;
color: white;
}
.dark .next-arrow
{
background-color: #0A0A0A;
color: white;
}
.inzerat-cena 
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
color: black;
text-align: left;
}
.cena-label 
{
margin-right: 5px;
}
.dark .inzerat-cena
{
color: white;
}
.inzerat-info 
{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 5px;
}
.mam-zajem-btn 
{
background-color: #1DA1F2;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
font-family: 'Poppins', sans-serif;
font-size: 12px;
text-decoration: none;
}
.inzeraty-container 
{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;

margin: 0 auto; 
position: relative;
margin-bottom: 70px;
}
.inzeraty 
{
text-align: center;
justify-content: center;
width: 260px;
height: 360px;
background-color: none;
margin: 3px;
margin-top: 25px;
border-radius: 5px;
position: relative; 
overflow:hidden;
border:0px solid red;
}

.inzeraty a 
{
font-family: 'Poppins', sans-serif;
font-size: 11px;
font-weight: 300;
position: absolute;
color: white;
bottom: 0;
left: 0;
width: 240px;
margin: 0;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5); 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
text-decoration: none;
}
.removeinz a i
{
text-align: right;
}
@media (max-width: 663px) 
{

.inzeraty-container 
{
justify-content: center;
}
}
.koupit-btn
{
background-color: #1DA1F2;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
font-family: 'Poppins', sans-serif;
font-size: 12px;
width: 100%;
}
.edit-btn
{
background-color: gray;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
font-family: 'Poppins', sans-serif;
font-size: 12px;
width: 100%;
}
.inzerat-popisek-detail
{
font-family: 'Poppins', sans-serif;
font-size: 15px;
color: black;
text-align: left;
width: 400px;
display: block;
margin-top: 15px;
margin-bottom: 15px;
max-width: 100%;
}
.prev-buttondetail,
.next-buttonsdetail  
{
position: absolute;
top: 250px;
font-size: 16px;
background-color: #333;
color: #fff;
border-radius: 5px;
font-family: 'Poppins', sans-serif;
border: none;
padding: 10px;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.3s ease;
}
.prev-buttondetail:hover,
.next-buttonsdetail:hover 
{
opacity: 1;
}
.prev-buttondetail 
{
left: 10px;
}
.next-buttonsdetail 
{
right: 10px;
}
.inzerat-detail 
{
background-color: rgb(255, 255, 255);
border-radius: 5px;
padding: 20px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
position: relative;
max-width: 90%;
margin-bottom: 60px;
}
.inzerat-detail img 
{
width: 100%;
height: 500px;
object-fit: cover;
margin-top: 10px;
margin-bottom: 5px;
border-radius: 5px;
max-width: 70%;
}
.inzerat-cena-detail
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
color: black;
float: right;
}
.inzerat-info-detail 
{
margin-top: 5px;
}
.image-dots-detail
{
display: flex;
margin-left: -5px;
float: left;
}
.remove-ad {
float: right;
padding: 5px;
text-align: center;
}
.remove-ad a 
{
width: 10px;
border-top-right-radius: 0; 
border-bottom-right-radius: 0; 
}
#latestAd
{
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 13px;
margin-top: -10px;
}
.buttons-container 
{
color: gray;
}
#bookmarksModal 
{
z-index: 9999;
overflow: auto;
}
#bookmarksModal::-webkit-scrollbar 
{
display: none;
}
.kategorie-container-home 
{
width: 440px;
margin: 0 auto;
}
#kategorieFilterhome 
{
width: 100%;
padding: 15px;
font-family: 'Poppins', sans-serif;
font-size: 13px;
border: 1px solid #BBBBBB;
border-radius: 5px;
outline: none;
margin-top: 10px;
outline: none;
-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none; 
}
#kategorieFilterhome option 
{
font-family: 'Poppins', sans-serif;
font-size: 13px;
color: #333;
border-bottom: 1px solid black;
}
.dark #kategorieFilterhome 
{
background-color: #0A0A0A;
color: white;
border: 1px solid #1b1b1b;;
}
.modalkategorie
{
display: none; 
position: fixed; 
z-index: 1; 
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #0A0A0A;
}
.modalkategorie-content 
{
background-color: #0A0A0A;
margin: 10% auto;
width: 80%;
max-width: 400px;
text-align: left;
}
.dark #openModalBtn 
{
padding: 15px;
background-color: #0A0A0A;
color: white;
border: none;
cursor: pointer;
display: block; 
margin: 0 auto; 
font-family: 'Poppins', sans-serif;
font-size: 13px;
border: 1px solid #1b1b1b;
border-radius: 5px;
margin-top: 10px;
width: 440px;
max-width: 90%;
text-align: left;
outline: none;
}
.modalkategorie-content a 
{
opacity: 0;
transition: opacity 0.5s ease; 
display: block; 
padding: 5px 0;
text-decoration: none; 
color: white;
font-family: 'Poppins', sans-serif;
font-size: 19px;
}
.modalkategorie-content a.show 
{
opacity: 1;
}
.modalkategorie-content a:hover 
{
color: gray;
transition: color 0.5s; 
}
.nothinginz
{
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 13px;
margin-top: 20px;
}
#openModalBtn 
{
padding: 15px;
background-color: white;
color: black;
border: 1px solid #BBBBBB;
cursor: pointer;
display: block; 
margin: 0 auto; 
font-family: 'Poppins', sans-serif;
font-size: 13px;
border-radius: 5px;
margin-top: 10px;
width: 440px;
max-width: 90%;
text-align: left;
outline: none;
}
.tel-cislo
{
margin-top: 5px;
font-family: 'Poppins', sans-serif;
font-size: 12px;
text-align: right;
}
.emaildetail
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
text-align: right;
}
.nicknamedetail a
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
text-decoration: none;
color: black;
text-align: right;
outline: none;
text-decoration: underline;
}
.nicknamedetail
{
text-align: right;
}
.textareadetail 
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
width: 100%;
border: none;
resize: none;
outline: none;
padding-left: 5px;
max-width: 97.5%;
padding-top: 5px;
}
.saveedit-btn
{
background-color: rgb(252, 220, 105);
color: black;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
font-family: 'Poppins', sans-serif;
font-size: 12px;
width: 100%;
outline: none;
font-weight: 100;
}
.textareadetailmessage 
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
width: 100%;
border: 1px solid #ccc;
resize: none;
outline: none;
margin-top: 10px;
border-radius: 5px;
padding-left: 5px;
padding-top: 5px;
max-width: 97.5%;
}

.senddetail-btn
{
background-color: black;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
font-family: 'Poppins', sans-serif;
font-size: 12px;
width: 100%;
outline: none;
font-weight: 100;
}
.inzerat-popisek-detail a
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
color: #1DA1F2;
text-decoration: none;
}
.dark #latestAd
{
color: white;
}
.dark .logo-name-profile
{
color: white;
}
.dark .inzerat-text
{
color: white;
}
.dark .kategorie-option
{
color: white;
}
.dark #inzeratModal .kategorie-option
{
border: 1px solid #1b1b1b;
}
.dark #inzeratModal input
{
background-color: #101010;
color: white;
}
.dark #inzeratModal input::placeholder
{
color: white;
}
.dark .input-containersecond::after
{
background-color: #1b1b1b;
}
.dark #inzeratModal .custom-file-input
{
background-color: white;
color: black;
}
.dark .submit-button-2
{
background-color: white;
color: black;
font-weight: 100;
}
.dark #inzeratModal textarea
{
background-color: #101010;
color: white;
}
.dark #inzeratModal textarea::placeholder
{
color: white;
}
.dark .nothinginz
{
color: white;
}
.dark .modal-content p
{
color: white;
}
.dark .inzerat-detail
{
background-color: #0A0A0A;
}
.dark .emaildetail
{
color: white;
}
.dark .nicknamedetail a
{
color: white;
}
.dark .inzerat-popisek-detail
{
color: white;
}
.dark .inzerat-cena-detail
{
color: white;
}
.dark .textareadetailmessage
{
background-color: #101010;
border-color: rgb(27, 27, 27);
color: white;
}
.dark .textareadetailmessage::placeholder
{
color: white;
}
.dark .senddetail-btn
{
background-color: white;
color: black;
}
.dark .tel-cislo
{
color: white;
}
.dark .textareadetail
{
background-color: #101010;
border-color: rgb(27, 27, 27);
color: white;
border-radius: 5px;
border: 1px solid rgb(27, 27, 27);
}
.bottomhelp
{
margin-bottom: 70px;
}
.page-container-detail
{
display: flex;
align-items: flex-start; 
justify-content: center;
position: relative;
overflow: hidden;
touch-action: pan-y; 
margin-top: 10px;

}
.profile-container-detail
{
align-items: flex-start; 
justify-content: center;
position: relative;
overflow: hidden;
touch-action: pan-y; 
margin-top: 10px;
}
/*@media screen and (max-width: 1067px) and (orientation: landscape) {
body {
transform: rotate(90deg); 
transform-origin: left top; 
width: 100vh; 
height: 100vw;
overflow-x: hidden;
overflow-y: auto; 
position: fixed; 
top: 0;
left: 0;
}
}*/
.dark .share-icon
{
color: white;
}
.dark .share-icon i
{
color: white;
}
.loader-wrapper 
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0, 0, 0);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999; 
}
.loader
{
animation: 1s linear infinite; 
}
.loader h1
{
color: white;
}
.fade-out 
{
animation: fadeOut 1s ease forwards;
}
@keyframes fadeOut 
{
0% 
{
opacity: 1;
}
100% 
{
opacity: 0;
visibility: hidden;
}
}
.reginfouser
{
text-align: center;
margin-top: 10px;
font-family: 'Poppins', sans-serif;
font-size: 12px;
color: black;
}
.backhome
{
text-align: center;
margin-top: 5px;
}
.backhome a 
{
font-family: 'Poppins', sans-serif;
font-size: 12px;
color: #1DA1F2;
text-decoration: none;
}
.textremember
{
margin-left: 10px; 
font-family: 'Poppins', sans-serif;
font-size: 12px;
}
.containerremember
{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
margin-bottom: -10px;
}
.containerremember #remember
{
float: right;
width: auto;
margin: revert;
margin-right: 10px;
}
.web 
{
display: flex;
align-items: center;
}
.web a 
{
text-decoration: none;
}
.webversion 
{
max-width: 200px;
width: 200px;
display: flex;
align-items: center;
background-color: rgb(252, 220, 105);
color: black;
border: none;
padding: 11px 20px;
border-radius: 5px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 12px;
margin-top: 25px;
display: flex;
justify-content: space-between; 
align-items: center;
}
.webversion i 
{
margin-right: 10px; 
}
.androidversion
{
max-width: 200px;
width: 200px;
display: flex;
background-color: #333;
color: white;
border: none;
padding: 11px 20px;
border-radius: 5px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 12px;
margin-top: 10px;
display: flex;
justify-content: space-between; 
align-items: center;
}
.androidversion i
{
margin-right: 10px; 
}
.android a
{
text-decoration: none;
}
.iosversion
{
max-width: 200px;
width: 200px;
display: flex;
background-color: gray;
color: white;
border: none;
padding: 11px 20px;
border-radius: 5px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 12px;
margin-top: 10px;
display: flex;
justify-content: space-between; 
align-items: center;
}
.iosversion i
{
margin-right: 10px; 
}
.apple a
{
text-decoration: none;
}
@media (max-width: 768px) 
{
.webversion
{
width: 290px;
max-width: 290px;
}
.androidversion
{
width: 290px;
max-width: 290px;
}
.iosversion
{
width: 290px;
max-width: 290px;
}
}
.social-share 
{
display: flex;
float: right;
margin-top: 5px;
}
.social-icon a 
{
font-size: 15px;
color: black;
text-decoration: none;
}
.social-icon a:hover 
{
color: gray;
}
.dark .social-share 
{
display: flex;
float: right;
margin-top: 5px;
}
.dark .social-icon a 
{
font-size: 15px;
color: white;
text-decoration: none;
}
.dark .social-icon a:hover 
{
color: rgb(252, 220, 105);
}