@import url('flags/flag-icon.css');
@import url('fontawesome/css/all.min.css');

html, body
{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-image: url("/images/bg.png");
    background-repeat: repeat;
    background-attachment: fixed;
}

a, .btn-link
{
    color: rgb(196, 102, 54);
}

    a:hover
    {
        color: rgb(154, 84, 48);
    }


.btn-primary
{
    color: #fff;
    background-color: rgb(196, 102, 54);
    border-color: rgb(196, 102, 54);
}

    .btn-primary:hover
    {
        color: #fff;
        background-color: rgb(154, 84, 48);
        border-color: rgb(154, 84, 48);
    }

    .btn-primary:focus, .btn-primary.focus
    {
        box-shadow: 0 0 0 0.2rem rgba(196, 102, 54, 0.5);
    }

    .btn-primary:active, .btn-primary.active
    {
        color: #fff;
        box-shadow: 0 0 0 0.2rem rgba(196, 102, 54, 0.5);
        background-color: rgb(154, 84, 48);
        border-color: rgb(154, 84, 48);
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle
    {
        color: #fff;
        box-shadow: 0 0 0 0.2rem rgba(196, 102, 54, 0.5);
        background-color: rgb(154, 84, 48);
        border-color: rgb(154, 84, 48);
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-primary.dropdown-toggle:focus
        {
            box-shadow: 0 0 0 0.2rem rgba(196, 102, 54, 0.5);
        }

.top-row
{
    height: 3.5rem;
    display: flex;
    align-items: center;
    z-index: 105;
}

.main
{
    flex: 1;
}

.content
{
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox])
{
    outline: 1px solid #26b050;
}

.invalid
{
    outline: 1px solid red;
}

.validation-message
{
    color: red;
}

#blazor-error-ui
{
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 100001;
}

    #blazor-error-ui .dismiss
    {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

#FoxLoading
{
    width: 100%;
    height: 100vh;
    z-index: 100000;
    background-color: rgba(196, 102, 54, 0.05);
    position: fixed;
    top: 0px;
    left: 0px;
    cursor: url('/Wait.png') 16 15, wait;
}

.FoxLoadingBody
{
    overflow: hidden;
}

@media (min-width: 1200px)
{
    .container
    {
        /*max-width: 5000px;*/
        max-width: none !important;
    }
}

@media (min-width: 576px)
{
    .modal-dialog
    {
        max-width: 600px;
    }

    .client-picture-anchor
    {
        position: absolute;
        width: 100%;
    }
}

.client-picture-anchor
{
    /*nix*/
}

.fox-lang-link
{
    height: 3rem;
    align-items: center;
    color: white;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    line-height: 3rem;
    color: #d7d7d7;
}

    .fox-lang-link:hover
    {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

::-moz-selection
{
    background: rgb(196, 102, 54);
    color: white;
}

::selection
{
    background: rgb(196, 102, 54);
    color: white;
}

input[type="text"]:focus, input[type="password"]:focus, .form-control:focus
{
    outline: none !important;
    border: 1px solid rgb(196, 102, 54);
    box-shadow: 0 0 10px rgb(196, 102, 54);
}

table.fox-table
{
    table-layout: fixed;
    border: 1px solid black;
    border-collapse: collapse;
}

    table.fox-table > tr
    {
        table-layout: fixed;
        border: 1px solid black;
    }

        table.fox-table > tr > td
        {
            table-layout: fixed;
            border: 1px solid black;
        }

    table.fox-table > thead > tr
    {
        table-layout: fixed;
        border: 1px solid black;
    }

        table.fox-table > thead > tr > td
        {
            table-layout: fixed;
            border: 1px solid black;
        }

    table.fox-table > tbody > tr
    {
        table-layout: fixed;
        border: 1px solid black;
    }

        table.fox-table > tbody > tr > td
        {
            table-layout: fixed;
            border: 1px solid black;
        }

td.fox-align-right
{
    text-align: right;
}

@media print
{
    .noprint
    {
        display: none !important;
    }
}