@import '_content/Cosmos.AircraftManagement.Blazor/Cosmos.AircraftManagement.Blazor.g3aa6kmasz.bundle.scp.css';
@import '_content/Cosmos.AirportManagement.Blazor/Cosmos.AirportManagement.Blazor.wdo7by1eai.bundle.scp.css';
@import '_content/Cosmos.Common.AspNetCore.Blazor.Breadcrumb/Cosmos.Common.AspNetCore.Blazor.Breadcrumb.8nqnt72mdl.bundle.scp.css';
@import '_content/Cosmos.Common.AspNetCore.Blazor.DataGrid/Cosmos.Common.AspNetCore.Blazor.DataGrid.raje54q48t.bundle.scp.css';
@import '_content/Cosmos.Common.AspNetCore.Blazor.InputFloat/Cosmos.Common.AspNetCore.Blazor.InputFloat.tfrwc8eitz.bundle.scp.css';
@import '_content/Cosmos.Common.AspNetCore.Blazor.InputPercent/Cosmos.Common.AspNetCore.Blazor.InputPercent.pnyn5m30s3.bundle.scp.css';
@import '_content/Cosmos.Common.AspNetCore.Blazor.Map/Cosmos.Common.AspNetCore.Blazor.Map.lfp4hmt2j0.bundle.scp.css';
@import '_content/Cosmos.Common.AspNetCore.Blazor.NavBar/Cosmos.Common.AspNetCore.Blazor.NavBar.cns1qfpn7f.bundle.scp.css';
@import '_content/Cosmos.Common.AspNetCore.Blazor.TagContainer/Cosmos.Common.AspNetCore.Blazor.TagContainer.9y39ce3cgc.bundle.scp.css';
@import '_content/Cosmos.Common.AspNetCore.Blazor.TreeView/Cosmos.Common.AspNetCore.Blazor.TreeView.m1qjpo9ryn.bundle.scp.css';
@import '_content/Cosmos.Common.AspNetCore.Blazor/Cosmos.Common.AspNetCore.Blazor.153xxkc38e.bundle.scp.css';
@import '_content/Cosmos.Common.RealtimeMessaging.Blazor/Cosmos.Common.RealtimeMessaging.Blazor.rngas0bdvj.bundle.scp.css';
@import '_content/Cosmos.Weather.Blazor/Cosmos.Weather.Blazor.306u34qcui.bundle.scp.css';

/* /Pages/AboutView.razor.rz.scp.css */

.timeline[b-1eczwux6ct] {
  position: relative;
  padding: 0;
  list-style: none;
}

  .timeline[b-1eczwux6ct]:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    content: "";
    background-color: #e9ecef;
  }

  .timeline > li[b-1eczwux6ct] {
    position: relative;
    min-height: 50px;
    margin-bottom: 50px;
  }

    .timeline > li[b-1eczwux6ct]:after, .timeline > li[b-1eczwux6ct]:before {
      display: table;
      content: " ";
    }

    .timeline > li[b-1eczwux6ct]:after {
      clear: both;
    }

    .timeline > li .timeline-panel[b-1eczwux6ct] {
      position: relative;
      float: right;
      width: 100%;
      padding: 0 20px 0 100px;
      /*text-align: left;*/
      text-align: justify;
    }

      .timeline > li .timeline-panel[b-1eczwux6ct]:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0;
        text-align: justify;
      }

      .timeline > li .timeline-panel[b-1eczwux6ct]:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0;
        text-align: justify;
      }

    .timeline > li .timeline-image[b-1eczwux6ct] {
      position: absolute;
      /*z-index: 100;*/
      left: 0;
      width: 80px;
      height: 80px;
      margin-left: 0;
      text-align: center;
      /*color: white;*/
      /*border: 7px solid #e9ecef;*/
      /*border-radius: 100%;*/
      /*background-color: #fed136;*/
    }

      .timeline > li .timeline-image h4[b-1eczwux6ct] {
        font-size: 10px;
        line-height: 14px;
        margin-top: 12px;
      }

    .timeline > li.timeline-inverted > .timeline-panel[b-1eczwux6ct] {
      float: right;
      padding: 0 20px 0 100px;
      /*text-align: left;*/
      text-align: justify;
    }

      .timeline > li.timeline-inverted > .timeline-panel[b-1eczwux6ct]:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0;
        text-align: justify;
      }

      .timeline > li.timeline-inverted > .timeline-panel[b-1eczwux6ct]:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0;
        text-align: justify;
      }

    .timeline > li:last-child[b-1eczwux6ct] {
      margin-bottom: 0;
    }

  .timeline .timeline-heading h4[b-1eczwux6ct] {
    margin-top: 0;
    color: inherit;
  }

    .timeline .timeline-heading h4.subheading[b-1eczwux6ct] {
      text-transform: none;
    }

  .timeline .timeline-body > ul[b-1eczwux6ct],
  .timeline .timeline-body > p[b-1eczwux6ct] {
    margin-bottom: 0;
  }

@media (min-width: 768px) {
  .timeline[b-1eczwux6ct]:before {
    left: 50%;
  }

  .timeline > li[b-1eczwux6ct] {
    min-height: 100px;
    margin-bottom: 100px;
  }

    .timeline > li .timeline-panel[b-1eczwux6ct] {
      float: left;
      width: 41%;
      padding: 0 20px 20px 30px;
      /*text-align: right;*/
      text-align: justify;
    }

    .timeline > li .timeline-image[b-1eczwux6ct] {
      left: 50%;
      width: 100px;
      height: 100px;
      margin-left: -50px;
    }

      .timeline > li .timeline-image h4[b-1eczwux6ct] {
        font-size: 13px;
        line-height: 18px;
        margin-top: 16px;
      }

    .timeline > li.timeline-inverted > .timeline-panel[b-1eczwux6ct] {
      float: right;
      padding: 0 30px 20px 20px;
      /*text-align: left;*/
      text-align: justify;
    }
}

