html,
body {
  font-family:  "Inter", sans-serif;
  font-weight: 300;
}

html {
  font-size: 100%;
}

body {
  line-height: 1.125rem;
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
}

@viewport {
  width: device-width;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.left {
  float: left;
}

.right {
  float: right;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
}
html body {
  margin: 0;
  padding: 0;
}
html body #pg {
  margin: 0;
  padding: 0;
}

a,
a:link,
a:visited {
  text-decoration: none;
  color: #FF8A86;
}

a:hover {
  color: #EF4136;
}

hr {
  border: 0;
  height: 1px;
  background: #797979;
}

.table {
  border-color: #797979;
}
.table thead {
  background: #F0F3F3;
}
.table tbody td {
  padding: 11px;
  line-height: 1.5rem;
}

ul.dl {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.dl > li {
  display: flex;
  flex-direction: row;
  margin: 0 0 11px 0;
  border-bottom: 1px solid #F0F3F3;
  padding: 0 0 11px 0;
}
ul.dl > li .dt {
  margin: 0 5.5px 0 0;
  min-width: 25%;
  color: #797979;
}
ul.dl > li .dd {
  font-weight: bold;
}

.popover {
  border-radius: 0;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
}

.dropdown-menu {
  border-radius: 0;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  padding: 0;
}

.dropdown-item {
  padding: 13.75px 16.5px;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #FF8A86;
}

.w100 {
  width: 100% !important;
}

.w90 {
  width: 90% !important;
}

.w80 {
  width: 80% !important;
}

.w75 {
  width: 75% !important;
}

.w70 {
  width: 70% !important;
}

.w66 {
  width: 66.6666% !important;
}

.w60 {
  width: 60% !important;
}

.w50 {
  width: 50% !important;
}

.w40 {
  width: 40% !important;
}

.w33 {
  width: 33.3333% !important;
}

.w30 {
  width: 30% !important;
}

.w25 {
  width: 25% !important;
}

.w20 {
  width: 20% !important;
}

.w10 {
  width: 10% !important;
}

.minw25 {
  min-width: 25% !important;
}

button.btn,
a.btn,
.btn {
  display: inline-block;
  outline: 0;
  padding: 11px;
  border: 1px solid #797979;
  border-radius: 0;
  background: #ffffff;
  line-height: 22px;
  font-weight: 300;
  color: #3B3033;
}
button.btn .glyphicon,
a.btn .glyphicon,
.btn .glyphicon {
  margin: 0 5.5px 0 0;
  color: #797979;
}
button.btn .icon,
a.btn .icon,
.btn .icon {
  margin: 0 5.5px 0 0;
}
button.btn:focus, button.btn:active,
a.btn:focus,
a.btn:active,
.btn:focus,
.btn:active {
  outline: 0;
}
button.btn:focus .glyphicon, button.btn:active .glyphicon,
a.btn:focus .glyphicon,
a.btn:active .glyphicon,
.btn:focus .glyphicon,
.btn:active .glyphicon {
  color: #797979;
}
button.btn:focus:hover .glyphicon, button.btn:active:hover .glyphicon,
a.btn:focus:hover .glyphicon,
a.btn:active:hover .glyphicon,
.btn:focus:hover .glyphicon,
.btn:active:hover .glyphicon {
  color: #ffffff;
}
button.btn:hover,
a.btn:hover,
.btn:hover {
  border-color: #EF4136;
  background: #EF4136;
  color: #ffffff;
}
button.btn:hover .glyphicon,
a.btn:hover .glyphicon,
.btn:hover .glyphicon {
  color: #ffffff;
}
button.btn:hover:focus, button.btn:hover:active,
a.btn:hover:focus,
a.btn:hover:active,
.btn:hover:focus,
.btn:hover:active {
  outline: 0;
  color: #ffffff;
}
button.btn:hover:focus .glyphicon, button.btn:hover:active .glyphicon,
a.btn:hover:focus .glyphicon,
a.btn:hover:active .glyphicon,
.btn:hover:focus .glyphicon,
.btn:hover:active .glyphicon {
  color: #ffffff;
}
button.btn.btn-default:focus, button.btn.btn-default:active, button.btn.btn-default:hover,
a.btn.btn-default:focus,
a.btn.btn-default:active,
a.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default:hover {
  border-color: #EF4136;
  background: #EF4136;
  color: #ffffff;
}
button.btn.btn-default:focus:focus, button.btn.btn-default:focus:active, button.btn.btn-default:active:focus, button.btn.btn-default:active:active, button.btn.btn-default:hover:focus, button.btn.btn-default:hover:active,
a.btn.btn-default:focus:focus,
a.btn.btn-default:focus:active,
a.btn.btn-default:active:focus,
a.btn.btn-default:active:active,
a.btn.btn-default:hover:focus,
a.btn.btn-default:hover:active,
.btn.btn-default:focus:focus,
.btn.btn-default:focus:active,
.btn.btn-default:active:focus,
.btn.btn-default:active:active,
.btn.btn-default:hover:focus,
.btn.btn-default:hover:active {
  outline: 0;
  color: #ffffff;
}
button.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-primary {
  border-color: #FF8A86;
  padding: 11px 22px;
  background: #FF8A86;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
}
button.btn.btn-primary:active, button.btn.btn-primary:focus, button.btn.btn-primary:hover,
a.btn.btn-primary:active,
a.btn.btn-primary:focus,
a.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
  border-color: #EF4136;
  background: #EF4136;
}
button.btn.btn-secondary,
a.btn.btn-secondary,
.btn.btn-secondary {
  border-color: #9fcdcd;
  background: #ffffff;
  color: #FF8A86;
}
button.btn.btn-secondary:active, button.btn.btn-secondary:focus, button.btn.btn-secondary:hover,
a.btn.btn-secondary:active,
a.btn.btn-secondary:focus,
a.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.btn.btn-secondary:hover {
  border-color: #EF4136;
  background: #EF4136;
  color: #ffffff;
}
button.btn.btn-delete:active, button.btn.btn-delete:focus, button.btn.btn-delete:hover,
a.btn.btn-delete:active,
a.btn.btn-delete:focus,
a.btn.btn-delete:hover,
.btn.btn-delete:active,
.btn.btn-delete:focus,
.btn.btn-delete:hover {
  border-color: red;
  background: red;
  color: #ffffff;
}

