.vertical-nav {
  min-width: 13rem;
  width: 13rem;
  height: 100vh;
  position: fixed;
  z-index:3;
  top: 0;
  left: 0;
 // box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  //transition: all 0.4s;
  
}

.vertical-nav-min {
  min-width: 3rem;
  width: 3rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
 // box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  //transition: all 0.4s;

}
.panel-body-content{
	min-height:100vh;
	
}
.page-content-min {
  margin-left: 3rem;
  //transition: all 0.4s;
}

.form-floating label{
	
}

.page-content {
  margin-left: 13rem;
  //transition: all 0.4s;
}



.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: left;
	width: 13rem;
	list-style-type: none;
	height: 45px;
	position: relative;

}
.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: absolute;
	top: 0px;
	z-index: 1000;
	left: 13rem;
	width: 17rem;
	transition: all 0.4s;
}
.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;
}
.nav-sol-menu .start-li:hover > .alt-menu{
	display: block;
	transition: all 0.4s;
}

.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: #FFF;
	display: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	z-index: 1000;
	left: 17rem;
	width: 17rem;
	transition: all 0.4s;
}

.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;
}
.nav-sol-menu .start-li .alt-menu .li:hover .sub-menu{
	display: block;
	transition: all 0.4s;
}

.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;
	
}

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