body, .page-content {
    background: #eff3f8 !important;
}

.pageinner_mainpanel {
    background: #ffffff !important;
}

.pageinner_title {
    color: #4b77be !important;
    border-color: #eeeeee !important;
}

.pageinner_sectionstyle {
    background: #f7f7f7 !important;
}

.title_leftrightborder span {
    color: #000000 !important;
}

    .title_leftrightborder span::before, .title_leftrightborder span::after, .title_rightborder span::after {
        border-color: #004d8a !important;
    }

.menustyle {
    background: #004d8a !important;
}

.main-nav a:hover, .main-nav .active > a, .main-nav .active {
    color: #014d8a !important;
    background: #eff3f8 !important;
}

.main-nav .active {
    border-radius: 10px 10px 0 0;
}

.main-nav .drop-down ul {
    background: #004d8a !important;
}

.main-nav li.drop-down ul li a:hover, .main-nav li.drop-down ul li.acive a {
    background: #6b97c0 !important;
    color: #ffffff !important;
}

footer {
    background: #004d8a !important;
    color: #ffffff !important;
}

h2.pageinner_title a {
    color: #f4d03f !important;
}

.helpmodalstyle .modal-header {
    background: #cce5ff !important;
    color: #000000 !important;
    border-color: #9ab7d5 !important;
}

.helpmodalstyle .modal-body, .helpmodalstyle .modal-footer {
    background: #eff3f8 !important;
}

    .helpmodalstyle .modal-body ul li {
        color: #000000 !important;
    }

    .helpmodalstyle .modal-footer .btn-default {
        background: #ffffff !important;
        color: #000000 !important;
        border-color: #cccccc !important;
    }

.btn-primary {
    background: #4b77be !important;
    color: #ffffff !important;
    border-color: #4b77be !important;
}

    .btn-primary i {
        color: #ffd700 !important;
    }

    .btn-primary:hover {
        background: #3d66a8 !important;
        color: #ffffff !important;
        border-color: #3d66a8 !important;
    }

        .btn-primary:hover i {
            color: #ffd700 !important;
        }

.btn-active {
    background: #ffffff !important;
    color: #000000 !important;
    border-left-color: #4b77be !important;
    border-right-color: #ffffff !important;
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

    .btn-active i {
        color: #ffd700 !important;
    }

    .btn-active:hover {
        background: #ffffff !important;
        color: #000000 !important;
        border-left-color: #4b77be !important;
        border-right-color: #ffffff !important;
        border-top-color: #ffffff !important;
        border-bottom-color: #ffffff !important;
    }

        .btn-active:hover i {
            color: #ffd700 !important;
        }

.btn-success {
    background: #28a745 !important;
    color: #ffffff !important;
    border-color: #28a745 !important;
}

    .btn-success:hover {
        background: #218838 !important;
        color: #ffffff !important;
        border-color: #218838 !important;
    }

.btn-secondary {
    background: #6c757d !important;
    color: #ffffff !important;
    border-color: #6c757d !important;
}

    .btn-secondary:hover {
        background: #5a6268 !important;
        color: #ffffff !important;
        border-color: #5a6268 !important;
    }

.btn-info {
    background: #4b8df8 !important;
    color: #ffffff !important;
    border-color: #4b8df8 !important;
}

    .btn-info:hover {
        background-color: #2977f7 !important;
        color: #ffffff !important;
        border-color: #2977f7 !important;
    }

.table thead th {
    background-color: #eff3f8 !important;
    color: #000000 !important;
    border-color: #dddddd !important;
}

.table-bordered td {
    border-color: #dee2e6 !important;
}

.table-striped tbody tr:nth-of-type(2n+1), .table tr.odd {
    background-color: #ffffff !important;
}

    .table-striped tbody tr:nth-of-type(2n+1) td, .table tr.odd td {
        color: #000000 !important;
    }

.table-striped tbody tr:nth-of-type(2n+2), .table tr.even {
    background-color: #fafafa !important;
}

    .table-striped tbody tr:nth-of-type(2n+2) td, .table tr.even td {
        color: #000000 !important;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button a:hover {
    background-color: #eeeeee !important;
    color: #333333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active a {
    background: #eeeeee !important;
    color: #333333 !important;
    border-color: #dddddd !important;
}

@media (min-width:768px) and (max-width:1024px) {
    .responsive_gridstyle .col-md-4 {
        max-width: 50%;
        flex: inherit;
    }
}