/* #################################################################################################################################
FONTS
################################################################################################################################# */

@font-face {
font-family: MavenPro;
src: url('fonts/MavenPro.ttf') format('truetype');
font-weight: 400 900;
}

@font-face {
font-family: Quicksand;
src: url('fonts/Quicksand.ttf') format('truetype');
font-weight: 300 700;
}

/* #################################################################################################################################
RESET
################################################################################################################################# */

*, *::before, *::after {
box-sizing: border-box;
}

* {
margin: 0;
}

body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}

input, button, textarea, select {
font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}

/* #################################################################################################################################
BODY ETC.
################################################################################################################################# */

body {
font-family: MavenPro;
background-color: #f6f7fb;
color: #1A202C;
font-weight: 300;
font-size: 1em;
}

a {
color:#2f7c86;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #2f7c86;
}

a.anchor, a.anchor:hover {
text-decoration: none;
color: inherit;
}

.form-label {
font-weight:500;   
}

input, select { 
border:1px solid #e8ebf3;
border-radius:3px;
height:32px;
box-sizing:border-box;
vertical-align:middle;
font-size:1em;
}

.authentication-wrapper {
min-height: 100vh;
}

.authentication-inner {}

.authentication-inner .card {
background-clip: padding-box;
box-shadow: 0 .1875rem .75rem 0 rgba(47, 43, 61, .14);
border: 0;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}