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

.clickable{
	cursor: pointer;
}

.p-font-10{
	font-size:10px;
}


.p-font-12{
	font-size:12px;
}

.p-font-14{
	font-size:14px;
}

.p-font-20{
	font-size:20px;
}


.p-font-24{
	font-size:24px;
}

.p-color-white{
	color:white;
}
.p-color-dark{
	color:#2f3242;
}
.p-color-primary{
	color:#87898c;
}

.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:#87898c;
	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: 10;
	width: 0; 
	background: red; 
 } */
   /* Optional: show position indicator in red */
.apply ::-webkit-scrollbar-thumb {
	background: #87898c;
} 

 /* .scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0 #52219E !important;
	background-color: #52219E !important;
} */

::-webkit-scrollbar {
	height: 18px !important;
	width:0 !important;
	background-color: #87898c !important;
}

::-webkit-scrollbar-thumb {
	background-color: #2f3242 !important;
	border: 10px solid #2f3242 !important;
}  




.center-loading{
	z-index:99999;
	width:100vw;
	height:100vw;
	background-color:#8080808a;
	position:fixed;
	top:0;
	left:0;
}

.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:#87898c !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, #87898c, #87898c) !important;
}
/*
.v-pagination.v-pagination--circle.theme--light .v-pagination__item 
{
 background-color:#87898c;
} */
.v-center-center
{
	top: 49%;
	left: 50%;
	transform: translate(-50%, -49%);
	-ms-transform: translate(-50%, -49%);
	-webkit-transform: translate(-50%, -49%);
}

.vs-notifications h3
{
	color:white !important;
}

.vs-notification__content h4
{
	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;
}


.userlist
 .theme--light.v-data-table
 > .v-data-table__wrapper
 > table
 > tbody
 > tr:not(:last-child)
 > td:not(.v-data-table__mobile-row),
.userlist
 .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;
}

.userlist .v-data-table > .v-data-table__wrapper table tbody tr {
 background-color: white !important;
 color: #333333;
 cursor: pointer;
}

.userlist .v-data-table > .v-data-table__wrapper table tbody tr:hover {
 background-color: #87898c !important;
 color: white !important;
 cursor: pointer;
}

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

.reserve .v-data-table > .v-data-table__wrapper > table {
 width: 110vw !important;
}

.reserve
 .v-data-table
 > .v-data-table__wrapper
 > table
 tbody
 tr
 td:nth-child(2) {
 width: 220px !important;
}

.reserve
 .v-data-table
 > .v-data-table__wrapper
 > table
 tbody
 tr
 td:nth-child(3) {
 width: 180px !important;
}
.reserve
 .v-data-table
 > .v-data-table__wrapper
 > table
 tbody
 tr
 td:nth-child(4) {
 width: 120px !important;
}

.reserve
 .v-data-table
 > .v-data-table__wrapper
 > table
 tbody
 tr
 td:nth-child(5) {
 width: 160px !important;
}
.reserve
 .v-data-table
 > .v-data-table__wrapper
 > table
 tbody
 tr
 td:nth-child(6) {
 width: 140px !important;
}

.reserve
 .v-data-table
 > .v-data-table__wrapper
 > table
 tbody
 tr
 td:nth-child(7) {
 width: 180px !important;
}
.reserve
 .v-data-table
 > .v-data-table__wrapper
 > table
 tbody
 tr
 td:nth-child(8) {
 width: 140px !important;
}

.reserve
 .v-data-table
 > .v-data-table__wrapper
 > table
 tbody
 tr
 td:nth-child(9) {
 width: 160px !important;
}

.reserve
 .v-data-table
 > .v-data-table__wrapper
 > table
 tbody
 tr
 td:nth-child(10) {
 width: 70px !important;
}