/* 
Colours for translate science seem to be mostly the material design colours but if they get modified in the future this file can do that
*/

/*
.w3-orange {color:#ff9800 !important;background-color:#ff9800!important}
.w3-teal {color:#009688 !important;background-color:#009688 !important}
.w3-cyan {color:#00bcd4 !important;background-color:#00bcd4 !important}
.w3-purple {color:#9c27b0 !important;background-color:#9c27b0 !important}
.w3-deep-purple {color:#673ab7 !important;background-color:#673ab7 !important}
.w3-red {color:#f44336 !important;background-color:#f44336 !important}
.w3-light-green {color:#8bc34a !important;background-color:#8bc34a !important}
.w3-gray {color:#9e9e9e !important;background-color:#9e9e9e !important}
.w3-blue {color:#2196f3 !important;background-color:#2196f3 !important}
*/
.w3-green {color:#4caf50 !important;background-color:#4caf50 !important}
.w3-amber {color:#ffc107 !important;background-color:#ffc107 !important}

/*
Colours for the page
*/

.outline-navy {background-color:#b9c4ce}
.outline-navy-opt1 {background-color:#8A9DAD}
.outline-navy-opt2 {background-color:#d5dce2}
/*.outline-navy {background-color:#607d8b} previous-low-contrast-colour*/

.page-gray {background-color:#e0e0e1}
.page-gray-opt1 {background-color:#b1b2b5}
.page-gray-opt2 {background-color:#9E9E9E}

/* Add an active class to highlight the current page */
.topnav a.active {
    background-color: #8A9DAD;
    color: black;
}
.topnav a.active-alt1 {
    background-color: #4F6D72;
    color: white;
}

/* Change the color of links on hover */
a:hover {
    background-color: #FFC107;
    color: black;