$adminBlue: #2e59d9;
$adminGreen: #35bc9d;
$adminYellow: #fdbb41;

$primary: #3444BF;
$green: #20AC2A;

$darkText: #32324d;
$almostWhite: #f6f6f9;

@import url('https://fonts.googleapis.com/css2?family=Poppins');
$font-family-sans-serif: 'Poppins', sans-serif;

@import '~@fortawesome/fontawesome-pro/css/all.css';

@import "~startbootstrap-sb-admin-2/scss/sb-admin-2";

@import "mixins";

// form components
@import "components/form/collection/collection";
@import "components/form/date_picker/flatpickr";
@import "components/form/rich_select/choicesjs";
@import "components/form/rich_text/ckeditor";
@import "components/form/form";

// admin styles
@import "components/loader/loader";
@import "components/entity";
@import "components/entity_list";
@import "components/flashbag_notification";
@import "components/sidebar";
@import "components/navbar";
@import "components/locale_switcher";

html, body {
    height: 100%;
}

#wrapper #content-wrapper {
  background-color: $almostWhite;
  overflow: hidden;
}

#sidebarToggle:after {
  display: none;
}

.sticky-footer {
  background-color: #E9ECEF;
  .copyright {
    color: #787895;
  }
}

.absolute-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #E9ECEF;
  padding: 2rem 0;
  .copyright {
    color: #787895;
  }
}

#head-list-actions{
  gap: 15px;
  .btn{
    height: fit-content;
  }
  .choices__inner{
    border-radius: 8px 0px 0px 8px;
    min-width: 230px;
    .choices__item{
      background-color: #4e73df;
      border: #4e73df;
    }
  }
  .input-group-append{
    .btn{
      border-radius: 0px 8px 8px 0px;
    }
  }
  .choices__item--selectable.is-highlighted{
    background-color: #4e73df;
  }
}

#entity_form {
  .form-group {
    display: flex;
    flex-direction: column;

    small {
      font-style: italic;
    }

    & > label {
      order: 1;
      margin-bottom: 6px;
      margin-top: 8px;
    }
    & > legend {
      order: 1;
      margin-bottom: 6px;
      margin-top: 8px;
    }
    & > .form-control {
      order: 3;
      margin: 0;
    }
    & > .form-text {
      order: 2;
      margin: 0;
    }
    & > .choices {
      order: 3;
      margin: 0;
    }
    & > .aa-image {
      order: 3;
      margin: 0;
    }
    & > .ck-editor {
      order: 3;
      margin: 0;
    }
  }
}

.scroll-to-top {
  z-index: 10;
}
