@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
section#login_index {
  height: 100%;
  min-height: 500px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  section#login_index .grey_card {
    height: 400px;
    padding: 40px;
    border-radius: 3px;
    border: 1px solid rgba(102, 102, 102, 0.1);
    box-shadow: rgba(102, 102, 102, 0.2) 0 5px 5px 0;
    transition-duration: 0.1s;
    background-color: white;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center; }
    section#login_index .grey_card:hover {
      box-shadow: rgba(102, 102, 102, 0.4) 0 5px 15px 0;
      border: 1px solid rgba(102, 102, 102, 0.2); }
  section#login_index .cadre_main img {
    height: 180px;
    margin-bottom: 40px; }

html #dvContainer #dvContainer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: white;
  background: radial-gradient(circle, white 0%, #cccccc 100%); }
  html #dvContainer #dvContainer .dvContainer {
    box-shadow: 0 0 10px rgba(102, 102, 102, 0.4);
    width: 700px !important; }
    html #dvContainer #dvContainer .dvContainer div.dv-container div.dv-leftsidebuttons.dv-container-cell {
      background-color: #213e4e !important; }

.header-title {
  font-size: 16px;
  color: #213e4e;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold; }

.logo-nav-esign {
  width: 125px;
  margin-left: 3rem; }
  @media (max-width: 767.98px) {
    .logo-nav-esign {
      width: 100px;
      margin: unset !important; } }

.card-document {
  color: #213e4e;
  margin-top: 52px; }

.card-document::placeholder {
  color: rgba(255, 255, 255, 0.815); }

.document-intel {
  padding: 15px;
  background-color: white;
  margin: 0 3rem;
  font-size: 17px; }
  @media (max-width: 767.98px) {
    .document-intel {
      margin: unset !important; } }

@media (max-width: 767.98px) {
  .attachment-on-card-preview-esign {
    padding: 1rem 0.5rem !important; } }

.text-position {
  padding: 1rem 2.5rem; }

.add-pieces-parapheur,
.add-pieces {
  background-color: #213e4e !important;
  color: white !important;
  border: none;
  width: 100%; }

.icon-docu-card {
  font-size: 17px; }

.text-area-card {
  border-bottom: 1px solid white; }

input:focus {
  outline: none; }

.attachement-import {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #213e4e inset;
  -webkit-text-fill-color: white;
} */
#control-attachment-warning-id,
#control-mandatory-warning-id,
#control-check-warning-id {
  color: #ff6776 !important; }

.icon-document-download-on-card,
.icon-document-download-on-card:hover {
  color: #213e4e; }

.need-to-be-inversed {
  direction: rtl; }

#sign_signature_confirm {
  margin: 0px 10px; }

.sidebar-when-mandatory-notice-is-empty {
  border: 3px solid rgba(0, 0, 0, 0.1) !important; }

#btn_revoquer_signature,
#btn_giving_access_to_type_of_signature {
  margin: 0px 24px 24px !important; }
  @media (max-width: 767.98px) {
    #btn_revoquer_signature,
    #btn_giving_access_to_type_of_signature {
      margin: 0.25rem; } }

.btn-success-set-opacity {
  opacity: 0.3 !important; }

