/* 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;
}

.loading-screen {
    background-color: #325384;
    /*background-image: url('https://assets.swoogo.com/uploads/full/1372068-614df30017929.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    transition: 1s opacity;
}

.loginScreen {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    max-width: 50vw;
    max-height: 50vh;
    background-color: white;
    padding: 20px;
    color: #325384;
    border: thick solid grey;
}

.options-wrap{
    margin:30px 0;
}

#submitPass {
    margin-top: 5px;
}
.DisplayInput {
}

.sendButton {
    background-color: white;
    color: #325384;
}
.Message {
    position:absolute;
    top: 225px;
    font-size: 250px;
    text-align: center;
    word-wrap: break-word;
    line-height: 275px;
    overflow: hidden;
    height: auto;
}

.IOMessage {
    position: absolute;
    text-align: center;
    font-size: 150px;
    line-height: 150px;
    top: 50px;
    text-align: center;
}
.ioDD, .ioDD:focus, .ioDD:hover, .ioDD:active {
    color:black;
    background-color:white;
}
.ioDD option:first-child {
    background-color: var(--inbound-color);
}
.ioDD option:nth-child(2){
    background-color: var(--outbound-color);
}
.ioDD option:nth-child(3){
    background-color: var(--misc-color);
}
.img-si {
    position:absolute;
    width: 250px;
    top: 0px;
    left: 0px;
}
.pmDD, .pmDD:focus, .pmDD:hover, .pmDD:active {
    color: black;
    background-color: white;
}
#clearAll{
    position:fixed;
    bottom:0;
    right:0;
    margin:0 10px 10px 0;
}
/* 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%;
    }
    .navbar-brand img{
        padding:10px;
    }
}

.nav-break {
    margin-top: 0px;
    background-color: white;
}
.navbar-brand {
    color: white !important;
}
.nav-item > a {
    color: white !important;
}
.nav-item {
    padding-right: 10px;
}
@font-face {
    font-family: 'avenirltstd-heavy';
    src: url('avenirltstd-heavy.otf') format('opentype');
}