body {
    padding-top: 50px;
    padding-bottom: 20px;
    /*    background-image:url('Background.jpg') ;align-content:center ;align-items:center;align-self:center;*/
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(178,229,255,1) 100%);
/*    background-repeat: inherit;*/
}

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

/* Set width on the form input elements since they're 100% wide by default */
input,
select
 {
    max-width: 500px;

}


textarea {
    max-width: 90%;
    min-height: 90%;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */




.myDate {
     direction: ltr;
     text-align: right;
}

.validation-summary-errors
{
    color:red;
}
.shortText
{
    max-width:100px;
}

.homeCards > div {
    padding: 50px 0 50px 0;
    text-align: center;
    font-family: Calibri;
    font-weight: 500;
    font-size: 30px;
    background-color: #00355a;
    color: #ffffff;
    border: 15px solid rgba(34, 2, 0, 0.50);
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .homeCards > div > a {
        color: #f2f2f3;
        text-decoration: none;
        font-family: Calibri,FontAwesome;
    }

        .homeCards > div > a:hover {
            color: #ffffff;
        }

.navbar {
    color: #ffffff;
    background-color: #070034;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
    color: #ffffff;
    font-family: Calibri;
    font-size: 20px;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        color: #ffffff;
        background-color: #070034;
    }

.copy {
    color: #070034;
}

.homeCards {
    background-color: rgba(0, 107, 134, 0.00);
    margin-top:5px;
}

table {
    background-color:#f2f2f3;
    font-size:16px;
   
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #002110;
}

th {
    background-color: #002110;
    text-align: center;
    color: #E2DA99;
}
table a {
    color: #000000;
}

    table a:hover {
        color: #002110;
        text-decoration: none;
    }



.bar-css {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border:groove;
    font: normal normal bold 30px/1 "Times New Roman", Times, serif;
    color: rgba(40,40,40,1);
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: -webkit-radial-gradient(closest-side, rgba(255,255,255,1) 0, rgb(255, 31, 0) 100%);
    background: -moz-radial-gradient(closest-side, rgba(255,255,255,1) 0, rgb(255, 50, 0) 100%);
    background: radial-gradient(closest-side, rgba(255,255,255,1) 0, rgba(119, 0, 3, 0.55) 100%);
    background-position: 70% 70%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-size: auto auto;
    text-shadow: 0 0 9px rgba(255,255,86,0.7);
}



.bar-css-background {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border:ridge;
    border-radius:5%;
    font: normal normal bold 20px/1 "Times New Roman", Times, serif;

    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: -webkit-radial-gradient(closest-side, rgba(255,255,255,1) 0, rgba(103, 103, 103, 0.90) 100%);
    background: -moz-radial-gradient(closest-side, rgba(255,255,255,1) 0, rgba(108, 108, 108, 0.90) 100%);
    background: radial-gradient(closest-side, rgba(255,255,255,1) 0, rgba(243, 243, 243, 0.95) 100%);
    background-position: 70% 70%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-size: auto auto;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.88);
}




.btn-grad {
    background-image: linear-gradient(to right, #2C3E50 0%, #4CA1AF 51%, #2C3E50 100%)
}

.btn-grad {
    width: 25%;
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

    .btn-grad:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }


.btn-grad2 {
    background-image: linear-gradient(to right, #2C3E50 0%, #4CA1AF 51%, #2C3E50 100%)
}

.btn-grad2 {
    width: 25%;
    margin: 10px;
    padding: 10px 10px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

    .btn-grad2:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }