

/* @font-face {
	font-family: "AppleSDGothicNeoB";
	src: url('../font/AppleSDGothicNeoB.ttf');
	font-weight: 700;
}

@font-face {
	font-family: "AppleSDGothicNeoEB";
	src: url('../font/AppleSDGothicNeoEB.ttf');
	font-weight: 900;
}
@font-face {
	font-family: "AppleSDGothicNeoH";
	src: url('../font/AppleSDGothicNeoH.ttf');
	font-weight: 500;
}
@font-face {
	font-family: "AppleSDGothicNeoL";
	src: url('../font/AppleSDGothicNeoL.ttf');
	font-weight: 100;
}
@font-face {
	font-family: "AppleSDGothicNeoM";
	src: url('../font/AppleSDGothicNeoM.ttf');
	font-weight: 300;
} */

.v-application{
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif !important;
}
body,html{
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif !important;
	overscroll-behavior-y: contain !important;
	min-height: calc(100% + env(safe-area-inset-top));
	/* padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); */
}

.scrolldiv {
	width: 100vw;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch !important;
	padding-top: 0px;
	height: 100vh !important;
}

.text-center{
	text-align: center;
}
.clickable{
	cursor: pointer;
}

.p-font-10{
	font-size:10px;
}


.p-font-12{
	font-size:12px;
}

.p-font-14{
	font-size:14px;
}
.p-font-15{
	font-size:15px;
}

.p-font-16{
	font-size:16px;
}


.p-font-20{
	font-size:20px;
}


.p-font-24{
	font-size:24px;
}

.p-font-bold{
	font-weight: 700;
}
.p-color-white{
	color:white;
}
.p-color-dark{
	color:#2f3242;
}
.p-color-primary{
	color:#3c52f4;
}

.p-color-gray{
	color:#c2c2c4;
}

.underline {
	text-decoration-line: underline;
}

.blink_div {
	animation: blinker 2s linear infinite;
  }

  @keyframes blinker {
	50% {
	  opacity: 0;
	}
  }

.d-flex{
  display:flex;
}
.d-fit{
	justify-content: space-between;
}

.request-btn{
	position:fixed;
	bottom:0;
	right:0;
	width:100px;
	height:40px;
	background-color:#3c52f4;
	margin:20px;
	border-radius:20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	text-align: center;
	color:white;
	font-size:15px;
	padding-top:9px;

}
.list input {
	background-color: white !important;
}
.list .v-input__append-inner {
    margin-top: 11px !important;
}
.list.list2 .v-input__append-inner {
    margin-top: 5px !important;
}

.list .v-text-field__details {
    display: none !important;
}

::-webkit-scrollbar {
	height: 0;
	width: 0; /* Remove scrollbar space */
	background: transparent; /* Optional: just make scrollbar invisible */
 }
   /* Optional: show position indicator in red */
.apply ::-webkit-scrollbar-thumb {
	background: #3c52f4;
}
.center{
	text-align: center;
}
.center-loading{
	z-index:99999;
	width:100vw;
	height:100vw;
	background-color:#8080808a;
	position:fixed;
	top:0;
	left:0;
}

#loading-bg2 {
	width: 100vw;
    height: 100vh;
    position: absolute;
	background-color:#ffffffa3;
	z-index:1000;
}

.center-center{
	position: fixed !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.wrap-threeline {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 59px;
}

.wrap-twoline {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 49px;
}


/* Overrid */
.p-info{
	background-color:#13b1ff !important
}

.p-success{
	background-color:#3c52f4 !important
}

.p-error{
	background-color:#eb5959 !important
}


.v-dialog{
    overflow-y:hidden !important;
}

.v-navigation-drawer[data-color=success] .v-navigation-drawer__content .v-list-item.v-list-item--active .v-list-item__icon.shadow {
    background-image: linear-gradient(310deg, #3c52f4, #3c52f4) !important;
}

.v-navigation-drawer__content{
	background-color:#333333;
}

/* .v-pagination.v-pagination--circle.theme--light .v-pagination__item
{
 background-color:#3c52f4;
} */
.v-center-center
{
	top: 49%;
	left: 50%;
	transform: translate(-50%, -49%);
	-ms-transform: translate(-50%, -49%);
	-webkit-transform: translate(-50%, -49%);
}

.vs-notification__content__header  h4,
.vs-notifications h3
{
	color:white !important;
}

input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #bfbfbf !important;
	opacity: 1 !important;
	/* Firefox */
}

input::-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #bfbfbf !important;
}

input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #bfbfbf !important;
}


.newbook input {
	background-color: white !important;
}

.newbook .v-input__append-inner {
 margin-top: 4px !important;
}

.theme--light.v-application{
	background-color: white !important;
}

.tbl .v-input__slot{
border: 1px solid #3d52f4 !important;
}

.p-card-shadow{
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
}


.booklist
 .theme--light.v-data-table
 > .v-data-table__wrapper
 > table
 > tbody
 > tr:not(:last-child)
 > td:not(.v-data-table__mobile-row),
.booklist
 .theme--light.v-data-table
 > .v-data-table__wrapper
 > table
 > tbody
 > tr:not(:last-child)
 > th:not(.v-data-table__mobile-row) {
 border-bottom: 1px dashed #5e6ef3 !important;
}

/* .booklist .theme--light.v-pagination .v-pagination__item {
 color: white !important;
} */

.booklist .v-data-table > .v-data-table__wrapper table tbody tr {
 background-color: white !important;
 color: #333333;
 cursor: pointer;
}

.booklist .v-data-table > .v-data-table__wrapper table tbody tr:hover {
 background-color: #5c6ef3 !important;
 color: white !important;
 cursor: pointer;
}

.bookcard .v-card__text {
 padding-bottom: 0px !important;
}
.bookcard .v-card__actions {
 padding-top: 0px !important;
}

.bookcard .pdfpage {
 box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
  rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.list-group-item {
 /* border: 1px dashed gray;
 border-radius: 2px; */
 padding: 10px;
 margin-bottom: 5px;
}

.vtl .vtl-drag-disabled {
 background-color: #d0cfcf;
}
.vtl .vtl-drag-disabled:hover {
 background-color: #d0cfcf;
}
.vtl .vtl-disabled {
 background-color: #d0cfcf;
}
.icon:hover {
 cursor: pointer;
}
.muted {
 color: gray;
 font-size: 80%;
}

.ant-checkbox-checked .ant-checkbox-inner {
 background-color: #414774 !important;
 border-color: #414774 !important;
}
.ant-radio-checked .ant-radio-inner {
 border-color: #414774 !important;
}

.ant-radio-inner::after {
 background-color: #414774 !important;
}

/*.theme--light.v-app-bar.v-toolbar.v-sheet*/
/*{*/
/*	background-color:#dde0f3 !important;*/
/*}*/


.brand .v-input__append-inner{
  margin-top:6px !important;
}
.brand .v-input__prepend-inner{
  margin-top:10px !important;
}
.brand .v-select__selection--comma{
  width:100%;
}
