/* Drawer menü — masaüstü ve mobil aynı (soldan açılır) */
.vertical-nav,
.vertical-nav-min {
  position: fixed;
  top: 0;
  left: -14rem;
  right: auto;
  width: 14rem;
  min-width: 14rem;
  max-width: 85vw;
  height: 100vh;
  height: 100dvh;
  z-index: 1050;
  transition: left 0.25s ease;
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.08);
}

body.panel-menu-open .vertical-nav,
body.panel-menu-open .vertical-nav-min {
  left: 0;
  right: auto;
}

.panel-body-content{
	min-height:100vh;
}

.page-content,
.page-content-min {
  margin-left: 0;
  width: 100%;
}



.menu-toogle-div{
	position: static;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	height: 60px;
}

.menu-toogle-div .menu-toogle-left{
	right: 0px;
	top: 15px;
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 10;	
}

.menu-toogle-div .menu-toogle-right{
	text-align: center;
	display: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
	width: 100%;
	line-height: 60px;
	font-size: 18px;
}

.nav-sol-menu{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	height: 100vh;
	display: block;
	
}
.nav-sol-menu a{
	color:#000000!important;
}
.nav-sol-menu .start-li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: none;
	width: 100%;
	list-style-type: none;
	height: auto;
	min-height: 45px;
	position: relative;
	overflow: visible;
}
.nav-sol-menu .start-li .text {
	font-size: .940rem;
	line-height: 1.25rem;
}
.nav-sol-menu .start-li .text .arrow-right{
	position: absolute;
	z-index: 1000;
	top: 12px;
	right: 8px;
	font-size: 13px;
	color: #CCC;
}
.nav-sol-menu .start-li .a{
	line-height: 40px;
	display: block;
	margin: 0px;
	float: left;
	height: 40px;
	width: 100%;
	padding: 0px;
	font-size:14px;
}
.nav-sol-menu .start-li .a:hover{
	background-color: #F0F0F0;
}
.nav-sol-menu .start-li .a .i{
	font-size: 22px;
	color: #CCCCCC;
	text-align: center;
	width: 3rem;
}


.nav-sol-menu .start-li .alt-menu{
	background-color: #FFF;
	display: none;
	margin: 0px;
	padding: 0px;
	position: static;
	top: auto;
	z-index: 1;
	left: auto;
	width: 100%;
}
.nav-sol-menu .start-li .alt-menu .a-alt{
	display: block;
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: .900rem;
	line-height:35px;
}
.nav-sol-menu .start-li .alt-menu .a-alt:hover{
	background-color: #F5F5F5;	
	
}

.nav-sol-menu .start-li .alt-menu .a-alt i{
	text-align: center;
	width: 25px;
}
/* Alt menü: tıklama ile açılır */
.nav-sol-menu .start-li:hover > .alt-menu,
.nav-sol-menu .start-li .alt-menu .li:hover > .sub-menu{
	display: none !important;
}

.nav-sol-menu .start-li .alt-menu .li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
	position: relative;
	z-index:1000;
}


/* sub menu */
.logo-hd img{
	
	max-height:50px;
	padding-top:15px;
}

.nav-sol-menu .start-li .alt-menu .sub-menu{
	background-color: #f8f9fa;
	display: none;
	margin: 0px;
	padding: 0px;
	position: static;
	top: auto;
	z-index: 1;
	left: auto;
	width: 100%;
}

.nav-sol-menu .start-li .alt-menu .sub-menu .li-sub{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
}


.nav-sol-menu .start-li .alt-menu .sub-menu .a-sub{
	display: block;
	line-height: 40px;
	margin: 0px;
	float: left;
	width: 100%;
	padding: 0px;
}
.nav-sol-menu .start-li .alt-menu .sub-menu .a-sub:hover{
	background-color: #F5F5F5;	
}

.nav-sol-menu .start-li .alt-menu .sub-menu .a-sub i{
	text-align: center;
	width: 25px;
}

.font-medium {
  font-weight: 500 !important;
}
.text-sm {
  font-size: .875rem !important;
  line-height: 1.25rem !important;
}

.font-medium {
  font-weight: 500;
}
.text-11 {
 font-size: .700rem !important;
 
}

.text-12 {
 font-size: .800rem !important;
}

