/**
 *  How To Keep Footer At Bottom of Page with CSS
  * Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */
html,
body {
    margin:0;
    padding:0;
    height:100%;

}
#wrapper {
    min-height:100%;
    position:relative;

}
#header {
    /*
    background: #343A40;
    */
    padding:10px;
}
#content {
    padding-bottom:100px; /* Height of the footer element */
    /*transition: margin-left .5s;*/
    /*padding: 16px;*/
}
#footer {
    background:#343A40;
    color: white;
    width:100%;
    height:100px;
    position:absolute;
    bottom:0;
    left:0;
}

/*For Form input error validation*/
.error{
    color: red

}
.successful{
    color: green;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: lightgreen;
}

.bg {
    /* The image used */
    background-image: url("../images/carpark.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.5em;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
    content: "";
}


.btnCancel{
    color: #2CACE1;
    text-decoration: underline;
    font-size:19px;
    margin-right:2%;
    text-align:right;
    display:block;
}

.img-container{
    /*width: 60px;*/
    /*height: 80px;*/
}