@media (min-width: 992px) {
  .timeline > li[b-1eczwux6ct] {
    min-height: 150px;
  }

    .timeline > li .timeline-panel[b-1eczwux6ct] {
      padding: 0 20px 20px;
    }

    .timeline > li .timeline-image[b-1eczwux6ct] {
      width: 150px;
      height: 150px;
      margin-left: -75px;
    }

      .timeline > li .timeline-image h4[b-1eczwux6ct] {
        font-size: 18px;
        line-height: 26px;
        margin-top: 30px;
      }

    .timeline > li.timeline-inverted > .timeline-panel[b-1eczwux6ct] {
      padding: 0 20px 20px;
      text-align: justify;
    }
}

@media (min-width: 1200px) {
  .timeline > li[b-1eczwux6ct] {
    min-height: 170px;
  }

    .timeline > li .timeline-panel[b-1eczwux6ct] {
      /*padding: 0 20px 20px 100px;*/
      padding: 0 20px 20px 0;
    }

    .timeline > li .timeline-image[b-1eczwux6ct] {
      width: 170px;
      height: 170px;
      margin-left: -85px;
    }

      .timeline > li .timeline-image h4[b-1eczwux6ct] {
        margin-top: 40px;
      }

    .timeline > li.timeline-inverted > .timeline-panel[b-1eczwux6ct] {
      /*padding: 0 100px 20px 20px;*/
      padding: 0 0 20px 20px;
    }
}



.team-member[b-1eczwux6ct] {
  margin-bottom: 3rem;
  text-align: center;
}

  .team-member img[b-1eczwux6ct] {
    width: 14rem;
    height: 14rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
  }

  .team-member h4[b-1eczwux6ct] {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
/* /Pages/BaseView.razor.rz.scp.css */
.page-section[b-faw07x46r5] {
  padding: 2rem 0;
}

  .page-section h2.section-heading[b-faw07x46r5] {
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .page-section h3.section-subheading[b-faw07x46r5] {
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin-bottom: 3rem;
  }

.page-column[b-faw07x46r5] {
  padding-top: 5px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  section[b-faw07x46r5] {
    padding: 2rem 0;
  }
}

[b-faw07x46r5]::-moz-selection {
  background: #fed136;
  text-shadow: none;
}

/*::selection {
  background: #fed136;
  text-shadow: none;
}
*/
img[b-faw07x46r5]::-moz-selection {
  background: transparent;
}

img[b-faw07x46r5]::selection {
  background: transparent;
}

img[b-faw07x46r5]::-moz-selection {
  background: transparent;
}

.btn-xl[b-faw07x46r5] {
  padding: 1.25rem 2.5rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.125rem;
  font-weight: 700;
}

.btn-social[b-faw07x46r5] {
  height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 100%;
}

#mainNav[b-faw07x46r5] {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #212529;
}

  #mainNav .navbar-toggler[b-faw07x46r5] {
    padding: 0.75rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75rem;
    color: #fff;
    text-transform: uppercase;
    background-color: #fed136;
    border: 0;
  }

  #mainNav .navbar-brand[b-faw07x46r5] {
    color: #fed136;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    letter-spacing: 0.0625em;
    text-transform: uppercase;
  }

    #mainNav .navbar-brand img[b-faw07x46r5] {
      height: 1.5rem;
    }

  #mainNav .navbar-nav .nav-item .nav-link[b-faw07x46r5] {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.95rem;
    color: #fff;
    letter-spacing: 0.0625em;
  }

    #mainNav .navbar-nav .nav-item .nav-link.active[b-faw07x46r5], #mainNav .navbar-nav .nav-item .nav-link:hover[b-faw07x46r5] {
      color: #fed136;
    }

@media (min-width: 992px) {
  #mainNav[b-faw07x46r5] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border: none;
    background-color: transparent;
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }

    #mainNav .navbar-brand[b-faw07x46r5] {
      font-size: 1.5em;
      transition: font-size 0.3s ease-in-out;
    }

      #mainNav .navbar-brand img[b-faw07x46r5] {
        height: 2rem;
        transition: height 0.3s ease-in-out;
      }

    #mainNav.navbar-shrink[b-faw07x46r5] {
      padding-top: 1rem;
      padding-bottom: 1rem;
      background-color: #212529;
    }

      #mainNav.navbar-shrink .navbar-brand[b-faw07x46r5] {
        font-size: 1.25em;
      }

        #mainNav.navbar-shrink .navbar-brand svg[b-faw07x46r5],
        #mainNav.navbar-shrink .navbar-brand img[b-faw07x46r5] {
          height: 1.5rem;
        }

    #mainNav .navbar-nav .nav-item[b-faw07x46r5] {
      margin-right: 1rem;
    }

      #mainNav .navbar-nav .nav-item:last-child[b-faw07x46r5] {
        margin-right: 0;
      }
}

