﻿
.homeBackground {
    background-image: url("/img/artnet_background.jpg");
    height: 100vh;
    background-size: contain;
}
.card-title {
    margin-top: 10px;
}

.slim-card-header {
    padding: 0.0rem 1rem;
}

.padded-button {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

@keyframes loader {
    0% {
        top: 189.63px;
        left: 189.63px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 106.425px;
        left: 106.425px;
        width: 166.41px;
        height: 166.41px;
        opacity: 0;
    }
}

.loader div {
    position: absolute;
    border-width: 3.87px;
    border-style: solid;
    opacity: 1;
    border-radius: 50%;
    animation: loader 1.0526315789473684s cubic-bezier(0,0.2,0.8,1) infinite;
}

    .loader div:nth-child(1) {
        border-color: #ffcb05
    }

    .loader div:nth-child(2) {
        border-color: #4d4637;
        animation-delay: -0.5263157894736842s;
    }

.loader-host {
    width: 387px;
    height: 387px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.loader {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .loader div {
        box-sizing: content-box;
    }

th.sortable {
    color: black;
}

th {
    color: gray;
    cursor: default;
}

.regularTable {
    height: 60vh;
}

a.whiteLink {
    color: white;
}

.warningBackground {
    background-color: rgb(255, 193, 7);
}

a {
    cursor: default;
}

.header {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
}

ParkingLotLogo {
    height: 50px;
    border: 5px solid #193e8c;
    border-radius: 5px;
}
.coName {
    list-style: none;
    height: 30px;
    margin: 5px;
    background-color: royalblue;
    color: ghostwhite;
}
.plName {
    list-style: none;
    height: 30px;
    margin: 5px;
    background-color: forestgreen;
    color: ghostwhite;
}
/** {
    box-sizing: border-box;
}*/

.img-zoom-container {
    position: relative;
}

.img-zoom-lens {
    position: absolute;
   /* border: 1px solid #d4d4d4;*/
    /*set the size of the lens:*/
    width: 40px;
    height: 40px;
}

.img-zoom-result {
    border: 1px solid #d4d4d4;
    /*set the size of the result div:*/
    width: 300px;
    height: 300px;
}

.scrollable {
    overflow-y: scroll;
}

.bodycontainer {
    height: 100px !important;
    width: 100%;
}