html, body {
    scroll-behavior: smooth;
}

body {
    /*background-color: skyblue;*/
}


.btn-danger {
    background-color:#DB002F;
}

.btn-primary {
    background:#296a51;
    border-color: #296a51;
}
.btn-primary:hover {
    background:rgba(41,106,81,0.8);
    border-color: #296a51;
}
.nav-link {
    color: #296a51;
    text-transform: uppercase;
    font-weight: 600;
}

.nav-link:hover {
    color: #DB002F;
}

a {
    color: #296a51;
    text-decoration: none;
}

a:hover {
    color:#db002F;
}

a:hover img {
    opacity:0.6;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: #296a51;
}

i {
    margin-right: 5px;
}

.top-header {
    background: #296a51;
    color: #fff;
    padding: 10px 0;
}
.top-header a {
    text-decoration: none;
    color: #fff;
}
.top-header a:hover {
    opacity:0.6;
}

nav{
    border-bottom: 1px solid #e2e2e2;
}

.top-contact {
    display:flex;
    flex-direction: row;
    column-gap: 20px;
}


span.navbar-divider {
    display: block;
    background: #006742;
    width: 100%;
    height: 1px;
    margin: 5px 0;
}

.headerlogo {
    max-width:200px;
}

/*** Home ***/

#document-selection {
    display: grid;
    justify-content: center;
    align-items: stretch;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 20px;
}

#document-type-choice .card {
    border: 1px solid #296a51;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    height:100%;
}

#document-type-choice .card:hover {
    background: #296a51;
    color: #fff;
}
#document-type-choice .card-body {
    text-align:center;
}


/*** List ***/

.table-responsive ul {
    /*list-style-type: none;*/
}

.table-dark th {
    background: #296a51;
}

table th button.btn-link {
    padding:0;
    text-align:left;
    font-weight:bold;
    display:inline;
    color:#fff;
}
table th button.btn-link:hover {
    opacity:0.6;
    color:#fff;
}
.table-responsive td {
    font-size: 0.9em;
    line-height:1.1;
}
.table-responsive ul li {
    font-size: 0.875em;
    margin-bottom:5px;
    /*line-height: 1;*/
}
.table-responsive td.actions {
    font-size: 1em;
}
.table-responsive td.actions a.col {
    align-self: center;
}
/*.table-responsive td i {*/
/*    font-size: 1em;*/
/*}*/
.table-responsive td .btn {
    padding: 0;
    /*color: #18bc9c;*/
    color: #296a51;
    /*font-size: 1em;*/
}
.table-responsive td.actions a.col:hover,
.table-responsive td .btn:hover {
    cursor:pointer;
    color: #000;
}

    /** Pagination ***/

.page-link {
    background:rgba(41,106,81,0.6);
}
.page-link:focus {
    z-index: 1;
    color: #fff;
    box-shadow: none;
    /*background: #18bc9c;*/
    background: #296a51;
}
.page-link:hover,
.active>.page-link,
.page-link.active {
    background: #296a51;
}
.disabled>.page-link, .page-link.disabled {
    background:rgba(41,106,81,0.4);
}
/*** Footer ***/

.footer p,
.footer h3 {
    color: #fff;
}
.bottom-footer {
    background: #296a51;
    color: #fff;
    /*padding: 20px 0 10px 0;*/
}
.footer img {
    max-width:140px;
}

.footer a {
    color: #fff;
}

.footer a:hover {
    color:#fff;
    text-decoration:underline;
}

.copyright {
    background: #DB002F;
    color: #fff;
}


/*** RESPONSIVE ***/

@media(max-width:1200px) {

    .container {
        width: 100%;
        max-width: 100%;
    }

    #document-selection {
        justify-content: center;
        align-items: stretch;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}
@media(max-width:992px){

    .table-responsive thead {
        display:none;
    }
    .table-responsive tr {
        display: flex;
        flex-direction: column;
    }
    .table-responsive td {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .table-responsive .actions a.col,
    .table-responsive .actions form{
        text-align: center;
    }


}

@media(max-width:768px){
    .top-header a {
        font-size: 0.875em;
    }
}

@media(max-width:480px){
    .top-contact {
        flex-direction: column;
    }
    #document-selection {
        grid-template-columns: repeat(2, 1fr);
    }
}