/* 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-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;

 }