:root {
    /*Highlights*/
    --main-orange: #F58220;
    --light-orange: #FFA556;
    --main-red: #EF4123;
    --main-yellow: #FFCE04;
    /*Backgrounds*/
    --off-white: #E7E6EB;
    --dark-grey: #485865;
    /*Text*/
    --light-text: #D2D2D5;
    --main-text: #B3B3B3;
    --dark-text: #666666;
}


.navbar {
    background-color: var(--off-white);
}

.boxed-menu .main-nav.navbar a.nav-link {
    color: var(--dark-text);
}

/* Colourise the unopened documents */

#document-archive table strong {
    color: var(--main-orange);
}

.recent-documents strong {
    color: var(--main-orange);
}

/* Format Bootstrap-Select */

.bootstrap-select .dropdown-menu li.selected {
    background-color: var(--light-orange);
}

.bootstrap-select .dropdown-header .text {
    text-transform: uppercase;
    font-weight: bolder;
    color: #212529;
}

.btn-primary {
    background: var(--main-orange);
    border-color: var(--light-orange) !important;
}

.btn-primary:hover {
    background: var(--light-orange) !important;
    border-color: var(--main-orange) !important;
}

a:hover{
    color: var(--light-orange);
}

 .paginate_button.active a{
    background-color: var(--main-orange) !important;
    border-color: var(--main-red) !important;
}
.paginate_button:hover a {
    background-color: var(--light-orange) !important;
    border-color: var(--main-orange) !important;
}

.burger-menu{
    background:var(--main-orange) !important;
}

a.nav-link::before{
    border-bottom: 2px solid var(--main-orange) !important;
    background-color: var(--main-orange) !important;
}

a:focus{
    color: var(--light-orange);
}

::selection{
    background-color: var(--light-orange);
}