body[themebg-pattern="theme1"] {
    background-color: #000;
}

:root {
    --bs-body-font-size: 0.875rem;    /* 기본 1rem을 0.875rem으로 축소 */
}

.icon-sidebar {
	background:#212121 !important;
}

.icon-menu-item {
	color:#FFF !important;
}

/* Bootstrap 색상 변수 재정의 - 로고 톤에 맞춘 버전 */
:root {
	/* Primary 색상 계열 - 더 순수한 블루 */
	--bs-primary: #4285f4;
	--bs-primary-rgb: 66, 133, 244;
	--bs-primary-text: #ffffff;
	
	/* Success 색상 계열 - 유지 */
	--bs-success: #70c470;
	--bs-success-rgb: 112, 196, 112;
	--bs-success-text: #ffffff;
	
	/* Danger 색상 계열 - 더 높은 채도의 레드 */
	--bs-danger: #e53e3e;
	--bs-danger-rgb: 229, 62, 62;
	--bs-danger-text: #ffffff;
	
	/* Warning 색상 - 조화로운 톤 */
	--bs-warning: #f4a742;
	--bs-warning-rgb: 244, 167, 66;
	--bs-warning-text: #ffffff;
	
	/* Info 색상 - Primary와 동일한 블루 */
	--bs-info: #4285f4;
	--bs-info-rgb: 66, 133, 244;
	--bs-info-text: #ffffff;
}

/* Bootstrap 컴포넌트 색상 적용 */
.btn-primary {
	--bs-btn-bg: #4285f4;
	--bs-btn-border-color: #4285f4;
	--bs-btn-hover-bg: #3275e4;
	--bs-btn-hover-border-color: #3275e4;
	--bs-btn-active-bg: #2265d4;
	--bs-btn-active-border-color: #2265d4;
}

.btn-success {
	--bs-btn-bg: #70c470;
	--bs-btn-border-color: #70c470;
	--bs-btn-hover-bg: #60b460;
	--bs-btn-hover-border-color: #60b460;
	--bs-btn-active-bg: #50a450;
	--bs-btn-active-border-color: #50a450;
}

.btn-danger {
	--bs-btn-bg: #e53e3e;
	--bs-btn-border-color: #e53e3e;
	--bs-btn-hover-bg: #d52e2e;
	--bs-btn-hover-border-color: #d52e2e;
	--bs-btn-active-bg: #c51e1e;
	--bs-btn-active-border-color: #c51e1e;
}

/* 배지(Badge) 색상 */
.badge.bg-primary {
	background-color: #4285f4 !important;
}

.badge.bg-success {
	background-color: #70c470 !important;
}

.badge.bg-danger {
	background-color: #e53e3e !important;
}

/* 텍스트 색상 클래스 */
.text-primary {
	color: #4285f4 !important;
}

.text-success {
	color: #70c470 !important;
}

.text-danger {
	color: #e53e3e !important;
}

/* 링크 색상 */
a {
	color: #4285f4;
}

a:hover {
	color: #3275e4;
}

/* 폼 요소 포커스 색상 */
.form-control:focus,
.form-select:focus {
	border-color: #4285f4;
	box-shadow: 0 0 0 0.25rem rgba(66, 133, 244, 0.25);
}

/* 체크박스, 라디오 버튼 색상 */
.form-check-input:checked {
	background-color: #4285f4;
	border-color: #4285f4;
}

.form-check-input:focus {
	border-color: #4285f4;
	box-shadow: 0 0 0 0.25rem rgba(66, 133, 244, 0.25);
}

/* 기본 테마 색상 재정의 */
.btn-primary,
.navbar-light .navbar-nav .nav-link.active,
.bg-primary{
    background-color: #7267f5; /* 원하는 색상으로 변경 */
}

.btn-primary:hover{
	background-color: #000000;
	border-color: #000000;
}

a:link,a:hover{
	/*color: #FFF;*/
}

.signup_logo{
	width: 100% !important;
}

.header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme6"] {
    background: #000000;
}

.pcoded .pcoded-navbar[navbar-theme="theme1"] .nav-user, .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-inner-navbar {
    background-color: #000000;
}

.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item>li.active:hover>a, .pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item>li.pcoded-trigger:hover>a {
    background: #343541;
}

.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li .pcoded-submenu {
    background-color: #343541;
}

.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item>li.active>a, .pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item>li.pcoded-trigger>a {
    background: #343541;
    color: #FFF;
}

.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item>li>a {
    color: #FFF;
}

.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item>li>a .pcoded-micon {
    color: #FFF;
}

.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li>a {
    color: #FFF;
}

.makechat_input {
    border: 2px solid #d1d7dd;
}

.makechat_white button i {
    color: #000000;
}

.makechat_top {
    color: #343541;
}


/* 좌측 메뉴 */
/*
.submenu-chat{
	height:30px;
}
.pcoded-submenu{
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.pcoded-hasmenu a{
	padding-top:5px !important;
	padding-bottom:5px !important;
}*/
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item>li>a {
    padding-left: 10px;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="solid"] li>a {
	border-bottom:none;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="solid"] li>a:visited {
	color:#CCC;
}


