/* Popin and overlay */
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);
/* line 12, app/assets/stylesheets/common/../theme/wesave/fonts.scss */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 18, app/assets/stylesheets/common/../theme/wesave/fonts.scss */
body {
  font-weight: 500;
}

/* line 12, app/assets/stylesheets/common/../theme/wesave/fonts.scss */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 18, app/assets/stylesheets/common/../theme/wesave/fonts.scss */
body {
  font-weight: 500;
}

/* line 8, app/assets/stylesheets/common/popin.scss */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(94, 142, 184, 0.8);
  z-index: 1500;
  visibility: hidden;
  opacity: 0;
  overflow-x: hidden;
  transition: visibility 0s 0.3s ease-out, opacity 0.3s ease-out, height 0s 0.3s;
  text-align: center;
  pointer-events: none;
  padding: 20px;
  display: flex;
  align-items: center;
}

/* line 26, app/assets/stylesheets/common/popin.scss */
.overlay.show {
  height: 100%;
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  pointer-events: auto;
}

/* line 33, app/assets/stylesheets/common/popin.scss */
.overlay.show .popin {
  opacity: 1;
  top: 0;
}

/* line 40, app/assets/stylesheets/common/popin.scss */
.popin {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 710px;
  background: white;
  border-radius: 3px;
  overflow: hidden;
  padding: 30px;
  opacity: 0;
  margin: auto;
  top: -100px;
  box-shadow: 0 10px 40px 0 rgba(46, 56, 70, 0.3);
  transition: all 0.2s  ease-out;
}

/* line 56, app/assets/stylesheets/common/popin.scss */
.popin.nopadding {
  padding: 12px 0;
}

/* line 59, app/assets/stylesheets/common/popin.scss */
.popin.nopadding h2 {
  padding: 0 30px;
}

/* line 64, app/assets/stylesheets/common/popin.scss */
.popin .cross {
  z-index: 2;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  background: url(/assets/wesave/icons/icn-close-b814cc98e8ba597b75941ef40657e3c9fb25fceae26eb8fbf2498c7aef306703.svg) no-repeat center center;
  background-size: 10px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

/* line 16, app/assets/stylesheets/common/../mixins.scss */
.popin .cross:hover {
  transform: rotate(-90deg);
}

/* line 69, app/assets/stylesheets/common/popin.scss */
.popin .popin-actions {
  padding-top: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: -6px -12px;
}

/* line 76, app/assets/stylesheets/common/popin.scss */
.popin .popin-actions .btn {
  margin: 6px 12px;
}

/* line 81, app/assets/stylesheets/common/popin.scss */
.popin h2 {
  color: #5E8EB8;
  font-size: 1.5rem !important;
  font-weight: normal;
  font-family: "Raleway";
  margin-bottom: 12px;
}

/* line 88, app/assets/stylesheets/common/popin.scss */
.popin h2 + .darkerbg {
  margin-top: 12px;
}

/* line 93, app/assets/stylesheets/common/popin.scss */
.popin h3 {
  font-weight: normal;
  color: #5E8EB8;
}

/* line 98, app/assets/stylesheets/common/popin.scss */
.popin p {
  padding: 12px 0;
  color: #666666;
  font-size: 0.93rem;
  line-height: 1.5;
  text-align: left;
}

/* line 106, app/assets/stylesheets/common/popin.scss */
.popin img.intro {
  margin: 20px auto;
}

/* line 110, app/assets/stylesheets/common/popin.scss */
.popin > .popin-loading {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: none;
  background: rgba(255, 255, 255, 0.8) url(/assets/proto/loaderanim-b2632eaaa81d300f27ac71b5b84986d2eea2d5d5c675f186f4acbb3947642103.svg) center center no-repeat;
  z-index: 2;
  height: 100%;
  background-size: 60px;
}

/* line 122, app/assets/stylesheets/common/popin.scss */
.popin > .popin-loading.show {
  display: block;
}

/* line 126, app/assets/stylesheets/common/popin.scss */
.popin > .popin-loading > p {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 25px;
}

/* line 137, app/assets/stylesheets/common/popin.scss */
.popin .btn {
  padding: 8px 16px;
  min-width: 160px;
  background: #5E8EB8;
  border-radius: 2px;
  height: auto;
  line-height: normal;
  color: #FFFFFF;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  transition: all 0.4s  ease-out;
  font-size: 15px;
  border: none;
}

/* line 152, app/assets/stylesheets/common/popin.scss */
.popin .btn:hover {
  background-color: #9AB4CB;
  transition: background-color .1s ease-out;
}

/* line 157, app/assets/stylesheets/common/popin.scss */
.popin .btn.white {
  background: #FFFFFF;
  border: 1px solid #5E8EB8;
  color: #5E8EB8;
}

/* line 162, app/assets/stylesheets/common/popin.scss */
.popin .btn.white:hover {
  opacity: 0.7;
}

/* line 168, app/assets/stylesheets/common/popin.scss */
.popin .btn.red {
  background: #E6808D;
}

/* line 173, app/assets/stylesheets/common/popin.scss */
.popin .content {
  padding: 10px;
  margin: auto;
}

/* line 178, app/assets/stylesheets/common/popin.scss */
.popin .disappear {
  max-height: 0 !important;
  padding: 0 !important;
}

/* Auto-logout popin */
/* line 187, app/assets/stylesheets/common/popin.scss */
#auto-logout-popin form {
  display: none;
}

