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

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

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

a:link,a:hover{
	color: #33d1f2;
}

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