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

a,
.text-primary {
    color: #7267f5 !important;
}

.text-secondary{
	color:#333 !important;
}



body, div, h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", sans-serif, !important;
    /*font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Noto Sans KR' !important;*/
	font-weight: 500 !important;
}


/* navigation */
.header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme6"]{
	color:#FFF;
	padding-left:10px;
	text-align:left;
}
.navbar-title{
	cursor:pointer;
}
.navbar-title i{
    height: 20px;
    line-height: 20px;
    margin-bottom: 6px;
    margin-left: 6px;
	cursor:pointer;
    vertical-align: 3px;
}

/* 버튼 애니메이션 제거*/
.btn-primary, .sweet-alert button.confirm, .wizard>.actions a {
    background-color: #4099ff;
    border-color: #4099ff;
    cursor: pointer;
    -webkit-transition: none; /* 이 부분을 수정 */
    transition: none; /* 표준 transition도 수정 */
}

.btn-disabled{
    -webkit-transition: none; /* 이 부분을 수정 */
    transition: none; /* 표준 transition도 수정 */
}

/* for tests */
#modal-database-create-test{
	display:block;
}

/* common */
/* sub메뉴 항상 열기 */
.pcoded-submenu {
    display: block !important;
}

.submenu-2nd{
	font-size:12px !important;
}

.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu .pcoded-submenu li>a{
	padding-left:30px;
}

.page-header.card{
	margin-bottom:0;
}

.btn-op30{
	opacity: 0.3;
}
.btn-gray{
	background-color:#CCC !important;
	border:none;
}

.btn-primary {
	background-color: #0d6efd;
	border-color: #0d6efd;
}

button:focus, .btn:focus, button:active, .btn:active {
    box-shadow: none !important; /* 포커스 및 액티브 상태의 그림자 제거 */
    outline: none !important;    /* 포커스 상태의 테두리 제거 */
    /* 필요한 경우 배경색과 테두리 색상을 재정의할 수 있습니다. */
}

.table tr td, 
.table tr th {
    padding-top: 10px;  /* 위 패딩 */
    padding-bottom: 10px;  /* 아래 패딩 */
	color:#333;
}

.table tr {
    height: auto;
    line-height: normal;
}

.mt-5 {
	margin-top: 1.25rem !important;
}

/* additional button styles */
.btn-empty {
    background-color: #FFFFFF80;
	border:1px solid #CCC;
	color:#666;
}

.shadow {
    box-shadow: 0px 14px 34px rgba(70, 129, 226, 0.2), 0px 4px 25px rgba(49, 96, 160, 0.15) !important;
}


/* auth */
.page-signupCompleteWork .bootstrap-tagsinput{
	width:100% !important;
	font-size: 14px !important;
    border-radius: 2px;
    border: 1px solid #ccc;
	border-radius: 8px;
	line-height: 52px;
	min-height:52px;
    width: 100%;
    padding: 1rem 1rem;
    font-family: "General Sans",sans-serif,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #6b7280;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d5db;
    appearance: none;
    border-radius: 8px;
}
.page-signupCompleteWork .bootstrap-tagsinput .label-info{
	background:#0d6efd;
}
.bootstrap-tagsinput input{
	width:100%;
}
.bootstrap-tagsinput .tag{
	line-height: 3;
}


.page-signupCompleteWork .bootstrap-tagsinput{
	padding:8px;
	border:#CCC 1px solid;
	min-height:80px;
}

.page-signupCompleteWork .bootstrap-tagsinput .label-info{
	background:#0d6efd;
}

.page-signupCompleteWork #btn_modal_invite_send{
	display:none;
}

/* invite */
.page-invite-signup .mw-md-expanded{
	max-width: 40rem;
}

/* tables */
.table-border-style{
	display:none;
}


.table-responsive td.right{
	text-align:right;
}

.table-responsive tr {
    background-color: #EFEFEF;
}





