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

:root {
    --primary: #0698d6;
    --priRGB: 218, 218, 218; /* This is the above line converted to RGB */
    --secondary: #83bb26;
    --link: #000;
    --font: #FFF;
    --fontfamily: Arial;
}

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

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

.btn-default {
    background-color: #0698d6 !important;
    color: #fff;
    border: 1px solid #0479ab !important;
}

.btn-default:hover {
	background-color: #0479ab !important;
    border: 1px solid #0479ab !important;
	color: #fff;
}

.navbar-nav > li.active > a, .navbar-nav > li:hover > a, .navbar-nav > li.open > a  {
	background-color: #FFF !important;
	color: #0698d6 !important;
}

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

.btn-placeholder {
    background-color: #E1a400 !important;
    color: #ffffff !important;
}

.btn-placeholder-complete {
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    color: #fff;
}

.btn-placeholder-complete:hover {
    background-color: #449d44 !important;
    border: 1px solid #398439 !important;
    color: #fff;
}