﻿.narrow-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.form-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0px; }
  .form-group .form-section,
  .form-group .form-error-section,
  .form-group .form-end {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 10px; }
    @media (max-width: 500px) {
      .form-group .form-section,
      .form-group .form-error-section,
      .form-group .form-end {
        flex-direction: column; } }
    .form-group .form-section .RHS,
    .form-group .form-error-section .RHS,
    .form-group .form-end .RHS {
      flex-direction: column; }
      @media (max-width: 1200px) {
        .form-group .form-section .RHS,
        .form-group .form-error-section .RHS,
        .form-group .form-end .RHS {
          width: 70%; } }
      @media (max-width: 768px) {
        .form-group .form-section .RHS,
        .form-group .form-error-section .RHS,
        .form-group .form-end .RHS {
          width: 100%; } }
  .form-group .form-error-section {
    justify-content: flex-end; }
    .form-group .form-error-section .error-panel {
      width: 66%; }
      @media (max-width: 1200px) {
        .form-group .form-error-section .error-panel {
          width: 65%; } }
      @media (max-width: 768px) {
        .form-group .form-error-section .error-panel {
          width: 100%; } }
      .form-group .form-error-section .error-panel h4 {
        font-size: 1rem; }
  .form-group input, .form-group select, .form-group textarea {
    width: 66%; }
  .form-group .form-end {
    padding-bottom: 1.5rem; }
    .form-group .form-end input, .form-group .form-end button[type="submit"], .form-group .form-end select {
      width: 66%; }
    .form-group .form-end .LHS {
      padding-right: 0px; }
    .form-group .form-end .RHS button[type="submit"] {
      background-color: #EF8242;
      border: none; }
  .form-group button[type="submit"] {
    background-color: #EF8242;
    border: none; }
  .form-group button[type="submit"].btn-success {
    background-color: #28a745;
    border-color: #28a745; }
  .form-group .LHS {
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 10px;
    text-align: right; }
    @media (max-width: 500px) {
      .form-group .LHS {
        justify-content: flex-start;
        padding-right: 0px;
        padding-bottom: 5px; } }
  .form-group .RHS {
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .form-group .RHS input {
      background-color: #fff;
      border: 1px solid #ced4da;
      color: #495057; }
    .form-group .RHS input[type="checkbox"] {
      background: none; }
  @media (max-width: 500px) {
    .form-group .LHS, .form-group .RHS {
      width: 100%;
      align-items: flex-start; }
      .form-group .LHS input, .form-group .LHS select, .form-group .LHS button[type="submit"], .form-group .RHS input, .form-group .RHS select, .form-group .RHS button[type="submit"] {
        width: 100%; } }
  @media (max-width: 500px) {
    .form-group {
      width: 100%; } }

input[type="checkbox"] {
  width: 25px; }

.control-label {
  font-weight: bold;
  margin-bottom: 0px; }

.error-panel {
  background-color: #FAEBE6;
  color: red;
  border: 1px solid red;
  border-radius: 2px;
  margin: 15px 0px;
  padding: 5px; }

.non-authorised-anchor {
  font-weight: bold;
  color: #51b948; }

#user-search-panel {
  display: flex;
  width: 100%; }
  #user-search-panel .form-section {
    width: 50%; }

@media (max-width: 500px) {
  .btn {
    font-weight: 700;
    font-size: 1.3rem;
    padding: 0.875rem 0.75rem; } }

.form-bottom {
  display: flex;
  flex-direction: column; }
  .form-bottom .form-nav {
    margin-bottom: 10px;
    display: flex; }
    .form-bottom .form-nav #btnNext {
      margin-left: auto; }
    @media (max-width: 768px) {
      .form-bottom .form-nav #btnNext, .form-bottom .form-nav #btnBack {
        font-weight: 500;
        font-size: 0.9rem;
        padding: 0.375rem 0.75rem; } }
    @media (max-width: 500px) {
      .form-bottom .form-nav #btnNext, .form-bottom .form-nav #btnBack {
        width: 100px;
        font-weight: 700;
        font-size: 1.1rem;
        padding: 0.575rem 0.75rem; } }
  .form-bottom .form-action {
    display: flex;
    justify-content: flex-end; }
    @media (max-width: 768px) {
      .form-bottom .form-action .btn {
        font-weight: 500;
        font-size: 1.1rem;
        padding: 0.675rem 0.75rem; } }
    @media (max-width: 500px) {
      .form-bottom .form-action .btn {
        width: 100%;
        font-weight: 700;
        font-size: 1.3rem;
        padding: 0.875rem 0.75rem; } }

.register.panel form, .register.panel blockquote {
  width: 100%; }

@media (max-width: 1200px) {
  .register.panel .form-group .form-section, .register.panel .form-group .form-end {
    width: 100%; }
    .register.panel .form-group .form-section .LHS, .register.panel .form-group .form-end .LHS {
      width: 30%; }
    .register.panel .form-group .form-section .RHS, .register.panel .form-group .form-end .RHS {
      width: 70%; }
  .register.panel input, .register.panel button[type="submit"], .register.panel select {
    width: 65%; } }

