﻿/* Global color declarations */
:root {
    --zurich-dark-blue: #23366F;
    --zurich-blue: #2167AE;
    --zurich-light-blue: #91BFE3;
}

@font-face {
    font-family: "Zurich Sans";
    src: url(fonts/_ZurichSans-Regular.woff) format("woff"), url(fonts/_ZurichSans-Regular.ttf) format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "Zurich Sans";
    src: url(fonts/_ZurichSans-Bold.woff) format("woff"), url(fonts/_ZurichSans-Bold.ttf) format("truetype");
    font-weight: bold;
}

body * :not(.glyphicon, .fa) {
    font-family: "Zurich Sans" !important;
    color: var(--zurich-dark-blue);
}

.listBtn {
    border: 1px solid var(--zurich-blue) !important;
    background-color: var(--zurich-blue) !important;
    color: white !important;
    outline: 0;
}
.listBtn:hover {
    border: 1px solid var(--zurich-dark-blue);
    background-color: var(--zurich-dark-blue) !important;
    color: white !important;
    outline: 0;
    -webkit-box-shadow: 0px 0px 10px 0px var(--zurich-dark-blue);
    -moz-box-shadow: 0px 0px 10px 0px var(--zurich-dark-blue);
    box-shadow: 0px 0px 10px 0px var(--zurich-dark-blue);
}

.info-modal,
.info-modal:hover {
    color: white !important;
    outline: 0;
    -webkit-box-shadow: 0px 0px 10px 0px var(--zurich-dark-blue);
    -moz-box-shadow: 0px 0px 10px 0px var(--zurich-dark-blue);
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.list-group-item span, .list-group-item {
    border: 1px solid var(--zurich-blue);
    background-color: var(--zurich-blue) !important;
    color: white !important;
    outline: 0;
}


    .list-group-item:hover span, .list-group-item:hover {
        border: 1px solid var(--zurich-dark-blue);
        background-color: var(--zurich-dark-blue) !important;
        color: white !important;
        outline: 0;
        -webkit-box-shadow: 0px 0px 10px 0px var(--zurich-dark-blue);
        -moz-box-shadow: 0px 0px 10px 0px var(--zurich-dark-blue);
        box-shadow: 0px 0px 10px 0px var(--zurich-dark-blue);
    }

.btn {
    color: white !important;
    background-color: var(--zurich-blue);
}

.btn:hover {
    background-color: var(--zurich-dark-blue);
}

.fix-header {
    background-color: white !important;
}

.img-secondary-logo-tx {
    margin-top: 14px;
    margin-left: 7.5px;
}

.img-secondary-logo-cv {
    margin-top: 12.5px;
}

.alert-info{
    background-color: var(--zurich-light-blue);
    border-color: var(--zurich-light-blue);
}

.txzIcon, .tzxIcon:hover {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: white;
}