:root {
    --c_jlr_green:        #004822;
    
    --c_grey_1:           #343434;
    --c_grey_2:           #4C4C4C;
    --c_grey_3:           #666666;
    --c_grey_3_dark:      #585858;
    --c_grey_4:           #8A8A8A;
    --c_grey_5:           #C1C1C1;
    --c_grey_5_dark:      #A8A8A8;
    --c_grey_6:           #EEEEEE;
    --c_leaf_blue_accent: #0076A8;
}

/* Jumbotron */
.jumbotron {
    background-color: #FFFFFF;
    /*padding: 0em;*/
}

.jumbotron h1 {
    color: #FFFFFF;
    font-weight: 600;
}

h3.display-3 {
    color: #000000;
}

h3.display-5 {
    /*color: #343434;*/
}

.jumbotron h2 {
    color: #000;
    font-weight: 600;
}

/* alert.warning is used for the initial instructions */
.alert-warning {
    background-color: #666666;
    color: #FFFFFF;
    border-color: #C1C1C1;
}

/* alert.info is used for the release notes */
.alert-info {
    background-color: #EEEEEE;
    color: #343434;
    border-color: #C1C1C1;
}

/* nav bar start */

  .navbar {padding-top:0px !important; padding-bottom:0px !important;}
  .navbar {min-height:40px !important}

  .bg-jlr-grey {
      background-color: #EEEEEE;
  }
  
  .navbar-dark .navbar-brand {
    color: #fff;
  }

  .navbar .navbar-nav .nav-link {
    font-size: 14px;
    color: #343434 !important;
  }

  .navbar .navbar-nav .nav-link:hover {
    text-decoration: underline;
  }
  
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff;
  }
  
  .navbar-dark .navbar-nav .nav-link {
    color: #fff;
  }
  
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #fff;
    background-color: #A8A8A8;
  }
  
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: #fff;
  }
  
  .navbar-dark .navbar-nav .show > .nav-link,
  .navbar-dark .navbar-nav .active > .nav-link,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
  }
  
  .navbar-dark .navbar-toggler {
    color: #fff;
    border-color: #fff;
  }
  
  .navbar-dark .navbar-text {
    color: #FFFFFF;
  }
/* navbar end */

.lang-menu {
    background-color: #EEEEEE;
    border: #EEEEEE;
    font-size: 14px;
}

.lang-menu > a:hover {
    background-color: #EEEEEE;
    text-decoration: underline;
}

/* now for all the buttons */
.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none !important;
 }

/* btn-primary */
 .btn-primary {
     background-color: #004822;
     color: #fff;
     border-color: #004822;
 }
 
 .btn-primary:hover {
     background-color: #004822;
     color: #fff;
     border-color: #004822;
 }
 
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
 .show > .btn-primary.dropdown-toggle {
     background-color: #004822;
     color: #fff;
     border-color: #004822;
 }
 
 .btn-outline-primary {
     background-color: #004822;
     color: #fff;
     border-color: #004822;
 }
 
 .btn-outline-primary:hover {
     background-color: #004822;
     color: #fff;
     border-color: #004822;
 }
 
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
     background-color: #004822;
     color: #fff;
     border-color: #004822;
 }
  
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
 .show > .btn-outline-primary.dropdown-toggle {
     background-color: #004822;
     color: #fff;
     border-color: #004822;
 }

/* btn-secondary */
.btn-secondary {
    /*background-color: #004822;
    color: #fff;
    border-color: #004822;*/
}

.btn-secondary:hover {
    /*background-color: #004822;
    color: #fff;
    border-color: #004822;*/
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    /*background-color: #585858;
    color: #fff;
    border-color: #585858;*/
}

.btn-outline-secondary {
    /*background-color: #666666;
    color: #fff;
    border-color: #666666;*/
}

.btn-outline-secondary:hover {
    /*background-color: #585858;
    color: #fff;
    border-color: #585858;*/
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    /*background-color: #C1C1C1;
    color: #fff;
    border-color: #C1C1C1;*/
}
 
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    /*background-color: #585858;
    color: #fff;
    border-color: #585858;*/
}
/* button end */

.card-header {
    background-color: #004822;
    color: #fff;
}

.card {
    border-color: #004822;
    margin-bottom: 1rem;
}

.card-body {
    border-color: #004822;
}

.form-control {
    /*border-color: #C1C1C1;
    outline: none !important;
    box-shadow: none !important;*/
}

.form-control:focus {
    /*border-color: #A8A8A8;*/
}

.alert-danger {
    color: #004822;
    /*background-color: #EEEEEE;*/
}

.bg-primary {
    background-color: #004822!important;
}

.badge-primary {
    background-color: #004822;
}

.border-primary {
    border-color: #004822!important;
}

.bg-footer {
    background-color: #000 !important;
}

footer a {
    /*color: #C1C1C1;*/
}

footer a:hover {
    /*color: #C1C1C1;*/
    text-decoration: underline;
}

a {
    /*color: #666666;*/
}

a:hover {
    /*color: #343434;*/
}

body {
    padding-top: 40px;
}
div * {
    border-radius: 0!important;
}