body {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px !important;
    font-family: Helvetica,Arial sans-serif;
}

/* Maybe necessary for datepicker in modals 
.datepicker {z-index: 1151 !important;}
    */

.body-content {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

@media (min-width: 1800px) {
    .container {
        max-width: 1700px;
    }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    background-color: blue;
    color: white !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #007bff;
}

p {
    margin-bottom: 5px;
}

li.nav-item a,
li.nav-item.dropdown a {
    text-decoration: none;
    font-weight: 500;
    line-height: 1.5;
    padding-top: 5px;
    height: auto;
    color: black !important;
}

li.nav-item.active a {
    background-color: blue;
    color: black;
}

a.dropdown-toggle:hover {
    text-decoration: none;
}

.navbar-light .navbar-nav .nav-link {
    color: black;
}


nav.navbar.navbar-light.navbar-expand-md {
    background-color: white;
}


.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    background-color: rgb(51, 122, 183);
    color: white;
}


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

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.jumbotron {
    margin-bottom: 5px;
    padding-top: 1px;
    padding-bottom: 5px;
}

.container .jumbotron {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    background-color: #0c68b1;
    border: #005CA9 solid 2px;
    color: white;
    padding: 1px 1px 5px 15px;
}

.container .jumbotron-2 {
    background-color: white;
    text-align: center;
    border: none;
}

.jumbotron h1 {
    font-size: 26px;
    margin-top: 5px;
    color: white;
    margin-bottom: 2px;
}

.jumbotron h2 {
    font-size: 16px;
    font-style: italic;
    color: #ffffff;
    margin: 0;
    padding: 0;
}


/* Aanpassing op Bootstrap standaard */
.container {
    padding-left: 0;
    padding-right: 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.button-row {
    padding-top: 5px;
    padding-bottom: 5px;
}

button.btn.btn-link {
    text-decoration: none;
}



.app-image {
    height: 60px;
    padding: 1px;
}



.form-control {
    border: 1px solid #0c68b1;
    font-size: 15px;
    height: 25px;
}

    .form-control:focus, .k-textbox:focus {
        background-color: rgba(0,0,0,.075) !important;
        border-color: #0c68b1;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(235, 215, 255, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(235, 215, 255, 0.6);
    }

.form-group {
    margin-bottom: 5px;
}

.form-horizontal .form-group {
    margin-left: 0;
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #edf2fb;
}

table.table-fixedheader {
    width: 100%;
}

    /*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
    table.table-fixedheader,
    table.table-fixedheader > thead,
    table.table-fixedheader > tbody,
    table.table-fixedheader > thead > tr,
    table.table-fixedheader > tbody > tr,
    table.table-fixedheader > thead > tr > th,
    table.table-fixedheader > tbody > td {
        display: block;
    }


        table.table-fixedheader > thead > tr:after,
        table.table-fixedheader > tbody > tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

        /*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  We must specify an explicit height for the tbody.  We include
100px as a default, but it can be overridden elsewhere.

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
        table.table-fixedheader > tbody {
            overflow-y: scroll;
            max-height: 400px;
        }

        /*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
        table.table-fixedheader > thead {
            overflow-y: scroll;
        }

            /*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
            table.table-fixedheader > thead::-webkit-scrollbar {
                background-color: inherit;
            }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
}
/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/
table.table-fixedheader > thead > tr > th,
table.table-fixedheader > tbody > tr > td {
    float: left;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 15px;
}


.table-pdf > thead > tr > th,
.table-pdf > tbody > tr > th,
.table-pdf > tfoot > tr > th,
.table-pdf > thead > tr > td,
.table-pdf > tbody > tr > td,
.table-pdf > tfoot > tr > td {
    padding: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 12px;
   /* background-color: aqua !important;*/
}
.rotated-th {
    /**
	* Since the rotated text is taken out of the DOM flow (position: absolute), we
	* need to artificially consume vertical space so that the rotated headers
	* don't overlap with the content above the table.
	*/
    height: 110px;
    position: relative;
}
/**
* When an element is transform rotated, it still takes up the amount of space that
* it would have if not rotated. As such, I'm making the label "position: absolute"
* so that it doesn't take up any space ("absolute" takes it out of the DOM flow).
* Instead, I'm deferring the space allocation to the parent DIV.
*/
.rotated-th__label {
    bottom: 5px;
    left: 50%;
    position: absolute;
    /*transform: rotate( -45deg );*/
    -webkit-transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: center left;
    white-space: nowrap;
}

