/* 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. */

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

.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: 130px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /*line-height: 60px;*/ /* Vertically center the text there */
}

/* Custom 
-------------------------------------------------- */
h1.page-header {
    color: #03B07F;
    font-size: 16px !important;
    margin: 15px 0 15px 0;
}
.content-bg {
    margin-bottom: 10px;
    background-color: #f4f4f4 !important;
}
.footer-bar,
.footer-bar-desktop {
    height: 40px;
    margin-top: 15px
}

.footer-bar {
    background-color: #03B07F;
}
.footer-bar-desktop {
    background-color: #80CAB5;
}

.placeholder {
    margin: 0 auto;
    min-height: 100px;
    background-color: #eee;
    text-align:center;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
    background-size: 400px 52px;
    height: 100px;
    position: relative;
}


@media (min-width: 768px) {
    /*html {
        font-size: 16px;
    }*/

/*    .page-header {
        margin-bottom: 25px;
    }*/
}

@media (max-width: 768px) {
    .content-bg {
        background-color: #ffffff !important;
    }

    body {
        background-color: #f4f4f4 !important;
        margin-bottom: 75px;
    }
    .company-info {
        display: none;
    }
}


/** Loading overlay **/
#overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background-color: #000000;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    z-index: 10000;
    text-align: center;
}

@keyframes ldio-y5nl2hukcj {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ldio-y5nl2hukcj div {
    left: 47px;
    top: 24px;
    position: absolute;
    animation: ldio-y5nl2hukcj linear 1s infinite;
    background: #26ACA3;
    width: 6px;
    height: 12px;
    border-radius: 3px / 6px;
    transform-origin: 3px 26px;
}

    .ldio-y5nl2hukcj div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -0.9166666666666666s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -0.8333333333333334s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.75s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.6666666666666666s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.5833333333333334s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.5s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.4166666666666667s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.3333333333333333s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -0.25s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -0.16666666666666666s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -0.08333333333333333s;
        background: #03b07f;
    }

    .ldio-y5nl2hukcj div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s;
        background: #03b07f;
    }

.loadingio-spinner-spinner-6rn8c8hygkw {
    width: 100px;
    height: 100px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-y5nl2hukcj {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-y5nl2hukcj div {
        box-sizing: content-box;
    }

/* Fee display */
.fee-display
{
    text-align: right;
}

#message {
    min-height: 100px;
    min-width: 300px;
}

.desktop {
    border-bottom-color: #80CAB5;
    border-bottom-width: 15px;
    border-bottom-style: solid;
}