.text-13 {
 font-size: .900rem !important;
}
.border-left-light{
	  border-left: 1px solid #F5F5F5;
	  
}


.-left-1 {
  left:-.25rem
}
.-left-10 {
  left:-2.5rem
}
.-left-15 {
  left:-3.75rem
}
.bottom-1 {
  bottom:.25rem
}
.bottom-1\.5 {
  bottom:.375rem
}
.bottom-10 {
  bottom:2.5rem
}
.bottom-4 {
  bottom:1rem
}
.bottom-5 {
  bottom:1.25rem
}
.bottom-6 {
  bottom:1.5rem
}
.bottom-7 {
  bottom:1.75rem
}
.float-right {
  float:right
}
.float-left {
  float:left
}
.block {
  display:block
}
.flex-1 {
  flex:1 1 0%
}
.flex-auto {
  flex:1 1 auto
}
.flex-none {
  flex:none
}
.flex-shrink-0 {
  flex-shrink:0
}
@keyframes }
@keyframes }
@keyframes }
.border-none {
  border-style:none
}
.border-gray-100 {
  --tw-border-opacity:1;
  border-color:rgb(236 239 240/var(--tw-border-opacity))
}
.border-gray-200 {
  --tw-border-opacity:1;
  border-color:rgb(229 231 235/var(--tw-border-opacity))
}
.border-gray-300 {
  --tw-border-opacity:1;
  border-color:rgb(143 143 143/var(--tw-border-opacity))
}
.border-gray-400 {
  --tw-border-opacity:1;
  border-color:rgb(131 131 131/var(--tw-border-opacity))
}
.border-gray-50 {
  --tw-border-opacity:1;
  border-color:rgb(249 250 251/var(--tw-border-opacity))
}
.border-gray-500 {
  --tw-border-opacity:1;
  border-color:rgb(104 104 104/var(--tw-border-opacity))
}
.border-gray-600 {
  --tw-border-opacity:1;
  border-color:rgb(75 85 99/var(--tw-border-opacity))
}
.border-green-500 {
  --tw-border-opacity:1;
  border-color:rgb(112 190 116/var(--tw-border-opacity))
}
.border-green-600 {
  --tw-border-opacity:1;
  border-color:rgb(22 163 74/var(--tw-border-opacity))
}
.border-red-400 {
  --tw-border-opacity:1;
  border-color:rgb(248 113 113/var(--tw-border-opacity))
}
.border-red-500 {
  --tw-border-opacity:1;
  border-color:rgb(254 3 3/var(--tw-border-opacity))
}
.border-red-600 {
  --tw-border-opacity:1;
  border-color:rgb(220 38 38/var(--tw-border-opacity))
}
.border-slate-200 {
  --tw-border-opacity:1;
  border-color:rgb(226 232 240/var(--tw-border-opacity))
}
.border-slate-300 {
  --tw-border-opacity:1;
  border-color:rgb(203 213 225/var(--tw-border-opacity))
}
.border-slate-400 {
  --tw-border-opacity:1;
  border-color:rgb(148 163 184/var(--tw-border-opacity))
}
.border-transparent {
  border-color:transparent
}
.border-white {
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.border-yellow-200 {
  --tw-border-opacity:1;
  border-color:rgb(254 240 138/var(--tw-border-opacity))
}
.border-yellow-500 {
  --tw-border-opacity:1;
  border-color:rgb(251 129 34/var(--tw-border-opacity))
}
.text-lg {
  font-size:1.125rem;
  line-height:1.75rem
}
.text-medium {
  font-size:1em
}
.text-sm {
  font-size:.875rem;
  line-height:1.25rem
}
.text-small {
  font-size:.875em
}
.text-xl {
  font-size:1.25rem;
  line-height:1.75rem
}
.text-xlarge {
  font-size:1.25em
}
.text-xs {
  font-size:.75rem;
  line-height:1rem
}
.text-xsmall {
  font-size:.75em
}
.font-bold {
  font-weight:700
}
.font-extrabold {
  font-weight:800
}
.font-light {
  font-weight:300
}
.font-medium {
  font-weight:500
}
.font-normal {
  font-weight:400
}
.font-semibold {
  font-weight:600
}
.font-thin {
  font-weight:100
}

.text-yellow-500 {
  --tw-text-opacity:1;
  color:rgb(251 129 34/var(--tw-text-opacity))
}
.block {
  display:block
}
.w-auto {
  width:auto
}
.h-auto {
  height:auto
}
.flex {
  display:flex
}
.border-gray-50 {
  --tw-border-opacity:1;
  border-color:rgb(249 250 251/var(--tw-border-opacity))
}
.h-5 {
  height:1.25rem
}
.form-floating label{
	font-size: .800rem;
	
}

.panel-return-post{
	padding-left: 0;
}

.panel-nav-backdrop{
	display: none;
	position: fixed;
	inset: 0;
	z-index: 1040;
	background: rgba(0, 0, 0, 0.45);
}

body.panel-menu-open .panel-nav-backdrop{
	display: block;
}

body.panel-menu-open{
	overflow: hidden;
}

.menu-toogle-div .menu-toogle-left,
.menu-toogle-div .menu-toogle-right{
	display: none !important;
}

.panel-sidebar-close{
	display: block;
	position: absolute;
	right: 6px;
	top: 12px;
	z-index: 12;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	color: #666;
	font-size: 20px;
	line-height: 40px;
	padding: 0;
	cursor: pointer;
}

.nav-sol-menu{
	height: calc(100vh - 60px);
	height: calc(100dvh - 60px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.nav-sol-menu .start-li,
.nav-sol-menu .start-li .alt-menu .li{
	width: 100%;
	height: auto;
	min-height: 45px;
	float: none;
}

#panel-sidebar .nav-sol-menu .start-li .alt-menu,
#panel-sidebar .nav-sol-menu .start-li .alt-menu .sub-menu{
	position: static !important;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	float: none !important;
	display: none !important;
	box-shadow: none !important;
	background: #f8f9fa;
	margin: 0;
	padding: 0 0 6px 0;
}

.nav-sol-menu li.start-li.submenu-open > ul.alt-menu,
.nav-sol-menu li.li.submenu-open > ul.sub-menu,
#panel-sidebar .nav-sol-menu .start-li.submenu-open > .alt-menu,
#panel-sidebar .nav-sol-menu .start-li .alt-menu .li.submenu-open > .sub-menu{
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	overflow: visible !important;
}

#panel-sidebar .nav-sol-menu .start-li .alt-menu .a-alt{
	padding-left: 2.5rem;
	line-height: 38px;
	height: auto;
	min-height: 38px;
	float: none;
}