header.masthead[b-faw07x46r5] {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: center;
  color: #fff;
  background-image: url("/images/Cover1.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

  header.masthead .masthead-subheading[b-faw07x46r5] {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.5rem;
    margin-bottom: 25px;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  header.masthead .masthead-heading[b-faw07x46r5] {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }


header.masthead2[b-faw07x46r5] {
  padding-top: 15rem;
  padding-bottom: 10rem;
  text-align: center;
  color: #fff;
  background-image: url("/images/Cover2.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

  header.masthead2 .masthead-subheading[b-faw07x46r5] {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.5rem;
    margin-bottom: 25px;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  header.masthead2 .masthead-heading[b-faw07x46r5] {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }



@media (min-width: 768px) {
  header.masthead[b-faw07x46r5] {
    padding-top: 10rem;
    padding-bottom: 4rem;
  }

    header.masthead .masthead-subheading[b-faw07x46r5] {
      font-size: 2.25rem;
      font-style: italic;
      line-height: 2.25rem;
      margin-bottom: 2rem;
    }

    header.masthead .masthead-heading[b-faw07x46r5] {
      font-size: 4.5rem;
      font-weight: 700;
      line-height: 4.5rem;
      margin-bottom: 4rem;
    }
}

#portfolio .portfolio-item[b-faw07x46r5] {
  /*max-width: 25rem;*/
  margin-left: 10px;
  margin-right: 10px;
}

  #portfolio .portfolio-item .portfolio-link[b-faw07x46r5] {
    position: relative;
    display: block;
    margin: 0 auto;
  }

    #portfolio .portfolio-item .portfolio-link .portfolio-hover[b-faw07x46r5] {
      display: flex;
      position: absolute;
      width: 100%;
      height: 100%;
      /*background: rgba(254, 209, 54, 0.9);*/
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity ease-in-out 0.25s;
    }

      #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content[b-faw07x46r5] {
        font-size: 1.25rem;
        color: white;
      }

    #portfolio .portfolio-item .portfolio-link:hover .portfolio-hover[b-faw07x46r5] {
      opacity: 1;
    }

  #portfolio .portfolio-item .portfolio-caption[b-faw07x46r5] {
    padding: 1.5rem;
    text-align: center;
    background-color: #fff;
  }

    #portfolio .portfolio-item .portfolio-caption .portfolio-caption-heading[b-faw07x46r5] {
      font-size: 1.5rem;
      font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-weight: 700;
      margin-bottom: 0;
    }

    #portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading[b-faw07x46r5] {
      font-style: italic;
      font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

.portfolio-modal .modal-dialog[b-faw07x46r5] {
  margin: 1rem;
  max-width: 100vw;
}

.portfolio-modal .modal-content[b-faw07x46r5] {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: center;
}

  .portfolio-modal .modal-content h2[b-faw07x46r5] {
    font-size: 3rem;
    line-height: 3rem;
  }

  .portfolio-modal .modal-content p.item-intro[b-faw07x46r5] {
    font-style: italic;
    margin-bottom: 2rem;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .portfolio-modal .modal-content p[b-faw07x46r5] {
    margin-bottom: 2rem;
  }

  .portfolio-modal .modal-content ul.list-inline[b-faw07x46r5] {
    margin-bottom: 2rem;
  }

  .portfolio-modal .modal-content img[b-faw07x46r5] {
    margin-bottom: 2rem;
  }

.portfolio-modal .close-modal[b-faw07x46r5] {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  background-color: transparent;
}

  .portfolio-modal .close-modal:hover[b-faw07x46r5] {
    opacity: 0.3;
  }




section#contact[b-faw07x46r5] {
  background-color: #212529;
  background-image: url("/images/Map.png");
  background-repeat: no-repeat;
  background-position: center;
}

  section#contact .section-heading[b-faw07x46r5] {
    color: #fff;
  }

  section#contact form#contactForm .form-group[b-faw07x46r5] {
    margin-bottom: 1.5rem;
  }

    section#contact form#contactForm .form-group input[b-faw07x46r5],
    section#contact form#contactForm .form-group textarea[b-faw07x46r5] {
      padding: 1.25rem;
    }

      section#contact form#contactForm .form-group input.form-control[b-faw07x46r5] {
        height: auto;
      }

  section#contact form#contactForm .form-group-textarea[b-faw07x46r5] {
    height: 100%;
  }

    section#contact form#contactForm .form-group-textarea textarea[b-faw07x46r5] {
      height: 100%;
      min-height: 10rem;
    }

  section#contact form#contactForm p.help-block[b-faw07x46r5] {
    margin: 0;
  }

  section#contact form#contactForm .form-control:focus[b-faw07x46r5] {
    border-color: #fed136;
    box-shadow: none;
  }

  section#contact form#contactForm [b-faw07x46r5]::-webkit-input-placeholder {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    color: #ced4da;
  }

  section#contact form#contactForm :-moz-placeholder[b-faw07x46r5] {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    color: #ced4da;
  }

  section#contact form#contactForm [b-faw07x46r5]::-moz-placeholder {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    color: #ced4da;
  }

  section#contact form#contactForm :-ms-input-placeholder[b-faw07x46r5] {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    color: #ced4da;
  }
/* /Pages/BaseViewSection.razor.rz.scp.css */
.page-section[b-k7goigtz3b] {
  padding: 2rem 0;
}

  .page-section h2.section-heading[b-k7goigtz3b] {
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .page-section h3.section-subheading[b-k7goigtz3b] {
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin-bottom: 3rem;
  }
/* /Pages/Dialogs/MessageDialog.razor.rz.scp.css */

.align-right[b-xitueen13o] {
  float: right;
}

.align-left[b-xitueen13o] {
  float: left;
}

.image-thumb-container-center[b-xitueen13o] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* or any specific height */
}
/* /Pages/Dialogs/UserDialog.razor.rz.scp.css */

