/**
 * WTE Base Layout Style
 * 
 * @package yas-woo-tickets-event
 * @version 1.0.0
 * @since 1.0.0
 */

.wte-hidden{
    display: none !important;
}

/* BLOCK - POSITION */
.d-flex{
    display: flex;
}

.d-block{
    display: block !important;
}

.d-none{
    display: none !important;
}

.d-inline-flex{
    display: inline-flex !important;
}

.d-grid{
    display: grid;
}

/* END BLOCK */

/* GAP */
.gp-2{
    gap: 2px;
}

.gp-5{
    gap: 5px;
}

.gp-10{
    gap: 10px;
}

.gp-15{
    gap: 15px;
}
/* END GAP */

/* JUSIFY CONTENT */
.jc-between{
	justify-content: space-between;
}

.jc-around{
	justify-content: space-around;
}

.jc-evenly{
	justify-content: space-evenly;
}

.jc-end{
	justify-content: end !important;
}

.jc-start{
	justify-content: start;
}

.jc-center{
	justify-content: center;
}
/* END JUSIFY CONTENT */

/* ALIGN ITEMS */
.ai-center{
    align-items: center !important;
}

.ai-start{
	align-items: start;
}   

.ai-end{
	align-items: end;
}   

.ai-stretch{
	align-items: stretch;
}
/* END ALIGN ITEMS */

/* MARGIN */
.m-0{
	margin: 0px !important;
}

.mt-0{
	margin-top: 0px !important;
}

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

.mt-10{
	margin-top: 10px !important;
}

.mt-15{
	margin-top: 15px !important;
}

.mt-20{
	margin-top: 20px !important;
}

.mb-0{
	margin-bottom: 0px !important;
}

.mb-2{
	margin-bottom: 2px !important;
}

.mb-5{
	margin-bottom: 5px !important;
}

.mb-10{
	margin-bottom: 10px !important;
}

.mb-15{
	margin-bottom: 15px !important;
}

.mb-20{
	margin-bottom: 20px !important;
}

.ml-0{
	margin-left: 0px !important;
}

.ml-5{
	margin-left: 5px !important;
}

.ml-10{
	margin-left: 10px !important;
}

.ml-15{
	margin-left: 15px !important;
}

.ml-20{
	margin-left: 20px !important;
}

.ml-25{
	margin-left: 25px !important;
}

.mr-0{
	margin-right: 0px !important;
}

.mr-5{
	margin-right: 5px !important;
}

.mr-10{
	margin-right: 10px !important;
}

.mr-15{
	margin-right: 15px !important;
}

.mr-20{
	margin-right: 20px !important;
}

.my-0{
	margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.my-5{
	margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.my-10{
	margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mx-10{
	margin-left: 10px !important;
    margin-right: 10px !important;
}

.mx-20{
	margin-left: 20px !important;
    margin-right: 20px !important;
}
/* END MARGIN */

/* PADDING */

.p-0{
	padding: 0px !important;
}

.p-2{
	padding: 2px !important;
}

.p-5{
	padding: 5px !important;
}

.p-10{
	padding: 10px !important;
}   

.p-15{
	padding: 15px !important;
}   

.p-20{
	padding: 20px !important;
}

.p-25{
	padding: 25px !important;
}

.pt-0{
	padding-top: 0px !important;
}

.pt-5{
	padding-top: 5px !important;
}

.pt-10{
	padding-top: 10px !important;
}

.pt-15{
	padding-top: 15px !important;
}

.pt-20{
	padding-top: 20px !important;
}

.pb-0{
	padding-bottom: 0px !important;
}

.pb-5{
	padding-bottom: 5px !important;
}

.pb-10{
	padding-bottom: 10px !important;
}

.pb-15{
	padding-bottom: 15px !important;
}

.pb-20{
	padding-bottom: 20px !important;
}

.py-5{
	padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py-10{
	padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-15{
	padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.py-20{
	padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.px-5{
	padding-left: 5px !important;
    padding-right: 5px !important;
}

.px-10{
	padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-15{
	padding-left: 15px !important;
    padding-right: 15px !important;
}

.px-20{
	padding-left: 20px !important;
    padding-right: 20px !important;
}

.pl-5{
	padding-left: 5px !important;
}

.pl-10{
	padding-left: 10px !important;
}

.pl-15{
	padding-left: 15px !important;
}

.pl-20{
	padding-left: 20px !important;
}

.pr-5{
	padding-right: 5px !important;
}

.pr-10{
	padding-right: 10px !important;
}

.pr-15{
	padding-right: 15px !important;
}

.pr-20{
	padding-right: 20px !important;
}

.p-2-5{
	padding: 2px 5px !important;
}
/* END PADDING */

/* FONT SIZE */
.fs-13{
	font-size: 13px !important;
}

.fs-14{
	font-size: 14px !important;
}

.fs-15{
	font-size: 15px !important;
}

.fs-16{
	font-size: 16px;
}

.fs-18{
	font-size: 18px !important;
}

.fs-20{
	font-size: 20px !important;
}

.fs-22{
	font-size: 22px !important;
}

.fs-25{
	font-size: 25px !important;
}

.fs-35{
	font-size: 35px !important;
}
/* END FONT SIZE */

/* FONT WEIGHT */
.fw-400{
	font-weight: 400 !important;
}

.fw-500{
	font-weight: 500 !important;
}

.fw-600{
	font-weight: 600 !important;
}

.fw-700{
	font-weight: 700 !important;
}
/* END FONT WEIGHT */

/* TEXT - POSITION */
.text-right{
	text-align: right !important;
}

.text-center{
	text-align: center !important;
}

.text-left{
	text-align: left !important;
}
/* END TEXT - POSITION */

/* WIDTH */
.w-100{
	width: 100% !important;
}

.w-90{
	width: 90% !important;
}

.w-80{
	width: 80% !important;
}

.w-75{
	width: 75% !important;
}

.w-60{
	width: 60% !important;
}

.w-50{
	width: 50% !important;
}

.w-40{
	width: 40% !important;
}

.w-30{
	width: 30% !important;
}

.w-25{
	width: 25% !important;
}

.w-20{
	width: 20% !important;
}

.w-10{
	width: 10% !important;
}

.w-5{
	width: 5% !important;
}
/* END WIDTH */

/* HEIGHT */
.h-100{
	height: 100% !important;
}
/* END HEIGHT */

/* POSITION */
.pos-relative{
	position: relative;
}

.pos-absolute{
	position: absolute;
}
/* END POSITION */

/* CURSOR */
.cursor-auto{
	cursor: auto !important;
}

.cursor-pointer{
	cursor: pointer;
}
/* END CURSOR */

/* CUSTOM TOOLTIP */

.wte-status-circle {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
}

.custom-tooltip {
	position: absolute;
	background: rgba(0, 0, 0, 0.9);
	color: white;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 12px;
	white-space: nowrap;
	z-index: 10001;
	pointer-events: none;
	display: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.custom-tooltip:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	border: 4px solid transparent;
	border-top-color: rgba(0, 0, 0, 0.9);
}

.custom-tooltip.tooltip-bottom:before {
	bottom: auto;
	top: -4px;
	border-top-color: transparent;
	border-bottom-color: rgba(0, 0, 0, 0.9);
}
/* END CUSTOM TOOLTIP */

/* MB HIDDEN */
@media (max-width: 768px) {
	.mb-hidden {
		display: none !important;
	}
}
/* END MB HIDDEN */