/*
CSS file for Document Organiser
Ver 3.8.5 -  Jan 2022
*/
  :root {
    --headerFont: #f2c524 ;
    --grey: #858585 ;
    --lightGrey: #e6e6e6 ;
    --backgroundColour: #e6e6e6 ;/* #e6ffe6 */
    --brightGreen: #009933 ;
    --darkGreen: #003300 ;
    --black: #000000 ;
  }

  .container {
    padding: 80px 80px;
  }

  .navbar {
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
    border: 0;
    font-size: 14px ;
    letter-spacing: 1px;
    color: #fff;
  }
  .navbar-inverse {
    background-color:#777;
    !border-color:#bbb;
  }
  .navbar-inverse .navbar-nav>li>a {
    color:#fff;
  }
  .navbar-inverse .navbar-nav>li>a:focus,
  .navbar-inverse .navbar-nav>li>a:hover {
    color:#fff;
    background-color: #666;
  }
  .navbar-left {
    font-size: 22px ;
    letter-spacing: 1px;
  }

  .dropdown-menu li a {
    color: #666;
  }
  .dropdown-menu li a:hover {
    background-color: #eee;
    color: #666;
  }

  body, html {
    font-family: Montserrat, Arial, sans-serif;
    font: 1.0em sans-serif;
    height: 100%;
    background-color: var(--backgroundColour) ;
    }
  
	strong{
    color: #003300;   /*003300*/
    font-family: Montserrat, sans-serif;
    font: 1.1em sans-serif; 
  }

 .homepageHeader {
  position: fixed;
  top: 0;
  width: 100%;
  font-family: Montserrat, sans-serif;
  text-align: center;
  background-color: #777;
  /* background: rgb(0, 0, 0); Fallback color */
  /* background: rgba(0, 0, 0, 0.7); Black background with 0.5 opacity */
  color: white;
  padding: 20px;
  }
 
 .centrebox {
  position: fixed;
  text-align: center;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Montserrat, sans-serif;
  background: rgba(0, 0, 0, 0.7); /* Black background with opacity */
  color: white; 
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  }

  .cookienotice {
    font-family: Montserrat, sans-serif;
    font: 10px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #009933;
    color: white;
    text-align: center;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }

  h9{ font: 18px sans-serif; color: #003300;}

  .bg {
    height: 100%;  /* Full height */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

input.largercheckbox {
        width: 18px;
        height: 18px;
  }
      
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 5px;
  z-index: 99;
  font-size: 14px;
  border: none;
  outline: none;
  color:#000;
  background-color:#e6e6e6;
  border-color:#ccc;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtn:hover {
  color:#000;
  background-color:#ccc;
  border-color:#adadad
}

  .greyTextBox {
    border-radius: 10px;
    font-family: Montserrat, sans-serif;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color:   var(--headerFont);
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .homepageButtonBox {
    width: 100%; 
    text-align: center;
  }

  .homepageAboutBox {
    width: 100%;
    max-height: 60%;
    overflow: auto;
    text-align: left;
  }

  .loginLoginBox {
    width: 100%;
    text-align: left;
  }

  .loginLoginBox a{
    color: var(--lightGrey)
  }

  .loginAboutBox {
    width: 100%;
    max-height: 60%;
    overflow: auto;
    text-align: left;
  }

  .loginAboutBox a{
    color: var(--lightGrey)
  }

  .homepage {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-size: contain;
    background-color: var(--grey));
  }
  
  .homepageHeader-lg {
    font-family: "Times New Roman", serif;
    font-size:1.8em;
    height: 65px;
    text-align: left;
    color:  var(--headerFont); 
    padding: 10px;
  }

  .homepageHeader-lg a{
    color:  var(--headerFont); 
  }
  .homepageHeader-lg img{
    height: 65px;
    margin:5px;
  }
  
  .homepageHeader-sm {
    font-family: "Times New Roman", serif;
    font-size:1.0em;
    height: 40px;
    float: left;
    color:  var(--headerFont); 
    padding: 10px;
  }

  .homepageHeader-text {
    font-family: Montserrat, sans-serif;
    font-size:0.6em;
    float: right;
    color:  var(--headerFont); 
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .recentBox {
    width: 100%;
    overflow: auto;
    text-align: left;
  }

  .recentBox a{ color:#d7e6f4 ; text-decoration:none } /* (was - #afcee9) */
  .recentBox a:hover{ color: #609dd2; text-decoration:underline }
  
  .aboutbox {
    border-radius: 10px;
    position: absolute;
    top: 5%;
    left: 5%;
    max-width: 40%;
    /* transform: translate(-50%, -50%); */
    font-family: Montserrat, sans-serif;
    text-align: center;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.4); /* Black background with 0.5 opacity */
    color: white; 
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }

  .footer {
    font: 0.8em Montserrat, sans-serif;
    position: fixed;
    left: 0;
    bottom: 0;
    width:100%;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: var(--headerFont); /*white (AM)*/
    text-align: center;
  }

  .footer a{ color: #afcee9; text-decoration:none }
  .footer a:hover{ color: #609dd2; text-decoration:underline }
  
  .pageHeader img{ height: 25px; object-fit: contain; }

  .panel-body-tight{padding:5px}

  .container {
    padding: 80px 80px;
  }

  .bg-img {
    background-image: linear-gradient( var(--grey), var(--lightGrey) );
    height: 200%;
  }

.carousel-control.left{
background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
background-image:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));
background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x
}

.carousel-control.right{
right:0;
left:auto;
background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
background-image:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));
background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}

.carousel-caption{position:absolute;
right:15%;
bottom:20px;
left:15%;
z-index:10;
padding-top:20px;
padding-bottom:20px;
color:#fff;
text-align:left;
text-shadow:0 1px 2px rgba(0,0,0,.6)}

.btn-default
{color:#111;background-color:#ccc;border-color:#aaa}

.btn-default.focus,.btn-default:focus
{color:#333;background-color:#aaa;border-color:#888}

.btn-default:hover
{color:#333;background-color:#aaa;border-color:#888}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default
{color:#333;background-color:#aaa;background-image:none;border-color:#adadad}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,
.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover
{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,
.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover
{background-color:#fff;border-color:#ccc}

.btn-default .badge
{color:#fff;background-color:#333}

.btn-action
{color:#fff;background-color:#5cb85c;border-color:#4cae4c}

.btn-action.focus,.btn-action:focus
{color:#fff;background-color:#449d44;border-color:#255625}

.btn-action:hover
{color:#fff;background-color:#449d44;border-color:#398439}

.btn-action.active,.btn-action:active,.open>.dropdown-toggle.btn-action
{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}

.btn-action.active.focus,.btn-action.active:focus,.btn-action.active:hover,.btn-action:active.focus,
.btn-action:active:focus,.btn-action:active:hover,.open>.dropdown-toggle.btn-action.focus,
.open>.dropdown-toggle.btn-action:focus,.open>.dropdown-toggle.btn-action:hover
{color:#fff;background-color:#398439;border-color:#255625}

.btn-action.disabled.focus,.btn-action.disabled:focus,.btn-action.disabled:hover,
.btn-action[disabled].focus,.btn-action[disabled]:focus,.btn-action[disabled]:hover,fieldset[disabled] 
.btn-action.focus,fieldset[disabled] .btn-action:focus,fieldset[disabled] .btn-action:hover
{background-color:#5cb85c;border-color:#4cae4c}

.btn-action .badge
{color:#5cb85c;background-color:#fff}