:root {
  --bs-font-sans-serif: 'PT Sans';
}

.navbar-light .navbar-brand {
  color: #006890;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: #00adff;
}

.provided-logo {
  margin-top: 1em;
}
.provided-logo small {
  font-size: 70%;
}
.provided-logo a {
  text-decoration: none;
  color: #212529;
}

.actions {
  color: white;
}

.text-white a {
  color: white;
}

.sticky {
  position: sticky;
  top: 0;
  z-index: 9999;
}

.document, .signature {
  position: relative;
}
.document .overlay, .signature .overlay {
  /*display: none;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*transition:all 0.2s ease;*/
  background: rgba(0, 0, 0, 0.8);
}

/*.modal:nth-of-type(even) {
  z-index: 9062 !important;
}*/

#infosModal .modal-dialog {
  overflow-y: initial !important;
}
#infosModal .modal-body{
  height: 50vh;
  overflow-y: auto;
}

.signature {
  padding-top: 60px;
  padding-bottom: 120px;
}

/*body {
  margin: auto;
}*/
.container {
  /*overflow-y: auto;
  height: 600px;
  width: 600px;*/
}
.page_container {
  position: relative;
  width: 100%;
}
.page {
  width: 100%;
  border:solid 1px blue;
}

.flag {
  margin-left: -40px;
  width: 90px;
  /*height: 42px;*/
  padding: 3px;
  border: solid 1px #dc3545;
  background-color: white;
}
.flag .right-arrow {
  width: 0; 
  height: 0;
  border-top: 21px solid transparent; 
  border-bottom: 21px solid transparent; /* 40px height (20+20) */
  border-left: 20px solid #dc3545;
  position: absolute;
  right: -20px;
  top: -1px;
}

.entry-checkbox:not([readonly]) {
  outline: solid 3px #dc3545;
}
.entry-checkbox:checked {
  outline: none;
}
.entry-select {
  padding: 0.3rem;
  background-position: right 0.5rem center;
}
.entry-select:not([readonly]) {
  outline: solid 3px #dc3545;
}

.entry-sign {
  border-radius: 8px;
}
.entry-sign:not([readonly]) {
  outline: solid 3px #dc3545;
  cursor: pointer;
}
.entry-sign[readonly] {
  background-color: #e9ecef;
}

.sms-status, .code-status {
  color: #ff6c6c;
}

footer {
  position: fixed;
  bottom: 0;
  z-index: 9999999999;
  width: 100%;
  display: block;
  background-color: #f8f9fa;
  height: 45px;
  padding: 10px;
}
footer a {
  text-decoration: none;
}