.form-group {
  margin: 0 0 16.5px 0;
}

.form-label {
  margin-bottom: 2.75px;
  font-size: 0.9em;
}

.form-control {
  border-radius: 0;
  border-color: #797979;
  font-size: 1em;
  color: #3B3033;
}

input.form-control {
  padding: 5.5px 11px;
  line-height: 33px;
}

.form-control-help {
  margin: 5.5px 0 0 0;
  font-size: 0.9em;
  color: #797979;
}

.input-group-text {
  border-radius: 0;
  border-color: #797979;
  padding: 0 11px;
  line-height: 33px;
}

.form-checks > label {
  margin-bottom: 5.5px;
}

.form-check {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5.5px;
}
.form-check .form-check-input {
  margin-top: 0;
  margin-right: 11px;
  border-radius: 0;
}
.form-check .form-check-input:checked {
  background-color: green;
}
.form-check .form-check-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #797979;
}
.form-check .form-check-label .icon {
  margin: 0 11px 0 0;
  width: 22px;
  text-align: center;
  font-size: 1.2em;
  color: #797979;
}
.form-check .form-check-input:checked + .form-check-label {
  color: #3B3033;
}
.form-check .form-check-input:checked + .form-check-label .icon {
  color: green;
}

.form-submit {
  margin: 22px 0 0 0;
  border-top: 1px solid #E2E8E8;
  padding: 22px 0 0 0;
  text-align: right;
}

.daterangepicker .ranges li.active {
  background-color: #FF8A86;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #FF8A86;
}

.modal-content {
  border-radius: 0;
}

.modal-header,
.modal-body,
.modal-footer {
  padding: 22px;
}

.modal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.modal-header .modal-title {
  font-weight: bold;
}

