@charset "UTF-8";
/* custom
––––––––––––––––––––––––––––––––––––––––––––––––––
* INSTRUCTION: This CSS File must Always be the 16th CSS in your html page header section.
* DO NOT ALTER THE POSITION OF THIS FILE ON PAGE AS IT MAY CAUSE CSS TO FAIL.
*/



/* Logout
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.button-logout {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-top: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 0.2rem;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  background-color: #cecece;
  color: #000000; 
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer; }


/* Fixed Navigation
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.title-container {
  top: 0; 
  width: 100%;
  background: #00007e;
  z-index: 99;
}

.title-top {
  display: table;
  width: 100%;
  background: #00007e;
  color: white;
}

.title-top-left {
   display: table-cell;
   width: 60%;
   text-align: left;
   -webkit-align-items: left;
   align-items: left; }

.title-top-right {
   display: table-cell;
   width: 40%;
   text-align: right;
   -webkit-align-items: right;
   align-items: right; } 


.title-bar {
  background: #cecece;
}

.top-bar {
  background: #cecece;
}

.top-bar-tight-right {
  background: #cecece;
}

.dropdown.menu {
  background: #cecece;
}

/* Fixed Flash of Unformatted Content
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}



/* Fixed Icon
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.user-icon {
   width: 3rem;
   height: 3rem;
   object-fit: cover;
   border-radius: 50%;
}


/* Shaded Box
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.shade-box {
    border: 1px solid #666666;
    border-radius: 10px;
    padding: 10px; 
    -moz-box-shadow:    3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:         3px 3px 5px 6px #ccc;
}


/* Shaded Box
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.shade-box {
    border: 1px solid #666666;
    border-radius: 10px;
    padding: 10px; 
    -moz-box-shadow:    3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:         3px 3px 5px 6px #ccc;
}

/* Bold List Items
––––––––––––––––––––––––––––––––––––––––––––––––––
*/

.list-space li:not(:last-child) { 
   margin-bottom: 15px;  
}
.list-bold li::marker {
  font-weight: 700;
}