/*
    CLIENT COLOURS
    background: #4D4D4D
    accent: #6AA2B8
    action: #C8AC00
    blue-action:#6ea0b7
*/

@font-face {
    font-family: BebasNeue;
    src: url("fonts/bebas-neue.otf") format("opentype");
}

@font-face {
    font-family: "lato";
    font-style: normal;
    src: url('fonts/Lato-Regular.ttf');
}

body {
    font-family: 'lato', sans-serif
}

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

#page-container, #sidebar, #sidebar-alt {
    background-color: #75708F !important;
}

.sidebar-section {
    background-color: #75708F;
}


.bebas {
    font-family: 'BebasNeue', sans-serif
}

.dataTable th {
    color:#6ea0b7;
    font-weight:600;
}

.block-title {
    background-color: #75708F;
}
    .block-title h2 {
        color: #7215C9 !important;
        font-size: 3em;
        color: #c5ae16;
        margin: 0;
        padding:0px 10px;
        font-family: 'BebasNeue', sans-serif;
        font-weight: normal;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #6ea0b7;
}

.pager > li > a:hover, .pagination > li > a:hover {
    background-color: #6ea0b7;
}

.pagination > li > a, .pagination > li > span {
    color: #6ea0b7;
}


.btn-primary {
    background-color: #6ea0b7;
    border-color: #6ea0b7;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #6587ab;
    border-color: #6ea0b7;
}

.page-header {
    font-family: BebasNeue;
    color: #6ea0b7;
    font-size:40px;
}

#login-container {
    background-color: #7215C9;
}

.login-block {
    background-color: #75708F;
    color: #DDD;
}

.login-block .control-label{
    color:#DDD;
}


#login-container .row 
{
    padding-bottom:15px;
}

@media only screen and (max-width:768px)
{
    #login-container .login-block .row img 
    {
        max-width: 200px;
    }
}

.mobile-row-invalid {
    background-color: #df4957 !important;
    color: white;
}

    .mobile-row-invalid:hover {
        background-color: #df4957 !important;
        color:white;
    }

.table-hover > tbody > tr.mobile-row-invalid:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #dc3545;
    color: white;
}

li.dropdown-header {
    padding: 5px 10px;
    color: #90D1DE;
    background-color: #75708F;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #eaedf1;
    font-size: 1.5em !important;
    color: #7215C9;
    margin: 0;
    padding: 0px 10px;
    font-family: 'BebasNeue', sans-serif;
    font-weight: normal;
}


.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #75708F !important;
}

.text-primary, .text-primary:hover, a, a:hover, a:focus, a.text-primary, a.text-primary:hover, a.text-primary:focus {
    color: #444;
}

#login-container a {
    color: white;
}

.clearfix {
    background-color: #75708F !important;
}