﻿/*
body {
    padding-top: 50px;
    padding-bottom: 20px;
}
*/
/* Set padding to keep content from hitting the edges */
/*
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
*/
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

body {
    color: #000;
    background-color: #FFA81C;
}

.form-control {
    border: 0 none;
    border-radius: .8rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
}

#datafilter.navbar-light {
    background-color: #fd9e09;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .8rem;
}

.btn {
    border-radius: .8rem;
}
.input-group-append .btn:last-child {
    border-radius: 0 .8rem .8rem 0;
}
.btn-primary {
    color: #fff !important;
    background-color: #000000;
    border: 0 none;
    font-weight: bold;
}
    .dl-horizontal dt {
    white-space: normal;
}

    th, td {
        border-color: rgba(0,0,0,.2);
    }
    td a {
        color:#000;
    }
.container a {
    color: #000;
}

.languageselect {
    margin: 4vh 0 0 0;
    padding: 0;
    list-style: none;
}
.languageselect li {
    display: inline-block;
    margin: 0 1em 0 0;
    padding: 0;
}

.ticketcontainer {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    background-color: rgba(0,0,0,.05);
}
.ticketcontainerextra {
    display: none;
}
.ticketcontainerextra.show {
    display: flex;
}

.ticketlabel {
    font-size: 1.2em;
    font-weight: 500;
}
.ticketlabel em {
    font-style: normal;
    font-size: 1.4em;
}
.returnlink {
    font-weight: bold;
}

    .returnlink a {
        width: 14em;
        white-space: nowrap;
    }
svg {
    max-width: 1em;
    max-height: 1em;
    fill: #fff;
}

.portstate {
    display: block;
    height: 1.5em;
    width: 4em;
    border: 1px solid rgba(0,0,0,.2);
}

.portstate-green {
    background: green;
}
.portstate-red {
    background: red;
}

td.ar {
    text-align: right;
}

.icon-check {
    display: inline-block;
    width: 2em;
    height: 1.5em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

.icon-exit {
    display: inline-block;
    width: 2em;
    height: 1.5em;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M168 80l24 0 0-48-24 0L24 32 0 32 0 56 0 456l0 24 24 0 144 0 24 0 0-48-24 0L48 432 48 80l120 0zM493.8 273l17-17-17-17-128-128-17-17L314.9 128l17 17 87 87L184 232l-24 0 0 48 24 0 234.9 0-87 87-17 17 33.9 33.9 17-17 128-128z"/></svg>') no-repeat center center;
    background-size: contain;
}

h2 svg {
    color: inherit;
    fill: #000;
}
.btnh2 {
    background: none;
    border: 0 none;
    padding: 0;
    font-weight: inherit;
}

.inoutcontent {
    overflow: hidden;
}

.active a.nav-link {
    text-decoration: underline;
}