/** FONTS **/
* {
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
}

.pointer{
    cursor: pointer;
}

/** COLORS **/

a {
    color:#2c715c;
}

a:hover {
    color:#1f4b3c;
    text-decoration:underline;
}

.text-default {
    color:#2c715c;
}

.bg-default {
    background-color:#2c715c;
}

.bg-default-dark {
    background-color:#1f4b3c;
}

.bg-default-light {
    background-color:#3b8c71;
}

.bg-box {
    background:#eee;
}

.bg-black {
    background:#202020;
}

.bg-header{
    background-color:#1f4b3c;
}

.border-default {
    border-color:#2c715c;
}

.btn-default{
    background-color:#2c715c;
}

.btn-default:hover {
    background-color:#3b8c71 !important;
}

.btn-alternate {
    background-color:#355675;
}

.btn-alternate:hover {
    background-color: #44719c !important;
}

.btn-outline-default {
    border:1px solid #ffffff;
    background:#222222;
    color:#ffffff;
}

.btn-outline-default:hover {
    background-color:#ffffff;
    color:#2c715c;
}

.text-shadow {
    text-shadow: 1px 2px 3px rgba(0,0,0,0.4);
}

/** FORMS **/

.form-control,
.custom-select,
.custom-file-label,
.custom-checkbox,
.btn {
    outline:none !important;
    box-shadow:none !important;
}

::placeholder {
  color: #bbbbbb !important;
}

/** NAVBAR **/
.navbar {
    background-color:#202020;
}

.navbar .dropdown-menu {
    background:#262626;
}

.navbar a {
    color:#ffffff;
}

.navbar li {
    padding:3px 5px;
}

.navbar .nav-link:hover, .navbar .dropdown-menu li:hover {
    background:#2c715c;
}

.navbar .nav-link:hover {
    border-radius:5px;
}

.navbar .navbar-toggler {
    color: #ffffff;
    background-color:#2c715c;
    font-size:16px;
}

.navbar .navbar-toggler:hover {
    background-color:#1f4b3c;
}

/** NAVBAR LIGHT **/
.navbar-light {
    background-color:#ededed;
}

.navbar-light .dropdown-menu {
    background:#dddddd;
}

.navbar-light a {
    color:#414142 !important;
}

.navbar-light .bg-default a {
    color:#ffffff !important;
}

.navbar-light .nav-link:hover, .navbar .dropdown-menu li:hover {
    background:#414142;
    color:#ffffff !important;
}

.navbar-light .navbar-toggler {
    color: #ffffff;
    background-color:#414142;
}

.navbar-light .navbar-toggler:hover {
    background-color:#414142;
}