#panel-sidebar .nav-sol-menu .start-li .alt-menu .sub-menu .a-alt{
	padding-left: 3.25rem;
}

#panel-sidebar .nav-sol-menu .start-li .text .arrow-right,
#panel-sidebar .nav-sol-menu .start-li .alt-menu .text .arrow-right{
	transition: transform 0.2s ease;
}

#panel-sidebar .nav-sol-menu .start-li.submenu-open > .a .arrow-right,
#panel-sidebar .nav-sol-menu .start-li .alt-menu .li.submenu-open > .a-alt .arrow-right{
	transform: rotate(90deg);
}

.panel-header-bar{
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 48px;
	flex-wrap: wrap;
}

.panel-header-desktop{
	display: none !important;
}

.panel-mobile-menu-btn{
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 8px;
	background: #f0f0f0;
	color: #333;
	font-size: 18px;
	line-height: 44px;
	padding: 0;
	cursor: pointer;
}

.panel-header-mobile-site{
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.panel-header-mobile-site img{
	height: 28px;
	width: auto;
}

.panel-header-mobile-title{
	font-size: .85rem;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.panel-header-date{
	font-size: .75rem;
	color: #666;
	white-space: nowrap;
}

.panel-header-mobile-actions{
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	flex-wrap: wrap;
}

.panel-header-end{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	flex-shrink: 0;
}

.panel-header-harita-btn{
	white-space: nowrap;
	flex-shrink: 0;
}

.panel-header-mobile-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 8px;
	font-size: .75rem;
}

.panel-header-mobile-icon:hover{
	background: #f5f5f5;
	border-radius: 8px;
}

.tema-header{
	padding: 8px 12px !important;
}

.form-floating > .form-control:focus::placeholder{
    color: var(--bs-secondary-color) !important;
    opacity: 0.5;
	font-size: .800rem;
 }