@import url('https://fonts.googleapis.com/css?display=swap&family=Lato:400,400i,700,700i');

:root {
    --primary: #3c3c3c;
    --priRGB: 60, 60, 60; /* This is the above line converted to RGB */
    --secondary: #00aaeb;
    --link: #000;
    --font: #FFF;
    --fontfamily: 'Lato', sans-serif;
}

.content-wrapper {
    background-color: transparent !important;
}

#Register_ button, #InCommunity button, .alert-warning {
    background-color: #00aaeb !important;
    color: #3c3c3c !important;
    border: 1px solid #000;
}

.btn-default {
    background-color: #00aaeb !important;
    color: #3c3c3c;
    border: 1px solid var(--secondary) !important;
}

.btn-default:hover {
	background-color: #3c3c3c !important;
	border: 1px solid #000 !important;
	color: #FFF;
}

.navbar-nav > li.active > a, .navbar-nav > li:hover > a, .navbar-nav > li.open > a  {
	background-color: #00aaeb !important;
	color: #000 !important;
}

body {
    background-color: rgba(var(--priRGB), 0.35);
}