.user-profile-image[b-zhueyq1gbt] {
  margin-bottom: 0;
  text-align: center;
}

  .user-profile-image img[b-zhueyq1gbt] {
    width: 14rem;
    height: 14rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
  }

  .user-profile-image h4[b-zhueyq1gbt] {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
/* /Pages/Lists/MessageList.razor.rz.scp.css */
/* ########################################### */
/*                 Global                      */
/* ########################################### */
*[b-mfkzqqkzx9] {
  box-sizing: border-box;
}
/*
html {
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  background-color: rgb(0,0,0);
  color: #FEFEFE;
}

a {
  color: #FF0042;
  font-weight: bolder;
  text-decoration: none;
}

h1 {
  font-size: 16px;
  font-weight: bolder;
}
*/

/* ########################################### */
/*           Forums.html                       */
/* ########################################### */
.container[b-mfkzqqkzx9] {
  margin: 20px;
  padding: 20px;
}

.subforum[b-mfkzqqkzx9] {
  margin-top: 20px;
}

.subforum-title[b-mfkzqqkzx9] {
  /*background-color: #292B2E;*/
  padding: 5px;
  border-radius: 5px;
  margin: 4px;
}

.subforum-row[b-mfkzqqkzx9] {
  display: grid;
  grid-template-columns: 7% 60% 13% 20%;
}

.subforum-column[b-mfkzqqkzx9] {
  padding: 10px;
  margin: 4px;
  border-radius: 5px;
  /*background-color: #111314;*/
}

.subforum-description *[b-mfkzqqkzx9] {
  margin-block: 0;
}

.center[b-mfkzqqkzx9] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.subforum-icon i[b-mfkzqqkzx9] {
  font-size: 45px;
}

.subforum-devider[b-mfkzqqkzx9] {
  display: none;
}


/* For the smartphones */
@media screen and (max-width: 460px) {
  .container[b-mfkzqqkzx9] {
    margin: 10px;
    padding: 10px;
  }

  .subforum-row[b-mfkzqqkzx9] {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: 65% 35%;
  }

  .subforum-devider[b-mfkzqqkzx9] {
    display: block;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(190, 190, 190, 0), rgba(255, 255, 255, 0.75), rgba(190, 190, 190, 0));
  }
}

/* For the tablets */
@media screen and (min-width: 460px) and (max-width: 1024px) {
  .container[b-mfkzqqkzx9] {
    margin: 15px;
    padding: 15px;
  }

  .subforum-row[b-mfkzqqkzx9] {
    display: grid;
    grid-template-columns: 10% 60% 10% 20%;
  }

  .subforum-icon i[b-mfkzqqkzx9] {
    font-size: 35px;
  }

  html[b-mfkzqqkzx9] {
    font-size: 14px;
  }

  h1[b-mfkzqqkzx9] {
    font-size: 16px;
  }
}
/*   Header Section    */

header[b-mfkzqqkzx9] {
  margin-inline: 10px;
}
/* Nav Bar styles */
.navbar[b-mfkzqqkzx9] {
  display: flex;
  align-items: center;
}

.navigation[b-mfkzqqkzx9] {
  /*background-color: #52057b;*/
  padding: 10px;
  width: 65%;
  display: inline-block;
  border-radius: 5px;
  max-height: 80px;
  margin-right: 10px;
}

.close-icon i[b-mfkzqqkzx9] {
  font-size: 60px;
  float: left;
  cursor: pointer;
}

.nav-list[b-mfkzqqkzx9] {
  list-style-type: none;
  overflow: hidden;
}

.nav-item a[b-mfkzqqkzx9] {
  float: right;
  display: block;
  text-align: center;
  margin-inline: 20px;
  font-size: 20px;
  padding: 10px;
  color: #fff;
}

  .nav-item a:hover[b-mfkzqqkzx9] {
    /*background-color: rgb(0,0,0,0.1);*/
  }

.hide[b-mfkzqqkzx9] {
  display: none;
}

.bar-icon[b-mfkzqqkzx9] {
  font-size: 60px;
  display: inline-block;
  margin-right: 10px;
  /*color: #fff;*/
  cursor: pointer;
}

@font-face {
  font-family: aquire;
  src: url(aquire.otf);
}

.brand[b-mfkzqqkzx9] {
  font-size: 60px;
  display: inline-block;
  font-family: aquire;
}

/*Navbar for the smartphones*/
@media screen and (max-width: 460px) {
  .navigation[b-mfkzqqkzx9] {
    max-height: auto;
  }

  .close-icon i[b-mfkzqqkzx9] {
    font-size: 30px;
  }

  .nav-item a[b-mfkzqqkzx9] {
    float: left;
    display: inline;
    margin-inline: 3px;
    font-size: 10px;
    padding: 5px;
  }


  .bar-icon[b-mfkzqqkzx9] {
    font-size: 30px;
  }

  .brand[b-mfkzqqkzx9] {
    font-size: 20px;
  }
}

/* Search Box styles */
.search-box[b-mfkzqqkzx9] {
  border: solid 1px #52057b;
  margin-top: 20px;
  padding: 40px;
  display: flex;
  justify-content: center;
  box-shadow: 1px 2px 3px #52057b;
}

  .search-box select[b-mfkzqqkzx9] {
    padding: 10px;
  }

  .search-box input[b-mfkzqqkzx9] {
    padding: 10px;
  }

  .search-box button[b-mfkzqqkzx9] {
    padding: 10px;
    /*background-color: #fff;*/
    color: #000000;
  }

    .search-box button:hover[b-mfkzqqkzx9] {
      /*background-color: #000000;*/
      /*color: #fff;*/
      box-shadow: 1px 2px 3px #fff;
    }

/* search box for smrtphones */
@media screen and (max-width: 460px) {
  .search-box input[b-mfkzqqkzx9], .search-box button[b-mfkzqqkzx9], .search-box select[b-mfkzqqkzx9] {
    min-width: 300px;
    margin-top: 5px;
  }
}

/* forum info Styling */
.forum-info[b-mfkzqqkzx9] {
  padding: 20px;
  /*background-color: #111314;*/
}

.chart[b-mfkzqqkzx9] {
  font-size: 20px;
  font-weight: bold;
}
/* Footer Styling */

footer[b-mfkzqqkzx9] {
  margin-top: 20px;
  padding: 20px;
  /*background-color: #52057b;*/
  display: block;
  text-align: center;
}

