/* ui-components style */
/* typography */
/* line 3, engines/public/app/assets/stylesheets/fl-components.scss */
.remove-file {
  color: #ff0060;
}

/* line 5, engines/public/app/assets/stylesheets/fl-components.scss */
.remove-file:hover {
  color: #d80051;
}

/* logo */
/* line 11, engines/public/app/assets/stylesheets/fl-components.scss */
.ui-components .fl-logo {
  width: 145px;
  height: initial;
  padding-left: 30px;
  position: relative;
  top: -.1em;
}

/* brandbar */
/* line 20, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-linear-navbar {
  background-image: linear-gradient(90deg, #253746 0%, #1791f5 100%);
  position: sticky;
  top: 0;
  z-index: 1071;
  width: 100%;
}

/* line 27, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-ui-sidebar {
  border-right: 1px solid #ddd;
  position: sticky;
  top: 4.5rem;
  z-index: 1000;
  height: calc(100vh - 4.5rem);
}

/* line 34, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-ui-sidebar .nav .nav-link {
  color: #999;
  padding: 1.2em 1em;
}

/* line 37, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-ui-sidebar .nav .nav-link:hover {
  color: #1791f5;
}

/* line 40, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-ui-sidebar .nav .nav-link.active {
  color: #fff;
  background: #1791f5;
}

/* wrapper & layout */
/* line 48, engines/public/app/assets/stylesheets/fl-components.scss */
.ui-wrapper {
  top: 4.5rem;
  height: calc(100vh - 4.5rem);
  padding: 1.5em;
  overflow-y: auto;
}

/* line 54, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-ui-sidebar-mob {
  display: none;
}

/* clip board style */
/* line 58, engines/public/app/assets/stylesheets/fl-components.scss */
.copycode,
.viewcode {
  padding: 5px;
  font-size: 10px;
  border: 0;
  width: 25px;
  height: 25px;
}

/* line 66, engines/public/app/assets/stylesheets/fl-components.scss */
.codeboard {
  background: #ddd;
  width: 100%;
  padding: 1em;
  font-size: 12px;
  border: 1px solid #c5c5c5;
}

/* button */
/* line 76, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-primary {
  color: #fff;
  min-width: 140px;
  font-weight: 400;
  font-size: 18px;
}

/* line 81, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-primary.btn-cta {
  background: #1791f5;
  border: 1px solid #1791f5;
}

/* line 84, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-primary.btn-cta:hover, .fl-btn.btn-primary.btn-cta :active, .fl-btn.btn-primary.btn-cta :focus, .fl-btn.btn-primary.btn-cta :visited {
  background: #4ad6ff;
  border: 1px solid #4ad6ff;
}

/* line 88, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-primary.btn-cta:disabled {
  background: #4ad6ff;
}

/* line 95, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-outline-primary.btn-outline-cta {
  color: #253746;
  background: transparent;
  border: 1px solid #1791f5;
  min-width: 140px;
  font-weight: 400;
  font-size: 18px;
}

/* line 102, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-outline-primary.btn-outline-cta:hover, .fl-btn.btn-outline-primary.btn-outline-cta :active, .fl-btn.btn-outline-primary.btn-outline-cta :focus, .fl-btn.btn-outline-primary.btn-outline-cta :visited {
  color: #253746;
  background: transparent;
  border: 1px solid #4ad6ff;
}

/* line 107, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-outline-primary.btn-outline-cta.sm-cta {
  min-width: initial;
}

/* line 113, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-secondary.btn-exit {
  min-width: 140px;
  font-weight: 400;
  font-size: 18px;
  color: #616161;
  background: #E8E8E5;
  border: 1px solid #E8E8E5;
}

/* line 120, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-secondary.btn-exit:hover, .fl-btn.btn-secondary.btn-exit :active, .fl-btn.btn-secondary.btn-exit :focus, .fl-btn.btn-secondary.btn-exit :visited {
  color: #555 !important;
  background: #dadada !important;
  border: 1px solid #dadada !important;
}

/* line 125, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-secondary.btn-exit[disabled], .fl-btn.btn-secondary.btn-exit :disabled {
  color: #888 !important;
  background: #F5F5F5 !important;
  border: 1px solid #F5F5F5 !important;
}

/* line 132, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn .spinner-border-sm {
  top: -.1em;
  position: relative;
}

/* line 137, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn.btn-outline-danger:hover, .fl-btn.btn-outline-danger:active, .fl-btn.btn-outline-danger:focus {
  background: #fff !important;
  color: #dc3545 !important;
}

/* line 145, engines/public/app/assets/stylesheets/fl-components.scss */
.with-icon .fl-icons:before {
  position: relative;
  bottom: -.08em;
}

/* line 152, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-btn-show-password.btn-show-password {
  background: transparent !important;
  margin: 27px 30px 0 0 !important;
  padding-right: 15px !important;
  cursor: pointer !important;
}

/* button sizes */
/* line 160, engines/public/app/assets/stylesheets/fl-components.scss */
.btn-sm-width {
  min-width: 100px !important;
}

