/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*    padding-top: 10px;*/
    padding-bottom: 20px;
    /*    background: #A8D5FE !important;*/
    background: white !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}



.navbar {
    height: 100px !important; /*i assume your navbar size 100px*/
}

/*Modify the background color*/

.navbar-custom {
    background-color: #508CBF; /*#8FAAF0*/ /* #365AAA*/
}
    /*     Modify brand and text color */

    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
        color: white;
    }

.navbar-img {
    display: flex;
}

.btn-color {
    background: #8FAAF0 !important;
    border-color: white !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #508CBF !important;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.table-condensed tr th {
    border: 0px solid #6e7bd9;
    color: white;
    /* background-color: #6e7bd9; */
    background-color: #4A3C8C;
    vertical-align: middle;
    text-align: center;
}

.table-condensed, .table-condensed tr td {
    border: 0px solid #000;
}

tr:nth-child(even) {
    /* background: #f8f7ff */
    background: #E7E7FF;
}

tr:nth-child(odd) {
    background: #fff;
}

.buttonload {
    background-color: #4CAF50; /* Green background */
    border: none; /* Remove borders */
    color: white; /* White text */
    padding: 8px 10px; /* Some padding */
    font-size: 15px /* Set a font size */;
}

a.my-class {
    color: white;
    text-decoration:none;
}

.input-validation-error {
    border: 2px solid red;
}