/* line 190, app/assets/stylesheets/common/popin.scss */
#auto-logout-popin p {
  width: 460px;
}

/* Forgotten password popin */
/* line 199, app/assets/stylesheets/common/popin.scss */
#forgotten-password-popin #email-sent {
  display: none;
}

/* line 203, app/assets/stylesheets/common/popin.scss */
#forgotten-password-popin .email {
  font-weight: 600;
}

/* line 207, app/assets/stylesheets/common/popin.scss */
#forgotten-password-popin .popin {
  max-width: 700px;
  width: 100%;
}

/* Edit password popin */
/* line 217, app/assets/stylesheets/common/popin.scss */
#edit-password-popin form {
  max-width: 360px;
  margin: auto;
}

/* line 222, app/assets/stylesheets/common/popin.scss */
#edit-password-popin .popin {
  max-width: 700px;
  width: 100%;
}

/* line 227, app/assets/stylesheets/common/popin.scss */
#edit-password-popin #password-changed {
  display: none;
}

/* line 231, app/assets/stylesheets/common/popin.scss */
#edit-password-popin .error-message {
  margin: 0px auto 10px;
}

/* Recap popin */
/* line 239, app/assets/stylesheets/common/popin.scss */
.popin.recap > p {
  font-weight: 400;
  padding: 10px 100px;
}

/* line 244, app/assets/stylesheets/common/popin.scss */
.popin.recap .text-box {
  width: 100%;
}

/* line 248, app/assets/stylesheets/common/popin.scss */
.popin.recap .new_user {
  padding-top: 20px;
  width: 345px;
  margin: auto;
}

/* Risk profile confirmation popin */
/* line 257, app/assets/stylesheets/common/popin.scss */
#confirm_pop_ok .popin-actions {
  margin-top: 0;
}

/* Document popin (signup/document and page/profil) */
/* line 264, app/assets/stylesheets/common/popin.scss */
#informations_to_fill .popin {
  width: 100%;
  max-width: 600px;
}

/* line 268, app/assets/stylesheets/common/popin.scss */
#informations_to_fill .radiobox {
  margin: 6px;
}

/* line 271, app/assets/stylesheets/common/popin.scss */
#informations_to_fill .radiobox label {
  height: 60px;
  width: 230px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}