.navbar-inverse a.navbar-brand {
    color: blue;
}

.navbar-inverse .navbar-nav li > a {
    color: black;
    font-size: 16px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: blue;
}

.navbar-inverse {
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.navbar-brand {
    padding: 8px 15px;
}

.navbar {
    margin-bottom: 5px;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: white;
    background-color: #005CA9;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
    color: black;
}

.navbar-toggle {
    background-color: #0c68b1;
}

ul.dropdown-menu {
    color: black;
    background-color: white;
}

    ul.dropdown-menu > li > a:hover {
        background-color: mediumblue;
        color: white;
    }

.btn-default {
    background-color: #fff9b4;
    color: black;
    border-color: black;
}

    .btn-default.active, .btn-default:hover, .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover,
    .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus,
    .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
        color: #000 !important;
        background-color: #c12e2a;
        background: #F29208;
        border-color: black;
        z-index: 1;
    }

label.btn.btn-default.RBdisabled {
    background-color: grey;
}

.btn-primary {
    background-color: #005CA9;
    color: white;
    border-color: #005CA9;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus {
        background-color: blue;
        color: white;
        border-color: #005CA9;
    }


.btn-warning {
    background-color: darkred;
    color: white;
    border-color: red;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active:hover,
    .btn-warning.active:hover,
    .open > .dropdown-toggle.btn-warning:hover,
    .btn-warning:active:focus,
    .btn-warning.active:focus,
    .open > .dropdown-toggle.btn-warning:focus,
    .btn-warning:active.focus,
    .btn-warning.active.focus,
    .open > .dropdown-toggle.btn-warning.focus {
        background-color: red;
        color: white;
        border-color: darkred;
    }

.btn-danger {
    background-color: white;
    color: red;
    border-color: black;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active:hover,
    .btn-danger.active:hover,
    .open > .dropdown-toggle.btn-danger:hover,
    .btn-danger:active:focus,
    .btn-danger.active:focus,
    .open > .dropdown-toggle.btn-danger:focus,
    .btn-danger:active.focus,
    .btn-danger.active.focus,
    .open > .dropdown-toggle.btn-danger.focus {
        background-color: #ff0000;
        color: white;
        border-color: black;
    }


.btn-success {
    background-color: #005CA9;
    border-color: black;
    color: white;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active:hover,
    .btn-success.active:hover,
    .open > .dropdown-toggle.btn-success:hover,
    .btn-success:active:focus,
    .btn-success.active:focus,
    .open > .dropdown-toggle.btn-success:focus,
    .btn-success:active.focus,
    .btn-success.active.focus,
    .open > .dropdown-toggle.btn-success.focus {
        background-color: cornflowerblue;
        color: black;
        border-color: black;
    }

.btn-info {
    background-color: #a6a6ff;
    border-color: black;
    color: #000000;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active:hover,
    .btn-info.active:hover,
    .open > .dropdown-toggle.btn-info:hover,
    .btn-info:active:focus,
    .btn-info.active:focus,
    .open > .dropdown-toggle.btn-info:focus,
    .btn-info:active.focus,
    .btn-info.active.focus,
    .open > .dropdown-toggle.btn-info.focus {
        background-color: cornflowerblue;
        color: black;
        border-color: black;
    }

.btn-edit {
    background-color: cornflowerblue;
    border-color: black;
    color: #000000;
}

    .btn-edit:hover, .btn-edit:focus, .btn-edit:active:hover,
    .btn-edit.active:hover,
    .open > .dropdown-toggle.btn-edit:hover,
    .btn-edit:active:focus,
    .btn-edit.active:focus,
    .open > .dropdown-toggle.btn-edit:focus,
    .btn-edit:active.focus,
    .btn-edit.active.focus,
    .open > .dropdown-toggle.btn-edit.focus {
        background-color: royalblue;
        color: white;
        border-color: black;
    }


.btn-delete {
    background-color: indianred;
    color: black;
    border-color: black;
}

    .btn-delete:hover, .btn-delete:focus, .btn-delete:active:hover,
    .btn-delete.active:hover,
    .open > .dropdown-toggle.btn-delete:hover,
    .btn-delete:active:focus,
    .btn-delete.active:focus,
    .open > .dropdown-toggle.btn-delete:focus,
    .btn-delete:active.focus,
    .btn-delete.active.focus,
    .open > .dropdown-toggle.btn-delete.focus {
        background-color: #ff0000;
        color: white;
        border-color: black;
    }

.btn-new {
    background-color: darkseagreen;
    color: black;
    border-color: black;
}

    .btn-new:hover, .btn-new:focus, .btn-new:active:hover,
    .btn-new.active:hover,
    .open > .dropdown-toggle.btn-new:hover,
    .btn-new:active:focus,
    .btn-new.active:focus,
    .open > .dropdown-toggle.btn-new:focus,
    .btn-new:active.focus,
    .btn-new.active.focus,
    .open > .dropdown-toggle.btn-new.focus {
        background-color: darkgreen;
        color: white;
        border-color: black;
    }

.btn-save {
    background-color: darkseagreen;
    color: black;
    border-color: black;
}

    .btn-save:hover, .btn-save:focus, .btn-save:active:hover,
    .btn-save.active:hover,
    .open > .dropdown-toggle.btn-save:hover,
    .btn-save:active:focus,
    .btn-save.active:focus,
    .open > .dropdown-toggle.btn-save:focus,
    .btn-save:active.focus,
    .btn-save.active.focus,
    .open > .dropdown-toggle.btn-save.focus {
        background-color: darkgreen;
        color: white;
        border-color: black;
    }

.btn-send {
    background-color: darkseagreen;
    color: black;
    border-color: black;
}

    .btn-send:hover, .btn-send:focus, .btn-send:active:hover,
    .btn-send.active:hover,
    .open > .dropdown-toggle.btn-send:hover,
    .btn-send:active:focus,
    .btn-send.active:focus,
    .open > .dropdown-toggle.btn-send:focus,
    .btn-send:active.focus,
    .btn-send.active.focus,
    .open > .dropdown-toggle.btn-send.focus {
        background-color: darkgreen;
        color: white;
        border-color: black;
    }

.btn-filter {
    background-color: lightgray;
    color: black;
    border-color: black;
}

    .btn-filter:hover, .btn-filter:focus, .btn-filter:active:hover,
    .btn-filter.active:hover,
    .open > .dropdown-toggle.btn-filter:hover,
    .btn-filter:active:focus,
    .btn-filter.active:focus,
    .open > .dropdown-toggle.btn-filter:focus,
    .btn-filter:active.focus,
    .btn-filter.active.focus,
    .open > .dropdown-toggle.btn-filter.focus {
        background-color: dimgray;
        color: white;
        border-color: black;
    }

.btn-return {
    background-color: #ccc;
    border-color: black;
    color: black;
}

    .btn-return:hover,
    .btn-return:focus,
    .btn-return:active:hover,
    .btn-return.active:hover,
    .open > .dropdown-toggle.btn-return:hover,
    .btn-return:active:focus,
    .btn-return.active:focus,
    .open > .dropdown-toggle.btn-return:focus,
    .btn-return:active.focus,
    .btn-return.active.focus,
    .open > .dropdown-toggle.btn-return.focus {
        background-color: #aaa;
        color: black;
        border-color: black;
    }

.btn-report {
    background-color: #aaa;
    color: black;
    border-color: black;
}

    .btn-report:hover, .btn-report:focus, .btn-report:active:hover,
    .btn-report.active:hover,
    .open > .dropdown-toggle.btn-report:hover,
    .btn-report:active:focus,
    .btn-report.active:focus,
    .open > .dropdown-toggle.btn-report:focus,
    .btn-report:active.focus,
    .btn-report.active.focus,
    .open > .dropdown-toggle.btn-report.focus {
        background-color: #666;
        color: white;
        border-color: black;
    }

.btn-excel {
    background-color: #005CA9;
    color: white;
    border-color: black;
}

    .btn-excel:hover, .btn-excel:focus, .btn-excel:active:hover,
    .btn-excel.active:hover,
    .open > .dropdown-toggle.btn-excel:hover,
    .btn-excel:active:focus,
    .btn-excel.active:focus,
    .open > .dropdown-toggle.btn-excel:focus,
    .btn-excel:active.focus,
    .btn-excel.active.focus,
    .open > .dropdown-toggle.btn-excel.focus {
        background-color: blue;
        color: white;
        border-color: black;
    }

.btn-mail {
    background-color: #AD8DBF;
    color: black;
    border-color: black;
}

    .btn-mail:hover, .btn-mail:focus, .btn-mail:active:hover,
    .btn-mail.active:hover,
    .open > .dropdown-toggle.btn-mail:hover,
    .btn-mail:active:focus,
    .btn-mail.active:focus,
    .open > .dropdown-toggle.btn-mail:focus,
    .btn-mail:active.focus,
    .btn-mail.active.focus,
    .open > .dropdown-toggle.btn-mail.focus {
        background-color: #450c65;
        color: white;
        border-color: black;
    }

.btn-yes {
    background-color: #EDE8F4;
    border-color: black;
    color: gray;
}

    .btn.btn-yes.active,
    .btn-yes:hover,
    .btn-yes:focus,
    .btn-yes:active,
    .btn-yes:active:hover,
    .btn-yes.active:hover,
    .open > .dropdown-toggle.btn-yes:hover,
    .btn-yes:active:focus,
    .btn-yes.active:focus,
    .open > .dropdown-toggle.btn-yes:focus,
    .btn-yes:active.focus,
    .btn-yes.active.focus,
    .open > .dropdown-toggle.btn-yes.focus {
        background-color: green;
        color: white;
        font-weight: bold;
        border-color: black;
    }

.btn-no {
    background-color: #EDE8F4;
    border-color: black;
    color: gray;
}

    .btn.btn-no.active,
    .btn-no:hover,
    .btn-no:focus,
    .btn-no:active,
    btn-no.active,
    .btn-no:active:hover,
    .btn-no.active:hover,
    .open > .dropdown-toggle.btn-no:hover,
    .btn-no:active:focus,
    .btn-no.active:focus,
    .open > .dropdown-toggle.btn-no:focus,
    .btn-no:active.focus,
    .btn-no.active.focus,
    .open > .dropdown-toggle.btn-no.focus {
        background-color: red;
        color: black;
        font-weight: bold;
        border-color: black;
    }

.panel-success > .panel-heading {
    background-color: #0c68b1;
    color: white;
}

.badge {
    padding: 5px;
}

.badge-success {
    color: black;
    background-color: #c6af52;
}

.panel-primary > .panel-heading {
    background-color: #c6af52 !important;
    color: black;
}

.badge-primary {
    color: black;
    background-color: yellow;
}

.panel-danger > .panel-heading {
    background-color: #c10016;
    color: white;
}

.badge-danger {
    background-color: red;
    color: white;
}

.badge-error {
    background-color: #F29208;
    color: black;
}


.badge-yes {
    background-color: #5cb85c;
    color: black;
}

.badge-no {
    background-color: red;
    color: white;
}

label.btn.btn-success.btn-special {
    color: black !important;
    font-weight: bold;
    background: white;
    border-color: #aaa;
}

    label.btn.btn-success.btn-special.active {
        color: white !important;
        font-weight: bold;
        background: #005CA9;
        border-color: #0f4502;
    }


label.btn.btn-danger.btn-special {
    color: black !important;
    font-weight: bold;
    background: white;
    border-color: #aaa;
}

    label.btn.btn-danger.btn-special.active {
        color: white !important;
        font-weight: bold;
        background: red;
        border-color: #aaa;
    }

.clickable {
    cursor: pointer;
}

.panel-heading span {
    font-size: 15px;
}

li > h4 {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 0;
}

.well {
    margin-bottom: 10px;
    padding: 5px;
}

.well-form {
    background-color: #e5eaf3;
    border: #005CA9 solid 2px;
}

.well-list {
    background-color: white;
    border: #005CA9 solid 2px;
}

.well-form-header {
    background-color: white;
}

.well-form .nav-pills {
    background: #005CA9;
}

    .well-form .nav-pills a {
        color: white;
    }

    .well-form .nav-pills > li.active > a,
    .well-form .nav-pills > li.active > a:hover,
    .well-form .nav-pills > li.active > a:focus {
        background-color: white;
        color: black;
        border: #005CA9 solid 1px;
        border-radius: 0;
    }

.well-form .nav > li > a:hover,
.well-form .nav > li > a:focus {
    background-color: cornflowerblue;
    border-radius: 0;
}

.modal-header {
    background-color: #AD8DBF;
    color: white;
}

.modal-footer {
    background-color: #AD8DBF;
}

.panel-primary {
    border: #AD8DBF solid 2px;
}


.panel-body {
    background-image: linear-gradient(45deg, #fff, #f0f4fc );
}

.alert-headline {
    background-color: #95beea;
    color: black;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

.alert {
    margin-bottom: 0;
}

.fa-red {
    color: red;
}

.fa-gray {
    color: gray;
}

.fa-blue {
    color: blue;
}

.fa-green {
    color: green;
}

.form-control, .form-control-static, .control-label {
    padding-top: 1px !important;
    padding-bottom: 1px;
    min-height: 20px;
    color: black;
    font-weight: bold;
    padding-left: 2px;
}

    .form-control:focus {
        background-color: #d4e3fc;
        border-color: #0c68b1;
        color: black;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(235, 215, 255, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(235, 215, 255, 0.6);
    }

.control-label {
    font-style: italic;
}

.form-horizontal .control-label {
    padding-right: 5px;
}

.uppercase {
    text-transform: uppercase;
}

.question_headline {
    font-style: italic;
    font-weight: bold;
}

.ui-datepicker {
    z-index: 9999 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

    .ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
        color: black;
    }

.questionnaire-freeform {
    height: 100px !important;
}

.h3, h3 {
    margin-top: 0 !important;
}

.Report_Klasse {
    font-weight: bold;
}

.Report_Algol {
    font-weight: bold;
    color: #155397;
}

.Report_KO {
    background-color: #ccc;
}

.input_small {
    display: inline;
    padding: 5px;
    width: 60px;
}

.k-textbox {
    width: 100%;
}

.card-title span.badge {
    background-color: orange;
    color: black;
}

.card-footer {
    padding-left: 10px;
}

.card-body {
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.03);
}

.card-text {
    padding: 10px;
}


.card-main {
    padding: 5px;
    margin-bottom: 5px;
}

.card-incard {
    padding: 5px;
}

.card-pager {
    padding: 15px;
    background-color: #eee;
    margin-bottom: 5px;
}

.card-action {
    padding: 5px;
    background-color: #b2b2b2
}


.card-title {
    background-color: #acd8fc;
    padding: 10px;
    margin-bottom: 0;
}


@media (min-width: 576px) {
    .card-deck {
        margin-top: 5px;
        margin-right: -10px;
        margin-left: -10px;
    }
}

[data-toggle="collapse"] .fa:before {
    content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f13a";
}

#headingNews {
    background-color: lightgrey;
}

#headingOne {
    background-color: rgb(51, 122, 183);
}

#headingThree {
    background-color: #c6af52
}

#headingFour {
    background-color: red;
}

#headingFive {
    background-color: #c6af52
}

#headingSix {
    background-color: darkseagreen;
}

#headingSeven {
    background-color: red;
}

.btn-link {
    color: black;
}