.modal-footer {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.modal-footer > * {
  margin: 0;
}
.modal-footer .btn {
  margin-left: 11px;
}
.modal-footer .btn:only-child {
  margin: 0;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
  /* Fix */
  height: auto;
}
.bootstrap-table .table {
  border-color: #797979;
}
.bootstrap-table .table thead th {
  padding: 8.25px;
  font-weight: normal;
  font-size: 0.7em;
  background-color: #F0F3F3;
}
.bootstrap-table .table thead th .th-inner {
  background-color: #F0F3F3;
}
.bootstrap-table .table tbody td {
  padding: 8.25px;
  font-size: 0.9rem;
}
.bootstrap-table .table tbody td.ipAddresses {
  word-break: break-all;
}
.bootstrap-table .table tbody td.authMethod {
  text-align: center;
}
.bootstrap-table .table tbody td.authMethod .icon {
  cursor: help;
}
.bootstrap-table .table tbody td.authMethod .icon svg {
  width: 16.5px;
  height: 16.5px;
}
.bootstrap-table .table tbody td.userRights {
  text-align: center;
}
.bootstrap-table .table tbody td.userRights .userRight {
  display: inline-block;
  margin: 0 2.75px 0 0;
  border: 1px solid #E2E8E8;
  border-radius: 0;
  padding: 8.25px;
  height: 33px;
  width: 33px;
  background-color: #ffffff;
  color: #E2E8E8;
  cursor: help;
}
.bootstrap-table .table tbody td.userRights .userRight.userRight-active {
  color: green;
}
.bootstrap-table .table tbody td.userRights .userRight svg {
  width: 16.5px;
  height: 16.5px;
}
.bootstrap-table .table tbody td.actions {
  width: 44px;
}
.bootstrap-table .table tbody td.actions .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.bootstrap-table .table tbody td.actions .btn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 0 5.5px 0 0;
}
.bootstrap-table .table tbody td.actions .btn:last-child {
  margin-right: 0;
}
.bootstrap-table .table tbody td.actions .btn span.icon,
.bootstrap-table .table tbody td.actions .btn span.text {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 22px;
}
.bootstrap-table .table tbody td.actions .btn span.icon {
  margin: 0 5.5px 0 0;
  height: 22px;
  width: 22px;
  font-size: 0.9em;
}
.bootstrap-table .table tbody td.actions .btn span.icon:only-child {
  margin-right: 0;
}
.bootstrap-table .table tbody td.actions .btn span.text {
  font-size: 0.7em;
}
.bootstrap-table .pagination-detail {
  margin: 11px 0;
}
.bootstrap-table .pagination .page-item .page-link {
  border-color: #9fcdcd;
  padding: 11px;
  line-height: 22px;
  min-width: 33px;
  text-align: center;
}
.bootstrap-table .pagination .page-item.active .page-link {
  border-color: #FF8A86;
  background-color: #FF8A86;
}

