// = depend_on_asset "layers.png"
// = depend_on_asset "layers-2x.png"

// This is a manifest file that'll be compiled into application.css, which will include all the files
// listed below.
//
// Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
// or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
//
// You're free to add application-wide styles to this file and they'll appear at the bottom of the
// compiled file so the styles you add here take precedence over styles defined in any styles
// defined in the other CSS/SCSS files in this directory. It is generally better to create a new
// file per style scope.
//
// = require _card
// = require _helpers
// = require _turbolinks
// = require admin_procedures_modal
// = require admin_type_de_champ
// = require carte
// = require custom_mails
// = require default_data_block
// = require description
// = require dossier_show
// = require dossiers
// = require etapes
// = require france_connect_particulier
// = require left_panel
// = require login
// = require main_container
// = require navbar
// = require notification_alert
// = require pieces_justificatives_fields
// = require pj_modal
// = require pref_list_menu
// = require print
// = require procedure
// = require recapitulatif
// = require search
// = require siret
// = require support_navigator_banner
// = require switch_menu
// = require typeahead
// = require users
// = require attestation_template_edit
// = require attestation_recapitulatif

// = require_self
// = require bootstrap-datepicker3
// = require leaflet
// = require font-awesome
// = require franceconnect
// = require bootstrap-wysihtml5
// = require select2
// = require select2-bootstrap

@import "constants";
@import "bootstrap-sprockets";
@import "bootstrap";

body {
  background-color: $light-blue;
}

html,
body {
  height: 100%;
}

body {
  padding-top: 60px;
}

form {
  margin-bottom: 0.3em;
}

.wysihtml5-sandbox {
  resize: vertical;
  width: 100% !important;
}

#wrap {
  min-height: 100%;
  margin-bottom: -50px;
  overflow: hidden;
}

#wrap::after {
  content: "";
  display: block;
}

#footer,
#wrap::after {
  height: 50px;
}

#footer {
  background-color: $light-blue;
  text-align: center;
  padding: 0;

  a,
  p {
    color: #000000;
  }

  a:hover {
    color: #000000;
  }

  p {
    line-height: 40px;
    padding: 0;
  }
}

.text-purple {
  color: #8B008B;
}

.text-default {
  color: #808080;
}

.progress-bar-purple {
  background-color: #800080;
}

.btn {
  box-shadow: none !important;
}

.description {
  padding: 10px;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity = 0);
  opacity: 0;
  outline: none;
  background: #FFFFFF;
  cursor: inherit;
  display: block;
}

.vr {
  border-left: 1px solid #808080;
}

.center {
  text-align: center;
}

textarea#description {
  width: 100%;
}

div.pagination {
  padding-top: 20px;
  display: block;
  text-align: center;
}

.alert {
  margin-bottom: 0px;
}

.alert.alert-success.move-up,
.alert.alert-danger.siret {
  position: fixed;
  top: 0px;
  left: 0;
  height: 52px;
  width: 100%;
  margin-top: 0px;
  z-index: 10;

}

.archived {
  float: right;
  margin-top: 10px;

  .confirm {
    display: none;
  }
}

#confirm {
  display: none;
}

.confirm {
  display: none;
}

.fa {
  width: 15px;
  text-align: center;
}

.off-fc-link {
  font-size: 15px !important;
  margin-top: -4px;
}

#fconnect-access {
  right: 50px;
}

#fconnect-access::before {
  left: 22.7% !important;
}

#fconnect-access::after {
  left: 23% !important;
}

#fconnect-profile {
  margin-top: 5px;
  display: inline-block;

  a {
    color: #3471A9 !important;
    text-decoration: none;
    font-size: 16px !important;
    margin-right: 0px !important;
  }
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}