/*********** worchat ***********/

.workchat-leftmenu-menu{
	height:40px;
	line-height:40px;
	font-size:14px;
	padding-left:30px;
}

.workchat-leftmenu-menu-name{
	padding-left:0;
	margin-left:-5px;
}

.workchat-leftmenu-menu-name.active{
	width:100%;
	border-radius:5px;
	padding:7px;
	background:#343541;
	color:#FFF;
}

.workchat-leftmenu-subtitle{
	height:40px;
	line-height:40px;
	font-size:12px;
	font-weight:bold;
	padding-left:40px !important;
	color:#999;
	cursor:pointer;
}

.workchat-leftmenu-subtitle.team{
}

.workchat-leftmenu-subtitle label{
	margin-left:3px;
	padding: 2px 5px 2px 5px;
	color:#000;
}

.workchat-leftmenu-subtitle i{
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#999;
	margin-left:10px;
	cursor:pointer;
	/*
	float:right;
	margin-right:30px;*/
}

.workchat-leftmenu-subtitle.team{
	color:#95c9d3;
}

.workchat-leftmenu-subtitle.team i{
	color:#95c9d3;
}

.workchat-leftmenu-submenus{
	color:#FFF;
}

.workchat-leftmenu-menus-submenu .updated{
	font-weight:900;
	color:#FFF;
}

.workchat-leftmenu-menus-submenu .updated span{
	color:#FFF;
}

.workchat-leftmenu-menus-submenu a,
.workchat-leftmenu-menus-submenu a:link,
.workchat-leftmenu-menus-submenu a:visited,
.workchat-leftmenu-menus-submenu a:hover,
.workchat-leftmenu-menus-submenu a:active {
    color: #CCC;
	text-decoration:none;
	border-bottom: none;
}

.workchat-leftmenu-menus-submenu a:link span{
	width:100%;
	border-radius:5px;
	padding:7px;
	color:#CCC;
}

.workchat-leftmenu-menus-submenu a:hover span{
	width:100%;
	border-radius:5px;
	padding:7px;
	background:#33d1f2;
	color:#CCC;
}

.workchat-leftmenu-menus-submenu a .active{
	width:100%;
	border-radius:5px;
	padding:7px;
	background:#343541;
	color:#FFF;
}

.workchat-leftmenu-menus-submenu a:hover .active{
	background:#343541;
	color:#FFF;
}

.workchat-leftmenu-menus-submenu{
	color:#FFF;
	height:40px;
	line-height:40px;
	font-size:14px;
	padding-left:40px;
}

.workchat-leftmenu-menus-submenu i{
	margin-right:3px;
	font-size:12px;
}




/*********** Prompt library ***********/

.prompt_library{
	width:100%;
}

.prompt_library_category{
	width:100%;
    display: flex;
    flex-direction: row; /* 가로 방향으로 아이템을 정렬합니다 */
    justify-content: center; /* 주 축(여기서는 가로)을 기준으로 중앙 정렬합니다 */
    align-items: center; /* 교차 축(여기서는 세로)을 기준으로 중앙 정렬합니다 */
    margin-top: 15px;
	height:60px;
	overflow-x:scroll;
}

.prompt_library_category .item{
    display: flex;
    align-items: center;
    height: 32px;
    border: 1px solid rgb(218, 220, 224);
    border-radius: 16px;
    background-color: transparent;
    padding: 0px 12px;
    white-space: nowrap;
    margin-right: 8px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
	font-size:16px;
}

.prompt_library_category .item.active{
	color:#FFF;
	background:#33d1f2;
}

.prompt_library_category .item:hover{
	border:1px solid #33d1f2;
}

.prompt_library_category_subtitle{
	color:#333;
    padding: 0px 10px;
	height:70px;
	line-height:70px;
	width:95%;
	margin:0 auto;
	text-align:left;
	font-family: zeitung, sans-serif !important;
	font-weight: 700;
}

.prompt_library_category_mddile{
	font-weight:700;
	color:#333;
    padding: 0px 10px;
	height:50px;
	line-height:50px;
	width:95%;
	margin:0 auto;
	text-align:center;
}

.prompt_library_category_mddile .btn_prompt_library_newprompt{
    display: flex;
    align-items: left;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    padding: 0px 20px;
    box-sizing: border-box;
    margin-right: 8px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
	font-size:16px;
	border-radius:25px;
	background:#000;
	color:#FFF;
	font-family: zeitung, sans-serif !important;
	font-weight: 700;
}

.prompt_library_category_mddile .btn_prompt_library_newprompt:hover{
	background:#33d1f2;
}

.prompt_library_category_mddile .btn_prompt_library_newprompt i{
    height: 30px;
    line-height: 30px;
}

.prompt_library_category_mddile .btn_prompt_library_newprompt span{
	margin-left:2px;
    height: 30px;
    line-height: 30px;
}

