/* line 2, mainapp/static/mainapp/scss/mainapp.scss */
body {
  margin: 0;
  padding-right: 0 !important;
  font-size: 14px;
  background: var(--main-bg-color);
  font-family: Sofia Sans, serif !important; }
  @media (max-width: 568px) {
    /* line 2, mainapp/static/mainapp/scss/mainapp.scss */
    body {
      margin-bottom: 20px; } }
/* line 15, mainapp/static/mainapp/scss/mainapp.scss */
main.top {
  padding-top: 5%;
  padding-bottom: 5%; }

@media (min-width: 575px) {
  /* line 20, mainapp/static/mainapp/scss/mainapp.scss */
  main.center {
    height: 95vh;
    align-items: center;
    display: flex; } }

/* line 32, mainapp/static/mainapp/scss/mainapp.scss */
#btn-back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none; }

/* line 39, mainapp/static/mainapp/scss/mainapp.scss */
.modal {
  padding-right: 0 !important; }

/* line 44, mainapp/static/mainapp/scss/mainapp.scss */
.modal-dialog {
  max-width: 400px !important; }
  @media (max-width: 430px) {
    /* line 44, mainapp/static/mainapp/scss/mainapp.scss */
    .modal-dialog {
      padding: 0 15px; } }
/* line 52, mainapp/static/mainapp/scss/mainapp.scss */
.width_350 {
  width: 350px !important; }

/* line 57, mainapp/static/mainapp/scss/mainapp.scss */
.w-200p {
  max-width: 200px;
  width: 100%; }

/* line 62, mainapp/static/mainapp/scss/mainapp.scss */
.edit_icon, .delete_icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

/* line 70, mainapp/static/mainapp/scss/mainapp.scss */
.icon {
  display: flex;
  justify-content: center;
  align-items: center; }

/* line 76, mainapp/static/mainapp/scss/mainapp.scss */
.icon_10x10, .icon_15x15, .icon_20x20, .icon_30x30, .icon_35x35, .icon_40x40, .icon_50x50 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  height: var(--size); }

/* line 84, mainapp/static/mainapp/scss/mainapp.scss */
.icon_10x10 {
  --size: 10px; }

/* line 88, mainapp/static/mainapp/scss/mainapp.scss */
.icon_15x15 {
  --size: 15px; }

/* line 92, mainapp/static/mainapp/scss/mainapp.scss */
.icon_20x20 {
  --size: 20px; }

/* line 96, mainapp/static/mainapp/scss/mainapp.scss */
.icon_30x30 {
  --size: 30px; }

/* line 100, mainapp/static/mainapp/scss/mainapp.scss */
.icon_35x35 {
  --size: 35px; }

/* line 104, mainapp/static/mainapp/scss/mainapp.scss */
.icon_40x40 {
  --size: 40px; }

/* line 108, mainapp/static/mainapp/scss/mainapp.scss */
.icon_50x50 {
  --size: 50px; }

@media (max-width: 767px) {
  /* line 114, mainapp/static/mainapp/scss/mainapp.scss */
  .icon_50x50 {
    --size: 35px; } }

@media (max-width: 426px) {
  /* line 120, mainapp/static/mainapp/scss/mainapp.scss */
  .icon_50x50 {
    --size: 20px; } }

/* line 126, mainapp/static/mainapp/scss/mainapp.scss */
.wh-100 {
  width: 100%;
  height: 100%; }

/* line 132, mainapp/static/mainapp/scss/mainapp.scss */
input:not(.log_file_path_input):not(.form-checkbox-manual):not(.form-check-input), select {
  width: 100%;
  height: 35px;
  border: none;
  outline: none;
  border-radius: 5px; }

/* line 140, mainapp/static/mainapp/scss/mainapp.scss */
#manual_page {
  font-family: Sofia Sans, serif !important; }
  /* line 143, mainapp/static/mainapp/scss/mainapp.scss */
  #manual_page img {
    max-width: 100%;
    height: auto; }

/* line 149, mainapp/static/mainapp/scss/mainapp.scss */
.no-border {
  border: none; }

@media (max-width: 768px) {
  /* line 153, mainapp/static/mainapp/scss/mainapp.scss */
  .menu_main_wrapper {
    padding-bottom: 110px; } }

/* line 159, mainapp/static/mainapp/scss/mainapp.scss */
.menu_main {
  border-radius: 0 0 10px 10px; }
  /* line 163, mainapp/static/mainapp/scss/mainapp.scss */
  .menu_main #menu_burger {
    height: calc(100vh - 104px);
    overflow: auto; }
  @media (min-width: 768px) {
    /* line 159, mainapp/static/mainapp/scss/mainapp.scss */
    .menu_main {
      height: 100vh;
      border-radius: 0 30px 30px 0; }
      /* line 171, mainapp/static/mainapp/scss/mainapp.scss */
      .menu_main .menu_wrapper {
        max-height: 50vh; } }
