/*
@media (min-width: 1366px) {
    .dashboard-bd .left-side {
        width: 60%;
    }
}
 */
/*h1,h2,h3,h4,h5,h6,a,p{font-family: 'Nunito', sans-serif !important;font-weight: 700 !important;}*/

.uppercase{text-transform: uppercase;}
.my-properties{border: 1px solid #ccc;box-shadow: none;padding: 20px}
/*#header {padding: 10px 0px 10px 0px}*/
iframe{width: 99% !important;}
.header-user-menu .lang-wrap ul {
    width: 150px;
}
.header-user-menu .lang-wrap ul li {
    width: 100%;
}
/*.header-user-name{padding-top: 0}*/
/*.header-user-name:before{display: none}*/
/*.header-user-name-no-arrow{padding-top: 10px}*/
/*#login .login, #register .login {
    width: 430px;
    padding: 25px 35px;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    margin: 20px;
    border-radius: 20px;
}*/
input#email,input#password {
    border-radius: 100px;
    padding: 25px;
}
/* Buton aktif değilken soluk renk */
.btnRegister:disabled {
    background-color: #cccccc; /* Soluk gri renk */
    color: #666666;            /* Daha soluk yazı rengi */
    cursor: not-allowed;       /* İşaretçiyi 'engel' şekline getirir */
    opacity: 0.6;
}

/* Buton aktif hale geldiğinde orijinal renk */
.btnRegister {
    background-color: #007bff; /* Butonun aktifken gözükeceği renk */
    color: white;
    opacity: 1;
}
.form-group label span {
    color: red;
    font-family: monospace;
}
.error { color: red; }
.success { color: green; }
/*
#navigation.style-1 ul a {
    font-size: 14px;
    padding: 6px;
}
 */
/*@media screen and (max-width: 767px) {
    #login .login, #register .login {
        width: 300px;
        padding: 20px;
    }
}*/
.text-indent {
    text-indent: 1.5em; /* İstediğiniz girinti miktarını ayarlayabilirsiniz */
}
.user-page.section-padding select{
    line-height: 30px;
    min-height: 35px;
    border: 1px solid var(--bs-border-color);
}
.dashboard-bd .second-footer {
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #333;
    margin-top: 15px;
    bottom: 0;
    padding-top: 15px;
}
.iti {
    width: 100%;
}

.iti__flag-container {
    background-color: #f9f9f9;
}
.custom-dropdown {
    position: relative;
    display: inline-block;
    width: 300px;
}
.dropdown-toggle {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.dropdown-toggle .iti__flag {
    margin-right: 10px;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}
.dropdown-item {
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.dropdown-item:hover {
    background-color: #f1f1f1;
}
.dropdown-item .iti__flag {
    margin-right: 10px;
}
.show {
    display: block;
}
.company-image {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    border: 2px solid #1d293e;
    padding: 3px;
}
/*
.dashboard-bd .sidebar-header {
    background-color: #24324a;
    padding: 10px 100px;
    text-align: center;
}
.dashboard-bd .sidebar-header img {
    width: 50px;
    height: 50px;
}
.ui-elements h4{
    letter-spacing: 0;
    margin-bottom: 0px;
}
.left-side{width: 900px;}

#navigation.style-1 ul li {border-radius: 100px;border-left: 5px solid #f00;}
*/
.header-user-menu{margin-right: 0}
.mt--20{margin-top: -20px}
.user p{margin-top: 0}
.user:before{margin-bottom: 15px;}
/*#navigation.style-1 ul a {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 32px;
    padding: 6px;
    font-weight: 500;
}*/
.mt-10{margin-top: 10px}
.select-padding{padding: 0 0 0 10px !important;}
#map {
    width: 100% !important;
    height: 400px; /* Görünüm yüksekliği */
}
.dropzone {
    min-height: 200px; /* Minimum yükseklik */
    border: 2px dashed #007bff; /* Sınır rengi */
    border-radius: 5px; /* Köşe yuvarlama */
    background-color: #f8f9fa; /* Arka plan rengi */
    padding: 20px;
    text-align: center;
    margin-bottom: 10px;
}
.groupbox {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 20px;
    background-color: #fff;
    position: relative;
}
.groupbox legend {
    font-size: 17px;
    color: #333;
    background-color: #fff;
    position: absolute;
    top: -18px;
    left: 18px;
    width: 30%;
    border: 2px solid #000;
    border-radius: 100px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}
#top-toolbar {
    position: fixed;
    width: 100%;
    font-size: 17px;
    padding: 10px;
    background: #1d293e;
    z-index: 999999;
    color: #DDD;
    font-weight: 900;
    letter-spacing: 5px;
}
.img-thumbnail {
    position: relative;
}
.tac-image {
    border-radius: 5px;
    margin-bottom: 10px;
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, .3);
    background: #fff;
    padding: 10px 10px;
}








