/*
 @import url('https://fonts.cdnfonts.com/css/aller');

*/

@font-face {
    font-family: 'Aller';
    src: url('/fonts/aller.regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #FFFFFF url(/images/bg-body.gif) repeat-x;
    font-family: 'Aller', sans-serif;
    color: #0B1D2D;
    font-size: 13px;
}

.form-control:focus, .btn:focus {
    border-color: #847dfe;
    box-shadow: 0 0 0 0.2rem rgba(132, 125, 254, 0.25);
}

.form-control {
    font-size: 13px;
}

.btn {
    border-radius: 4px !important;
    font-size: 16px !important;
}

.btn-primary {
    background-color: #006FA1 !important;
    border-color: #006FA1 !important;
}

    .btn-primary:hover {
        background-color: #B0D8ED !important;
        color: #0B1D2D !important;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out !important;
        border-color: #B0D8ED !important;
    }

#zt-page-header {
    height: 120px;
    background: #022F40 url(/images/voss/logoleftwhite-1024.png) no-repeat;
    background-size: auto 80px;
    background-position-x: 40px;
    background-position-y: center;
}

#logoutBtn {
    background-color: #022F40;
    color: white;
    transition: color 0.2s ease-in-out !important;
}

    #logoutBtn:hover {
        color: rgb(214, 126, 41);
        transition: color 0.2s ease-in-out !important;
    }

.zt-voss-dark-btn {
    background-color: #0b1d2d !important;
}