/* Fonts */

@font-face {
    font-family: "Montserrat Light";
    src: url("../fonts/Montserrat Light.ttf");
}

@font-face {
    font-family: "Montserrat Semi Bold";
    src: url("../fonts/Montserrat Semi Bold.ttf");
}

@font-face {
    font-family: "Proxima Nova Regular";
    src: url("../fonts/Proxima Nova Regular.ttf");
}

@font-face {
    font-family: "Proxima Nova Medium";
    src: url("../fonts/Proxima Nova Medium.ttf");
}

.montserrat-light {
    font-family: "Montserrat Light", Verdana, Geneva, sans-serif !important;
}

.montserrat-bold {
    font-family: "Montserrat Semi Bold", Verdana, Geneva, sans-serif !important;
}

/* Global UI */

html,
body {
    width: 100%;
    min-width: 700px;
    height: 100%;
    font-size: 14px;
    font-family: "Proxima Nova Regular", Verdana, Geneva, sans-serif !important;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

fieldset {
    border: none !important;
}

svg {
    vertical-align: baseline;
}

.global-logo-header {
    width: 170px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .global-logo-header img {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        background: unset !important;
        background-color: unset !important;
        background-image: unset !important;
    }

.global-logo-footer {
    width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .global-logo-footer img {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        background: unset !important;
        background-color: unset !important;
        background-image: unset !important;
    }

.client-logo {
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .client-logo img {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        background: unset !important;
        background-color: unset !important;
        background-image: unset !important;
    }

.hide-link,
.hide-link:hover {
    color: inherit;
    text-decoration: none;
}

.center-screen {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 100vh;
}

.left-sidebar {
    order: -1;
    min-width: 60px;
    max-width: 185px;
    display: flex;
    flex-shrink: 0;
}

/* Clears the ‘X’ from Internet Explorer */
input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* Clears input search field ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/* Fixes input date fields on iOS */
input[type="date"], input[type="time"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}