/* ########################################### */
/*            posts.html                       */
/* ########################################### */

/* posts table's head  */
.table-head[b-mfkzqqkzx9] {
  display: flex;
}

  .table-head div[b-mfkzqqkzx9] {
    padding: 5px;
    margin: 2px;
    /*background-color: #2C2C2C;*/
    font-weight: bold;
  }

  .table-head .status[b-mfkzqqkzx9] {
    flex: 5%;
  }

  .table-head .subjects[b-mfkzqqkzx9] {
    flex: 70%;
  }

  .table-head .replies[b-mfkzqqkzx9] {
    flex: 10%;
  }

  .table-head .last-reply[b-mfkzqqkzx9] {
    flex: 15%;
  }

/* posts table's body  */

.table-row[b-mfkzqqkzx9] {
  display: flex;
}

  .table-row .status[b-mfkzqqkzx9], .table-row .subjects[b-mfkzqqkzx9], .table-row .replies[b-mfkzqqkzx9], .table-row .last-reply[b-mfkzqqkzx9] {
    padding: 5px;
    margin: 2px;
    /*background-color: #131415;*/
  }

  .table-row .status[b-mfkzqqkzx9] {
    flex: 5%;
    font-size: 30px;
    text-align: center;
  }

  .table-row .subjects[b-mfkzqqkzx9] {
    flex: 70%;
  }

  .table-row .replies[b-mfkzqqkzx9] {
    flex: 10%;
  }

  .table-row .last-reply[b-mfkzqqkzx9] {
    flex: 15%;
  }

/* navigation path*/
.navigate[b-mfkzqqkzx9] {
  margin-block: 20px;
  font-weight: lighter;
  font-size: 24px;
}

  .navigate a[b-mfkzqqkzx9] {
    /*color: #fff;*/
  }

    .navigate a:hover[b-mfkzqqkzx9] {
      /*color: #FF0042;*/
      font-weight: bolder;
    }

/* Pagination*/

.pagination[b-mfkzqqkzx9] {
  padding: 20px;
  font-size: 15px;
}

  .pagination a[b-mfkzqqkzx9] {
    /*color: #fff;*/
    margin-inline: 5px;
    padding: 5px 10px;
    border: solid 0.5px #fff;
  }

    .pagination a:hover[b-mfkzqqkzx9] {
      opacity: 0.5;
    }

.note[b-mfkzqqkzx9] {
  /*background-color: #111314;*/
  padding: 20px;
  display: block;
}

  .note span[b-mfkzqqkzx9] {
    font-size: 20px;
    margin-block: 5px;
  }


/* ########################################### */
/*            detail.html                      */
/* ########################################### */

.head[b-mfkzqqkzx9] {
  display: flex;
  /*background-color: #2C2C2C;*/
  padding: 5px;
  font-weight: bold;
  font-size: 15px;
}

.authors[b-mfkzqqkzx9] {
  flex: 20%;
}

.content[b-mfkzqqkzx9] {
  flex: 80%;
}

.body[b-mfkzqqkzx9] {
  display: flex;
  /*background-color: #131415;*/
  padding: 10px;
  margin-top: 5px;
}

  .body .authors .username[b-mfkzqqkzx9] {
    font-size: 20px;
  }

  .body .authors img[b-mfkzqqkzx9] {
    max-width: 50px;
    max-height: 80px;
  }

  .body .content .comment button[b-mfkzqqkzx9] {
    border: none;
    padding: 10px;
    font-weight: bolder;
    box-shadow: 4px 6px #fff;
    cursor: pointer;
    float: right;
  }

/* comment section */
.comment-area[b-mfkzqqkzx9] {
  margin-bottom: 50px;
}

  .comment-area textarea[b-mfkzqqkzx9] {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    margin-block: 10px;
  }

  .comment-area input[b-mfkzqqkzx9] {
    float: right;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
  }

    .comment-area input:hover[b-mfkzqqkzx9] {
      border: solid 1px #000000;
    }
/* /Pages/Lists/ThreadList.razor.rz.scp.css */

/* posts table's head  */
.table-head[b-f2cgnujz5p] {
  display: flex;
}

  .table-head div[b-f2cgnujz5p] {
    padding: 5px;
    margin: 2px;
    /*background-color: #2C2C2C;*/
    font-weight: bold;
  }

  .table-head .status[b-f2cgnujz5p] {
    flex: 5%;
  }

  .table-head .subjects[b-f2cgnujz5p] {
    flex: 70%;
  }

  .table-head .posts[b-f2cgnujz5p] {
    flex: 10%;
  }

  .table-head .last-reply[b-f2cgnujz5p] {
    flex: 15%;
  }

/* posts table's body  */

.table-row[b-f2cgnujz5p] {
  display: flex;
}

  .table-row .status[b-f2cgnujz5p], .table-row .subjects[b-f2cgnujz5p], .table-row .posts[b-f2cgnujz5p], .table-row .last-reply[b-f2cgnujz5p] {
    padding: 5px;
    margin: 2px;
    /*background-color: #131415;*/
  }

  .table-row .status[b-f2cgnujz5p] {
    flex: 5%;
    font-size: 30px;
    text-align: center;
  }

  .table-row .subjects[b-f2cgnujz5p] {
    flex: 70%;
  }

  .table-row .posts[b-f2cgnujz5p] {
    flex: 10%;
  }

  .table-row .last-reply[b-f2cgnujz5p] {
    flex: 15%;
  }

/* navigation path*/
.navigate[b-f2cgnujz5p] {
  margin-block: 20px;
  font-weight: lighter;
  font-size: 24px;
}

  .navigate a[b-f2cgnujz5p] {
    /*color: #fff;*/
  }

    .navigate a:hover[b-f2cgnujz5p] {
      /*color: #FF0042;*/
      font-weight: bolder;
    }



