:root {
    --accent-color: #14A76C;
}

/* Google Material Icons */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* SYNLINQ Brand Customize*/

span.app-name {
    font-family: 'Lato', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
}
span.login-name {
    font-family: 'Lato', sans-serif;
    font-size: 2rem;
    font-weight: bold;
}
span.synlinq-green {
    color:#33ff33;
}

a{
    text-decoration:none !important;
}
.loginform{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 1.1rem;
    outline: 0;
    max-width: 500px;
}

.login-btn{
    border-radius:50px;
}
a {
    color: var(--accent-color);
}

.material-icons.nav-color-text {
    color: hsla(0,0%,100%,.5);
}

.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {
    background-image: linear-gradient(0deg,var(--accent-color) 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0);
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.page-link {
    color: var(--accent-color);
}