#pg-hdr {
  position: fixed;
  z-index: 2;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 0.25em 0.25em rgba(59, 48, 51, 0.1);
}
#pg-hdr > .wrapper {
  margin: 0 auto;
  min-width: 276px;
  max-width: 1280px;
  padding: 22px 22px;
}
#pg-hdr > .wrapper:after {
  clear: both;
  display: table;
  line-height: 0;
  content: "";
}
#pg-hdr .brand {
  margin: 0 22px 0 0;
}
#pg-hdr .brand a {
  display: block;
}
#pg-hdr .brand a img {
  height: 33px;
}
#pg-hdr .navbar {
  margin: 0;
  border: 0;
  padding: 0;
}
#pg-hdr .navbar-toggler {
  position: relative;
  margin: 0;
  border: 1px solid #797979;
  border-radius: 0;
  padding: 5.5px 11px;
  background: #ffffff;
}
#pg-hdr .navbar-toggler .navbar-toggler-icon {
  width: 22px;
  height: 22px;
}
#pg-hdr .navbar-toggler .navbar-toggler-icon svg {
  height: inherit;
  width: inherit;
  color: #797979;
}
#pg-hdr .navbar-toggler:active, #pg-hdr .navbar-toggler:focus, #pg-hdr .navbar-toggler:hover {
  outline: none !important;
  box-shadow: none !important;
  border-color: #FF8A86;
  background: #FF8A86;
}
#pg-hdr .navbar-toggler:active .navbar-toggler-icon svg, #pg-hdr .navbar-toggler:focus .navbar-toggler-icon svg, #pg-hdr .navbar-toggler:hover .navbar-toggler-icon svg {
  color: #ffffff;
}
#pg-hdr .navbar-collapse,
#pg-hdr .navbar-collapse.collapse.in,
#pg-hdr .navbar-collapse-collapsing {
  margin: 0;
  padding: 0;
}
#pg-hdr .navbar-collapse .nav-groups,
#pg-hdr .navbar-collapse.collapse.in .nav-groups,
#pg-hdr .navbar-collapse-collapsing .nav-groups {
  width: 100%;
}
#pg-hdr .navbar-collapse .nav-groups:after,
#pg-hdr .navbar-collapse.collapse.in .nav-groups:after,
#pg-hdr .navbar-collapse-collapsing .nav-groups:after {
  clear: both;
  display: table;
  line-height: 0;
  content: "";
}
#pg-hdr .navbar-collapse .nav-group-left,
#pg-hdr .navbar-collapse.collapse.in .nav-group-left,
#pg-hdr .navbar-collapse-collapsing .nav-group-left {
  float: left;
}
#pg-hdr .navbar-collapse .nav-group-right,
#pg-hdr .navbar-collapse.collapse.in .nav-group-right,
#pg-hdr .navbar-collapse-collapsing .nav-group-right {
  float: right;
  display: flex;
  flex-direction: row;
}
#pg-hdr ul.navbar-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
}
#pg-hdr ul.navbar-nav > li {
  margin: 0;
  padding: 0;
}
#pg-hdr ul.navbar-nav > li > a {
  display: inline-block;
  border: 0;
  border-radius: 0;
  padding: 11px;
  text-transform: uppercase;
  color: #797979;
}
#pg-hdr ul.navbar-nav > li > a:active, #pg-hdr ul.navbar-nav > li > a:focus, #pg-hdr ul.navbar-nav > li > a:hover {
  border-color: #9fcdcd;
  background: #9fcdcd;
  color: #ffffff;
}
#pg-hdr ul.navbar-nav > li > a .nav-icon {
  margin-right: 5px;
}
#pg-hdr ul.navbar-nav.nav-main {
  width: 100%;
}
#pg-hdr ul.navbar-nav.nav-user .dropdown-menu[data-bs-popper] {
  left: auto;
  right: 0;
}
#pg-hdr ul.navbar-nav.nav-lang .dropdown-menu[data-bs-popper] {
  left: auto;
  right: 0;
}
#pg-hdr ul.navbar-nav.nav-lang .flag-icon {
  margin-right: 5.5px;
}
#pg-hdr ul.navbar-nav .dropdown-menu {
  margin-top: 0;
}
#pg-hdr ul.navbar-nav .dropdown-item {
  color: #797979;
}
#pg-hdr ul.navbar-nav .dropdown-item:active, #pg-hdr ul.navbar-nav .dropdown-item:hover, #pg-hdr ul.navbar-nav .dropdown-item:focus {
  background-color: #F0F3F3;
  color: #3B3033;
}

@media (max-width: 768px) {
  #pg-hdr .navbar-collapse .nav-groups,
#pg-hdr .navbar-collapse.collapse.in .nav-groups,
#pg-hdr .navbar-collapse-collapsing .nav-groups {
    margin-left: -11px;
    margin-right: -11px;
    padding-top: 11px;
    width: calc(100% + 11px);
  }
  #pg-hdr .navbar-collapse .nav-group,
#pg-hdr .navbar-collapse.collapse.in .nav-group,
#pg-hdr .navbar-collapse-collapsing .nav-group {
    width: 50%;
  }
  #pg-hdr .navbar-collapse .nav-group-right,
#pg-hdr .navbar-collapse.collapse.in .nav-group-right,
#pg-hdr .navbar-collapse-collapsing .nav-group-right {
    flex-direction: column;
    justify-content: flex-end;
  }
  #pg-hdr ul.navbar-nav.nav-lang:only-child .dropdown-toggle {
    float: right;
  }
  #pg-hdr ul.navbar-nav.nav-lang:only-child .dropdown-menu {
    clear: right;
  }
  #pg-hdr ul.navbar-nav .dropdown-menu {
    box-shadow: none;
    border-right: 0;
    border-left: 0;
    border-color: #9fcdcd;
  }
  #pg-hdr ul.navbar-nav .dropdown-item {
    padding: 11px;
  }
}
@media (max-width: 639px) {
  #pg-hdr .navbar-collapse .nav-group,
#pg-hdr .navbar-collapse.collapse.in .nav-group,
#pg-hdr .navbar-collapse-collapsing .nav-group {
    width: 100%;
  }
  #pg-hdr .navbar-collapse .nav-main,