/* line 179, mainapp/static/mainapp/scss/mainapp.scss */
.user_box_grid {
  height: fit-content; }

/* line 183, mainapp/static/mainapp/scss/mainapp.scss */
.fields {
  min-width: 250px; }

/* line 187, mainapp/static/mainapp/scss/mainapp.scss */
.fit-content {
  width: fit-content; }

/* line 191, mainapp/static/mainapp/scss/mainapp.scss */
.h-fit-content {
  height: fit-content !important; }

/* line 195, mainapp/static/mainapp/scss/mainapp.scss */
.max-content {
  width: max-content; }

/* line 199, mainapp/static/mainapp/scss/mainapp.scss */
.min-content {
  min-width: max-content; }

/* line 203, mainapp/static/mainapp/scss/mainapp.scss */
a {
  display: block;
  text-decoration: unset; }

/* line 208, mainapp/static/mainapp/scss/mainapp.scss */
textarea {
  resize: none; }

/* line 212, mainapp/static/mainapp/scss/mainapp.scss */
.temp-column-schedule {
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr; }
  @media (max-width: 992px) {
    /* line 212, mainapp/static/mainapp/scss/mainapp.scss */
    .temp-column-schedule {
      grid-template-columns: 2fr 1fr 1fr; } }
/* line 219, mainapp/static/mainapp/scss/mainapp.scss */
.temp-column-logs {
  grid-template-columns: 2fr 2fr 2fr 2fr; }

/* line 223, mainapp/static/mainapp/scss/mainapp.scss */
.border-radius-1 {
  border-radius: 10px; }

/* line 227, mainapp/static/mainapp/scss/mainapp.scss */
.border-radius-2 {
  border-radius: 50px; }

@media (min-width: 992px) {
  /* line 231, mainapp/static/mainapp/scss/mainapp.scss */
  .border-xl {
    border: 0 !important; } }

/* line 238, mainapp/static/mainapp/scss/mainapp.scss */
.test_tab_element {
  border: 1px var(--bs-primary) solid;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  padding: 3px 10px;
  margin-bottom: -1px; }

/* line 247, mainapp/static/mainapp/scss/mainapp.scss */
.selected .test_tab_element {
  background: var(--bs-light);
  color: var(--bs-primary) !important; }

/* line 254, mainapp/static/mainapp/scss/mainapp.scss */
.modal_overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #0000008f; }
  /* line 269, mainapp/static/mainapp/scss/mainapp.scss */
  .modal_overlay .buttons {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    /* line 274, mainapp/static/mainapp/scss/mainapp.scss */
    .modal_overlay .buttons .btn_v1, .modal_overlay .buttons .btn_v2 {
      width: 310px; }

/* line 280, mainapp/static/mainapp/scss/mainapp.scss */
.my_modal {
  background: #ebebeb;
  padding: 40px 70px;
  display: flex;
  gap: 20px;
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px !important; }
  @media (max-width: 430px) {
    /* line 280, mainapp/static/mainapp/scss/mainapp.scss */
    .my_modal {
      padding: 20px 15px; } }
  /* line 294, mainapp/static/mainapp/scss/mainapp.scss */
  .my_modal.Server {
    max-width: 600px !important; }
  /* line 299, mainapp/static/mainapp/scss/mainapp.scss */
  .my_modal .modal_title {
    color: var(--accent-color);
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase; }
  /* line 307, mainapp/static/mainapp/scss/mainapp.scss */
  .my_modal form {
    display: flex;
    flex-direction: column;
    gap: 5px; }
    /* line 312, mainapp/static/mainapp/scss/mainapp.scss */
    .my_modal form.d-grid {
      overflow-y: auto;
      max-height: calc(100vh - 285px);
      gap: 10px; }
      @media (min-width: 575px) {
        /* line 312, mainapp/static/mainapp/scss/mainapp.scss */
        .my_modal form.d-grid {
          grid-template-columns: 1fr 1fr; } }
    /* line 328, mainapp/static/mainapp/scss/mainapp.scss */
    .my_modal form .field-div input:not([type="checkbox"]) {
      width: 250px; }
      @media (min-width: 575px) {
        /* line 328, mainapp/static/mainapp/scss/mainapp.scss */
        .my_modal form .field-div input:not([type="checkbox"]) {
          width: 100%; } }
    /* line 336, mainapp/static/mainapp/scss/mainapp.scss */
    .my_modal form .field-div input[type="checkbox"]:not(:checked) {
      background-color: white; }
  /* line 346, mainapp/static/mainapp/scss/mainapp.scss */
  .my_modal.response_modal {
    max-width: 650px !important; }
  /* line 350, mainapp/static/mainapp/scss/mainapp.scss */
  .my_modal .response_text {
    overflow-y: auto;
    max-height: calc(100vh - 175px); }

/* line 358, mainapp/static/mainapp/scss/mainapp.scss */
.rotate-180 {
  transform: rotate(180deg); }

/* line 362, mainapp/static/mainapp/scss/mainapp.scss */
.my_pagination {
  max-width: 420px;
  width: 100%; }
  /* line 366, mainapp/static/mainapp/scss/mainapp.scss */
  .my_pagination a {
    color: black; }

/* line 372, mainapp/static/mainapp/scss/mainapp.scss */
.page_404 {
  height: 100vh;
  width: 85%; }
  @media (max-width: 1200px) {
    /* line 372, mainapp/static/mainapp/scss/mainapp.scss */
    .page_404 {
      width: 77%; } }
  @media (max-width: 768px) {
    /* line 372, mainapp/static/mainapp/scss/mainapp.scss */
    .page_404 {
      width: 100%;
      padding-top: 104px; } }
/* line 386, mainapp/static/mainapp/scss/mainapp.scss */
#resultContainter {
  height: 500px; }

