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

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

@font-face {
    font-family: Arvo-BoldItalic;
    src: url("/fonts/arvo_font/Arvo-BoldItalic.ttf");
}

@font-face {
    font-family: Arvo-Italic;
    src: url("/fonts/arvo_font/Arvo-Italic.ttf");
}

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

body {
    background-color: #f1f1f2;
    font-family: Helvetica-Bold;
    font-size: 15px;
    line-height: 1;
}

a {
    text-decoration: none;
    color: #d32011;
}

a.sort {
    color: inherit;
}

a:hover {
    color: blue;
}

input[readOnly] {
    background: #ccc !important;
}

.loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: rgba(255,255,255,.5);
    background-image: url(/img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.lowercase {
    text-transform: lowercase;
}

.vertically-centered {
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 750px) {
    .ezone-menu .title {
        visibility: hidden;
    }
}

.ezone-menu {
    position: relative;
    height: 65px;
    width: 100%;
    background-color: #22282e;
    font-family: Arvo-Regular;
    font-weight: bold;
}

    .ezone-menu .logo {
        position: absolute;
        width: 100%;
        height: 100%;
    }

        .ezone-menu .logo img {
            height: 100%;
        }

    .ezone-menu .title {
        display: table;
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: xx-large;
        color: white;
    }

    .ezone-menu .user-info {
        display: table;
        position: absolute;
        height: 100%;
        right: 10px;
        text-align:right;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 60px 60px;
        font-size: medium;
    }

        .ezone-menu .user-info span {
            padding-left: 75px;
        }

        .ezone-menu .user-info a {
            text-decoration: none;
            color: white;
        }

#navigation-menu {
    border-top:#fff;
    border-top-style:solid;
}

#LoginView1_LoginName {
    padding-left: 0;
    color: #fff;
}

.dataTable-container thead tr, .dataTable-container tfoot tr {
    color: #fff !important;
    background-color: #d32011 !important
}

tag[title="green" i] {
    --tag-text-color: green;
}

tag[title="red" i] {
    --tag-text-color: red;
}