/* /Pages/MessagesView.razor.rz.scp.css */
/* /Pages/MessageTreeView.razor.rz.scp.css */
/* ########################################### */
/*                 Global                      */
/* ########################################### */
*[b-ujik2hask1] {
  box-sizing: border-box;
}
/*
html {
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  background-color: rgb(0,0,0);
  color: #FEFEFE;
}

a {
  color: #FF0042;
  font-weight: bolder;
  text-decoration: none;
}

h1 {
  font-size: 16px;
  font-weight: bolder;
}
*/

/* ########################################### */
/*           Forums.html                       */
/* ########################################### */
.container[b-ujik2hask1] {
  margin: 20px;
  padding: 20px;
}

.subforum[b-ujik2hask1] {
  margin-top: 20px;
}

.subforum-title[b-ujik2hask1] {
  /*background-color: #292B2E;*/
  padding: 5px;
  border-radius: 5px;
  margin: 4px;
}

.subforum-row[b-ujik2hask1] {
  display: grid;
  grid-template-columns: 7% 60% 13% 20%;
}

.subforum-column[b-ujik2hask1] {
  padding: 10px;
  margin: 4px;
  border-radius: 5px;
  /*background-color: #111314;*/
}

.subforum-description *[b-ujik2hask1] {
  margin-block: 0;
}

.center[b-ujik2hask1] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.subforum-icon i[b-ujik2hask1] {
  font-size: 45px;
}

.subforum-devider[b-ujik2hask1] {
  display: none;
}


/* For the smartphones */
@media screen and (max-width: 460px) {
  .container[b-ujik2hask1] {
    margin: 10px;
    padding: 10px;
  }

  .subforum-row[b-ujik2hask1] {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: 65% 35%;
  }

  .subforum-devider[b-ujik2hask1] {
    display: block;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(190, 190, 190, 0), rgba(255, 255, 255, 0.75), rgba(190, 190, 190, 0));
  }
}

/* For the tablets */
@media screen and (min-width: 460px) and (max-width: 1024px) {
  .container[b-ujik2hask1] {
    margin: 15px;
    padding: 15px;
  }

  .subforum-row[b-ujik2hask1] {
    display: grid;
    grid-template-columns: 10% 60% 10% 20%;
  }

  .subforum-icon i[b-ujik2hask1] {
    font-size: 35px;
  }

  html[b-ujik2hask1] {
    font-size: 14px;
  }

  h1[b-ujik2hask1] {
    font-size: 16px;
  }
}
/*   Header Section    */

header[b-ujik2hask1] {
  margin-inline: 10px;
}
/* Nav Bar styles */
.navbar[b-ujik2hask1] {
  display: flex;
  align-items: center;
}

.navigation[b-ujik2hask1] {
  /*background-color: #52057b;*/
  padding: 10px;
  width: 65%;
  display: inline-block;
  border-radius: 5px;
  max-height: 80px;
  margin-right: 10px;
}

.close-icon i[b-ujik2hask1] {
  font-size: 60px;
  float: left;
  cursor: pointer;
}

.nav-list[b-ujik2hask1] {
  list-style-type: none;
  overflow: hidden;
}

.nav-item a[b-ujik2hask1] {
  float: right;
  display: block;
  text-align: center;
  margin-inline: 20px;
  font-size: 20px;
  padding: 10px;
  color: #fff;
}

  .nav-item a:hover[b-ujik2hask1] {
    /*background-color: rgb(0,0,0,0.1);*/
  }

.hide[b-ujik2hask1] {
  display: none;
}

.bar-icon[b-ujik2hask1] {
  font-size: 60px;
  display: inline-block;
  margin-right: 10px;
  /*color: #fff;*/
  cursor: pointer;
}

@font-face {
  font-family: aquire;
  src: url(aquire.otf);
}

.brand[b-ujik2hask1] {
  font-size: 60px;
  display: inline-block;
  font-family: aquire;
}

/*Navbar for the smartphones*/
@media screen and (max-width: 460px) {
  .navigation[b-ujik2hask1] {
    max-height: auto;
  }

  .close-icon i[b-ujik2hask1] {
    font-size: 30px;
  }

  .nav-item a[b-ujik2hask1] {
    float: left;
    display: inline;
    margin-inline: 3px;
    font-size: 10px;
    padding: 5px;
  }


  .bar-icon[b-ujik2hask1] {
    font-size: 30px;
  }

  .brand[b-ujik2hask1] {
    font-size: 20px;
  }
}

/* Search Box styles */
.search-box[b-ujik2hask1] {
  border: solid 1px #52057b;
  margin-top: 20px;
  padding: 40px;
  display: flex;
  justify-content: center;
  box-shadow: 1px 2px 3px #52057b;
}

  .search-box select[b-ujik2hask1] {
    padding: 10px;
  }

  .search-box input[b-ujik2hask1] {
    padding: 10px;
  }

  .search-box button[b-ujik2hask1] {
    padding: 10px;
    /*background-color: #fff;*/
    color: #000000;
  }

    .search-box button:hover[b-ujik2hask1] {
      /*background-color: #000000;*/
      /*color: #fff;*/
      box-shadow: 1px 2px 3px #fff;
    }

/* search box for smrtphones */
@media screen and (max-width: 460px) {
  .search-box input[b-ujik2hask1], .search-box button[b-ujik2hask1], .search-box select[b-ujik2hask1] {
    min-width: 300px;
    margin-top: 5px;
  }
}

/* forum info Styling */
.forum-info[b-ujik2hask1] {
  padding: 20px;
  /*background-color: #111314;*/
}

