@font-face {
    font-family: 'ZillaSlab-Bold';
    src: url('/Content/Font/ZillaSlab-Bold.ttf') format('truetype'); /* Safari 3.1-5.0 */
}

@font-face {
    font-family: 'ZillaSlab-Light';
    src: url('/Content/Font/ZillaSlab-Light.ttf') format('truetype'); /* Safari 3.1-5.0 */
}

@font-face {
    font-family: 'ZillaSlab-Medium';
    src: url('/Content/Font/ZillaSlab-Medium.ttf') format('truetype'); /* Safari 3.1-5.0 */
}

@font-face {
    font-family: 'ZillaSlab-Regular';
    src: url('/Content/Font/ZillaSlab-Regular.ttf') format('truetype'); /* Safari 3.1-5.0 */
}

@font-face {
    font-family: 'ZillaSlab-SemiBold';
    src: url('/Content/Font/ZillaSlab-SemiBold.ttf') format('truetype'); /* Safari 3.1-5.0 */
}


body {
    font-family: ZillaSlab-Regular, "Segoe UI", Verdana, Helvetica, Sans-Serif;
}


.modal-content {
    width: 650px;
}

.modal-body {
    max-height: 450px;
    overflow-y: scroll;
}

.bg-primary {
    background-color: #784e93 !important;
}

.field-validation-error {
    /* border: 1px solid red;*/
    color: red;
    padding: 10px;
    margin-bottom: 20px;
}


.sidebar .sidebar-minimizer {
    background-color: #814D96;
}

.app-header.navbar {
    background-color: #f9f9fa;
}

    .app-header.navbar .navbar-brand {
        background-image: url(../img/logo_jubilee.png);
        background-size: 200px;
        background-color: #fff;
    }

.app-footer {
    background: #814D96;
    color: #ffffff;

    /*
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 46px;
    z-index: 999;
    
    justify-content: right;
        */
}

    .app-footer a {
        color: #ffffff;
    }


.btn {
    border-radius: 12px;
}

.btn-primary {
    color: #fff;
    background-color: #814D96;
    border-color: #814D96;
}

    .btn-primary:hover {
        background-color: #8A7693;
    }


th.subheader {
    background-color: #814D96;
    color: white;
}


.sidebar {
    background: #f9f9fa;
}


    .sidebar .nav {
        /*background-image: url(/content/img/logo_jubilee.png);*/
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .sidebar .nav-link:hover, .sidebar .navbar .dropdown-toggle:hover, .navbar .sidebar .dropdown-toggle:hover {
        color: #2c3334 !important;
        background: #ffffff !important;
    }

    .sidebar .nav-title {
        color: #784e93;
    }

    .sidebar .sidebar-nav .nav .nav-title span:before, .sidebar .sidebar-nav .nav .nav-title span:after {
        border-bottom: 1px solid #784e93;
    }

    .sidebar .sidebar-nav .nav .nav-title span:before, .sidebar .sidebar-nav .nav .nav-title span:after {
        border-bottom: 1px solid #784e93;
    }

    .sidebar .nav-link, .sidebar .navbar .dropdown-toggle, .navbar .sidebar .dropdown-toggle {
        color: #38373a;
    }

@media (min-width: 992px) {
    .brand-minimized .app-header.navbar .navbar-brand {
        background-image: url(../img/logo_jubilee_small.png);
        background-color: #fff;
    }
}

.font-code{
    font-family: 'Courier New';
}


.repairStatistics{
    padding: 5px;
}

    .repairStatistics div {
        padding: 0 5px 0 5px;
        cursor: pointer;
    }

    .repairStatistics div span{
        background-color: #814D96;
        display: block;
    }

        .repairStatistics div div {
            background-color: #814D96;
            color: white;
            font-size: 16px;
            text-align: center;
            height: 65px
        }