/* database */
.breadcrumb-title{
	margin-right:30px;
}
.tool-box{
	position:absolute !important;
	top:35px;
	right:20px;
}
.nav-tabs .icon-arrow-right-circle{
	padding-top:22px;
	color:#CCC;
	font-size:24px;
}

.nav-tabs li.no-session{
	display:none;
}

.nav-tabs i.no-session{
	display:none;
}

/* database - export */
.page_databaseExport .card-header{
	margin-top:20px;
}
.page_databaseExport h4{
	font-weight: bold;
}

.page_databaseExport .section_title{
	font-weight: bold;
	margin-top:14px;
	margin-bottom:14px;
}

.page_databaseExport .section_title:first-child{
	margin-top:0;
}

.page_databaseExport input[type="checkbox"]{
	vertical-align: -2px;
    margin-right: 2px;
}

.page_databaseExport .color-picker{
	font-weight: 400;
    line-height: 1.5;
	height:30px !important;
}

.iframe_databaseExport_widget{
	transform: scale(0.7);
	transform-origin: top left; width: 140%;
	height: 140%;
}

.txt_databaseExport_faqID{
	display:inline;
}

/* 테두리 색상 변경 애니메이션 */
@keyframes border-animation {
    0% { border-color: blue; }
    50% { border-color: green; }
    100% { border-color: blue; }
}


/* 텍스트 박스 스타일 */
.databaseCreate_link_row{
	position:relative;
}
.txt_databaseCreate_link_loading {
	/*col-sm-8 width*/
	width: 66.66666667%;
	padding-right:24px;
	height: 43px;
	opacity:0.2;
	position:absolute;
	top:0;
	display:none;
}

.msg_frm_databaseCreate{
	min-height: 20px;
}


.page-databaseFAQ-generate-buttons{
	width:96%;
	text-align:right;
	padding:0;
}

.btn_databaseFAQ_confirmAll{
	width:150px;
}

