body{
    background-color: #f1f1f1;
}
*{
    font-family: 'Didact Gothic', sans-serif;
}
.content-area {
    margin-top: 80px;
}
.row{
    margin:0px;
}
.container-fluid{
    width:100%;
    margin:0px;
    padding:0px;

}
.login-graphic-section{
    background: #1488CC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #2B32B2, #1488CC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #2B32B2, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    min-height:100vh;
}
.login-form-section{
    padding:2%;
}
.login-graphic-section img {
    margin: 15% auto;
    display: block;
}
h2.brand-heading {
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 800;
    color: #5a4ebb;
}
p.subheading {
    font-size: 1.2em;
    color: #8d8d8d;
}
form.login-form {
    margin: 10% 15%;
}
.form-control {
    border: 1px solid #dbdbdb;
    padding: 10px 15px;
}
nav.navbar {
    background: #005C97;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #363795, #005C97);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #363795, #005C97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /*margin-bottom:50px;*/
}

li.nav-item a.dropdown-item {
    color: #3e3e3e;
}
li.nav-item a {
    color: #ffffff;
}
a.navbar-brand {
    color: #ffffff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size:1em;
}
a.nav-link{
    color:#Ffffff;
}
span.badge.bg-success {
    background-color: #81cb73 !important;
    font-weight: 400;
}
span.badge.bg-danger {
    background-color: #f18067 !important;
    font-weight: 400;
}
a.btn.btn-success.btn-sm {
    background-color: #41c187;
    border: none;
    margin: 5px;
}
a.btn.btn-info.btn-sm {
    background-color: #5fb6e9;
    border: none;
    color: #ffffff;
    margin: 5px;

}
ul.pagination li {
    font-size: 1em;
    padding: 20px;
}
.row{
    padding-bottom:0px;
}
.row.colophon{
    background-color: #2f2f2f;
    padding:30px;
}
.colophon p {
    color: #868282;
    text-align: center;
    font-size: 0.85em;
}
.footer {
    background-color: #2f2f2f;
    border-bottom: 1px solid #4a4a4a;
    padding: 50px;
    color: #868282;
}
.footer h3 {
    color: #5f85a4;
    font-size: 1.3em;
}
.quote-section{
    padding:70px;
    background: #005C97;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #363795, #005C97);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #363795, #005C97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    clip-path: polygon(0 9%, 100% 0%, 100% 100%, 0% 100%);
}
.usp-section{
    padding:100px 0px;
}
h2.section-heading {
    text-transform: uppercase;
    font-weight: 700;
}
.industries-section {
    padding: 100px 0px;
    background-color: #e0f1e9;
    clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);
}
.features-section{
    padding:100px 0px;
    background-color: #ffffff;
}
.card {
    border: none;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    border-radius: 15px;
}
.features-section .card {
    border: none;
    border-top: 2px solid #47aaff;
    border-radius: 0px;
    box-shadow:none;
}
.header{
    padding:70px;
    background: #005C97;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #363795, #005C97);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #363795, #005C97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
p.subtitle.text-white {
    font-size: 2.2em;
}

.card-header {
    background-color: #3382a6;
    color: #ffffff;
    /* font-weight: bold; */
}
.card.graph-card{
    margin-top:30px;
}