@font-face {
  font-family: 'Font Awesome 5 Free';
  src: url('/public/fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
  src: url('/public/fonts/fontawesome-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('/public/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('/public/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('/public/fonts/fontawesome-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */       
}

html
{
	width: 100%;
	overflow: auto;
}

.row
{
	/* fixin the scrolling left-right issue */
	width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.navbar-brand {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
}

.text-align-right
{
	text-align: right;
}

.cancel-btn, .cancel-btn:hover, .cancel-btn:focus, .cancel-btn:active, .cancel-btn:visited {
    text-decoration: none;
}

.margin-bottom-15
{
	margin-bottom: 15px;
}

@media only print
{
	.not-show-in-print, .not-search-result
	{
		display: none !important;
	}
}

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

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

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

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

input[type=number]
{
	-moz-appearance: textfield;
}
a {
    color: black;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.nav-link
{
	font-size: 1.25rem;
	font-weight: 700;
}

.shop
{
	color: coral !important;
}

.notification
{
    background-color: red;
}

.custom-dropdown
{
	left: inherit;
	right: 0%;
}