/* line 278, app/assets/stylesheets/common/popin.scss */
#informations_to_fill .radiobox.oneline label {
  line-height: 37px;
}

/* line 282, app/assets/stylesheets/common/popin.scss */
#informations_to_fill > .popin h2 {
  margin-bottom: 5px !important;
  font-size: 30px;
  width: 100%;
}

/* line 288, app/assets/stylesheets/common/popin.scss */
#informations_to_fill > .popin h3 {
  position: relative;
  font-weight: 300;
}

/* line 293, app/assets/stylesheets/common/popin.scss */
#informations_to_fill > .popin > .darkerbg {
  margin: 12px 0;
}

/* line 296, app/assets/stylesheets/common/popin.scss */
#informations_to_fill > .popin > .darkerbg > h3 {
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  color: #666666;
  margin-bottom: 12px;
}

/* line 303, app/assets/stylesheets/common/popin.scss */
#informations_to_fill > .popin .file {
  max-width: 400px;
  width: 100%;
  margin: auto;
  height: 50px;
  background-color: rgba(94, 142, 184, 0.1);
  margin-top: 1px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 315, app/assets/stylesheets/common/popin.scss */
#informations_to_fill > .popin a {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  color: #5E8EB8;
  text-decoration: underline;
}

/* line 322, app/assets/stylesheets/common/popin.scss */
#informations_to_fill > .popin .file > p {
  margin-left: 11px;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a4a4a;
  text-align: left;
}

/* line 333, app/assets/stylesheets/common/popin.scss */
#informations_to_fill > .popin .file > a {
  color: #E6808D;
  font-size: 14px;
  text-decoration: underline;
}

/* line 338, app/assets/stylesheets/common/popin.scss */
#informations_to_fill > .popin .btn {
  margin: 0 auto;
}

/* line 341, app/assets/stylesheets/common/popin.scss */
#informations_to_fill:not([data-kind="identity"]) .identity,
#informations_to_fill:not([data-kind="second_identity"]) .second_identity,
#informations_to_fill:not([data-kind="residency"]) .residency,
#informations_to_fill:not([data-kind="rib"]) .rib,
#informations_to_fill:not([data-kind="phone"]) .phone,
#informations_to_fill:not([data-kind="family_record"]) .family_record,
#informations_to_fill:not([data-kind="signed_paper"]) .signed_paper,
#informations_to_fill:not([data-kind="child_identity_informations"]) .child_identity_informations,
#informations_to_fill:not([data-kind="secondary_representative_identity_informations"]) .secondary_representative_identity_informations,
#informations_to_fill:not([data-kind="secondary_representativ_phone_informations"]) .secondary_representativ_phone_informations,
#informations_to_fill[data-simple="true"] .multi-file,
#informations_to_fill[data-simple="false"] .simple-file {
  display: none;
}

/* line 359, app/assets/stylesheets/common/popin.scss */
#informations_to_fill p {
  text-align: center;
  padding-bottom: 0;
}

/* line 364, app/assets/stylesheets/common/popin.scss */
#informations_to_fill input:disabled {
  opacity: 0.8;
}

/* line 368, app/assets/stylesheets/common/popin.scss */
#informations_to_fill .error-message {
  max-width: 300px;
}

/* line 373, app/assets/stylesheets/common/popin.scss */
.upload-popin-bloc {
  padding: 12px;
}

/* line 377, app/assets/stylesheets/common/popin.scss */
.upload-popin-files {
  margin-top: 20px;
}

/* line 380, app/assets/stylesheets/common/popin.scss */
.upload-popin-files > a {
  margin-top: 8px;
}

/* line 385, app/assets/stylesheets/common/popin.scss */
#account_basic_form {
  max-width: 300px;
  margin: auto;
}

/* line 390, app/assets/stylesheets/common/popin.scss */
#popin-logout {
  min-width: 435px;
}

/* line 393, app/assets/stylesheets/common/popin.scss */
#popin-logout p {
  text-align: center;
}