/* 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-bottom: 20px;
}

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




/* Start of Jeff CSS */
.logo-font {
    font-family: 'Jost', sans-serif;
    color: #1e306e !important;
}

.main-font {
    font-family: 'Jost', sans-serif;
}

body {
    background-color: white
}

.head-table-color {
    background-color: #1e306e; /* Main Color #1e306e*/
    color: white;
}

.btn-main-hover {
    background-color: white;
    color: dodgerblue;
    border: 2px solid dodgerblue;
}

.btn-main {
    background-color: dodgerblue;
    color: white;
}

    .btn-main:hover {
        background-color: white;
        color: dodgerblue;
        border: 2px solid dodgerblue;
    }

.btn-top {
    background-color: #1e306e;
    color: white;
}

    .btn-top:hover {
        background-color: white;
        color: #1e306e;
        border: 2px solid #1e306e;
    }

.card {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

table {
    max-width: 100%;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .fixed {
        display:none;
    }
}

.pointer {
    cursor: pointer;
}
.fixed {
    position: fixed;
    top: 150px;
    left: 3px;
    background-color:white;
    width: 200px;
    padding-left: 10px;
}
.Legend-colorBox {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
   
}
.font-legend-color{
    color:black;
}
.text-just-sent{
    background-color:lightgreen;
}
.text-not-sent {
    background-color: white;
    border-color: dodgerblue;
    border-style: solid;
    border-width: 1.5px;
}
.text-in-q {
    background-color: lightsalmon;
    border-color: dodgerblue;
    border-style: solid;
    border-width:1.5px;
}
.form-rounded {
    border-radius: 0.4rem;
}
.form-max-length {
    max-width: 40px;
}