.prompt_library_cards{
    display: flex;
    flex-wrap: wrap; /* 아이템들이 줄바꿈되도록 설정합니다 */
    justify-content: space-between;
    align-items: center; /* 세로 방향 중앙 정렬 */
	width:95%;
	margin:0 auto;
}

.prompt_library_cards .item{
	height: 260px;
    flex: 0 0 auto; /* 아이템 크기가 유동적으로 조절되도록 설정 */
    margin: 10px;

	order-radius: 16px;
    border: 1px solid rgb(218, 220, 224);
	border-radius:10px;
    /*min-width: 200px;
    max-width: 250px;*/
    width: calc((100% - 80px) * 0.25);
    overflow: hidden;
    box-sizing: border-box;
    background-color: transparent;
    transition: all 0.3s ease 0s;
}

.prompt_library_cards .item:hover{
	border:1px solid #33d1f2;
}


.prompt_library_cards .item .item_img{
	height:100px;
	width:100%;
}

.prompt_library_cards .item .item_img img{
	height:100px;
	width:100%;
	object-fit: cover;
	cursor:pointer;
}


.prompt_library_cards .item .item_title{
	color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
	padding:10px 10px 0 10px;
	max-height:56px;
	overflow:hidden;
	cursor:pointer;
}

.item_title_desc{
	color: #666;
    font-size: .875rem;
    font-weight: 400;
    line-height: 24px;
	line-height: 18px;
	padding:10px 10px 0 10px;
	max-height:48px;
	overflow:hidden;
	margin-bottom:10px;
	cursor:pointer;
}

.prompt_library_cards .item .item_title_functions{
	 border-top:1px solid rgb(218, 220, 224);
	 padding:10px 10px 0 10px;
}

.prompt_library_cards .item .item_title_info{
	width:140px;
	height:20px;
	float:left;
	font-size:14px;
}

.prompt_library_cards .item .item_title_info img{
	width:20px;
	height:20px;
	border-radius:50%;
}

.prompt_library_cards .item .btn_prompt_library_btns{
	width:60px;
	height:20px;
	float:right;
	text-align:right;
}

.prompt_library_cards .item .item_title_functions i{
	font-size:22px;
	color:#CCC;
	cursor:pointer;
    transition: all 0.3s ease 0s;
}

.prompt_library_cards .item .item_title_functions i:not(:first-child){
	margin-left:5px;
}

.prompt_library_cards .item .item_title_functions i.btn_use{
	font-size:20px;
	vertical-align: 2px;
}

.prompt_library_cards .item .item_title_functions i:hover{
	color:#33d1f2;
}



/*********** modal - Prompts libray - new prompt ***********/

.my-modal-prompts-new{
	height:680px;
}

.my-modal-prompts-new-title{
	margin-bottom:20px;
}

.my-modal-prompts-new-button{
	margin-top:30px;
	width:100%;
	text-align:center;
}

.my-modal-prompts-new-button button{
	width:150px !important;
	margin:0 auto;
}

.txtarea_modal_prompts_new{
	height:200px;
}

:root {
  --custom-primary-rgb: 71, 214, 243;
}

.bg-primary-light {
  background-color: rgba(var(--custom-primary-rgb), 1) !important;
}
.bg-primary-light.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
  background-color: rgba(var(--custom-primary-rgb), var(--bs-bg-opacity)) !important;
}



/* 파일 추가 */
#myDropzone {
    width: 100%;
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: #E3F2FD;
    min-height: 200px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    margin-bottom: 20px;
}

#myDropzone:hover {
    background: #BBDEFB;
}

#myDropzone .dz-message {
    text-align: center;
}

#myDropzone .dz-message i {
    color: #0087F7;
    margin-bottom: 15px;
}

#myDropzone .dz-message h4 {
    color: #0087F7;
    margin-bottom: 10px;
}

#myDropzone .dz-message p {
    font-size: 14px;
    color: #555;
}

#myDropzone.dz-drag-hover {
    border-style: solid;
    background: #90CAF9;
}

#myDropzone .dz-preview {
    display: none !important;
}

#myDropzone.dz-started {
    border-color: #28a745;
    background-color: #d4edda;
}

#myDropzone.dz-started .dz-message {
    display: none;
}

#myDropzone.dz-started:after {
    content: attr(data-files-count) " file(s) selected";
    display: block;
    font-size: 16px;
    color: #28a745;
    text-align: center;
    margin-top: 10px;
}

.fallback {
    display: none;
}

.text-center {
    /*width: 100%;*/
}

/* 추가적인 스타일 */
#myDropzone .dz-error-message {
    color: #A94442;
}

#myDropzone.dz-error {
    border-color: #A94442;
    background-color: #F2DEDE;
}

#myDropzone.dz-error:after {
    content: "Error uploading file(s)";
    color: #A94442;
}


.noUi-horizontal .noUi-handle {
    background: #7267f5 !important;
}