.img-thumbnail .firm-logo {
    position: absolute;
    top: 50%; /* Yatay ortalama */
    left: 10px; /* Sağ tarafa yaslama */
    transform: translateY(-50%); /* Tam ortalamak için */
    width: 200px; /* Logo boyutu */
    height: 200px; /* Logo boyutu */
    border-radius: 50%; /* Yuvarlak hale getirme */
    border: 2px solid #fff; /* Beyaz kenarlık */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Hafif gölge */
    background-color: #f8f9fa; /* Logo alt rengi */
    object-fit: cover; /* Resmin doğru boyutlanması */
}

.status-green:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: green;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 100px;
    margin-right: 10px;
}
.status-yellow:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: yellow;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 100px;
    margin-right: 10px;
}
.accordion-button:not(.collapsed){background-color: transparent;}
.agents #header, .sin-1 #header {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mt-70{margin-top: 70px !important;}



/* Buton temel stilleri */
button.show-more {
    background-color: #4CAF50; /* Yeşil renk */
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

/* Butona hover efekti ekleyelim */
button.show-more:hover {
    background-color: #45a049;
}

/* Buton tıklandığında metni 'Daha Az Göster' yapmak için */
button.show-more:active {
    background-color: #3e8e41;
}


.the-icons {
    padding-top: 9px;
    padding-bottom: 0px;
}
.btn.btn-outline-light{padding: 0.2rem 1.5rem 0.2rem 1rem;}
.dt-layout-start > .dt-length > label{display: none !important;}
.user-profile-box .detail ul li a{padding:10px;}
.user-profile-box .detail ul li a p{margin-left: 35px;margin-top: -30px;}
.user-profile-box .detail {padding-top: 0;}
#menu-toggle{
    position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: white; font-size: 20px;
}
.user-profile-box .profile-img {
    border-radius: 50%;
    border: 0;
    bottom: 0;
    float: left;
    height: 64px;
    width: 64px;
    left: 100px;
    position: absolute;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.user-profile-box {
    z-index: 99
}
.user-profile-box .header {
    padding: 0 0 80px 0;
}
.dashboard-bd .active-user h2 {
    text-transform: capitalize;
    font-weight: 400;
    padding-top: 0;
    font-size: 16px;
    margin-bottom: 40px;
    color: #aeb7c2;
    text-align: center;
    margin-top: -40px;
    position: relative;
    z-index: 9;
    margin-left: 10px;
}
.scroll {
    max-height: 80vh; /* Görülebilir alanın %80'i */
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin; /* Firefox için ince scrollbar */
    scrollbar-color: #ccc transparent; /* Firefox scrollbar renkleri */
}
.color-green{color: #25D366;}
.pos-6{position: relative;top: 6px}

.scroll::-webkit-scrollbar {
    width: 6px; /* Webkit (Chrome, Safari) için scrollbar genişliği */
}

.scroll::-webkit-scrollbar-thumb {
    background: #ccc; /* Scrollbar rengi */
    border-radius: 4px;
}
.inner-pages .headings h1 {
    margin-top: 3.25rem;
}
.user-page.section-padding select{appearance: auto;}
.breadcrumb{margin: 10px 0px 10px 0;}
/*.user-page.section-padding{ margin-top: 0;}*/
.dashborad-box .item .icon{color: #fff}
.m65{margin-top: 65px}
.mt-35{margin-top: 35px}
.mt-40{margin-top: 40px}
.inner-pages .contact-us {
    padding: 2rem 0;
}
.btn .material-symbols-outlined {
    vertical-align: middle;  /* İkonu ortalamak için */
    margin-right: 10px;  /* İkon ile metin arasında boşluk bırakmak için */
}
/*
.form-group {
    position: relative;
}
*/

.icon_mail_alt {
    position: absolute;
    top: 50%;
    left: 10px;  /* İkonu input'un başına yerleştirir */
    transform: translateY(-50%); /* İkonu dikey olarak ortalar */
    font-size: 18px; /* İkonun boyutunu ayarlayın */
    color: #888; /* İkon rengi */
}

.form-title {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 4px;
    margin-bottom: 15px;
    background-color: #f4f4f4;
    border-radius: 5px;
    border: 2px solid #ccc;
    color: #888;
    letter-spacing: 1px;
}
.modal{z-index: 9999 !important;}
.select2-container{z-index: 999999 !important;
    width: 100% !important;
}
.unread-message a span {
    color: white;
}
.unread-message {
    border: 0px solid #ccc;
    width: 30px;
    position: absolute;
    right: 220px;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0 0 4px 2px blue;
    height: 30px;
    top: 35px;
}
.chat-container {
     display: flex;
     flex-direction: column;
     gap: 10px;
     padding: 10px;
 }

.message {
    max-width: 60%;
    padding: 10px;
    border-radius: 10px;
    word-wrap: break-word;
    position: relative;
}

.sent {
    align-self: flex-end;
    background-color: #dcf8c6; /* WhatsApp yeşili */
    text-align: right;
}

.received {
    align-self: flex-start;
    background-color: #fff;
    border: 1px solid #ddd;
}

.message-time {
    display: block;
    font-size: 12px;
    color: gray;
    margin-top: 5px;
}
/* Circle */
nav.circle div div ul li a {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
nav.circle div div ul li a:after {
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '.';
    color: transparent;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    background: transparent;
}
nav.circle ul li a:hover:after {
    -webkit-animation: circle 1.5s ease-in forwards;
}

/* Keyframes */
@-webkit-keyframes circle {
    0% {
        width: 1px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 1px;
        z-index: -1;
        background: #eee;
        border-radius: 100%;
    }
    100% {
        background: #aaa;
        height: 5000%;
        width: 5000%;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 0;
    }
}


#imageContainer {
    border: 1px solid #ccc;
    width: 300px;  /* Alanın genişliği */
    height: 300px; /* Alanın yüksekliği */
    overflow: hidden; /* Fazla resim kısmını gizler */
    position: relative;
}

#imagePreview {
    width: auto;  /* Resmi tam boyutunda gösterir */
    height: auto; /* Yüksekliği de orantılı tutar */
    top: 0;
    left: 0;
    cursor: grab; /* Sürükleme için işaretçi */
}
/*
@media (min-width: 1366px) {
    .dashboard-bd #navigation {
        margin-left: 80px !important;
        float: left;
        position: fixed;
        margin-top: 15px;
    }
}
 */

.language-selection {
    display: flex;
    gap: 10px; /* Dil seçenekleri arasındaki boşluk */
    align-items: center;
    margin-top: 10px;
}

.language-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: color 0.3s;
}

.language-item:hover {
    color: #007bff; /* Hover sırasında renk değişimi */
}

.flag-icon {
    width: 20px; /* Bayrak simgelerinin genişliği */
    height: 15px; /* Bayrak simgelerinin yüksekliği */
    margin-right: 5px; /* Bayrak ile yazı arasındaki boşluk */
    border-radius: 3px; /* Bayrak kenarlarına hafif yuvarlama */
}
#tanitim div div.form-group{text-align:justify}
.nav-tabs li button{color:#888 !important;}
.nav-tabs li button.active{color:#000 !important;}
/*.dashboard-bd .left-side {margin-left: 0;}*/
/*.header-user-menu, .user-menu{padding-right: 0px;margin-right: 0px;}*/
.language-selection {
    margin-top: 12px;
    margin-right: 30px;
}

/*.header-user-name span img{margin-top: -5px;}*/
.header-user-name span:after{bottom: 0}
/*#logo a img.img-thumbnail{border-radius: 100%}*/
/*
#navigation.style-1 ul a {
    font-size: 16px;
    font-weight: 400;
}
*/
.border {
    border: 1px solid #ccc !important;
    padding: 20px;
    border-radius: 10px;
}
/*
.homepage-4 .header-user-name, .homepage-4 .header-user-name:before {
    color: #000;
}*/
section.portfolio {
    padding: 0;
    background: transparent !important;
}
.portfolio .project-single{border: 0px}
/*.db-top-header,.agents #header{box-shadow: none;-webkit-box-shadow: none}*/
.inner-pages section.team{padding: 0;background: transparent}
.border-round-10{border-radius: 10px}


.h-150{height: 150px}
.fs-14{font-size: 14px !important;}
.inner-pages .pro-wrapper .detail-wrapper-body p {
    line-height: 25px;
}
section.headings-2 {
    padding: 30px 10px;
}
.inner-pages .blog .homes-content .homes-list li {
    width: 49%;
    /*border: 1px solid #ddd;
    border-right: 0;
    padding-left: 10px;
    margin: 5px 5px 5px 0;*/
}
.vessel-name{
    font-family: 'Nunito', sans-serif;
    font-size: 38px !important;
    font-weight: 700 !important;
}
.sidebar-widget .author-box img{
    margin-top: -15px;
}
.no-permission {
    opacity: 0.6;
    pointer-events: auto; /* Tıklanabilir kalır */
}
.permission_denied a span, .permission_denied a p
{color: yellow}
.permission_denied a:hover span,
.permission_denied a:hover p
{color: darkolivegreen}

span.material-symbols-outlined {
    position: relative;
    top: 7px;
    font-size: 20px;
}

.w-33{width: 25% !important;}
.top-bar{padding: 7px 0 10px 0;}