/*@media only screen and (max-width: 1024px) {*/
/*    .Hero {*/
/*        min-height: calc(20vh - 6em);*/
/*        width: 100%;*/
/*        position: relative;*/
/*        overflow: hidden;*/
/*    }*/
/*}*/
/*@media only screen and (min-width: 1024px) {*/
    .Hero {
        min-height: calc(40vh - 6em);
        width: 100%;
        position: relative;
        overflow: hidden;
    }
/*}*/


.btn-primary:hover {
    background:grey !important;

}
input[type=submit]:hover {
    background:grey !important;

}

.Hero-Figure {

    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    background: #A09F9F;
}
.Hero-Background {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -40%);
    transition: all 0.3s ease-in-out;
    opacity: 1;
}
.Hero-Figure .logoContainer {
    width:300px;
    background-image: linear-gradient(to right, white , transparent);
    height:100%;
    position: absolute;
    opacity: 0.9;

}
.Hero-Figure .logoContainerRight {
    width:1600px;
    background-image: linear-gradient(to left, white , transparent);
    height:100%;
    position: absolute;
    text-align:right;
    right:0;
}
.Hero-Figure .logoContainerRight .Hero-Logo {
    width:250px;
    margin-right:20px;
    margin-top:30px;
}
.Hero-Figure .logoContainer .Hero-Logo {
    width:150px;
    margin-left:20px;
    margin-top:20px;
}
.imageCard {
    transition: all .2s ease-in-out;
    margin-bottom:50px;
}
.imageCard:hover {
    transform: scale(1.1);

}
.imageCard img {
    width: 100%;
    height: 15vw;
    min-height:150px;
    object-fit: cover;
}

.imageCard .footerLabel {
    width:auto;
    margin-bottom:0;

    position: absolute;
    bottom:0;
    right:0;
    left:0;
    margin-left:15px;
    padding-left:5px;
    margin-right:15px;
    background: rgba(0,0,0,0.5);
    color:#FFF;
    height:30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.imageCard .topLabel {
    width:auto;
    margin-bottom:0;

    position: absolute;
    top:0;
    right:0;
    left:0;
    margin-left:15px;
    padding-left:5px;
    margin-right:15px;
    background: rgba(0,0,0,0.5);
    color:#FFF;
    height:30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}




input[type=text],input[type=password] {
    border:0;
    border-bottom: solid 1px #000;
    border-radius: 0;
}
.btn-black {
    color:#FFF;
    background: rgb(35,40,50);
    border-radius: 0;
}
.col-form-label {
    text-align: right;
}
.loginBox
{
    height:100%;
    margin-top: 5%;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    min-height: 100%;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: rgb(50,50,50);
    color:#FFF;
}
.footer p{
    text-align:center;
    font-size:9pt;
}
.logoutBtn {
    position: absolute;
    right:0;
    bottom:0;
    width:130px;
    background:rgb(50,50,50);
    color:#FFFF;
    padding-left:10px;
    opacity:0.8;
    height:25px;
}

a:hover {
    text-decoration:underline;
    color:#FFF;
}
a {
    color:#FFF;
}

td {
    height:30px;
    line-height:0.7;
}

.adminButton
{
    background:grey;
    padding-left:5px;
    color:#FFF;
    width:80%;
    height:40px;
    line-height:40px;
    float:left;
    margin-bottom:10px;
}
.adminContainer {
    border-right: solid 1px black;

}
.completedDiv {
    position:absolute;
    bottom:0;
    right:0;
    margin-right:15px;
    width:60%;
    background:rgba(110,190,125,0.8);
    color:#FFF;
    padding-left:10px;
    height:40px;

}
.nameLabel
{
   float:right;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}