/* .container { */
/*     margin-top: 4.5em; */
/*     margin-left: calc(50% - 350px); */
/*     width: 700px; */
/*     margin-bottom: 2em; */
/* } */

html,
body{
  height: 100%; /*Needed to fix Select2 close on lose focus*/
}


.footer {
    text-align:center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    /*padding-left: calc(50% - 250px);*/
    height: 2em;
    vertical-align: bottom;
    background-color: white;
    box-shadow: 0px 1px 3px 6px RGBA(0,0,0,0.2);
}

#main-navbar {
    background-color: #004400 !important;
}

#main-navbar .nav-link {
    color: RGBA(255,255,255, 0.7);    
}

#main-navbar .nav-link:hover {
    color: RGBA(255,255,255, 0.9);    
    /*font-weight: 600;*/
    text-shadow: 0 0 1px RGBA(255,255,255, 0.7); 
}

.contents {
    width: 60%;
}

#dates dd {
    margin-bottom: 0.1rem;
}

#rules-iframe {
    background-image: url("/images/Spinner-Loading.gif");
    background-size: contain;
    background-repeat: no-repeat;
}

.select2-results__option {
    font-size: 85% !important;
}

.select2-container--bootstrap .select2-selection--single {
  height: 38px !important;
  padding: 8px 24px 6px 12px !important;
}

.banner {
    background-image: url("/images/banner.jpg");
    background-size: contain;
    background-repeat: no-repeat;
}

.background {
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    z-index: -1;
    display:none;
}

.content {
    background-color: RGBA(255,255,255, 1);
    height: 100%;
}

.note-toolbar {
    z-index: auto !important;
}

.subtext {
    /* color: #606060; */
    opacity: 60%;
    font-size: 80%;
}

dl.inline dd {
  display: inline;
  margin: 0;
  margin-left: 10px;
}
dl.inline dd:after{
  display: block;
  content: '';
}
dl.inline dt{
  display: inline-block;
}

.pel.collapsed .pel-section {
    display:none;
}
.pel.collapsed:hover {
    background-color: #00FF0022;
    cursor: pointer;
}
.pel h3, .pel dl {
    cursor: pointer;
}
.pel {
  border-radius: 0.5rem;
  border: 1px solid RGBA(0,0,0,0.25);
  padding: 0.25rem;
  margin-bottom: 0.5rem;
}

.pel-section {
    margin-left:10px;
    border-top: 1px solid #00000033;
}

.pel-section .section-text {
    margin-left: 10px;
}
.hidden {
    display: none !important;
}
.select2-results__option[aria-selected=true] {
    display: none;
}

.expand-collapse .btn {
    font-weight: bold;
    vertical-align: bottom;
}
.bold {
    font-weight: bold;
}
.error {
    background-color: RGBA(255,0,0,0.2);
    width: auto;
    color: red;   
}
.spacer {
    height: 1em;
}

.pel-section-input.required h4::after {
    content: "Required";    
    opacity: 70%;
    font-size: 70%;
    margin-left: 5px;
    color: red;
}

.review {
    margin-left: 10px;
}

.review.missing {
    border: 1px dashed red;
}


@media (min-width: 576px) {
    .position-sm-static {
      position: static !important;
    }
    .position-sm-relative {
      position: relative !important;
    }
    .position-sm-absolute {
      position: absolute !important;
    }
    .position-sm-fixed {
      position: fixed !important;
    }
    .position-sm-sticky {
      position: sticky !important;
    }
  }
  
  @media (min-width: 768px) {
    .position-md-static {
      position: static !important;
    }
    .position-md-relative {
      position: relative !important;
    }
    .position-md-absolute {
      position: absolute !important;
    }
    .position-md-fixed {
      position: fixed !important;
    }
    .position-md-sticky {
      position: sticky !important;
    }
  }
  
  @media (min-width: 992px) {
    .position-lg-static {
      position: static !important;
    }
    .position-lg-relative {
      position: relative !important;
    }
    .position-lg-absolute {
      position: absolute !important;
    }
    .position-lg-fixed {
      position: fixed !important;
    }
    .position-lg-sticky {
      position: sticky !important;
    }
  }
  
  @media (min-width: 1200px) {
    .position-xl-static {
      position: static !important;
    }
    .position-xl-relative {
      position: relative !important;
    }
    .position-xl-absolute {
      position: absolute !important;
    }
    .position-xl-fixed {
      position: fixed !important;
    }
    .position-xl-sticky {
      position: sticky !important;
    }
  }