/* 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. */
body {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100vh;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
    height: 100%;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


/**** Busy indicator ****/

/* Absolute Center Spinner */
.loading {
    position:  page;
    display: none;
    z-index: 1031;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    /*.loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 120px;
        height: 120px;
        background-color: rgba(0, 0, 0, 0.03);
    }*/

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 20px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 3000ms infinite linear;
            -moz-animation: spinner 3000ms infinite linear;
            -ms-animation: spinner 3000ms infinite linear;
            -o-animation: spinner 3000ms infinite linear;
            animation: spinner 3000ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(14, 123, 107, 1) 1.5em 0 0 0, rgba(14, 123, 107, 1) 1.1em 1.1em 0 0, rgba(14, 123, 107, 1) 0 1.5em 0 0, rgba(14, 123, 107, 1) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(14, 123, 107, 1) 0 -1.5em 0 0, rgba(14, 123, 107, 1) 1.1em -1.1em 0 0;
            box-shadow: rgba(14, 123, 107, 1) 1.5em 0 0 0, rgba(14, 123, 107, 1) 1.1em 1.1em 0 0, rgba(14, 123, 107, 1) 0 1.5em 0 0, rgba(14, 123, 107, 1) -1.1em 1.1em 0 0, rgba(14, 123, 107, 1) -1.5em 0 0 0, rgba(14, 123, 107, 1) -1.1em -1.1em 0 0, rgba(14, 123, 107, 1) 0 -1.5em 0 0, rgba(14, 123, 107, 1) 1.1em -1.1em 0 0;
        }



/* Animation */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*Loader blue spinner*/

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
    color: #0e7b6b;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


/*Busy text*/
.busy_content {
    position: relative;
    width: 388px;
    color: #666666;
    font-family: "Arial Regular", Arial, sans-serif;
}

    .busy_content * {
        margin: 0;
        padding: 0;
    }

    /*.busy_content .frame {
        height: 240px;
        background-image: url(../images/frame.png);
        background-repeat: no-repeat;
    }*/

    .busy_content .layout1 {
        height: 240px;
        background-image: url(../images/frame.png);
        background-repeat: no-repeat;
    }
    .busy_content .layout1 .help_text {
        font-family: "Arial Bold", Arial, sans-serif;
        text-align: left;
        top: 110px;
        position: absolute;
        font-size: 10px;
        width: 200px;
        padding: 5px;
        left: 20px;
    }

.busytext {
    position: relative;
    width: 330px;
    color: #666666;
    font-family: "Arial Regular", Arial, sans-serif;
    font-size: 10px;
    text-align: left;
}

.busytextstyle {
    background-color: gray; /* Changing background color */
    font-weight: bold; /* Making font bold */
    border-radius: 20px; /* Making border radius */
    width: auto; /* Making auto-sizable width */
    height: auto; /* Making auto-sizable height */
    padding: 5px 30px 5px 30px; /* Making space around letters */
    font-size: 18px; /* Changing font size */
}

/*text input se */

.text-input {
    font-family: 'Avenir LT W02 35 Light', Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: 6px 6px 6px 0;
}




.text-input2 {
    padding: 6px 6px 6px 0;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 18px;
}

.input-container {
    margin-top: 20px;
}


input.id-number-input {
    text-transform: lowercase !important;
    border: 1px solid #bcbcb6 !important;
    box-shadow: none !important;
    background-image: url(../images/bankid_logo.png);
    background-size: auto 30px !important;
    background-repeat: no-repeat !important;
    background-position: 10px 50% !important;
    padding-left: 50px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px !important;
    min-width: 180px;
    box-sizing: border-box !important;
    outline: 0 !important;
}

input.id-number-input-sdc {
    text-transform: lowercase !important;
    border: 1px solid #bcbcb6 !important;
    box-shadow: none !important;
    background-image: url(../images/sdc-logo-color.svg);
    background-size: auto 10px !important;
    background-repeat: no-repeat !important;
    background-position: 10px 50% !important;
    padding-left: 50px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px !important;
    min-width: 180px;
    box-sizing: border-box !important;
    outline: 0 !important;
}