/* line 163, engines/public/app/assets/stylesheets/fl-components.scss */
.btn-md-width {
  min-width: 160px !important;
}

/* line 166, engines/public/app/assets/stylesheets/fl-components.scss */
.btn-lg-width {
  min-width: 180px !important;
}

/* line 169, engines/public/app/assets/stylesheets/fl-components.scss */
.mw-100 {
  min-width: 100% !important;
}

/* input */
/* line 174, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-input-group-append .btn-outline-secondary {
  font-size: 14px;
}

/* line 178, engines/public/app/assets/stylesheets/fl-components.scss */
.show-psw-input {
  padding-right: 4.5rem !important;
}

/* line 181, engines/public/app/assets/stylesheets/fl-components.scss */
.checkbox-label-txt {
  position: relative;
  top: -.1em;
  font-size: 80%;
  font-weight: 400;
}

/* line 187, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-slider {
  width: 100%;
}

/* line 189, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-slider .irs-slider {
  top: 28px;
}

/* line 192, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-slider .irs-bar {
  margin-left: -5px;
}

/* line 195, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-slider .irs-bar-edge {
  width: 8px;
}

/* line 200, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-switch .on-switch {
  margin-left: 18px;
}

/* line 203, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-switch .off-switch {
  margin-left: 15px;
}

/* line 208, engines/public/app/assets/stylesheets/fl-components.scss */
.comp-ex .onfocus {
  border: 1px solid #57baff;
}

/* line 211, engines/public/app/assets/stylesheets/fl-components.scss */
.comp-ex .return-error {
  border: 1px solid #f14152;
}

/* line 214, engines/public/app/assets/stylesheets/fl-components.scss */
.comp-ex .error-checkbox {
  color: #dc3545;
}

/* line 220, engines/public/app/assets/stylesheets/fl-components.scss */
.text-with-icon .fl-icons:before {
  position: relative;
  margin-left: -.7em;
  bottom: -.1em;
}

/* form */
/* line 229, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-require-reddot.form-require-reddot {
  font-size: 18px !important;
  font-weight: 1000 !important;
  color: #FF0060 !important;
  position: absolute !important;
  top: -3px !important;
  padding-left: 3px !important;
  left: initial !important;
}

/* line 239, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group {
  margin-bottom: .5rem;
}

/* line 241, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group label {
  text-align: left;
  width: 100%;
  margin-bottom: -1.5em;
  font-size: .8em;
  color: #777;
}

/* line 247, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group label.custom-control-label {
  vertical-align: initial;
  font-size: 1rem;
}

/* line 251, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group label.error {
  color: #ff0060;
  padding-left: 0;
}

/* line 255, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group label.error {
  color: #ff0060;
  padding-left: 0;
}

/* line 260, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group .error-msg {
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545;
}

/* line 265, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group .form-control {
  height: calc(2.4rem + 3px) !important;
  padding: .5rem .75rem !important;
}

/* line 268, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group .form-control.password-input {
  padding-right: 4.2em;
}

/* line 271, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group .form-control.error {
  border-color: #FF0060;
}

/* line 276, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group .fl-checkbox input {
  margin-left: -25px;
  margin-right: 10px;
}

/* line 281, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group textarea.form-control {
  height: auto !important;
}

/* line 284, engines/public/app/assets/stylesheets/fl-components.scss */
.fl-form-group .custom-control-label {
  width: auto;
}

/* line 289, engines/public/app/assets/stylesheets/fl-components.scss */
a.text-secondary.text-decoration-none:hover {
  color: #1791f5 !important;
}

/* line 293, engines/public/app/assets/stylesheets/fl-components.scss */
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff !important;
  background-color: #007bff !important;
  outline: initial;
  box-shadow: none !important;
}

/* line 300, engines/public/app/assets/stylesheets/fl-components.scss */
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
  color: initial;
}

/* line 304, engines/public/app/assets/stylesheets/fl-components.scss */
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  text-align: left;
}

/* recaptcha */
/* line 311, engines/public/app/assets/stylesheets/fl-components.scss */
.recaptcha-mobile {
  max-width: 304px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 992px) {
  /* line 317, engines/public/app/assets/stylesheets/fl-components.scss */
  .fl-ui-sidebar {
    display: none;
  }
  /* line 320, engines/public/app/assets/stylesheets/fl-components.scss */
  .fl-ui-sidebar-mob {
    display: block;
  }
  /* line 322, engines/public/app/assets/stylesheets/fl-components.scss */
  .fl-ui-sidebar-mob .nav-link {
    color: #999;
  }
  /* line 324, engines/public/app/assets/stylesheets/fl-components.scss */
  .fl-ui-sidebar-mob .nav-link:hover {
    color: #1791f5;
  }
  /* line 327, engines/public/app/assets/stylesheets/fl-components.scss */
  .fl-ui-sidebar-mob .nav-link.active {
    color: #1791f5;
  }
}