#pg-hdr .navbar-collapse.collapse.in .nav-main,
#pg-hdr .navbar-collapse-collapsing .nav-main {
    margin-bottom: 22px;
  }
}
#pg-main {
  padding-top: 88px;
  color: #3B3033;
}

section.slice {
  position: relative;
}
section.slice > .wrapper {
  margin: 0 auto;
  min-width: 276px;
  max-width: 1024px;
  padding: 44px 22px;
}
section.slice .slice-hdr {
  margin: 0 0 44px 0;
  text-align: center;
}
section.slice .slice-hdr h1, section.slice .slice-hdr h2 {
  margin: 0 0 11px 0;
  font-weight: bold;
  font-size: 1.8rem;
}
section.slice .slice-hdr h1 .icon, section.slice .slice-hdr h2 .icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 22px 0 0;
  width: 35.75px;
  height: 35.75px;
  color: #FF8A86;
}
section.slice .slice-hdr h1 .icon svg, section.slice .slice-hdr h2 .icon svg {
  width: inherit;
  height: inherit;
}
section.slice .slice-hdr .disclaimer {
  margin: 0 0 11px 0;
}
section.slice .slice-hdr .disclaimer.red {
  color: red;
}

.slice.signin > .wrapper {
  max-width: 640px;
}
.slice.signin form .form-submit {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}

.card-mockup {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 22px 0;
  border: 2px solid #9fcdcd;
  border-radius: 22px;
  padding: 33px;
  width: 100%;
  min-height: 220px;
  box-shadow: 0 5.5px 5.5px rgba(59, 48, 51, 0.1);
}
.card-mockup .brand {
  margin: 0 0 44px 0;
}
.card-mockup .brand img {
  height: 22px;
}
.card-mockup .dl {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 11px 0;
}
.card-mockup .dl:last-child {
  margin-bottom: 0;
}
.card-mockup .dl .dt {
  font-size: 0.8em;
  color: #9fcdcd;
}
.card-mockup .dl .dd {
  font-weight: bold;
  font-size: 0.9em;
}
.card-mockup .dl.error .dt {
  color: red !important;
}
.card-mockup .dl.error .dd {
  color: red !important;
}
.card-mockup .code .dd {
  font-family: monospace;
  font-size: 1.25em;
}
.card-mockup .outstandingAmount {
  margin-top: 11px;
  border-top: 1px solid #9fcdcd;
  padding-top: 22px;
}
.card-mockup .outstandingAmount .dd {
  line-height: 2rem;
  font-size: 2rem;
  color: #3B3033;
}

