/* Insert path to the background image */
body {
    /* background-image: url("../img/bg1.png"); */
    background-image: linear-gradient(to right, #04619F , #000000);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

}

.content {
    /* Set the height of the content to be taller than the viewport */
    height: 100%;
    /* Set overflow-y to auto to enable scrolling */
    overflow-y: auto;
}

.highlighted-row {
    background-color: #cefeb1;
}
.highlighted-existed-row {
    background-color: #ffaf7a;
}
.gap {
    margin: 3px;
}


.navbar-custom {
    background-color: rgba(0,0,0,0.7);
}

.footer {

    position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color:  rgba(0,0,0,0.7);
   color: white;
   text-align: center;


}


/* Customised components provided for your use */ 
.box-blue {

    background-color: rgba(51,122,183,0.5);


    color:white;
    font-size: 3.0em;
}

.box-black {

    background-color: rgba(0,0,0,0.4);
    color:white;
    font-size: 3.0em;
}

.box-red {

	background-color: rgba(255,0,0,0.5);
    color:white;
    font-size: 3.0em;
    border-radius: 5px;
}

.btn-blue {
    border-radius: 0;
    color: #fff;
    background-color: rgba(51,122,183,0.7);
    
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    color: #fff;
    background-color: rgba(51,122,183,0.5);

}