.chart[b-ujik2hask1] {
  font-size: 20px;
  font-weight: bold;
}
/* Footer Styling */

footer[b-ujik2hask1] {
  margin-top: 20px;
  padding: 20px;
  /*background-color: #52057b;*/
  display: block;
  text-align: center;
}

/* ########################################### */
/*            posts.html                       */
/* ########################################### */

/* posts table's head  */
.table-head[b-ujik2hask1] {
  display: flex;
}

  .table-head div[b-ujik2hask1] {
    padding: 5px;
    margin: 2px;
    /*background-color: #2C2C2C;*/
    font-weight: bold;
  }

  .table-head .status[b-ujik2hask1] {
    flex: 5%;
  }

  .table-head .subjects[b-ujik2hask1] {
    flex: 70%;
  }

  .table-head .replies[b-ujik2hask1] {
    flex: 10%;
  }

  .table-head .last-reply[b-ujik2hask1] {
    flex: 15%;
  }

/* posts table's body  */

.table-row[b-ujik2hask1] {
  display: flex;
}

  .table-row .status[b-ujik2hask1], .table-row .subjects[b-ujik2hask1], .table-row .replies[b-ujik2hask1], .table-row .last-reply[b-ujik2hask1] {
    padding: 5px;
    margin: 2px;
    /*background-color: #131415;*/
  }

  .table-row .status[b-ujik2hask1] {
    flex: 5%;
    font-size: 30px;
    text-align: center;
  }

  .table-row .subjects[b-ujik2hask1] {
    flex: 70%;
  }

  .table-row .replies[b-ujik2hask1] {
    flex: 10%;
  }

  .table-row .last-reply[b-ujik2hask1] {
    flex: 15%;
  }

/* navigation path*/
.navigate[b-ujik2hask1] {
  margin-block: 20px;
  font-weight: lighter;
  font-size: 24px;
}

  .navigate a[b-ujik2hask1] {
    /*color: #fff;*/
  }

    .navigate a:hover[b-ujik2hask1] {
      /*color: #FF0042;*/
      font-weight: bolder;
    }

/* Pagination*/

.pagination[b-ujik2hask1] {
  padding: 20px;
  font-size: 15px;
}

  .pagination a[b-ujik2hask1] {
    /*color: #fff;*/
    margin-inline: 5px;
    padding: 5px 10px;
    border: solid 0.5px #fff;
  }

    .pagination a:hover[b-ujik2hask1] {
      opacity: 0.5;
    }

.note[b-ujik2hask1] {
  /*background-color: #111314;*/
  padding: 20px;
  display: block;
}

  .note span[b-ujik2hask1] {
    font-size: 20px;
    margin-block: 5px;
  }


/* ########################################### */
/*            detail.html                      */
/* ########################################### */

.head[b-ujik2hask1] {
  display: flex;
  /*background-color: #2C2C2C;*/
  padding: 5px;
  font-weight: bold;
  font-size: 15px;
}

.authors[b-ujik2hask1] {
  flex: 20%;
}

.content[b-ujik2hask1] {
  flex: 80%;
}

.body[b-ujik2hask1] {
  display: flex;
  /*background-color: #131415;*/
  padding: 10px;
  margin-top: 5px;
}

  .body .authors .username[b-ujik2hask1] {
    font-size: 20px;
  }

  .body .authors img[b-ujik2hask1] {
    max-width: 50px;
    max-height: 80px;
  }

  .body .content .comment button[b-ujik2hask1] {
    border: none;
    padding: 10px;
    font-weight: bolder;
    box-shadow: 4px 6px #fff;
    cursor: pointer;
    float: right;
  }

/* comment section */
.comment-area[b-ujik2hask1] {
  margin-bottom: 50px;
}

  .comment-area textarea[b-ujik2hask1] {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    margin-block: 10px;
  }

  .comment-area input[b-ujik2hask1] {
    float: right;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
  }

    .comment-area input:hover[b-ujik2hask1] {
      border: solid 1px #000000;
    }
/* /Pages/Views/OrganizationAdmin/AdminView.razor.rz.scp.css */


/* ------------------------------------------------------ */
/* Tree structure                                         */
/* ------------------------------------------------------ */


.tree__item[b-78hetgey0o] {
  width: 240px;
  /*height: 30px;*/
  /*line-height: 30px;*/
  /*color: green;*/
  border: 3px solid #dedede;
  background-color: #f7f8fa;
  border-radius: 7px;
  padding: 10px 25px;
  margin: 15px;
}

.tree__item--header[b-78hetgey0o] {
  /*z-index: 1;*/
}

.tree__nested-items[b-78hetgey0o] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 70px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tree__item--nested[b-78hetgey0o] {
  position: relative;
}

  /* Line */
  .tree__item--nested[b-78hetgey0o]:before {
    content: "";
    position: absolute;
    bottom: 50%;
    /* padding of container - 10px */
    left: -60px;
    /* padding of container - 10px */
    width: 60px;
    /* 3 * half height + half of border radius */
    height: calc(200% + 7.5px);
    border-bottom: inherit;
    border-left: inherit;
    border-bottom-left-radius: 20px;
    /* don't overlap items */
    z-index: -1;
  }

  /* Arrow */
  .tree__item--nested[b-78hetgey0o]:after {
    content: "";
    position: absolute;
    /* border-width - 1px */
    left: -8px;
    bottom: calc(50% - 6px);
    border-color: transparent;
    border-left-color: inherit;
    border-style: inherit;
    border-width: 7px;
  }
/* /Pages/Views/SystemAdmin/SystemView.razor.rz.scp.css */


/* ------------------------------------------------------ */
/* Tree structure                                         */
/* ------------------------------------------------------ */


