/* removes blue outline on .form-control element */
.form-control:focus, .form-control:active, .form-control:visited {
	outline: none !important;
	box-shadow: none !important;
}

/* removes blue outline on .btn element */
.btn:focus, .btn:active, .btn:visited {
	outline: none !important;
	box-shadow: none !important;
}

a {
	color: inherit;
}

a:link,
a:visited,
a:active,
a:hover {
    text-decoration: none;
    
    color: inherit;
}

.event-disabled {
	pointer-events: none;
	
	background-color: #ece9e9 !important;
}

:root {
    --theme-color: rgba(37, 99, 151, 1);
    /* --theme-color: rgba(22, 104, 140, 1); */
    /* --theme-color: rgba(12, 74, 98, 1); */
}

html {
    margin: 0;
    padding: 0;

    height: 100vh;
}

body {
    margin: 0;
    padding: 0;
    
    height: 100%;

    background-color: #fff;
    
    /* font-size: 14px; */
    
    /* for optimizing PWA user experience */
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

html, body {
	/* prevent overscroll/bounce effect(and following scroll chain effect) on non-Safari browsers */ 
	/* Safari does NOT support this css property */
	overscroll-behavior-y: none;
}

#skeleton {
	position: relative;
	
	min-height: 100%;
    
    display: flex;
    flex-flow: column nowrap;

    width: 100%;
}