@media (max-width: 767px) {
  .card-mockup {
    padding: 22px;
  }
}
section.cardAction {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
section.cardAction h2 {
  font-size: 1.5rem;
  color: #FF8A86;
}
section.cardAction > section {
  width: 50%;
}
section.cardAction > section:nth-child(1) {
  padding-right: 33px;
}
section.cardAction > section:nth-child(2) {
  padding-left: 33px;
}

.card-current .card-mockup + .btn {
  padding: 16.5px;
}

.card-do {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-do p.howto {
  margin: 0 0 22px 0;
  font-size: 0.8em;
  color: #797979;
}
.card-do form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
.card-do form label {
  font-size: 0.8em;
}
.card-do form .amount-selection {
  width: 50%;
}
.card-do form .amount-selection .presets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.card-do form .amount-selection .presets .btn {
  display: inline-block;
  margin: 0 11px 11px 0;
  width: 4em;
}
.card-do form .amount-selection .presets .btn.emptyCard {
  width: 100%;
}
.card-do form .amount-input {
  width: 50%;
}
.card-do form .form-submit {
  margin-top: 11px;
  width: 100%;
}
.card-do form .form-submit .btn {
  margin: 0;
  padding: 16.5px;
}
.card-do .form-group.cardAmount .input-group {
  border: 11px solid #9fcdcd;
  outline: 0;
}
.card-do .form-group.cardAmount .input-group .form-control {
  height: 55px;
  font-weight: bold;
  font-size: 2rem;
}

@media (max-width: 767px) {
  section.cardAction {
    flex-direction: column;
  }
  section.cardAction > section {
    margin: 0 0 44px 0;
    padding: 0 !important;
    width: auto;
  }

  .card-do form {
    flex-direction: column;
  }
  .card-do form .amount-selection {
    width: 100%;
  }
  .card-do form .amount-input {
    width: 100%;
  }
  div.bloc-file-up {
    flex-direction: column;
  }
  div.bloc-period-input, div.bloc-choix-input {
    margin-left: 0% !important;
  }
  button.fieldset-button {
    width: 100%;
  }
}
section.searchCard {
  margin: 33px 0 44px 0;
  padding: 22px;
  background: #F0F3F3;
}
section.searchCard form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
}
section.searchCard form .form-group {
  position: relative;
  margin: 0;
  width: 100%;
}
section.searchCard form .form-submit {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}

@media (max-width: 767px) {
  section.searchCard form {
    flex-direction: column;
  }
  section.searchCard form .form-group {
    margin-bottom: 11px;
  }
  section.searchCard form .form-submit {
    width: 100%;
  }
  section.searchCard form .form-submit .btn {
    width: inherit;
  }
  section.searchCard div.form-submit.bloc-submit {
    width: 100%;
  }
  section.searchCard div.bloc-date {
    flex-direction: column !important;
  }
  div.bloc-submit button {
    width: 100%;
  }
  div.bloc-period-input,
  div.bloc-choix-input,
  div.bloc-date-input {
    width: 100% !important;
  }
  div.content-file-up div.form-group {
    display: block !important;
  }
}
section.resetCard {
  margin-top: 66px;
  border-top: 1px solid #E2E8E8;
  padding-top: 22px;
  text-align: center;
}

.modal-cardHistory .modal-header {
  background: #FF8A86;
}
.modal-cardHistory .modal-header h5 {
  font-family: "Gotham", "Montserrat", sans-serif;
  color: #ffffff;
}
.modal-cardHistory .modal-header .btn-close {
  filter: invert(94%) sepia(80%) saturate(23%) hue-rotate(335deg) brightness(105%) contrast(105%);
  color: #ffffff;
}
.modal-cardHistory .modal-body .dl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.5em;
}
.modal-cardHistory .modal-body .dl .dt {
  margin: 0 11px 0 0;
}
.modal-cardHistory .modal-body .dl .dd {
  font-weight: bold;
}
.modal-cardHistory .modal-body .dl.code .dd {
  font-family: monospace;
  font-weight: bold;
  font-size: 1.2em;
}
.modal-cardHistory .modal-body .card-details {
  margin: 0 0 11px 0;
}
.modal-cardHistory .modal-body table.card-history tbody tr td.operationAmount {
  text-align: right;
}

.cardAction.chargeCard .card-mockup {
  border-color: #E2E8E8;
  background: #F0F3F3;
}
.cardAction.chargeCard .card-mockup .dl .dd {
  color: #9fcdcd;
}

.statistics .filter {
  margin: 0 0 22px 0;
  padding: 22px;
  background: #F0F3F3;
}
.statistics .filter .form-group {
  margin-bottom: 0;
}
.statistics .summary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 22px 0;
  border: 1px solid #E2E8E8;
  padding: 22px;
  width: 100%;
  background: #F0F3F3;
}
.statistics .summary ul {
  display: flex;
  flex-direction: column;
  margin: 0 0 11px 0;
  padding: 0;
  list-style-type: none;
}
.statistics .summary ul > li {
  margin: 0 0 5.5px 0;
  padding: 0;
}
.statistics .summary ul > li .dt .icon {
  margin: 0 5.5px 0 0;
  height: 22px;
  width: 22px;
  line-height: 22px;
  font-size: 0.9em;
  color: #797979;
}
.statistics .summary ul > li .dd {
  font-weight: bold;
}
.statistics .summary ul.actions {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  border-top: 1px solid #E2E8E8;
  padding-top: 22px;
  width: 100%;
}
.statistics .summary ul.actions > li {
  margin: 0;
}
.statistics .list table td.cardNumber {
  font-family: monospace;
}
.statistics .list table td.action .icon {
  margin: 0 5.5px 0 0;
  color: #797979;
}
.statistics .list table td.amount {
  text-align: right;
}

