/* 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. */
:root {
    --default-blue: #325384;
    --inbound-color: #fd7e14;
    --outbound-color: #325384;
    --misc-color: #767676;
    /* PM COLORS */
    --taylor-wade: #ff7800;
    --jack-bender: #00ff00;
    --chris-oosterlinck: #ffff00;
    --sub-rental: #ffffff;
    --bubba: #0000ff;
    --stephanie-lees: #9900ff;
    --paul-megellan: #ff00ff;
    --kj: #1193c7;
    --branden-knorr: #ff0000;
    --donovan: #274e13;
    --davin-brummett: #800000;
    --manuel-a: #1c4587;
    --michael-ciccone: #6aa84f;
    --marc-g: #6d2828;
    --it: #d9d9d9;
    --michael-s: #a35541;
    --jon-hickey: #f1a690;
}
body {
    padding-bottom: 20px;
    background-color: #325384;
    color: white;
    width: 100%;
    font-family: avenirltstd-heavy;
    overflow: hidden;
}

.DisplayInput {
}
.display-number{
    position:absolute;
    bottom:0;
    left:0;
    font-size:30px;
    padding:0 0 10px 10px;
    z-index:1;
}
.sendButton {
    background-color: white;
    color: #325384;
}
.Message {
    position:absolute;
    top: 50%;
    transform:translateY(-50%);
    font-size: 8vw;/*250px;*/
    text-align: center;
    word-wrap: break-word;
    line-height: 200px;
    overflow: hidden;
    height: auto;
}
.wMsg {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    background-color: #fff;
    color: #000;
    font-size: 100px;
    font-weight: bold;
    display: none;
    align-items:center;
    justify-content:center;
}
#loadin-date{
    width:100%;
    color:white;
    font-size:65px;
    position:absolute;
    bottom:0;
    display:flex;
    justify-content:center;
    align-items:center;
}
.IOMessage {
    position: absolute;
    top: 150px;
    font-size: 250px;
    text-align: center;
    word-wrap: break-word;
    line-height: 250px;
    overflow: hidden;
    height: auto;
}
/*.ioDD {
    color:black;
    background-color:white;
}*/
.navbar {
    background-image: url('../images/si_square_white.png');
    background-size: contain;
    background-size: 60px;
    background-repeat: no-repeat;
}

.img-si {
    position:absolute;
    width: 250px;
    top: 75px;
    left: 75px;
}
/* Wrapping element */
    /* Set some basic padding to keep content from hitting the edges */
    .body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* 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;
    }
    .navbar-brand { 
        position:absolute;
        left:25%;
    }
    .Message{
        font-size:15vw;
        line-height:normal;
    }
    .img-si {
        width: 18vw;
        top: 3%;
        left: 3%;
    }
    #loadin-date {
        font-size: 8vw;
    }
}
@font-face {
    font-family: 'avenirltstd-heavy';
    src: url('avenirltstd-heavy.otf') format('opentype');
}