@import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');

.sidebar .collapse.show {display: block;}

.sidebar-dark .sidebar-brand {background-color: #264ab0; margin-bottom: 4px;}
.sidebar.toggled-active {
  width: 6.5rem !important; /*important �߿�*/
  /*overflow: hidden;*/
}

.sidebar.toggled-active #sidebarToggle::after {
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  margin-left: 0.25rem;
}

.sidebar.toggled-active .sidebar-card {
  display: none;
}

.d-md-inline::before {z-index: -1;}

.sidebar.toggled-active .sidebar-brand {flex-direction: column; padding: 0 0.5rem;}
.sidebar .sidebar-brand .sidebar-brand-icon img {width: 85% !important;}
.sidebar.toggled-active .sidebar-brand .sidebar-brand-icon img {width: 100% !important;}
.sidebar.toggled-active .sidebar-brand .sidebar-brand-text {display: block !important;}

.sidebar.toggled-active .d-flex {padding: 0.2rem 0.5rem!important;}
.sidebar.toggled-active .mall {text-align: center; font-size: 0.75rem !important;}
.sidebar.toggled-active .mall_admin {display: flex; flex-direction: column; align-items: center;}
.sidebar.toggled-active .mall_admin i {font-size: 1.2rem; margin: 5px;}
.sidebar.toggled-active .mall_admin::after {display: none;}

.sidebar.toggled-active .fixed-sidebar {overflow-y: scroll; overflow-x: hidden;}

.sidebar.toggled-active #botSet {position: unset;}
.sidebar.toggled-active #botSet .menu-adjustment {display: none;}
.sidebar.toggled-active #botSet .sidebar-card {margin: 0 5px;}

.sidebar.toggled-active .nav-item .nav-link i {display: none;}

.circle-x {position: absolute; right: -10px; top: -10px; font-size: 24px; background-color: #fff; border-radius: 50%; width: 24px; height: 24px; line-height: 24px; color: #224abe; cursor: pointer; transition: 0.3s;}
.circle-x:hover {color: #14307f; transition: 0.3s;}

@media (min-width: 767px) {
	.sidebar.toggled-active {
		overflow: visible;
		width: 14rem;
	  }
	 .sidebar.toggled-active .nav-item .collapse {
		position: absolute;
		left: calc(6.5rem + 0.5rem / 2);
		z-index: 1;
		top: 2px;
		border-radius: 0.35rem !important;
		-webkit-animation-name: growIn;
		animation-name: growIn;
		-webkit-animation-duration: 200ms;
		animation-duration: 200ms;
		-webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
		animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
	  }
	  .sidebar.toggled-active .nav-item .collapse .collapse-inner {
		/*box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);*/
		border-radius: 0.35rem !important;
	  }
	  .sidebar.toggled-active .nav-item .collapsing {
		display: none;
		transition: none;
	  }
	  .sidebar.toggled-active .nav-item .collapse,
	  .sidebar.toggled-active .nav-item .collapsing {
		margin: 0;
	  }
	  .sidebar.toggled-active .nav-item:last-child {
		margin-bottom: 1rem;
	  }
	  .sidebar.toggled-active .nav-item .nav-link {
		text-align: center;
		padding: 0.75rem 1rem;
		width: 6.5rem;
	  }
	  .sidebar.toggled-active .nav-item .nav-link span {
		font-size: 0.8rem;
		display: block;
	  }
	  .sidebar.toggled-active .nav-item .nav-link i {
		margin-right: 0;
	  }
	  .sidebar.toggled-active .nav-item .nav-link[data-toggle="collapse"]::after {
		display: none;
	  }
	  .sidebar.toggled-active .sidebar-brand .sidebar-brand-icon i {
		font-size: 2rem;
	  }
	  .sidebar.toggled-active .sidebar-brand .sidebar-brand-text {
		display: none;
	  }
	  .sidebar.toggled-active .sidebar-heading {
		text-align: center;
	  }
}

.sidebar-dark.toggled-active #sidebarToggle::after {
  color: rgba(255, 255, 255, 0.5);
}

.sidebar.toggled-active .nav-item.btn_nav {padding: 0px 12px !important; position: relative;}
.sidebar.toggled-active #sidebarToggle {width: 6.2rem;}
.sidebar.toggled-active #sidebarToggle::after {content: '\2b'; color: #fff;}

.sidebar.toggled-active .nav-item .collapse .collapse-inner {font-size: 0.75rem;}
.sidebar.toggled-active .nav-item .collapse {top: 0px; left: calc(6.5rem + -2px / 2);}
.sidebar.toggled-active .nav-item .collapse .collapse-inner {border: 2px solid #274bb1; border-radius: 0 !important;}
.sidebar.toggled-active .nav-item .collapse.hover_on {display: block;}
.sidebar.toggled-active .nav-item .nav-link:focus {background-color: #264ab0 !important;}
.sidebar.toggled-active .nav-item .nav-link:hover {background-color: #264ab0 !important;}
.sidebar.toggled-active .nav-item .nav-link:hover .nav-item .collapse:focus {display: block !important;}
.sidebar.toggled-active .nav-item.active .nav-link {background-color: #264ab0;}
/*.sidebar.toggled-active .nav-item.active .nav-link:hover, .sidebar.toggled-active .nav-item.active .nav-link:focus {background: none; color: #fff;}*/

/*@media (max-width: 767px) {
	.sidebar.toggled-active {width: 100% !important;}
}*/