section.administration nav.administration-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 11px 16.5px;
  text-transform: uppercase;
  font-size: 0.9em;
  color: #FF8A86;
}
section.administration nav.administration-tabs .nav-link.active {
  color: #3B3033;
}
section.administration nav.administration-tabs + .tab-content .tab-pane > section {
  padding: 22px 0;
}
section.administration nav.administration-tabs + .tab-content .tab-pane > section > header {
  margin: 0 0 11px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
section.administration nav.administration-tabs + .tab-content .tab-pane > section > header h2 {
  font-weight: bold;
  font-size: 1.6em;
}
section.administration nav.administration-tabs + .tab-content .tab-pane > section > header .actions .btn {
  font-size: 0.9em;
}
section.administration section.admin-infos ul.dl {
  padding: 11px 0;
}
section.administration section.admin-settings section.setting {
  padding: 11px 0;
}
section.administration section.admin-settings section.setting > h3 {
  font-weight: bold;
  font-size: 1.2em;
}

.modal form section h6 {
  font-weight: bold;
}
.modal section.store-id,
.modal section.user-id {
  margin: 0 0 22px 0;
}
.modal .storeSecurity-ipAddresses textarea {
  height: 6em;
}

.val_date_input {
  width: 100%;
  height: 45px;
}

#errorfield {
  color: #e00909;
  font-size: 18px;
}

#errorstar {
  font-weight: 800;
}

.sections_field {
  margin-top: 5%;
}

section.searchCard div.bloc-date {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
}

div.myfilter {
  width: 100%;
}

section.searchCard div.bloc-date .form-submit {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}

section.searchCard div.bloc-date .form-group {
  position: relative;
  margin: 0;
  width: 100%;
}

.statistics .myfilter {
  padding: 0px;
}
div.indic {
  margin-bottom: 2%;
}
div.indic span {
  font-weight: 700;
}
div.content-file-up {
  width: 100%;
}
div.content-file-up div.form-group {
  display: flex;
}
div.content-file-up div.indic {
  margin-top: 2%;
}
div.indic div.form-group {
  margin-top: 2%;
}
div.bloc-file-up {
  display: flex;
}
div.bloc-file-up div.form-submit {
  margin-top: 2px;
}
div.bloc-period-input, div.bloc-choix-input, div.bloc-date-input {
  width: 30%;
}
div.bloc-period-input, div.bloc-choix-input {
  margin-left: 0%;
  margin-right: 5%;
}
.activ-input {
  border: solid 1px !important;
  border-radius: 5px;
}
div.bloc-period-input input, div.bloc-choix-input input, div.bloc-date-input input {
  width: 100%;
}
div.bloc-choix-input .switch.btn.btn-light.android.off,  
div.bloc-choix-input .switch.btn.android.btn-info {
  margin-top: 1px;
  width: 100% !important;
  height: 44px !important;
}
div.switch-group .btn-info, div.switch-group .btn-info:hover {
  background-color: #237777 !important;
  border-color: #10707f !important;
}
div.ref-input {
  margin-top: 2%;
}
span#errorfile, span#errorperioddate {
  color: #e00909;
  font-weight: 500;
}
ul.errorlist {
  margin-top: 3%;
}
section.errorsection {
  cursor: pointer;
}

div textarea.com-op-textarea {
  width: 100%;
}

div .com-operation {
  width: 100%;
  border: 1px solid #797979;
}
label.btn.btn-info.btn-.switch-on, 
label.btn.btn-light.btn-.switch-off {
  font-weight: 600;
  font-size: 17px;
}
label.btn.btn-light.btn-.switch-off {
  color: #212529;
  background-color: #00CC00;
  border-color: #00CC00;
}
fieldset.fieldset-modif {
  width: 100%;
}
.signout.active a {
  background-color: #F0F3F3;
}
.navbar-nav.nav-user.remote {
  margin-top: 5% !important;
  margin-left: 5% !important;
}
.cancel-card-button {
  margin: 22px 0 0 0;
  border-top: 1px solid #E2E8E8;
  padding: 22px 0 0 0;
  text-align: right;
}
button.btn.btn-danger,
a.btn.btn-danger,
.btn.btn-danger {
  border-color: #FF8A86;
  padding: 11px 22px;
  background: #FF8A86;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
}
button.btn.btn-danger:active, button.btn.btn-danger:focus, button.btn.btn-danger:hover,
a.btn.btn-danger:active,
a.btn.btn-danger:focus,
a.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-danger:hover {
  border-color: #EF4136;
  background: #EF4136;
}
.cancel-card-button .btn.btn-danger.w100 {
  padding: 16.5px;
}
div.slice-content.use-card form {
  margin: 0;
}
/*# sourceMappingURL=screen.css.map */