/* line 390, mainapp/static/mainapp/scss/mainapp.scss */
.modal_logout {
  display: none; }
  /* line 393, mainapp/static/mainapp/scss/mainapp.scss */
  .modal_logout.active {
    display: flex; }

/* line 398, mainapp/static/mainapp/scss/mainapp.scss */
.modal.show.modal-center {
  display: flex !important;
  justify-content: center;
  align-items: center; }

/* line 406, mainapp/static/mainapp/scss/mainapp.scss */
.command_modal .hint {
  width: 100%; }

/* line 412, mainapp/static/mainapp/scss/mainapp.scss */
.upside_down {
  transform: rotate(180deg); }

@media (max-width: 567px) {
  /* line 416, mainapp/static/mainapp/scss/mainapp.scss */
  .mobile-border {
    border: solid 1px black; } }

/* line 425, mainapp/static/mainapp/scss/mainapp.scss */
.ace_scrollbar-h {
  /* Track */
  /* Handle */ }
  /* line 426, mainapp/static/mainapp/scss/mainapp.scss */
  .ace_scrollbar-h::-webkit-scrollbar {
    height: 5px; }
  /* line 431, mainapp/static/mainapp/scss/mainapp.scss */
  .ace_scrollbar-h::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px; }
  /* line 437, mainapp/static/mainapp/scss/mainapp.scss */
  .ace_scrollbar-h::-webkit-scrollbar-thumb {
    background: #477155;
    border-radius: 10px; }

/* width */
/* line 444, mainapp/static/mainapp/scss/mainapp.scss */
::-webkit-scrollbar {
  width: 5px; }

/* Track */
/* line 449, mainapp/static/mainapp/scss/mainapp.scss */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px; }

/* Handle */
/* line 455, mainapp/static/mainapp/scss/mainapp.scss */
::-webkit-scrollbar-thumb {
  background: #477155;
  border-radius: 10px; }

/* line 460, mainapp/static/mainapp/scss/mainapp.scss */
.errorlist {
  margin-bottom: 0; }

/* line 464, mainapp/static/mainapp/scss/mainapp.scss */
.loader_fade {
  background: #EBEBEB80; }

/* line 472, mainapp/static/mainapp/scss/mainapp.scss */
.border-bottom-hover {
  transition: .3s; }
  /* line 475, mainapp/static/mainapp/scss/mainapp.scss */
  .border-bottom-hover:hover {
    border: 1px solid; }

@media (max-width: 844px) {
  /* line 481, mainapp/static/mainapp/scss/mainapp.scss */
  .mobile-menu:hover {
    background: #3c6048 !important; } }

@media (min-width: 992px) {
  /* line 488, mainapp/static/mainapp/scss/mainapp.scss */
  .f_and_s_buttons {
    width: 75% !important; } }

@media (max-width: 768px) {
  /* line 493, mainapp/static/mainapp/scss/mainapp.scss */
  .f_and_s_buttons .f_and_s_btn {
    width: fit-content !important; }
  /* line 496, mainapp/static/mainapp/scss/mainapp.scss */
  .f_and_s_buttons .search_wrapper {
    margin-right: auto; } }

@media (max-width: 768px) {
  /* line 502, mainapp/static/mainapp/scss/mainapp.scss */
  .open_modal_object {
    width: fit-content !important; } }

@media (max-width: 577px) {
  /* line 511, mainapp/static/mainapp/scss/mainapp.scss */
  .mobile-flex {
    display: flex !important; } }

/* line 517, mainapp/static/mainapp/scss/mainapp.scss */
.bg-semitransbg {
  background: #47715525; }

/* line 521, mainapp/static/mainapp/scss/mainapp.scss */
.text_ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap; }

/* line 528, mainapp/static/mainapp/scss/mainapp.scss */
.percent_width_100-70px {
  width: calc(100% - 70px); }

/* line 533, mainapp/static/mainapp/scss/mainapp.scss */
.selectize-input input {
  height: 100% !important; }

/* line 538, mainapp/static/mainapp/scss/mainapp.scss */
.top-16 {
  top: 16px; }