/***

    app.css

    This is for user own styles and 
    default style overrides.

*/


.toolbutton {
    display:block;
}

.plusbutton {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-left: 2em;
    padding-right: 2em;
    height: 2.7em;
    font-size: 1rem;
    background-color: white;
    color: black;
    border: 2px solid;
    border-color: #10497f;
    min-width: 100px;
    vertical-align: middle;
    text-align: center;
}

.plusbutton:hover {
    background-color: black;
    color: white;
    border-color: #10497f;
}

.pickerbutton {
    color: black;
    background: lightgray;
    width: 40px;
}

@font-face {
    font-family: 'roboto';
    src: url('./roboto/roboto-v29-latin-regular.woff');
}

body {
    font-family: roboto, monospace;
    font-size: 1rem;
}

.favIcon{
    display: none;
}

.link {
    color: rgb(0, 78, 170);
    cursor: pointer;
    font-size: 1em;
}

.link:hover {
    color: rgb(0,120, 220);
}

.navbar {
}

.infobar {
    background-color: rgb(254, 252, 226);
    border: 1px solid rgb(250, 224, 88);
    margin-top: 55px;
    color: rgb(41,41,41);
    font-weight: 600;
}

.infobarbtn {
    display: none;
}

.historyicon {
    visibility: visible;
}

.funcbutton {
    margin-left: 15px;
}

.disabledfield {
    background: linear-gradient(90deg, rgba(236,242,244,1) 0%, rgba(236, 242, 244, 1) 80%, rgba(255,255,255,1) 100%);
}

.small-margin-left
{
    margin-left: 5px;
}

.large-margin-left
{
    margin-left: 8px;
}

.large-padding-left
{
    padding-left: 10px
}

.massive-margin-right /*Could be that this can be replaced by some common style (only used once)*/ 
{
    margin-right: 20px
}

.menuRootItem {
    color: white;
    background-color: #10497f;
    text-decoration: none !important;
    cursor: pointer;
    padding: 3px;
}

.action-button {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-left: 2em;
    padding-right: 2em;
    height: 3em;
    min-width: 8rem;
    font-size: 1rem;
    margin-bottom: 4px;
}

.top-bar-name-label-div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top-bar-action-button {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 16px;
    padding-right: 16px;
    color: white;
    border: none;
    border-radius: 4px;
}

.action-button__follow {
    margin-left: 8px;
}

.action-button__delete {
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: white;
    color: #e12d19;
    border-color: #e12d19;
}

.action-button__delete:hover {
    background-color: #e12d19;
    color: white;
    border-color: #e12d19;
}

.action-button__primary {
    color: white;
    border: none;
    background-color: #10497f;
}

.action-button__primary:hover {
    color: white;
    border: none;
    background-color: #0a2f52;
}

.action-button__activated {
    background-color: #1A79CC;
    border: 1px solid #2098F9;
    color: white;
}

.action-button__secondary {
    background-color: white;
    color: black;
    border-color: #10497f;
}
 
.action-button__secondary:hover {
    background-color: black;
    color: white;
    border-color: #10497f;
}

.action-button__fraud {
    color: black;
    border: none;
    background-color: #7ad5fe;
}

.action-button__fraud:hover {
    color: black;
    border: none;
    background-color: #2e84ab;
}

.action-button__disabled {
    background-color: #ccc;
    color: #555;
    border: none;
}

.home-page-subheader {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1em;
}

.card {
    margin-right: 0.8em;
    margin-bottom: 1em;
}

.card-action-headline {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1em;
}

.card-content {
    margin-bottom: auto;
}

.card-action-button-row {
    margin-top: 1em; 
    text-align: right;
}

.status-circle {
    width: 10px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    margin-bottom: 8px;
    border-radius: 50%;
    background-color: gray;
}

.status-circle__info {
    background-color: yellow;
}

.status-circle__success {
    background-color: green;
}

.status-circle__warning {
    background-color: orange;
}

.status-circle__error {
    background-color: red;
}

.thin-line {
    height: 0.5px;
}

.home-page-card {
    width: 100%;
}

@media (min-width: 1000px) {
    .home-page-card {
        width: 75%;
    }
}

.spinner {
    border: 16px solid #DDDDDD;
    border-top: 16px solid #2B4DB5;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-left: -80px;
    animation: spin 900ms linear infinite;
    top: 40%;
    left: 55%;
    position: absolute;
}

.mini-spinner {
    border: 5px solid #DDDDDD;
    border-top: 5px solid #2B4DB5;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    margin-bottom: 8px;
    animation: spin 600ms linear infinite;
}

.upload-spinner
{
    position: absolute;
    left: 50%;
    width:300px;
    height:50px;
}

.height-120
{
    height: 120px;
}

.reporting-list-div
{
    display:flex;
    align-items: center
}

.reporting-row-label
{
    vertical-align: middle;
    margin-left: 8px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.card-body-scroll {
    max-height: 400px;
    overflow-y: scroll;
}

.cardrow {
    display: flex;
    flex-wrap: wrap;
}

.cardrow > div[class*='col-'] {
    display: flex;
}

.reporting-listing-icon
{
    width: 16px;
    height: 16px;
}

.card-listing-main-div
{
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}

.secondmodalbg {
    background-color: white;
    border-bottom-width: medium;
    border-right-width: medium;
}

.blazored-toast-container {
    z-index: 20000;
}

.filedescription {
    display: none;
}

.indie {
    color: #444791;
    font-weight: bolder;
    letter-spacing: 1.5px;
}

.bgray {
    background-color: lightgray;
    padding: 1px;
}


.selbtn {
    background-color: #444791;
    color: white;
}

.disbtn {
    background-color: darkgray;
    color: white;
}

.tabClose {
    display: none;
}

.globalBack {
    display:none;
}

.fovIcon {
    display: none;
}

.linkIcon {
    display: none;
}

.dependentlabel {
    visibility: hidden
}

.scanError {
    color: red
}

/* fix for datepicker not resizing properly */
.Zebra_DatePicker_Icon_Wrapper {
    display: block;
    position: relative;
    float: none;
    inset: auto;
    margin: 0px;
    padding: 0px;
    width: 100% !important;
}