/*
 * Utility Classes
 * This file contains utility classes to be used throughout the project.
 * More utility classes will be added as needed.
 */

.ws-utility-hidden {
	display: none !important;
}

.ws-utility-visibility-hidden {
	visibility: hidden;
}

.ws-utility-cursor-pointer {
	cursor: pointer !important;
}

.ws-utility-cursor-default {
	cursor: default;
}

.ws-utility-cursor[onclick] {
	cursor: pointer;
}

.ws-utility-pointer-events-none {
	pointer-events: none;
}

.ws-utility-ucfirst {
	text-transform: capitalize;
}

.ws-utility-input-search-as-text,
.ws-utility-input-search-as-text::-webkit-search-cancel-button,
.ws-utility-input-search-as-text::-webkit-search-decoration,
.ws-utility-input-search-as-text::-webkit-search-results-button,
.ws-utility-input-search-as-text::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none
}

.ws-w-100 { width: 100%; }
.ws-w-33 { width: 33.333%; }
.ws-align-right { text-align: right; }
.ws-max-w-100 { max-width: 100%; }

@media (max-width: 480px) {
	.ws-desktop-only {display: none !important;}
}
@media (min-width: 481px) {
	.ws-mobile-only {display: none !important;}
}

.ws-ml-auto {
	margin-left: auto !important;
}
.ws-my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ws-mt-0 {
	margin-top: 0 !important;
}
.ws-py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.ws-px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.ws-px-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.ws-pt-0 {
	padding-top: 0 !important;
}