.error-title-modal {
  color: #ff6776 !important; }

.success-title-modal {
  color: #28a745 !important; }

.modal-title {
  font-size: 1.875em !important;
  font-weight: 600;
  margin: auto;
  color: white; }
  @media (max-width: 767.98px) {
    .modal-title {
      font-size: 1.45rem !important; } }

@media (max-width: 767.98px) {
  .footer-signature-btn {
    padding-top: 1rem; } }

.navbar-container {
  background-color: #213e4e; }

.nav-item {
  height: 50px;
  display: flex;
  align-content: center;
  align-items: center;
  font-weight: bold;
  justify-content: flex-start; }
  @media (max-width: 767.98px) {
    .nav-item {
      height: 100px;
      padding: 5px;
      font-size: 12px; } }

@media (max-width: 767.98px) {
  .sidebar {
    width: 3.5rem !important; } }

.nav-item.active {
  background-color: #348dbe; }

.logo-nav-parapheur {
  padding: 10px 10px 17px 16px !important;
  height: 4rem !important; }
  @media (max-width: 767.98px) {
    .logo-nav-parapheur {
      height: 19px !important;
      padding: 5px !important; } }

@media (max-width: 767.98px) {
  .text-nav-who-needs-to-be-hide {
    display: none; } }

@media (max-width: 767.98px) {
  .icon-nav-bar {
    font-size: 1.4rem !important; } }

.page-footer {
  background-color: white !important; }

.link-footer:hover,
.link-footer {
  color: #213e4e !important; }

.btn-main {
  background: #213e4e;
  color: #ffffff;
  border-color: #858796; }
  .btn-main.active, .btn-main:hover {
    background: #ffffff;
    color: #213e4e; }

.btn-outline-main {
  border-color: #858796;
  background: #ffffff;
  color: #213e4e; }
  .btn-outline-main.active, .btn-outline-main:hover {
    background: #213e4e;
    color: #ffffff; }

/* ---------------------- Modal ------------------ */
/* Force modals above DocuVieware iframes which use high z-index values */
.modal {
  z-index: 2147483647 !important; }

.modal-backdrop {
  z-index: 2147483646 !important; }

.modal-header {
  background-color: #213e4e !important; }

.modal-title-signature {
  color: white; }

@media (max-width: 767.98px) {
  .height-responsive-modal {
    height: 75vh !important; } }

/* ---------------------- tab css ------------------ */
#pills-tab {
  display: flex;
  flex-wrap: nowrap; }
  @media (max-width: 767.98px) {
    #pills-tab {
      flex-wrap: wrap; } }

.choice-of-sign-item-nav {
  height: 175px;
  font-weight: bold;
  justify-content: flex-start;
  flex-direction: column; }

.nav-link.active {
  border: 1px solid #1cc88a !important;
  background-color: white !important; }

.link-signature-tab {
  color: #213e4e !important;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center; }
  @media (max-width: 767.98px) {
    .link-signature-tab {
      border: 1px solid #213e4e;
      width: 210px !important; } }

.img-choice-signature-esign {
  width: 80px;
  height: 80èpx; }

/* ---------------------- Signature manuscrite css ------------------ */
.wrapper-canvas {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center; }

#canvasPad {
  border: 1px solid #acab;
  border-radius: 10px;
  width: 800px;
  height: 250px; }
  @media (max-width: 767.98px) {
    #canvasPad {
      width: 210px;
      height: 250px; } }
  @media (min-width: 576px) and (max-width: 991.98px) {
    #canvasPad {
      width: 350px;
      height: 250px; } }
  @media (min-width: 768px) and (max-width: 1199.98px) {
    #canvasPad {
      width: 450px;
      height: 250px; } }

/* ---------------------- Signature clavier css ------------------ */
.column-flex {
  flex-direction: column; }

.div-content-input-to-sign {
  justify-content: center; }
  @media (max-width: 767.98px) {
    .div-content-input-to-sign {
      justify-content: flex-start; } }

@media (max-width: 767.98px) {
  #pills-contact {
    height: 120px; } }

#input_name {
  overflow: visible;
  border: 0;
  border-bottom: 1px solid #213e4e;
  height: 50px;
  color: #213e4e;
  padding-top: 15px;
  padding-left: 5px;
  font-family: "Dancing Script", cursive;
  font-size: 2rem; }
  @media (max-width: 767.98px) {
    #input_name {
      width: 185px;
      font-size: 1rem; } }

#input_name::placeholder {
  color: #858796 !important;
  font-size: 1.3em; }

/* ---------------------- Import Signature ------------------*/
.new-button {
  display: inline-block;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #213e4e;
  background-color: white;
  font-size: 16px;
  background-image: repeating-linear-gradient(145deg, #ccc, #ccc 30px, #dbdbdb 10px, #dbdbdb 35px);
  color: #213e4e; }

#input-file-download {
  position: absolute;
  z-index: -1;
  top: 6px;
  left: 0;
  font-size: 15px;
  color: #999999; }

#input-signature-canvas {
  width: 800px;
  height: 150px; }
  @media (max-width: 767.98px) {
    #input-signature-canvas {
      width: 200px; } }

.button-wrap {
  position: relative; }

@media (max-width: 767.98px) {
  .import-btn-container {
    padding: 0px !important; } }

/* ---------------------- btn footer css ------------------ */
.footer-signature-btn {
  display: flex;
  justify-content: space-evenly;
  padding-top: 5rem; }
  @media (max-width: 767.98px) {
    .footer-signature-btn {
      flex-wrap: wrap;
      padding-top: 1rem; } }

.bandeauViewerPageTop {
  background-color: #213e4e;
  text-align: center;
  color: white;
  font-weight: bolder;
  font-size: 15px;
  padding: 2rem 0 !important;
  margin-bottom: 3rem; }
  @media (max-width: 767.98px) {
    .bandeauViewerPageTop {
      margin-bottom: 0rem; } }

.bandeauViewerPageBottom {
  text-align: center;
  font-weight: bolder;
  font-size: 15px; }
  @media (max-width: 991.98px) {
    .bandeauViewerPageBottom {
      display: flex !important;
      flex-direction: column; } }

.row-pdf-viewer-center {
  justify-content: space-evenly !important; }
  @media (max-width: 991.98px) {
    .row-pdf-viewer-center {
      display: flex !important;
      flex-direction: column !important; } }

.link-valid-code,
.link-valid-code:hover {
  color: #858796; }

.code-input {
  border: none;
  width: inherit;
  border-bottom: 1px solid #858796;
  padding-bottom: 5px;
  text-align: center; }

.code-input::placeholder {
  color: #858796 !important; }

.text-area-card-code {
  border-bottom: 1px solid white;
  margin: auto;
  width: 50%; }

#floatingTextarea,
#deny_reason {
  overflow: hidden;
  resize: none;
  width: 100% !important;
  height: 150px;
  background-color: #495d7c;
  color: white; }

#floatingTextarea::placeholder,
#deny_reason::placeholder {
  color: rgba(255, 255, 255, 0.815) !important; }

.signPageSection {
  border: #348dbe 1px solid;
  color: #348dbe; }

.titleSignPage {
  font-size: 1.64rem; }
  @media (max-width: 767.98px) {
    .titleSignPage {
      font-size: 1.24rem; } }

@media (max-width: 767.98px) {
  .welcome-modal-p {
    font-size: 0.84rem; } }

@media (max-width: 767.98px) {
  .titleSignPage {
    font-size: 1.04rem; } }

.btnSignatureBegin {
  background-color: white !important;
  border-color: #348dbe !important;
  width: 300px;
  height: 60px;
  align-items: center;
  display: flex;
  text-align: center;
  color: #348dbe;
  justify-content: center;
  margin: 20px auto; }

.btnSignatureBegin:hover {
  background-color: #348dbe !important;
  border-color: white !important;
  color: white; }

.title-on-top-on-pdf-viewer {
  color: #213e4e;
  font-weight: bold;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  font-size: 1.5rem; }

.icon-card-preview {
  font-size: 1.3rem; }

a:hover {
  color: white;
  text-decoration: none; }

#collapseEsign {
  height: 190px;
  overflow-y: scroll;
  overflow-y: red; }

.success-card-top {
  height: 100%;
  width: 700px;
  background-color: #213e4e;
  margin: 5rem auto;
  color: white;
  padding: 40px; }
  @media (max-width: 767.98px) {
    .success-card-top {
      width: 100%;
      height: 350px; } }

.success-card-top-parapheur {
  height: 100%;
  width: 700px;
  background-color: #213e4e;
  margin: 5rem auto;
  color: white;
  padding: 40px; }
  @media (max-width: 767.98px) {
    .success-card-top-parapheur {
      width: 100%;
      height: 500px;
      padding: 0.1rem !important; } }

.success-card-bottom {
  height: 200px;
  width: 700px;
  margin: 5rem auto; }
  @media (max-width: 767.98px) {
    .success-card-bottom {
      width: 100%;
      height: 110px; } }

.logo-success {
  color: #1cc88a;
  font-size: 3.25rem;
  padding: 15px; }

.logo-success-parapheur {
  color: #1cc88a;
  font-size: 1rem;
  padding: 10px; }

@media (max-width: 767.98px) {
  .deny-reason-already-signed {
    height: 130px;
    overflow-y: scroll; } }

@media (max-width: 767.98px) {
  .welcome-modal-need-to-be-displayed {
    display: none !important; } }

.fail-card-top {
  height: 100%;
  width: 700px;
  background-color: #213e4e;
  margin: 5rem auto;
  color: white;
  padding: 40px !important; }
  @media (max-width: 767.98px) {
    .fail-card-top {
      width: 100%;
      height: 100%; } }

.tooltip {
  pointer-events: none; }

.table {
  color: #213e4e !important;
  width: 100% !important; }

.table-responsive {
  padding: 0px 10px; }

.table-last-td-download,
.fa-users {
  color: #348dbe;
  font-size: 1.275rem;
  opacity: 1 !important; }

.table-last-td-download:hover {
  color: #348dbe; }

.table-last-td-search,
.iconOTP {
  color: #213e4e;
  font-size: 1.275rem; }

.table-last-td-search:hover {
  color: #213e4e; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #dcf3ff !important; }

.select-all,
.select-one,
#sign_signature_confirm {
  width: 1.3em;
  height: 1.3em;
  background-color: white !important;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid #5a5c69;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative; }
  .select-all.disabled,
  .select-one.disabled,
  #sign_signature_confirm.disabled {
    border: 0px solid #5a5c69;
    background-color: #8080805e !important;
    cursor: default; }

.select-all:checked,
.select-one:checked,
#sign_signature_confirm:checked {
  border: 0px solid #ddd;
  background-color: #213e4e; }

.select-all:checked:before,
.select-one:checked:before,
#sign_signature_confirm:checked:before {
  position: absolute;
  text-align: center;
  border-radius: 50%;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  width: 100%;
  height: 100%;
  content: "✓";
  padding-bottom: 2px;
  background: #213e4e;
  border-color: #213e4e; }

.ban-signature-list {
  width: 1.3em;
  height: 1.3em;
  background-color: #8080805e !important;
  border-radius: 50%;
  vertical-align: middle;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative; }

.select-one:disabled {
  display: none; }

.table th,
.table td {
  vertical-align: middle !important; }

.dataTables_length,
.pagination {
  padding: 0px 10px;
  color: #213e4e !important; }
  @media (max-width: 767.98px) {
    .dataTables_length,
    .pagination {
      font-size: 13px; } }

.sorting_disabled:before,
.sorting_disabled:after {
  display: none !important; }

.sorting:before,
.sorting:after {
  top: 10px !important; }

.check-signature-list {
  color: #28a745 !important; }

.table-multi-signed-detail,
.table-multi-sign-detail {
  margin-left: 5px;
  width: 451px !important; }
  @media (max-width: 767.98px) {
    .table-multi-signed-detail,
    .table-multi-sign-detail {
      margin: 0px !important;
      width: 180px !important; } }

.table-multi-sign-detail-tr {
  border: none; }

.background-of-number-of-signer {
  background-color: #348dbe;
  width: 30px;
  height: 20px;
  border-radius: 63%;
  position: relative;
  top: -41px;
  right: -21px; }

.number-of-signer {
  color: white;
  font-size: 10px;
  font-weight: bold; }

.fa-succed-icon {
  color: rgba(40, 167, 69, 0.56) !important; }

.fa-succed-icon-owner {
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(40, 167, 69, 0.56); }

.fa-fail-icon-owner,
.fa-fail-icon {
  color: #348dbe !important; }

.fa-fail-icon-owner {
  padding-bottom: 3px;
  border-bottom: 2px solid #348dbe; }

.page-item.active .page-link {
  background-color: #213e4e !important;
  border-color: #213e4e !important;
  color: white !important; }

.page-link {
  color: #213e4e !important; }

.badge.badge-secondary {
  background-color: #213e4e; }

@media (max-width: 767.98px) {
  .pagination {
    font-size: 12px; } }

.header-search {
  margin: 2rem; }
  @media (max-width: 767.98px) {
    .header-search {
      flex-direction: column !important; } }

.btn-loupe-search-header {
  padding: 0px !important; }

.btn-send-signature,
.btn-send-signature:hover,
.btn-send-signature:focus,
.btn-send-signature:active {
  color: #fff;
  background-color: #348dbe !important;
  border-color: #348dbe !important;
  box-shadow: none; }
  @media (max-width: 767.98px) {
    .btn-send-signature,
    .btn-send-signature:hover,
    .btn-send-signature:focus,
    .btn-send-signature:active {
      margin: 1rem;
      font-size: 15px; } }

.form-control {
  width: unset !important; }

.search-area-field {
  padding: 0px; }
  @media (max-width: 767.98px) {
    .search-area-field {
      flex-direction: column !important; } }

.search-header-first-part {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 991.98px) {
    .search-header-first-part {
      flex-direction: column !important; } }

.search-header-second-part {
  padding-right: 25px; }
  @media (max-width: 767.98px) {
    .search-header-second-part {
      padding: 0px !important; } }

.table-selected-ligne {
  background-color: #dcf3ff; }

@media only screen and (max-width: 800px) {
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
    font-size: 14px; }

  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  tr {
    margin-bottom: 10px !important;
    border: 1px solid #ccc; }

  td {
    display: flex !important;
    justify-content: center !important; } }
.my-custom-scrollbar {
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-color: #213e4e #348dbe; }
  @media (max-width: 767.98px) {
    .my-custom-scrollbar {
      height: 38vh;
      overflow-x: scroll;
      overflow-y: hidden;
      display: flex;
      align-items: center; } }

.display-mini-contrat {
  background-color: white;
  height: 183px; }

.dvContainer {
  height: 800px; }
  @media (max-width: 991.98px) {
    .dvContainer {
      height: 500px !important; } }

#dvContainer {
  height: 800px;
  margin-bottom: 3rem; }
  @media (max-width: 767.98px) {
    #dvContainer {
      height: 500px;
      margin-bottom: 0rem; } }

.btn-go-to-last-page {
  color: #348dbe;
  font-size: 3.5rem; }

.container-docu-viewer {
  display: flex;
  flex-direction: column;
  align-items: center; }

#btn-sign-document-parapheur {
  margin-left: 25%; }

.text-position-parapheur {
  padding: 1rem 2.5rem; }
  @media (max-width: 767.98px) {
    .text-position-parapheur {
      padding: 1.25rem !important; } }

.add-pieces-parapheur {
  background-color: #213e4e;
  color: white !important;
  border: none;
  width: 100%; }

.bandeauViewerPageBottomParapheur {
  text-align: center;
  font-weight: bolder;
  font-size: 15px;
  border-radius: 0.35rem 0.35rem 0px 0px; }

.card-document-parapheur {
  color: #213e4e; }

.attachement-card-parapheur {
  height: 180px;
  overflow-y: scroll; }

.attachement-card-parapheur::-webkit-scrollbar-thumb {
  background-color: #858585; }

.card-footer:last-child {
  border-radius: 0px 0px 0.35rem 0.35rem; }

@media (max-width: 767.98px) {
  #btn-group-card-preview-parapheur {
    flex-wrap: wrap !important; } }

@media (max-width: 767.98px) {
  .card-preview-parapheur {
    padding: 25px !important;
    margin: 0px !important; } }

@media (max-width: 767.98px) {
  #next-document {
    margin: 0px !important; } }

@media (max-width: 767.98px) {
  .text-add-files-card-preview-parapheur {
    font-size: 14px; } }

.card-body-mini-sign {
  padding: 40px 0px 40px 20px !important; }
  @media only screen and (max-width: 1678px) {
    .card-body-mini-sign {
      padding: 30px !important;
      flex-wrap: nowrap !important;
      flex-direction: column !important;
      margin: 1rem; } }

.card-body-mini-sign-active {
  background-color: #86d0f8 !important; }

.icon-mini-contrat {
  padding: 10px 0px;
  border-radius: 50%;
  height: 35px;
  background-color: white;
  color: #348dbe !important;
  width: 35px;
  margin-top: 5px;
  position: relative; }
  @media only screen and (max-width: 1678px) {
    .icon-mini-contrat {
      padding: 10px 15px !important; } }
  @media (max-width: 767.98px) {
    .icon-mini-contrat {
      font-size: 1.275rem;
      padding: 5px !important; } }

@media only screen and (max-width: 1678px) {
  #icon-mini-package {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important; } }

.markup-span-success {
  background-color: green; }

.markup-span-fail {
  background-color: #ff8d00; }

.markup-span-success,
.markup-span-fail {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  top: 0px;
  position: absolute;
  left: 27px; }

.card-loop-number {
  width: 20px;
  font-size: 3rem;
  color: #213e4e; }
  @media (max-width: 767.98px) {
    .card-loop-number {
      height: 10px; } }

@media (max-width: 767.98px) {
  .docu-preview-sign-scroll {
    padding-left: 20px !important; } }

.display-mini-contrat {
  width: 130px;
  margin-top: 15px; }

.display-document-sign-scroll {
  background-color: #348dbe;
  padding-right: 5px !important; }

.remove-icon-card-left {
  font-size: 1.875rem;
  width: 23%;
  color: #213e4e;
  position: absolute;
  top: 0px;
  left: 115px;
  background-color: #ececec;
  border-radius: 50%; }
  @media (min-width: 576px) and (max-width: 991.98px) {
    .remove-icon-card-left {
      width: 6% !important; } }
  @media (max-width: 767.98px) {
    .remove-icon-card-left {
      left: 135px !important;
      width: 18% !important; } }

.number-index-loop {
  position: relative;
  top: -32px;
  left: -6px; }

::-webkit-scrollbar {
  width: 15px; }

html,
.dv-main {
  scrollbar-color: #213e4e #ececec; }

::-webkit-scrollbar-thumb {
  background: #213e4e;
  scrollbar-color: #213e4e #ececec;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

#dvContainer::-webkit-scrollbar-thumb {
  background-color: #ececec;
  scrollbar-color: #213e4e #ececec; }

.fa-file-contract,
.fa-pencil-alt {
  width: 48px; }

.header-parapheur {
  margin: unset;
  max-width: 1630px; }

.bodytitle-parapheur {
  color: #213e4e;
  font-size: 1.6rem; }
  @media (max-width: 767.98px) {
    .bodytitle-parapheur {
      font-size: 0.8rem; } }

.header-bandeau {
  height: 5.4rem !important; }
  @media (max-width: 767.98px) {
    .header-bandeau {
      height: 2.8rem !important; } }

.user-account-selector {
  position: relative; }
  .user-account-selector .user-account-list {
    position: absolute;
    transform: translate3d(-100%, calc(-2rem - 8px), 0px);
    display: none; }
  .user-account-selector:hover .user-account-list {
    display: block; }

html {
  min-height: 100%; }
  html body {
    min-height: 100%;
    background-image: url("../images/background-white.png") !important;
    background-color: #ECECEC;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top, center bottom; }
  html header .nav-link {
    color: lightgrey; }
    html header .nav-link:hover {
      color: lightgrey; }
  html #content-wrapper {
    background-image: url("../images/background-white.png") !important;
    background-repeat: no-repeat;
    height: fit-content; }
  html #dvContainer {
    width: 100% !important; }
  html .dvContainer {
    width: 100% !important; }

#login_index {
  height: 85vh; }

.btn-access-to-the-next-step,
.btn-access-to-the-next-step:hover {
  color: #213E4E;
  border: 1px solid #213E4E; }
  @media (max-width: 767.98px) {
    .btn-access-to-the-next-step,
    .btn-access-to-the-next-step:hover {
      margin: 12px !important; } }

/*# sourceMappingURL=base.css.map */