﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.object-link {
    text-decoration: none;
    color: inherit;
}

    .object-link:hover {
        text-decoration: none;
        color: inherit;
    }

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

    a:hover {
        text-decoration: none;
    }

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

p {
    margin: 0;
}

label {
    margin-bottom: 0;
}

/* Case Filter */
.case-filter-container {
    margin-bottom: 20px;
    padding: 10px;
    /*    background-color: rgba(44,155,244,0.2);*/
    /*    border: 1px solid darkgray;*/
    /*    border-bottom: 5px solid darkgray;*/
    /*    color: white;*/
}

/* Case */
.case-search-container {
    margin-bottom: 10px;
}

    .case-search-container input {
        width: 100%;
        padding-left: 5px;
    }

.case {
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid black;
    /*    height: 400px;*/
}

    .case.last {
        margin-bottom: 0;
    }

    .case.green {
        border: 5px solid #18ff18;
        border: 5px solid rgba(24,255,24,0.50);
    }

    .case.yellow {
        border: 5px solid #fdf817;
        border: 5px solid rgba(253,248,23,0.50);
    }

    .case.red {
        border: 5px solid #dc3545;
        border: 5px solid rgba(220, 53, 69, 0.50);
    }

    .case:hover {
        cursor: pointer;
        transition: 0.2s linear all;
    }

        .case:hover .case-number-container {
            border: 0px solid #2d9df3;
            border-bottom: 0;
            background: #2d9df3;
        }

.case-number-container {
    border: 0px solid black;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    background-color: black;
    color: white;
    padding: 0 3px;
    width: fit-content;
    font-family: arial;
    transition: 0.2s linear all;
}

.case-number-text {
    display: inline-block;
}

.case-number-number {
    display: inline-block;
    font-weight: bold;
}

.case-information-table {
    width: 100%;
}

    .case-information-table tr {
        border-bottom: 1px solid black;
    }

        .case-information-table tr:last-child {
            border-bottom: 0;
        }

    .case-information-table td {
        /*    padding: 5px;*/
    }

    .case-information-table td {
        /*    text-align: right;*/
    }

.status-information-table {
    width: 100%;
    font-size: 14px;
}

.action-button-container {
    margin-bottom: 5px;
}

.action-button {
    padding: 10px;
    text-align: center;
    font-size: 16px;
    border: 1px solid black;
    width: 100%;
    transition: all linear 0.3s
}

    .action-button.disabled:hover {
        cursor: not-allowed;
    }

    .action-button.red {
        background-color: #f0b1b1;
    }

        .action-button.red:hover {
            background-color: #eb7878;
            cursor: pointer;
        }

    .action-button.disabled {
        background-color: lightgray;
        border: 1px solid gray;
    }

        .action-button.disabled:hover {
            cursor: not-allowed;
            background-color: lightgray;
        }

    .action-button.yellow {
        background-color: #fcf09d;
    }

        .action-button.yellow:hover {
            cursor: pointer;
            background-color: #ffe640;
        }

.case-information-all-table {
    width: 100%;
}

    .case-information-all-table tr {
        border-bottom: 1px solid black;
    }

        .case-information-all-table tr:last-child {
            border-bottom: 0;
        }

    .case-information-all-table td {
        text-align: right;
    }

.case-information-container {
    background-color: #e5e5e5;
    font-size: 12px;
}

.case-information-header {
    padding: 15px;
    font-size: 16px;
    text-align: center;
}

.case-information-body {
    padding: 5px;
}