.databaseFAQ-generate-loading{
	padding:50px;
	text-align:center;
	display:none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.databaseFAQ-generate-loading .loading-icon {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top: 4px solid #007bff; /* primary color */
    animation: spin 1s linear infinite;
    margin-right: 8px; /* spacing between the icon and text */
    display: inline-block; /* to align it with the text */
    vertical-align: middle; /* to align it vertically centered with the text */
}

.page-databaseFAQ-generate .card h6{
	font-weight:bold;
}

.page-databaseFAQ-generate .d-flex{
    border-bottom: 1px #DDD solid;
	margin-bottom: 20px;
}
.page-databaseFAQ-generate .d-flex:last-of-type {
    border-bottom: none;
    /* 맨 마지막 요소를 위한 스타일 또는 오버라이드 할 스타일 */
}
.page-databaseFAQ-generate .d-flex .label_answer{
	padding-right:100px;
}
.page-databaseFAQ-generate .d-flex{
	justify-content: space-between;
}
.page-databaseFAQ-generate .d-flex .flex-grow-1{
}
.page-databaseFAQ-generate .d-flex .flex-grow-1 .label_answer{
	overflow: auto;
}

.page-databaseFAQ-generate .d-flex .buttons{
	flex-shrink:0;
	width:120px !important;
}

.page-databaseFAQ-generate .d-flex .buttons button{
	padding-right:7px;
	padding-left:12px;
}

.page-databaseFAQ-generate .d-flex .form-label{
	margin-top:10px;
}

.page-databaseFAQ-generate .d-flex .txt_databaseFAQ_question{
	font-size:16px;
	width: 98%;
    border: 0;
	font-weight:bold;
	margin-bottom:4px;
}

.page-databaseFAQ-generate .d-flex .txt_databaseFAQ_answer{
	font-size:16px;
	width: 98%;
    border: 0;
	resize: none;
    min-height: 100px; /* 최소 높이 설정 */
    overflow-y: hidden; /* 내용이 넘칠 때 스크롤바가 나타나지 않도록 설정 */
    resize: none; /* 사용자가 직접 크기를 조절할 수 없도록 설정 */
}

.page-databaseFAQ-generate .d-flex .row_txt_databaseFAQ_ref{
	font-size:12px;
	color:#999;
	padding-left:3px;
}

.area-page-databaseFAQ-generate-progress{
	height:90px;
}
.area-page-databaseFAQ-generate-slider{
	height:90px;
}

.btn_databaseFAQ_regenerate{
	width:170px;
}

.page-databaseFAQ-generate-slider{
	width:98%;
	border-bottom:none !important;
	margin-top: 10px !important;
}

.page-databaseFAQ-generate-slider button{
	height:60px;
	border-radius:3px;
	background-color: #0d6efd;
	border:#0d6efd;
}

.page-databaseFAQ-generate-options-closed{
	width:96%;
	border:1px solid #CCC;
	border-radius: 5px;;
	padding:10px;
	color:#999;
}

.page-databaseFAQ-generate-options-closed .mt-2{
	
}

.page-databaseFAQ-generate-options-closed .d-flex{
	border-bottom: none !important;
	margin-bottom:5px;
}

.page-databaseFAQ-generate-options-closed label{
	color:#0d6efd;
	font-weight: 600;
}

.page-databaseFAQ-generate-options-closed span{
	text-align: left;
	width:100%;
	padding-left:10px;
}

.page-databaseFAQ-generate-options-closed-summary{
	color:#666;
}

.page-databaseFAQ-generate-options-closed button{
	background:#0d6efd;
	width:30px;
	height:30px;
	border-radius: 50%;
	color:#FFF;
}

.page-databaseFAQ-generate-options-closed button i{
	margin:0 auto;
}

.page-databaseFAQ-generate-options-closed input{
	width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
	border: 1px solid #ced4da;
    border-radius: .25rem;
}
.page-databaseFAQ-generate-options-closed input::placeholder {
	color: #CCC;
}
.page-databaseFAQ-generate-options-closed textarea::placeholder {
	color: #CCC;
}
.page-databaseFAQ-generate-options-closed textarea{
	width: 100%;
	height:100px;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
	border: 1px solid #ced4da;
    border-radius: .25rem;
	margin-top:10px;
}





.page-databaseFAQ-generate-options{
	display:inline-block;
	height:60px;
	line-height:60px; 
	padding-left:40px;
	margin-bottom:-10px;
}

.page-databaseFAQ-generate-options select{
	width:120px;
	display:inline-block;
}

.page-databaseFAQ-generate-options select:first-child{
	width:80px;
	display:inline-block;
}

.page-databaseFAQ-generate-options .slt_databaseFAQ_tone{
	width:150px !important;
}

.page-databaseFAQ-generate-options .txt_databaseFAQ_tone_sample{
	width:640px !important;
}


.page-databaseFAQ-generate-options input{
	display:inline-block;
	height:40px;
	line-height:40px; 
	padding-left:10px;
	margin-bottom:-10px;
	box-sizing: border-box;
	width:300px;

    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.page_databaseExport .alert{
	margin:20px;
	margin-bottom:0;
}


.page_databaseExport .card-block .buttons {
    flex-shrink: 0;
    width: 120px !important;
}

.page_databaseExport .btn{
	width:110px;
	font-size: 14px;
	letter-spacing:-1px;
}

.page_databaseExport pre{
	width:95%;
}

.page_databaseExport .row_faqID input.form-control {
	margin-left:5px;
    width: calc(100% - 85px);  /* 전체 넓이에서 텍스트 넓이만큼 제외. 80px는 예제 값이며 실제 텍스트의 넓이에 따라 조절해야 함 */
}

.page_databaseExport .row_faqID .btn{
	width:110px;
}

.page_databaseExport .row_faqID .col-sm-4{
	text-align:right;
	padding-right:80px;
}



/*********** PhraseAI trainer ***********/

.page-trainer-options{
	display:inline-block;
	height:70px;
	line-height:60px; 
	padding-left:40px;
	padding-right:40px;
	margin-top:10px;
	margin-bottom:-20px;
	text-align:left;
}

.page-trainer-options-left{
	width:50%;
	height:70px;
	line-height:60px; 
	float:left;
}

.page-trainer-options-right{
	width:30%;
	height:70px;
	line-height:60px; 
	float:right;
	text-align:right;
}

.page-trainer-options select{
	width:200px;
	display:inline-block;
}

.page-trainer-options select:first-child{
	width:300px;
	display:inline-block;
}

.page-trainer-alert{
	margin-left:40px;
	margin-right:40px;
	margin-top:20px;
	text-align:center;
}

.page-trainer-faq-dataName{
	font-size:11px;
	color:#007bff;
	margin-left:4px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-icon {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border-top: 4px solid #007bff; /* primary color */
    animation: spin 1s linear infinite;
    margin-right: 8px; /* spacing between the icon and text */
    display: inline-block; /* to align it with the text */
    vertical-align: middle; /* to align it vertically centered with the text */
}

.page-trainer .d-flex{
    border-bottom: 1px #DDD solid;
	margin-bottom: 20px;
}
.page-trainer .d-flex:last-of-type {
    border-bottom: none;
    /* 맨 마지막 요소를 위한 스타일 또는 오버라이드 할 스타일 */
}
.page-trainer .d-flex .label_answer{
	padding-right:100px;
}
.page-trainer .d-flex{
	justify-content: space-between;
}
.page-trainer .d-flex .flex-grow-1{
}
.page-trainer .d-flex .flex-grow-1 .label_answer{
	overflow: auto;
}

.page-trainer .d-flex .buttons{
	flex-shrink:0;
	/*width:120px !important;*/
}

.page-trainer .d-flex .buttons button{
	padding-right:7px;
	padding-left:12px;
}

.page-trainer .d-flex .form-label{
	margin-top:10px;
}

.page-trainer .d-flex .txt_trainer_question{
	font-size:16px;
	width: 95%;
    border: 0;
	font-weight:bold;
	margin-bottom:4px;
}
.page-trainer .d-flex .txt_trainer_answer{
	font-size:16px;
	width: 95%;
    border: 0;
	resize: none;
	overflow-y: auto;
	margin-left:10px;
}

.page-trainer .d-flex .box_dataTitle{
	font-size:14px;
	color:#666;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}

.page-trainer .d-flex .box_data{
	border:1px solid #DEDEDE;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-bottom:10px;
}

.page-trainer .d-flex .row_data{
	font-size:14px;
	width: 95%;
    border: 0;
	color:#666;
	margin-bottom:4px;
	height:40px;
	line-height:40px;
	width:100%;
	padding-right:10px;
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
}

.page-trainer .d-flex .row_data input{
	font-size:14px;
	height:38px;
	line-height:38px;
	border:0;
    flex: 1; /* 가능한 모든 공간을 차지하도록 설정 */
    margin: 0 5px; /* i 태그와의 간격 조정 */
}

.page-trainer .d-flex .row_data textarea{
    overflow-y: hidden; /* 기본적으로 스크롤바를 숨깁니다. */
    resize: none; /* 사용자가 크기를 조절하지 못하게 합니다. */
}


.page-trainer .d-flex .row_data i{
	color:#DDD;
	margin-left:10px;
	cursor:pointer;
	font-size:18px;
}

.page-trainer .d-flex .row_data{
	border-bottom:1px solid #DEDEDE;
}
.page-trainer .d-flex .row_data:last-child{
	border-bottom:0;
}
.page-trainer .d-flex .btn_trainer_row_toggle i{
	vertical-align: -2px;
}

.page-trainer .btn_trainer_row_copy{
	border-radius: 2px;
    text-transform: capitalize;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
}

/* admin */
.page-adminMember .custom-td {
    position: relative; /* 부모 요소를 relative로 설정 */
	width:250px;
}

.page-adminMember .custom-td .fa-ellipsis {
    position: absolute; /* 아이콘을 absolute로 설정 */
    right: 30px; /* 우측에 고정 */
    top: 50%; /* 상위 요소의 중간에 위치시키기 위해 */
    transform: translateY(-50%); /* 상위 요소의 중간에 정확하게 위치시키기 위해 */
}

/* popup */
.my-popup {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #666;
    z-index: 10;
}

/* popup : admin-member */
.my-popup-admin-member{
	width:180px;
}

.my-popup-admin-member button:hover {
    background-color: #EFEFEF;
}

.my-popup-admin-member button {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background-color: transparent;
    cursor: pointer;
	text-align:left;
}

.my-popup-admin-member button:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.my-popup-admin-member button:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.my-popup-admin-member button:nth-child(3) {
    color: lightcoral;  /* 연한 빨강색. 원하는 다른 색상 코드로 변경 가능 */
}

.table-adminMember th:nth-child(4){
	width:15%;
}

.table-adminMember-accountType.owner{
	font-weight:bold;
}

.table-adminMember-accountType.admin{
	font-weight:bold;
}

.table-adminMember-activeStatus.deactive{
	color:#999;
}


/*********** Chatbot - Deployment ***********/
.page_chatbot-deployment table{
	background:#FFF;
}

.page_chatbot-deployment tr{
	background:#FFF;
}

.page_chatbot-deployment .keyfile_name{
	height:40px;
	line-height:40px;
}

.badge {
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 5px;
}

.badge.bg-success {
  background-color: #339af0 !important;
  color: #ffffff; /* 흰색 텍스트 */
}

.badge.bg-warning {
  background-color: #f7b84b !important;
  color: #ffffff; /* 흰색 텍스트 */
}

.badge.bg-secondary {
  background-color: #6c757d !important;
  color: #ffffff; /* 흰색 텍스트 */
}


/* modal : common */
.my-modal{
	background:#EFEFEF;
	border-radius: 6px;
    box-shadow: 0 0 0 1px var(--saf-0),0 4px 12px 0 #0000001f;
	border:1px #CCC solid;
	position:absolute;
	z-index: 100000;
	box-sizing: border-box;
	padding-top:20px;
	padding-bottom:20px;
	user-select: none;
}
.my-modal input,textarea{
	user-select: auto;
}

.my-modal.center {
	position: fixed; /* fixed를 사용하여 화면에 고정 */
	top: 50%; /* 상단에서 50% 위치로 이동 */
	left: 50%; /* 좌측에서 50% 위치로 이동 */
	width: 100%;
	min-height: 250px;
	transform: translate(-50%, -50%); /* 현재 위치에서 -50% 만큼 이동하여 화면 중앙에 정확하게 위치 */
	background:#FFF;
	padding-top:10px;
}


.modal-overlay {
    position: fixed;       /* 화면 전체에 고정 */
    top: 0;                /* 상단부터 시작 */
    left: 0;               /* 좌측부터 시작 */
    width: 100%;           /* 화면 전체 폭 */
    height: 100%;          /* 화면 전체 높이 */
    background: rgba(0, 0, 0, 0.5);   /* 검정색 투명도 50% */
    z-index: 10000;         /* 다른 요소보다 앞에 오도록 z-index 설정 */
	display:none;
}

.my-modal .close-modal-btn{
    position: absolute; /* 모달 내부의 상단 오른쪽에 위치시키기 위해 */
    top: 15;
    right: 20px;
    background: none; /* 기본 배경 제거 */
    border: none; /* 기본 테두리 제거 */
    color: #999; /* 아이콘 색상 설정 */
    cursor: pointer; /* 마우스를 올렸을 때 손가락 모양으로 변경 */
}

.my-modal .close-modal-btn i{
	color:#000;
    cursor: pointer; /* 마우스를 올렸을 때 손가락 모양으로 변경 */
}

.my-modal .close-modal-btn:focus {
    outline: none; /* 포커스 시 기본 테두리 제거 */
}

.my-modal .form-row {
	height:36px;
	line-height:36px;
}


.form-row-msg{
	color:red;
	display:none;
}

.my-modal .form-row.title {
	margin-top:10px;
}

.my-modal .form-row.desc{
	font-size: .8rem;
	margin-top:5px;
	height:26px;
	line-height:20px;
}

.my-modal.center{
    position: fixed; /* fixed를 사용하여 화면에 고정 */
    top: 50%; /* 상단에서 50% 위치로 이동 */
    left: 50%; /* 좌측에서 50% 위치로 이동 */
    max-width: 700px;
    width: 100%;
    min-height: 250px;
    transform: translate(-50%, -50%); /* 현재 위치에서 -50% 만큼 이동하여 화면 중앙에 정확하게 위치 */
	background:#FFF;
	padding-top:10px;
}

.my-modal > div,
.my-modal > h4,
.my-modal > h5,
.my-modal > h6 {
	width:100%;
	padding-left:20px;
	padding-right:20px;
}

/* modal : workspace */

.my-modal-workspace{
	top:54px;
	left:10px;
	max-width:300px;
	width:100%;
	min-height:80px;
	display:none;
	/*max-height:200px;*/
}

.my-modal-workspace-current{
	font-size:14px;
	font-weight:bold;
}

.my-modal-workspace-url{
	font-size:12px;
	color:#666;
}

.my-modal-workspace-line{
	width:100%;
	border-bottom:1px #CCC solid;
	margin-top:16px;
	margin-bottom:16px;
}

.my-modal-workspace-line-title{
	width:100%;
	border-bottom:1px #CCC solid;
	border-top:1px #CCC solid;
	color:#333;
	margin-top:16px;
	margin-bottom:16px;
	font-size:14px;
	font-weight: bold;
	height:34px;
	line-height:34px;
}

.my-modal-workspace-menu{
	font-size:14px;
	height:30px;
	line-height:30px;
	cursor:pointer;
}

.my-modal-workspace-menu:hover {
    background-color: #DDD;
}

.my-modal-workspace-menu select{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 10px;
}

.my-modal-workspace-menu a{
	width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.my-modal-workspace-menu a:hover {
    background-color: #DDD;
}

/* modal : invite */

.my-modal-invite {
    position: fixed; /* fixed를 사용하여 화면에 고정 */
    top: 50%; /* 상단에서 50% 위치로 이동 */
    left: 50%; /* 좌측에서 50% 위치로 이동 */
    max-width: 700px;
    width: 100%;
    min-height: 250px;
    transform: translate(-50%, -50%); /* 현재 위치에서 -50% 만큼 이동하여 화면 중앙에 정확하게 위치 */
	background:#FFF;
	padding-top:10px;
}

.my-modal-invite.complete{
	display:none;
}

.my-modal-invite.complete .my-modal-invite-title{
    height: 250px;
    line-height: 250px;
	text-align:center;
}

.my-modal-invite-title{
	width:100%;
	color:#333;
	margin-bottom:16px;
	font-weight: bold;
	height:34px;
	line-height:34px;
}

.my-modal-invite-message{
	width:100%;
	margin-bottom:16px;
	height:34px;
	line-height:34px;
}

.my-modal-invite-title.msg{
	height: 250px !important;
    line-height: 24px !important;
    font-size: 18px;
    text-align: center !important;
    padding-top: 100px;
}


.my-modal-invite-text{
	width:100%;
	max-height:400px;
}

.my-modal-invite-text .bootstrap-tagsinput{
	padding:8px;
	border:#CCC 1px solid;
	min-height:80px;
}

.my-modal-invite-text .bootstrap-tagsinput .label-info{
	background:#33d1f2;
}

.my-modal-invite-text input{
	border:0;
	padding:0;
}

.my-modal-invite-button{
	margin-top:10px;
}

.my-modal-invite-button a{
	margin-top:10px;
	font-size: 14px !important;
}

.my-modal-invite-button button{
	width:100px !important;
}


/* modal : workspace-rename */
.my-modal-workspace-rename {
    position: fixed; /* fixed를 사용하여 화면에 고정 */
    top: 50%; /* 상단에서 50% 위치로 이동 */
    left: 50%; /* 좌측에서 50% 위치로 이동 */
    max-width: 700px;
    width: 100%;
    min-height: 250px;
    transform: translate(-50%, -50%); /* 현재 위치에서 -50% 만큼 이동하여 화면 중앙에 정확하게 위치 */
	background:#FFF;
	padding-top:10px;
}

.my-modal-workspace-rename div{
	width:100%;
	padding-left:20px;
	padding-right:20px;
}

.my-modal-workspace-rename-title{
	width:100%;
	color:#333;
	margin-bottom:16px;
	font-weight: bold;
	height:34px;
	line-height:34px;
}

.my-modal-workspace-rename-content{
	width:90%;
	max-height:400px;
	margin:0 auto;
}

.my-modal-workspace-rename-content input{
	margin-top:20px;
	width:100%;
}

.my-modal-workspace-rename-content .invalid-tooltip,valid-tooltip{
	position:relative;
}


.my-modal-workspace-rename-button{
	margin-top:10px;
	width:100%;
	text-align:center;
}

.my-modal-workspace-rename-button a{
	margin-top:10px;
	font-size: 14px !important;
}

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


/* modal : user */

.my-modal-user{
	top:64px;
	right:30px;
	max-width:300px;
	width:100%;
	min-height:80px;
	display:none;
	/*max-height:200px;*/
}

.my-modal-user div{
	width:100%;
	padding-left:20px;
	padding-right:20px;
}

.my-modal-user-me{
	font-size:14px;
	font-weight:bold;
}
.my-modal-user-me img{
	width:30px;
	height:30px;
	margin-right:4px;
}

.my-modal-user-line{
	width:100%;
	border-bottom:1px #CCC solid;
	margin-top:16px;
	margin-bottom:16px;
}

.my-modal-user-line-title{
	width:100%;
	border-bottom:1px #CCC solid;
	border-top:1px #CCC solid;
	color:#333;
	margin-top:16px;
	margin-bottom:16px;
	font-size:14px;
	font-weight: bold;
	height:34px;
	line-height:34px;
}

.my-modal-user-menu{
	font-size:14px;
	height:30px;
	line-height:30px;
	cursor:pointer;
}

.my-modal-user-menu:hover {
    background-color: #DDD;
}


/* modal : user-profile */

.my-modal-user-profile{
	height:680px;
}

.my-modal-user-profile-title{
	margin-bottom:20px;
}

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

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

.my-modal-user-profile-row-photo{
	height:100px !important;
	line-height:100px !important;
}

.my-modal-user-profile-row-photo img{
	height:80px !important;
	line-height:80px !important;
	border:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

code[class*=language-], pre[class*=language-] {
    -webkit-font-smoothing: auto;
    color: #5a5a5a;
    font-family: Bitstream Vera Sans Mono,Menlo,Consolas,Monaco,Courier,monospace,serif;
    font-size: .75em;
    line-height: 1.5em;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    text-shadow: none;

    word-wrap: normal;
    direction: ltr;
    font-size: .8125rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    text-align: left;
    white-space: pre;
    word-break: normal;
    word-spacing: normal;
}


/* modal : admin-change-accountType */
.my-modal-admin-member-accounttype {
    position: fixed; /* fixed를 사용하여 화면에 고정 */
    top: 50%; /* 상단에서 50% 위치로 이동 */
    left: 50%; /* 좌측에서 50% 위치로 이동 */
    max-width: 700px;
    width: 100%;
    min-height: 250px;
    transform: translate(-50%, -50%); /* 현재 위치에서 -50% 만큼 이동하여 화면 중앙에 정확하게 위치 */
	background:#FFF;
	padding-top:10px;
}

.my-modal-admin-member-accounttype div{
	width:100%;
	padding-left:20px;
	padding-right:20px;
}

.my-modal-admin-member-accounttype-title{
	width:100%;
	color:#333;
	margin-bottom:16px;
	font-weight: bold;
	height:34px;
	line-height:34px;
}

.my-modal-admin-member-accounttype-content{
	width:90%;
	max-height:400px;
	margin:0 auto;
	margin-bottom:20px;
}

.my-modal-admin-member-accounttype-content-row{
	height:20px;
	line-height:20px;
	margin-top:20px;
	margin-bottom:20px;
}

.my-modal-admin-member-accounttype-button{
	margin-top:30px;
	width:100%;
	text-align:center;
}

.my-modal-admin-member-accounttype-button a{
	margin-top:10px;
	font-size: 14px !important;
}

.my-modal-admin-member-accounttype-button button{
	width:150px !important;
	margin:0 auto;
}


/* modal : modal-database-create-sublink */
.my-modal-database-create-sublink {
    position: fixed; /* fixed를 사용하여 화면에 고정 */
    top: 50%; /* 상단에서 50% 위치로 이동 */
    left: 50%; /* 좌측에서 50% 위치로 이동 */
    max-width: 700px;
    width: 100%;
    min-height: 450px;
    transform: translate(-50%, -50%); /* 현재 위치에서 -50% 만큼 이동하여 화면 중앙에 정확하게 위치 */
	background:#FFF;
	padding-top:10px;
}

.my-modal-database-create-sublink div{
	width:100%;
	padding-left:20px;
	padding-right:20px;
}

.my-modal-database-create-sublink{
	width:100%;
	color:#333;
	margin-bottom:16px;
	font-weight: bold;
	height:34px;
	line-height:34px;
}

.my-modal-database-create-sublink-url{
	padding-top:30px;
	padding-bottom:10px;
	max-height:400px;
	margin:0 auto;
	font-size: 18px !important;
	font-weight:normal;
	text-align:center;
}

.my-modal-database-create-sublink-content{
	padding-top:0;
	padding-bottom:20px;
	max-height:400px;
	margin:0 auto;
	font-size: 18px !important;
	font-weight:normal;
	text-align:center;
}

.my-modal-database-create-sublink-links{
	height:120px;
	max-height:120px;
	overflow-y:scroll;
}

.my-modal-database-create-sublink-links-item{
	font-size: 16px !important;
    height: 26px;
}

.my-modal-database-create-sublink-links-item a{
	font-size: 16px !important;
    height: 26px;
}


.my-modal-database-create-sublink-button{
	margin-top:30px;
	width:90% !important;
	margin-left:5%;
	text-align:center;
}

.my-modal-database-create-sublink-button a{
	margin-top:10px;
	font-size: 14px !important;
}

.my-modal-database-create-sublink-button button{
	width:200px !important;
	margin:0 auto;
	height:50px;
}

/* Font Awesome */
.fas {
    color: white;
}

/* Dropzone */
.dropzone.dz-clickable .dz-message * {
	border:0;
	background: transparent;
}

/* inc_header */
.img-fluid{
	width: 150px !important;
	margin-left: 20px;
}

/* tablet */
@media (max-width: 1024px) {
	.page-databaseFAQ-generate-options {
		display: inline-block;
		height: 360px;
		line-height: 40px;
		overflow: visible;
	}
	.page-databaseFAQ-generate-options select {
		width: 92% !important;
		display: block;
	}
	.page-databaseFAQ-generate-options input {
		width: 92% !important;
		margin-top: 10px;
		margin-bottom: 10px;
		display: block;
	}
	.navbar-title{
		text-align:center;
	}
}