.tree__item[b-kmratipezp] {
  width: 240px;
  /*height: 30px;*/
  /*line-height: 30px;*/
  /*color: green;*/
  border: 3px solid #dedede;
  background-color: #f7f8fa;
  border-radius: 7px;
  padding: 10px 25px;
  margin: 15px;
}

.tree__item--header[b-kmratipezp] {
  /*z-index: 1;*/
}

.tree__nested-items[b-kmratipezp] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 70px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tree__item--nested[b-kmratipezp] {
  position: relative;
}

  /* Line */
  .tree__item--nested[b-kmratipezp]:before {
    content: "";
    position: absolute;
    bottom: 50%;
    /* padding of container - 10px */
    left: -60px;
    /* padding of container - 10px */
    width: 60px;
    /* 3 * half height + half of border radius */
    height: calc(200% + 7.5px);
    border-bottom: inherit;
    border-left: inherit;
    border-bottom-left-radius: 20px;
    /* don't overlap items */
    z-index: -1;
  }

  /* Arrow */
  .tree__item--nested[b-kmratipezp]:after {
    content: "";
    position: absolute;
    /* border-width - 1px */
    left: -8px;
    bottom: calc(50% - 6px);
    border-color: transparent;
    border-left-color: inherit;
    border-style: inherit;
    border-width: 7px;
  }
/* /Shared/MainLayout.razor.rz.scp.css */




/*
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  font-size: 80% !important;
}
*/

/*
.navbar-brand {
  font-size: 0.875rem;
}
*/

/*
.vertical-left {
  position: fixed;
  left: 0;
  bottom: 0;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
*/

/* Global styles */
/*
.container button,
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6,
.container link,
.container a,
.container div,
.container table,
.container th,
.container tr,
.container td,
.container label,
.container input {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  font-size: 0.875rem !important;
}
*/


/*
.nav-item .nav-link li, a, span {
  white-space: nowrap;
}
*/

/*
body, html, #app {
  height: 100%;
  margin: 0;
}
*/


/*
.main-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
}
*/

/*
.container {
  flex: 1;
  overflow-y: auto;
}
*/

/*
.background-container {
  background-image: url('css/Images/HomePage.jpg');
  background-size: cover;
  background-position: center top;
  padding: 0;
  text-align: center;
  color: var(--cosmos-body-color);
  position: relative;
  height: 272px;
}

  .background-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
  }
*/

/*
.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: var(--cosmos-body-color);
  margin: 0;
}
*/

/*
.vertical-line-container {
  display: flex;
  align-items: center;
  width: 0px;
  padding: 0px;
}


.vertical-line {
  border-right: 2px solid;
  border-image: linear-gradient(to bottom, var(--cosmos-grey-tone-stainless-grey-opaque-20), var(--cosmos-grey-tone-stainless-grey)) 1;
  margin: 20px;
  box-shadow: inset -1px 0 2px rgba(255,255,255,0.8), inset -1px 0 2px rgba(0,0,0,0.2);
  height: 80%;
  margin-left: 1px !important;
}
*/

/* /Shared/PageFooter.razor.rz.scp.css */

/* ------------------------------------------------------ */
/* Footer                                                 */
/* ------------------------------------------------------ */
.footer[b-q6zunb25lq] {
  position: sticky;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 0.9rem;
  /*font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
}
/* /Shared/PublicLayout.razor.rz.scp.css */

/*
root {
  --bs-gutter-x: 0rem;
}
*/


.container[b-j5ab1g0s2j], .container-fluid[b-j5ab1g0s2j], .container-lg[b-j5ab1g0s2j], .container-md[b-j5ab1g0s2j], .container-sm[b-j5ab1g0s2j], .container-xl[b-j5ab1g0s2j], .container-xxl[b-j5ab1g0s2j] {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: auto;
  margin-right: 1rem;   /* Original auto */
  margin-left: 1rem;    /* Original auto */
}

.page[b-j5ab1g0s2j] {
  position: relative;
  display: flex;
  flex-direction: column;
}

.main[b-j5ab1g0s2j] {
  flex: 1;
}

.top-row[b-j5ab1g0s2j] {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d6d5d5;
  justify-content: flex-end;
  height: 3.5rem;
  display: flex;
  align-items: center;
}

  .top-row[b-j5ab1g0s2j]  a, .top-row .btn-link[b-j5ab1g0s2j] {
    white-space: nowrap;
    margin-left: 1.5rem;
  }

  .top-row a:first-child[b-j5ab1g0s2j] {
    overflow: hidden;
    text-overflow: ellipsis;
  }

@media (max-width: 640.98px) {
  .top-row:not(.auth)[b-j5ab1g0s2j] {
    display: none;
  }

  .top-row.auth[b-j5ab1g0s2j] {
    justify-content: space-between;
  }

  .top-row a[b-j5ab1g0s2j], .top-row .btn-link[b-j5ab1g0s2j] {
    margin-left: 0;
  }
}

@media (min-width: 641px) {
  .page[b-j5ab1g0s2j] {
    /*flex-direction: row;*/
  }

  /*
    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
    */

  .top-row[b-j5ab1g0s2j] {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .main > div[b-j5ab1g0s2j] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
}
/* /Shared/SideMenus/Default.razor.rz.scp.css */

/* ------------------------------*/
/* nav-scrollable                */
/* ------------------------------*/

.nav-scrollable[b-mnb6vlsxi2] {
  display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-mnb6vlsxi2] {
  display: block;
}

@media (min-width: 641px) {
  .nav-scrollable[b-mnb6vlsxi2] {
    display: block;
    height: calc(100vh - 5.5rem);
    overflow-y: auto;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .nav-scrollable[b-mnb6vlsxi2] {
    display: block;
    height: calc(100vh - 7rem);
    overflow-y: auto;
  }
}
/* /Shared/TopMenu.razor.rz.scp.css */