@media (max-width: 990px) {
  .register.panel {
    width: 90%; }
    .register.panel .form-section, .register.panel .form-end {
      width: 90%; }
    .register.panel input, .register.panel button[type="submit"], .register.panel select {
      width: 65%; } }

@media (max-width: 768px) {
  .register.panel .form-group .form-section {
    flex-direction: column;
    align-items: flex-start; }
    .register.panel .form-group .form-section .LHS, .register.panel .form-group .form-section .RHS {
      width: 100%; }
    .register.panel .form-group .form-section .LHS {
      justify-content: flex-start;
      padding-right: 0px;
      padding-bottom: 5px; }
  .register.panel .form-group .form-end {
    flex-direction: column;
    align-items: flex-start; }
    .register.panel .form-group .form-end .RHS {
      width: 100%; }
  .register.panel input, .register.panel button[type="submit"], .register.panel select {
    width: 100%; } }

.register.panel .form-end {
  width: 100%; }

@media (max-width: 500px) {
  .register.panel {
    width: 100%; }
    .register.panel input, .register.panel button[type="submit"], .register.panel select {
      width: 100%; } }

.form-start {
  width: 100%; }

.form-search {
  display: flex;
  width: 100%; }
  .form-search .search-fields {
    display: flex;
    flex-direction: column;
    width: 70%; }
    .form-search .search-fields .search-group {
      display: flex;
      width: 100%;
      padding-bottom: 15px; }
      @media (max-width: 990px) {
        .form-search .search-fields .search-group {
          flex-direction: column;
          align-items: center; } }
      .form-search .search-fields .search-group .search-section {
        display: flex;
        padding-right: 20px;
        width: 50%;
        justify-content: flex-end; }
        @media (max-width: 990px) {
          .form-search .search-fields .search-group .search-section {
            width: 100%; }
            .form-search .search-fields .search-group .search-section:first-child {
              padding-bottom: 15px; } }
        .form-search .search-fields .search-group .search-section .LHS {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          width: 50%; }
          .form-search .search-fields .search-group .search-section .LHS label {
            margin-bottom: 0px;
            padding-right: 10px; }
        .form-search .search-fields .search-group .search-section .RHS {
          display: flex;
          align-items: center;
          width: 50%; }
          .form-search .search-fields .search-group .search-section .RHS .text-box.single-line {
            width: 100%; }
          .form-search .search-fields .search-group .search-section .RHS #Archived {
            height: 30px; }
    .form-search .search-fields .search-section {
      display: flex;
      padding-right: 20px;
      width: 50%;
      justify-content: flex-end; }
      .form-search .search-fields .search-section .LHS {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 40%; }
        .form-search .search-fields .search-section .LHS label {
          margin-bottom: 0px;
          padding-right: 10px; }
      .form-search .search-fields .search-section .RHS {
        display: flex;
        align-items: center;
        width: 60%; }
        .form-search .search-fields .search-section .RHS .text-box.single-line {
          width: 100%; }
        .form-search .search-fields .search-section .RHS #Archived {
          height: 30px; }

.user-search .search-fields {
  flex-direction: row;
  padding: 15px 0px; }

.submission-search,
.search-awards {
  width: 100%; }
  .submission-search .form-search,
  .search-awards .form-search {
    flex-direction: column; }
    .submission-search .form-search .search-fields,
    .search-awards .form-search .search-fields {
      width: 100%; }
      .submission-search .form-search .search-fields .search-section .LHS,
      .search-awards .form-search .search-fields .search-section .LHS {
        width: 40%; }
      .submission-search .form-search .search-fields .search-section .RHS,
      .search-awards .form-search .search-fields .search-section .RHS {
        width: 60%; }
    .submission-search .form-search .search-control,
    .search-awards .form-search .search-control {
      width: 100%; }
  .submission-search .search-group,
  .search-awards .search-group {
    flex-direction: row;
    padding: 10px 0px; }

.search-control {
  width: 30%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 15px; }
  .search-control .btn {
    background-color: #EF8242;
    border-color: #EF8242; }

.edit-award .form-group .LHS {
  flex-direction: column; }
  .edit-award .form-group .LHS .info-link {
    color: #EF8242; }

.award-container * {
  cursor: pointer; }

.award-container {
  background: #e9ecef;
  border-radius: .3rem;
  border: 1px solid #eee;
  background: #F7F7F7;
  margin-bottom: 25px;
  transition: 0.2s all;
  padding-bottom: 0; }

.Selected .award-container {
  background: #51b948; }

.award-container label {
  margin: 0;
  padding: 20px; }

.award-container img {
  margin-bottom: 5px; }

.award-container *:not(img) {
  font-size: 1em;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  background: #eee;
  padding: 10px 15px;
  color: #222; }

.Selected .award-container *:not(img) {
  background: #f7f7f7; }

.award-container:hover {
  background: white; }

.Selected {
  background: none; }

.Selected .award-container {
  background: #28a745; }

.award-container * {
  font-weight: normal; }
