.receiptWrap, .dropContent {
  scrollbar-width: thin;
  scrollbar-color: #716c80 transparent;
}

.receiptWrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
.receiptWrap::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}

/* Handle */
.receiptWrap::-webkit-scrollbar-thumb {
  background: #716c80;
  border-radius: 5px;
}

.dropContent::-webkit-scrollbar {
  width: 13px;
  height: 0;
}

/* Track */
.dropContent::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}

/* Handle */
.dropContent::-webkit-scrollbar-thumb {
  background: #716c80;
  height: 3px;
  border: 5px solid rgba(0, 0, 0, 0);  /* Transparent border together with `background-clip: padding-box` does the trick */
  background-clip: padding-box;
  border-radius: 2px;
}

body {
  background-color: #f7f8f8;
  color: #3f4858;
  font-family: 'Gotham-Book', arial;
}

.contentWrap {
  margin-left: 300px;
  position: relative;
  top: 80px;
  min-height: calc(100% - 80px);
}

.contentWrap.menuCollapsed {
  margin-left: 72px;
}

.contentWrap.full-width {
  margin-left: 0;
}

.whiteWrap {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background: white;
  margin-top: 100px;
  position: relative;
  padding: 20px;
}

.whiteWrap.top {
  margin-top: 0;
}

.whiteWrap .greenStripe {
  position: relative;
  top: -40px;
  margin-bottom: -40px;
  width: 100%;
  min-height: 60px;
  background: #3ea636;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.greenStripe .date {
  font-size: 20px;
  line-height: 60px;
  color: white;
  margin-left: 30px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  min-width: fit-content;
}

.greenStripe .totalAmount {
  display: flex;
  flex-wrap: wrap;
  text-align: right;
  font-size: 22px;
  line-height: 60px;
  margin: 0 5px;
  color: white;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
}

.greenStripe .totalAmount .totalAmountCell {
  margin-right: 15px;
  display: flex;
  align-items: center;

}

.greenStripe .totalAmount .totalAmountCell .currencyDivider {
  width: 0;
  height: 50px;
  border: 1px solid rgb(255, 255, 255);
  margin-left: 15px;
  display: inline-block;
}

.headerWrap {
  width: 100%;
  z-index: 21;
  position: fixed;
  top: 0;
  left: 0;
}

.header {
  width: 100%;
  height: 80px;
  background: #242933;
  box-shadow: 0 5px 10px #00000029;
  display: flex;
  align-items: center;
}

.systemNotification {
  width: 100%;
  height: fit-content;
  min-height: 40px;
  background: #fddc9e;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  gap: 10px;
}

.systemNotificationWarningIcon {
  background-image: url("/img/svg/system-notification-warning-aff2ce415b101bc4246eedea52a7dffe.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 25px;
  width: 25px;
  background-position: center;
  flex-shrink: 0;
}

.logoLink {
  margin-left: 77px;
}

.logoLink.logoIcon {
  margin-left: 23px;
}

.header .logo {
  height: 37px;
}

.header .logo-icon {
  display: inline;
  height: 37px;
}

.header .langPicker {
  width: 100px;
  gap: 10px;
}

.header .langPicker .flag-icon {
  width: 20px;
  border-radius: 6px;
  margin-left: 30px;
}

.header .langPicker .flagsDropDown {
  position: absolute;
  top: 70px;
  background: #2b313c;
  width: 100%;
  z-index: 21;
  padding: 15px 0 5px 0;
}

.header .langPicker .flagsDropDown .flagWrap {
  width: 100%;
  height: 35px;
}

.closeOverlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
}

.closeOverlay.dimmedCloseOverlay {
  z-index: 21;
  background: black;
  opacity: 0.4;
}

.header .langPicker .flagsDropDown .flag-icon {
  position: unset;
  margin-left: 30px;
}

.header .chevron {
  color: #ffffff;
  opacity: 50%;
  font-size: 13px;
  margin-right: 30px;
}

.chevronItem:hover > .chevron {
  opacity: 100%;
}

.header .chevronItem {
  position: relative;
  height: 60px;
  border-left: 2px solid #3f4858;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .chevronItem .chevronItemContentWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-left: 30px;
}

.header .chevronItem.newsItem .chevronItemContentWrap {
  gap: 8px;
}

.header .chevronItem .chevronItemContentWrap.noChevron {
  margin-right: 30px;
}

.header .chevronItem.newsItem {
  cursor: unset;
  border: none;
  font-size: 14px;
}

.header .iconCircle {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 2px solid #fff;
  opacity: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .iconCircle.noBorder {
  border: 0;
  width: unset;
  height: unset;
}

.header .icon.user, .header .icon.company {
  height: 20px;
}

.header .icon.news {
  height: 25px;
}

.header .headerTexts {
  margin-right: 40px;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
}

.header .headerTexts .book {
  font-family: 'Gotham-Book', arial;
  display: block;
}

.header .headerTexts .bold {
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  display: block;
}


.menu-footer {
  width: 260px;
  bottom: 30px;
  margin: auto auto 30px;
  display: block;
  left: 20px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  padding-top: 25px;
  border-top: 1px solid #3ea636;
}

.menu {
  width: 300px;
  min-height: 100%;
  position: absolute;
  background: #242933;
  border-radius: 0 0 25px 0;
  padding-top: 101px;
  z-index: 20;
}

.menuBg {
  width: 300px;
  height: 100%;
  position: fixed;
  background: #242933;
  border-radius: 0 0 25px 0;
  top: 0;
  padding-bottom: 130px;
}

.menu-footer .primary {
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
}

.menu-footer .secondary {
  margin-top: 14px;
  font-family: 'Gotham-Book', arial;
  opacity: 80%;
}

.menu .menuItem {
  color: #fff;
  padding: 0 21px 0 21px;
  position: relative;
  cursor: pointer;
  transition: .5s ease-in-out;
}

.menu .menuItem .lvl0 {
  height: 72px;
  position: relative;
}

.menu .menuItem .submenu.lvl1 {
  border-left: 1px solid #39404e;
  margin-left: 15px;
  position: relative;
  top: -15px;
}

.menu .menuItem .submenu .text {
  font-size: 15px;
  line-height: 22px;
  margin-left: 47px;
  opacity: 70%;
  transition: .5s ease-in-out;
  padding: 15px 35px 15px 0;
}

.menu .menuItem .submenu .text:hover {
  opacity: 1;
  font-family: 'Gotham-Medium', arial;
}

.menu .menuItem .text.open, .menu .menuItem .text.active {
  opacity: 1;
  font-family: 'Gotham-Medium', arial;
}

.menu.collapsed .menuItem .submenu .text {
  margin-left: 11px;
}

.menu .menuItem .submenu.lvl2 {
  border-left: 1px solid #39404e;
  margin-left: 52px;
}

.menu .menuItem .submenu.lvl2 .text {
  margin-left: 15px;
}

.menu .menuItem .icoWrap {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  text-align: center;
  top: calc(50% - 15px);
  left: 0;
}

.menu .menuItem .icon {
  max-width: 26px;
  max-height: 26px;
  opacity: 60%;
}

.menu .menuItem.active {
  background: #2b313c;
  border-left: 3px solid #3ea636;
}

.menu .menuItem.opened {
  background: #2b313c;
}

.menu .menuItem.active .icon {
  background: #2b313c;
  opacity: 100%;
}

.menu .menuItem:hover,
.menu .menuItem:focus-visible {
  background: #2b313c;
}

.menu .menuItem button {
  width: 100%;
  padding: 0;
  position: relative;
  color: inherit;
  display: flex;
  height: 72px;
}

.chevronItem .chevronItemMenuButton {
  padding: 0;
  text-align: start;
  color: inherit;
}

.menu .menuItem .text {
  margin-left: 40px;
  font-size: 15px;
  line-height: 72px;
  font-family: 'Gotham-Book', arial;
  position: relative;
}

.menu.collapsed .menuItem.opened .lvl0,
.menu.collapsed .menuItem.opened button {
  width: 271px;
}

.menu.collapsed .menuItem .chevronIcon {
  display: none;
}

.menu.collapsed .menuItem.opened .chevronIcon {
  display: block;
}

.menu.collapsed .menuItem .lvl0 .text,
.menu.collapsed .menuItem button .text {
  width: 220px;
  position: absolute;
  background: #2b313c;
  left: 10px;
  padding-left: 20px;
  text-align: left;
}

.menu.collapsed .menuItem.active .lvl0 .text,
.menu.collapsed .menuItem.active button .text {
  left: 8px;
}

.menu .menuItem .chevronIcon {
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
  font-size: 12px;
}

.menu.collapsed, .menu.collapsed .menuBg {
  width: 72px;
}

.menu.collapsed .menuItem .submenu.lvl1 {
  position: absolute;
  top: 71px;
  background: #2b313c;
  left: 56px;
  border-left: 0;
  width: 220px;
}

.menu.collapsed .menuItem.active .submenu.lvl1 {
  left: 54px;
}

.menu.collapsed .submenu .subMenuInnerWrap {
  width: 200px;
  margin-left: 20px;
  border-left: 1px solid #39404e;
  margin-bottom: 12px;
}

.userDropDown, .companyDropDown {
  background: white;
  position: absolute;
  top: 70px;
  right: 0;
  min-width: 220px;
  z-index: 21;
  border: 1px solid #242933;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%);
  text-align: center;
  padding-bottom: 10px;
  border-top: 0;
  overflow-y: auto;
  max-height: calc(100vh - 85px);
  cursor: default;
}

.companyDropDown {
  width: 100%;
}

.userDropDown .paddingWrap, .companyDropDown .paddingWrap {
  padding-top: 19px;
  text-align: left;
  width: fit-content;
  min-width: 100%;
}

.userDropDown a {
  color: #3f4858;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  font-family: 'Gotham-Book', arial;
  margin: 10px 0;
  display: block;
}

.companyDropDown .paddingWrap .companyLine {
  color: #3f4858;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  font-family: 'Gotham-Book', arial;
  min-width: 100%;
  width: fit-content;
  padding-right: 10px;
  display: flex;
  padding-left: 20px;
  margin: 0;
  min-height: 41px;
  position: relative;
  align-items: center;
}

.companyDropDown .companyLine a {
  text-decoration: none;
}

.companyLine .companyLineSwitchLink {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.companyLine .companyLineEditLink {
  z-index: 2;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background-image: url("/img/svg/edit-pen-7e5749e4731d109abda9c42c11ec55e8.svg");
  background-size: auto 17.2px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: auto;
}

.companyLine .companyLineEditLink:hover,
.companyLine .companyLineEditLink:focus-visible {
  background-image: url("/img/svg/edit-pen-focus-1ac4e3ea7c0b41b96f01a8b665466e8f.svg");
  background-color: rgba(62, 166, 54, .15);
}

.userDropDown .paddingWrap a {
  padding-left: 20px;
  margin: 0;
  min-height: 41px;
}

.userDropDown .paddingWrap a {
  line-height: 41px;
}

.companyDropDown .companyLine .icon.company {
  padding-right: 10px;
  opacity: 0.6;
}

.companyDropDown .companyLine.active {
  font-family: 'Gotham-Medium', arial;
}

.companyDropDown .companyLine.active .icon.company {
  opacity: 1;
}

a.companyEdit {
  color: white;
  text-decoration: none;
}

.noEvent {
  pointer-events: none;
}

.buttonsWrap {
  display: inline-block;
  min-width: 148px;
}

.profileBtn, .logoutBtn {
  line-height: 34px;
  background: #f7f8f8;
  display: inline-block;
  padding: 0 16px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  width: 100%;
}

.logoutBtn {
  padding: 0 24px;
}

.profileBtn .icon.user, .logoutBtn .icon.logout {
  margin: unset;
  position: unset;
  height: 18px;
  vertical-align: sub;
  padding-right: 5px;
}


.logoutBtn:hover, .profileBtn:hover {
  font-family: 'Gotham-Medium', arial;
  border: 1px solid #3f4858;
}

.userDropDown a:hover, .companyDropDown .companyLine:hover {
 background: rgba(46, 168, 53, 0.1);
}

.userDropDown .dropWrap {
  border-left: 1px solid #39404e;
}

.userDropDown .dropWrap .text {
  font-size: 15px;
  line-height: 22px;
  padding: 15px 0 15px 15px;
  opacity: 60%;
}

.userDropDown .lvl0 {
  position: relative;
}

.userDropDown .lvl0 .chevronIcon {
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
  font-size: 12px;
}

.userDropDown .submenu.lvl2 {
  margin-left: 15px;
  border-left: 1px solid #39404e;
}

.userDropDown .dropWrap .text:hover {
  opacity: 1;
}

.page-item.active .page-link {
  z-index: 0;
}

.bootstrap-select>.dropdown-toggle {
  z-index: 0;
}

.input-group-append .btn, .input-group-prepend .btn {
  z-index: 0;
}

.row {
  margin-right: 0!important;
  margin-left: 0!important;
}

.subItem {
  position: relative;
}

.subItem .dot {
  width: 5px;
  height: 5px;
  background: #39404e;
  border-radius: 100%;
  position: absolute;
  left: -3px;
  top: calc(50% - 2.5px);
}

.subItem.active .dot, .subItem:hover .dot {
  border: 1px solid #3ea636;
}


.filterLine {
  position: relative;
}

.filterLine input,
form.greenInputs.terminalEditForm .filterLine input,
form.greenInputs.companyEditForm .filterLine input,
.filterLine select,
.inputPlaceHolder {
  border: 1px solid #3f4858;
  border-radius: 5px;
  height: 40px;
  color: #3f4858;
  font-size: 16px;
  width: 100%;
  font-family: 'Gotham-Book', arial;
}

form.greenInputs.terminalEditForm .filterLine input,
form.greenInputs.companyEditForm .filterLine input {
  min-height: unset;
  line-height: unset;
}

.filterLine input:focus-visible {
  outline: none;
}

.inputPlaceHolder.openedDrop {
  border-radius: 5px 5px 5px 0;
}

.dropDownLeft .inputPlaceHolder.openedDrop {
  border-radius: 5px 5px 0 5px;
}

.dropDownLeft .dropContent {
  right: 0;
  border-radius: 10px 0 10px 10px;
}

.inputPlaceHolder.openedDrop.up {
  border-radius: 0 5px 5px 5px;
}

form.greenInputs.terminalEditForm .gridWrap .inputPlaceHolder,
form.greenInputs.companyEditForm .gridWrap .inputPlaceHolder,
.inputPlaceHolder {
  cursor: pointer!important;
  padding-left: 15px;
  padding-right: 48px;
  line-height: 40px;
  display: inline-block;
  background-color: white;
  font-family: 'Gotham-Book', arial;
}

form.greenInputs.terminalEditForm .gridWrap .inputPlaceHolder,
form.greenInputs.companyEditForm .gridWrap .inputPlaceHolder {
  width: 100%;
  min-height: 0;
}

.datePickerWrap .inputPlaceHolder {
  padding-left: 42px;
}

form.greenInputs.terminalEditForm .gridWrap .recordsPerPage .inputPlaceHolder,
form.greenInputs.companyEditForm .gridWrap .recordsPerPage .inputPlaceHolder,
.recordsPerPage .inputPlaceHolder {
  border-radius: 10px;
  border-color: #e0e0e0;
}

.recordsPerPage .inputPlaceHolder.openedDrop {
  border-radius: 10px 10px 10px 0;
}

form.greenInputs.terminalEditForm .gridWrap .recordsPerPage .inputPlaceHolder.up.openedDrop,
form.greenInputs.companyEditForm .gridWrap .recordsPerPage .inputPlaceHolder.up.openedDrop,
.recordsPerPage .inputPlaceHolder.up.openedDrop {
  border-radius: 0 10px 10px 10px;
}

.filterLine {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 5px;
  align-items: center;
}

.filterLine .pageTitle {
  text-align: left;
  font-size: 40px;
  line-height: 50px;
  color: #242933;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  display: table-cell;
  vertical-align: top;
  margin-right: 20px;
}

.filterLine .pageTitle.smallerPageTitle {
  font-size: 26px;
}

.filterLine .datePickerWrap > .btn {
  background: no-repeat;
  border: 0;
  color: #3f4858;
  position: absolute;
  z-index: 0;
  font-size: 22px;
  padding: 0;
  left: 10px;
}

.filterLine .datePickerWrap .btn:focus {
  box-shadow: none;
}

.filterLine .filterItem {
  position: relative;
  line-height: 0;
}

.datePickerWrap {
  min-width: 256px;
  width: fit-content;
}

.inputsFlexBox .datePickerWrap {
  min-width: 0;
}

.datePickerWrap input {
  cursor: pointer!important;
  padding-left: 42px;
  padding-right: 25px;
}

.datePickerWrap input:disabled {
  cursor: not-allowed!important;
}

form.greenInputs.terminalEditForm .gridWrap .recordsPerPage .inputChevron,
form.greenInputs.companyEditForm .gridWrap .recordsPerPage .inputChevron,
.filterLine .inputChevron, .recordsPerPage .inputChevron {
  pointer-events: none;
  position: absolute;
  right: 14px;
  line-height: 40px;
  font-size: 13px;
  color: #3f4858;
  top: 0;
}

.grid {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  border-right-width: 1px!important;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  border-spacing: 0;
  border-collapse: separate;
  overflow: hidden;
}

.gridWrap .grid .emptyTr {
  display: none;
}

.design2 .grid .emptyTr {
  display: block;
  height: 19px;
}

.design2 .grid {
  border: 0;
  margin-top: 0;
}

.gridWrap.gridWrapPointerCursor .grid .gridRow {
  cursor: pointer;
}

.gridWrap:not(.design2) .grid .gridRow.active, .gridWrap:not(.design2) .grid .gridRow:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
}

.gridWrap:not(.design2) .grid .gridRow.active td {
  border-bottom: 1px solid #3ea636;
  border-top: 1px solid #3ea636;
}

.gridWrap:not(.design2) .grid .gridRow.active td:first-child {
  border-left: 1px solid #3ea636;
}

.gridWrap:not(.design2) .grid .gridRow.active td:last-child {
  border-right: 1px solid #3ea636;
}

.gridWrap:not(.design2) .grid .gridRow:last-child.active td:first-child {
  border-radius: 0 0 0 10px;
}

.gridWrap:not(.design2) .grid .gridRow:last-child.active td:last-child {
  border-radius: 0 0 10px 0;
}

.gridWrap.design2 tr > td:first-child {
  border-left: 1px solid white;
  border-radius: 10px 0 0 10px;
}

.gridWrap.design2 tr > td:last-child {
  border-right: 1px solid white;
  border-radius: 0 10px 10px 0;
}

.gridWrap.design2 tr:not(.expandedParentRow):not(.expandedChildRow):not(.deviceInfo tr):hover > td {
  border-top: 1px solid #716c80;
  border-bottom: 1px solid #716c80;
  padding-top: 0;
  padding-bottom: 0;
}

.gridWrap.design2 tr:not(.expandedParentRow):not(.expandedChildRow):hover > td:first-child {
  border-left: 1px solid #716c80;
}

.gridWrap.design2 tr:not(.expandedParentRow):not(.expandedChildRow):hover > td:last-child {
  border-right: 1px solid #716c80;
}

.gridWrap.design2 .grid .gridRow.even,
.gridWrap.design2 .grid .gridDetailRow.even {
  background: rgba(113, 108, 128, 0.05);
}

.gridWrap.design2 .grid .gridRow.odd,
.gridWrap.design2 .grid .gridDetailRow.odd {
  background: rgba(113, 108, 128, 0.02);
}

.grid th {
  font-size: 16px;
  background: #ebebeb;
  border: 1px solid #e0e0e0;
  border-top: 0;
  padding: 0 15px 0 15px;
  color: #242933;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  height: 60px;
}

.grid th .subName {
  font-family: 'Gotham-Book', arial;
}

.grid .colSortWrap {
  display: flex;
}

.design2 .grid th {
background: unset;
border: 0;
border-bottom: 1px solid #2ea836;
text-align: left;
}

.design2 .grid .gridSelect {
  display: inline;
  color: #2ea836;
  padding: 11px;
  font-size: 16px;
  line-height: 27px;
  font-family: 'Gotham-Medium', arial;
  border: 1px solid transparent;
  border-radius: 5px;
  white-space: nowrap;
}

.design2 .grid .gridSelect img {
  height: 27px;
  vertical-align: bottom;
  margin-right: 10px;
}

.design2 .grid a {
  text-decoration: none!important;
}

.design2 .grid .gridSelect:hover {
  border: 1px solid #2EA836;
}

.grid th:first-child {
border-radius: 10px 0 0 0;
border-left: 0;
}

.grid th:last-child {
border-radius: 0 10px 0 0;
border-right: 0;
}

.grid tr.odd {
background-color: unset!important;
}

.grid td {
  font-size: 16px;
  color: #3f4858;
  font-family: 'Gotham-Book', arial;
  height: 69px;
  padding: 1px 15px 1px 15px;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  border-bottom-width: 1px!important;
}

.design2 .grid td {
  border-bottom: 0;
}

.grid .bottomVal {
  color: #716c80;
}

@media screen and (min-width: 501px) {
  .grid tr:last-child td {
    border-bottom: 0;
  }
}

.daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #3ea636!important;
}

.daterangepicker.opensright:before {
  left: unset!important;
  right: 19px;
  border-bottom: 7px solid #3e4757!important;
}

.daterangepicker.opensright:after {
  left: unset!important;
  right: 20px;
}

.daterangepicker {
  border: 1px solid #3e4757!important;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%) !important;
  border-radius: 5px!important;
  right: 40px!important;
  z-index: 11!important;
}

.datePickerWrap .daterangepicker {
  right: 0!important;
  left: auto!important
}

.datePickerWrap.datePickerWrapDropUp .daterangepicker {
  top: auto!important;
  bottom: 100%!important;
  margin-bottom: 7px;
}

.datePickerWrap.datePickerWrapDropUp .daterangepicker:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.datePickerWrap.datePickerWrapDropUp .daterangepicker:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 0!important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  font-family: 'Gotham-Book', arial!important;
  color: #3f4858!important;
  font-size: 12px!important;
  line-height: 16px!important;
}

.daterangepicker .calendar-table th {
  font-family: 'Gotham-Bold', arial!important;
  font-weight: bold;
  color: #242933!important;
}

.daterangepicker th.month {
  font-size: 14px!important;
  line-height: 20px!important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  opacity: 30% !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  height: 32px!important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  font-family: 'Gotham-Bold', arial!important;
  font-weight: bold;
  color: white!important;
}

.daterangepicker td.available:not(.active):hover, .daterangepicker th.available:hover, .daterangepicker td.in-range:not(.active):not(.end-date) {
  font-family: 'Gotham-Bold', arial!important;
  font-weight: bold;
  background-color: rgb(62 166 54 / 7%)!important;
}

.daterangepicker .ranges li {
  font-family: 'Gotham-Book', arial!important;
  font-size: 14px!important;
  line-height: 20px!important;
  color: #3f4858!important;
}
.daterangepicker .ranges li.active {
  color: white!important;
}

.grid th {
  position: relative;
}

.grid th .sortIcon {
  font-size: 12px;
  opacity: 50%;
  display: inline;
  padding-left: 5px;
}

.grid th .sortIcon.variant2 {
  float: right;
  color: #d0d0d0;
  margin-top: 2px;
  opacity: 1;
}

.grid th .sortIcon.variant2.active {
  color: #2ea836;
}

.cursorPointer {
  cursor: pointer;
}

.cursorDefault {
  cursor: default;
}

.gridWrap {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.gridWrap .gridTableWrap {
  overflow-x: auto;
}

.gridWrap.detailShown {
  width: calc(100% - 450px);
}


.detail .detailHeader {
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  width: 100%;
  height: 60px;
  background: #ebebeb;
  border-radius: 10px 10px 0 0;
  font-size: 16px;
  line-height: 70px;
  color: #242933;
  text-align: center;
}

.align-right {
  text-align: right!important;
}

.align-left {
  text-align: left!important;
}

.align-center {
  text-align: center!important;
}

.dropContent {
  position: absolute;
  background: white;
  padding: 15px 0 15px 0;
  top: 39px;
  border: 1px solid #3f4858;
  border-radius: 0 10px 10px;
  min-width: 100%;
  font-family: 'Gotham-Book', arial;
  z-index: 19;
  height: 272px;
  overflow-y: auto;
}

.dropContent.dropContentWithSearch {
  padding-top: 0;
}

form.greenInputs.terminalEditForm .gridWrap .recordsPerPage .dropContent,
form.greenInputs.companyEditForm .gridWrap .recordsPerPage .dropContent,
.recordsPerPage .dropContent {
  border-color: #e0e0e0;
}

form.greenInputs .gridWrap .dropContent.up,
form.greenInputs .dropContent.up,
form.greenInputs .dropDownWhite .dropContent.up,
.dropContent.up {
  top: unset;
  bottom: calc(100% - 1px);
  border-radius: 10px 10px 10px 0;
}

form.greenInputs .dropDownWhite .dropContent.up {
  border-radius: 5px 5px 0 0;
}

form.greenInputs .dropDownWhite .inputPlaceHolder.openedDrop.up,
.dropDownWhite .inputPlaceHolder.openedDrop.up {
  border-radius: 0 0 5px 5px;
}

.dropContent .dropItem {
  padding: 0 20px 0 20px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  min-height: 40px;
}

.dropContent .dropItem.dropItemHighlighted,
.mobileSelectContent .mobileSelectItem:hover {
  background: rgba(46, 168, 53, 0.1);
}

.checkBox {
  width: 20px;
  height: 20px;
  border: 2px solid #3f4858;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
}

.checkBox.checkBoxDisabled {
  cursor: not-allowed;
}

.dropItem .checkBox {
  vertical-align: sub;
  margin-right: 10px;
}

form.greenInputs .form-check .checkBox {

}

.dropItem.active {
  font-family: 'Gotham-Medium', arial;
}

.dropItem.active .checkBox,
.checkBox.checked,
.mobileSelectItem.active .checkBox {
  border-color: #3ea636;
}

 .form-check.disabled .checkBox {
    border-color: #d9d9d9;
 }

  .form-check.disabled .checkBox::after {
    border-color: #d9d9d9;
  }

 .dropItem.active .checkBox::after,
 .checkBox.checked::after,
 .mobileSelectItem.active .checkBox::after {
  content: '';
  display: block;
  width: 6px;
  height: 9px;
  border: solid #3ea636;
  border-width: 0 2px 2px 0;
  transform: rotate(
    45deg
  );
  margin-top: 2px;
  margin-left: 4.5px;
}

.checkBox.checkBoxDisabled.checked::after {
  border: solid #3f4858;
  border-width: 0 2px 2px 0;
}

.filterCounter {
  min-width: 19px;
  width: fit-content;
  height: 19px;
  border-radius: 100%;
  background-color: #2ea836;
  position: absolute;
  top: -8px;
  right: 11px;
  color: white;
  text-align: center;
  line-height: 19px;
  font-size: 12px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
}

.myTooltip {
  position: absolute;
  background: #242933;
  padding: 10px;
  color: white;
  text-align: center;
  font-family: 'Gotham-Medium', arial;
  font-size: 12px;
  line-height: 16px;
  border-radius: 5px;
  z-index: 10;
}

.myTooltip::before {
  content: '';
  position: absolute;
  display: inline-block;
}

.myTooltip.filterTooltip {
  top: 49px;
  width: 100%;
  padding: 10px 1px;
}

form.greenInputs .myTooltip.filterTooltip {
  top: 56px;
  width: 100%;
  z-index: 21;
}

.myTooltip.filterTooltip.filterTooltipLong,
form .greenInputs .myTooltip.filterTooltip.filterTooltipLong {
  width: fit-content;
  min-width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.myTooltip.filterTooltip.filterTooltipLong > div {
  white-space: pre;
}

.myTooltip.filterTooltip::before {
  top: -7px;
  left: calc(50% - 7px);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #242933!important;
}

.stateIconWrap {
  position: relative;
  cursor: help;
}

.stateImage .stateIconWrap {
  cursor: initial;
}

.stateIconWrap .stateIconMissingFees {
  opacity: 0.5;
}

.stateIconWrap .stateIconPairingIcon {
  width: 19px;
  position: absolute;
  z-index: 1;
  top: -8px;
  right: -8px;
}

.stateIconWrap .stateIconInfoIcon {
  width: 19px;
  position: absolute;
  z-index: 1;
  top: 12px;
  right: -8px;
}

.gridTooltipWrap {
  top: 50%;
  position: absolute;
  left: 36px;
  display: none;
}

.myTooltip.gridToolTip {
  position: relative;
  top: -50%;
}

.myTooltip.gridToolTip::before {
  left: -7px;
  top: calc(50% - 7px);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #242933!important;
}

.myTooltip.gridToolTip.left::before {
  left: unset;
  right: -7px;
  border-right: 0!important;
  border-left: 7px solid #242933!important;
}

.stateIconWrap:hover > .gridTooltipWrap {
  display: inline-grid;
}

.detail {
  width: 425px;
  max-height: 818px;
  display: inline-flex;
  flex-direction: column;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  vertical-align: top;
  margin-top: 20px;
  margin-left: 20px;
  background: #f4f4f6;
  position: relative;
}

.receipt {
  padding: 30px;
  background: white;
  width: 100%;
  position: relative;
  margin: auto;
}

.receipt .receiptDivision {
  height: 10px;
  border-top: 1px solid black;
}

.receipt .receiptTwoColumns {
  display: flex;
}

.receipt .receiptTwoColumns > div {
  width: 50%;
}

.receipt img {
  display: block;
  margin: 20px auto;
}

.receipt .borderTop {
  border-top: 1px solid black;
}

.receipt .borderBottom {
  border-bottom: 1px solid black;
}

.receipt .inline, .summary .inline {
  display: inline-block;
}

.receipt .floatRight, .summary .floatRight {
  float: right;
}

.receipt .center {
  text-align: center;
}

.receipt .alignRight {
  text-align: right;
}

.receipt .bold {
  font-weight: bold;
  font-size: 20px;
}

.receipt .zuby {
  width: 100%;
  height: 25px;
  background: transparent url(/img/svg/zuby-42681ca987d83e59eaa45c42a23426c4.png) repeat-x top;
  transform: rotateX(
    180deg
  );
  position: absolute;
  top: -25px;
  left: 0;
  background-size: 25px;
}

.receipt .zuby.zubyGrey {
  background: transparent url(/img/svg/zuby-grey-02b341166360f3a5c2a5057e520f1e58.png) repeat-x top;
  background-size: 25px;
}

.receipt .zuby.bottom {
  transform: rotateX(
    0deg
  );
  bottom: -25px;
  top: unset;
}

.detail .summary {
  background: white;
  width: 100%;
  padding: 0 20px;
}

.detail .receiptWrap {
  padding: 40px 6px;
  width: 100%;
  overflow: scroll;
}

.summary .summaryLine {
  padding: 20px 0;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Gotham-Book', arial;
  position: relative;
}

.summary .bold {
  color: #3f4858;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
}

.summary .small {
  font-size: 12px;
}

.summaryLine.borderBottom {
  border-bottom: 1px solid #bbc3dd;
}

.summaryLine .paddingLeft {
  padding-left: 60px;
}

.summaryLine .cardImage img {
  max-height: 26px;
  vertical-align: sub;
  margin-left: 15px;
}

.summaryLine .stateImage {
  display: inline-block;
  position: absolute;
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  text-align: center;
}

.summaryLine .stateImage.ERROR,
.mobileSalesDetailFooter .stateImage.ERROR,
.summaryLine .stateImage.DECLINED,
.mobileSalesDetailFooter .stateImage.DECLINED,
.summaryLine .stateImage.CANCELED,
.mobileSalesDetailFooter .stateImage.CANCELED {
  background: rgba(233,69,85, 0.1);
}

.summaryLine .stateImage.PAID,
.mobileSalesDetailFooter .stateImage.PAID,
.summaryLine .stateImage.PAID_OFFLINE,
.mobileSalesDetailFooter .stateImage.PAID_OFFLINE,
.summaryLine .stateImage.COMPLETED,
.mobileSalesDetailFooter .stateImage.COMPLETED,
.summaryLine .stateImage.CALL_SUPPORT.authorized,
.mobileSalesDetailFooter .stateImage.CALL_SUPPORT.authorized {
  background: rgba(62,166,54, 0.1);
}

.summaryLine .stateImage.REVERSED,
.mobileSalesDetailFooter .stateImage.REVERSED {
  background: rgba(244,201,5, 0.1);
}

.summaryLine .stateImage.PLACE_CALL,
.mobileSalesDetailFooter .stateImage.PLACE_CALL,
.summaryLine .stateImage.CALL_SUPPORT,
.mobileSalesDetailFooter .stateImage.CALL_SUPPORT {
  background: rgba(26,184,209, 0.1);
}

.summaryLine .stateImage.TECH_REVERSED,
.mobileSalesDetailFooter .stateImage.TECH_REVERSED,
.summaryLine .stateImage.REVERSED_MANUALLY,
.mobileSalesDetailFooter .stateImage.REVERSED_MANUALLY {
  background: rgba(63,72,88, 0.1);
}

.summaryLine .stateImage.PRE_AUTHORIZATION,
.mobileSalesDetailFooter .stateImage.PRE_AUTHORIZATION {
  background: rgba(247, 166, 0, 0.1);
}

.summaryLine .stateImage img {
  margin-top: 11px;
}

.typeText {
  font-size: 14px;
  line-height: 26px;
  font-family: 'Gotham-Medium', arial;
  padding-left: 8px;
}

.typeText.PAYMENT,
.typeText.MOTO {
  color: #0084f4;
}

.typeText.PRE_AUTH,
.typeText.PRE_AUTH_COMPLETION {
  color: #f7a600;
}

.typeText.RETURN,
.typeText.REFUND {
  color: #a115b0;
}

.typeText.REVERSAL {
  color: #f4c905;
}

.searchWrap {
  width: 398px;
  display: inline-block;
  float: right;
  position: relative;
  align-items: center;
}

.searchWrap input,
form.greenInputs.terminalEditForm .filterLine .searchWrap input,
form.greenInputs.companyEditForm .filterLine .searchWrap input {
  padding-left: 46px;
  padding-right: 30px;
}

.searchWrap .searchIcon {
  font-size: 20px;
  color: #3f4858;
  position: absolute;
  top: calc(50% - 15px);
  left: 15px;
}

.searchWrap .clearIcon {
  font-size: 15px;
  color: #3f4858;
  position: absolute;
  top: calc(50% - 11px);
  right: 15px;
  line-height: 100%;
}

.clearFilters {
  color: #e94555;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  right: 0;
  bottom: -22px;
  font-family: 'Gotham-Book', arial;
  cursor: pointer;
}

.filterWrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.maskedPan {
  line-height: 21px;
  white-space: nowrap;
}

.authCode {
  font-size: 11px;
  line-height: 13px;
  color: #716c80;
  white-space: nowrap;
}

.closeBtn {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 19px;
  line-height: 60px;
  cursor: pointer;
}

.downloadReceipt {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #1a2442;
  font-family: 'Gotham-Book', arial;
  cursor: pointer;
  text-align: center;
}

.receiptIcon {
  width: 41px;
  height: 41px;
  border-radius: 5px;
  margin: auto;
  background: #0084f4 url("/img/svg/download-receipt-475dc6c24e066560b0cc5e8ce3b204f1.svg") no-repeat center;
  background-size: 20px auto;
}

.addBtn {
  font-family: 'Gotham-Medium', arial;
  font-size: 16px;
  padding: 0 20px 0 10px;
  line-height: 46px;
  background: #2ea836;
  cursor: pointer;
  color: white;
  border-radius: 60px;
  display: inline-block;
  float: right;
  margin-top: -5px;
  margin-left: 10px;
  border: 2px solid #2ea836;
}

.addBtn:hover,
.addBtn:focus-visible {
  background: white;
  color: #2ea836;
}

.addBtn:hover > .plusIcon,
.addBtn:focus-visible > .plusIcon,
.btn.btnGreen.addPersonBtn:hover,
.btn.btnGreen.addPersonBtn:focus-visible {
  background-image: url("/img/svg/plus-green-81cc96cb9ba0c84e6719264765aa414a.svg");
}

.addBtn .plusIcon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-image: url("/img/svg/plus-white-3df35e21d40c785e73c5f47c26a59966.svg");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.terminalListActivateButton {
  font-family: 'Gotham-Medium', arial;
  font-size: 16px;
  padding: 0 20px 0 10px;
  line-height: 30px;
  background: #2ea836;
  cursor: pointer;
  color: white;
  border-radius: 30px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #2ea836;
}

.terminalListActivateButton:hover {
  background: white;
  color: #2ea836;
}

.statusDot {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin: auto;
}

.statusDot.green {
  background: #2ea836;
}

.statusDot.red {
  background: #a5291d;
}

.gridIcon {
  width: 27px;
  height: calc(100% - 2px);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto 25px;
  margin: auto;
  opacity: 50%;
  cursor: pointer;
}

.gridIcon.gridIconToolTip {
  cursor: help;
}

.gridIcon:hover {
  opacity: 1;
}

.gridIcon.device {
  background-image: url("/img/svg/icon-devices-green-2b4d1223e6b95e02071b41ab010e5d3e.svg");
}

.gridIcon.tick {
  background-image: url("/img/svg/status-accepted-0fbc09bd3b249b03cf096ceb07f80433.svg");
  opacity: 1;
  cursor: default;
}

.gridDetailRow .gridIcon {
  background-size: auto 20px;
  margin: 0;
}

.gridIcon.cross {
  background-image: url("/img/svg/status-not-accepted-9483212a0dc509faf34434fd22c28706.svg");
  opacity: 1;
  cursor: default;
}

.gridIcon.settings {
  background-image: url("/img/svg/dp-settings-ce8d70a4265fa3a71e6c2a643a3eb336.svg");
}

.gridIcon.edit {
  background-image: url("/img/svg/edit-pen-green-7b7b7c62866c0a212a520375ad79b8a8.svg");
}

.gridIcon.send {
  background-image: url("/img/svg/send-c27a9d7e6e833955355e715ca9a634b9.svg");
}

.gridIcon.switchToUser {
  background-image: url("/img/svg/icon-user-green-47f29ef5233fb5e5901386cfc9400129.svg");
}

.gridIcon.audit {
  background-image: url("/img/svg/dp-audit-f4341d2ee487329088ce9b699850cd5d.svg");
  background-size: 100% auto;
}

.gridIcon.portalAudit {
  background-image: url("/img/svg/portal-audit-green-201b58e0e82784a8004b1366b29be933.svg");
  background-size: 100% auto;
}

.gridIcon.delete {
  background-image: url("/img/svg/dp-delete-ea7d172b29bbc287f2a5111e16680304.svg");
}

.gridIcon.deleteAlt {
  background-image: url("/img/svg/delete-alt-0056b7f01c0f8976bb1e2f7efa66e3f2.svg");
}

.gridIcon.duplicate {
  background-image: url("/img/svg/duplicate-17e4c7215c1acb94abed9927db510b7b.svg");
}

.gridIcon.mealVoucherActivate {
  background-image: url("/img/svg/meal-voucher-activate-0b9b1b4b5d5abd576e6b9f6a64260a37.svg");
}

.gridIcon.mealVoucherCancel {
  background-image: url("/img/svg/meal-voucher-cancel-35a5c8b45f63681c9494075aefb28d52.svg");
}

.gridIcon.deleteGreen {
  background-image: url("/img/svg/delete-green-59df7a1315175c7a5d2776b6e8274399.svg");
}

.gridIcon.branches {
  background-image: url("/img/svg/icon-pobocky-green-81695fc0130eb13fff2fb9b598d8815f.svg");
}

.gridIcon.zadosti {
  background-image: url("/img/svg/zadosti-201b58e0e82784a8004b1366b29be933.svg");
}

.gridIcon.info {
  background-image: url("/img/svg/info-53fd8ce7b7f813e31e8b01022ba65bb1.svg");
}

.gridIcon.infoRed {
  background-image: url("/img/svg/info-red-4283c8fc744be4a0732dbf1e4b0c8160.svg");
}

.gridIcon.qrcode {
  background-image: url("/img/svg/qr-code-ac0e61433ba180cdae76fe0284418410.svg");
}

.gridIcon.qrcodeGrey {
  background-image: url("/img/svg/qr-code-grey-741cf45f4e5519ac895cc976dbc19e44.svg");
}

.gridIcon.unpair {
  background-image: url("/img/svg/broken-link-68d5ed0fe995b9c531678560c6496051.svg");
}

.gridIcon.reset {
  background-image: url("/img/svg/device-reset-8f578e3d4481c8ae84c3be3d9a84ac74.svg");
}

.gridIcon.unpairInactive {
  background-image: url("/img/svg/broken-link-inactive-c741afd087227ad05b8c23c430b466a8.svg");
}

.gridIcon.rename {
  background-image: url("/img/svg/choose-83e0b63be28fb86f5173670a365135ce.svg");
}

.gridIcon.download {
  background-image: url("/img/svg/download-e06e989173918f816e99b18223d1998a.svg");
}

.inlineBlock {
  display: inline-block;
}

.recordsPerPage {
  float: left;
  margin-top: 55px;
  margin-bottom: 10px;
}

.recordsPerPage .dropWrap {
  min-width: 69px;
  position: relative;
  margin: 0 8px 0 8px;
}

.inPager .recordsPerPage {
  float: left;
  margin-top: 0;
  display: inline-block;
}

.chartWrap .dropContent,
.companyTerminalSalesWrap .dropContent,
.recordsPerPage .dropContent,
.autoHeight .dropContent {
  height: auto;
}

.afterLine {
  position: relative;
  margin-bottom: 50px;
}
 .afterLine:after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  margin-top: 75px;
}

.lineAfter {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 15px;
}

.chartWrap,
.createdInLast24HoursWrap {
  margin-top: 40px;
}

.chartWrap.bottomless {
  border-radius: 10px 10px 0 0;
  border-bottom: 0;
}

.chartWrap .pageTitle,
.companyTerminalSalesWrap .pageTitle,
.createdInLast24HoursTitle,
.createdInLast24HoursItemCount {
  font-size: 22px;
}

.chart {
  width: 100%;
}
.chart-legend li {
  list-style-type: none;
  display: inline-block;
  margin-right: 42px;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Gotham-Book', arial;
  color: #3f4858

}

.chart-legend ul {
  z-index: 10;
  position: relative;
}

.chart-legend li span{
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  border-radius: 10px;
  position: relative;
}

.chart-legend li span::after {
  content: "";
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid black;
  position: absolute;
  border-radius: 10px;
  top: -3px;
  left: -3px;
  z-index: -1;
}

.salesLegend {
  padding: 20px 0 40px 70px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px 40px;
}

.radio-wrap {
  display: inline-block;
  margin-right: 40px;
  cursor: pointer;
}

.chart-bottom-filter .radio-wrap, .salesLegend .radio-wrap {
  margin-right: 0;
}

.radio-wrap .radioOld {
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid black;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  vertical-align: sub;
  margin-right: 10px;
}

.radio-wrap .radio-val {
  width: 14px;
  height: 14px;
  border-radius: 10px;
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
  display: none;
}

.radio-wrap .radio-val.active {
  display: block;
}

.radio-wrap span {
  font-family: 'Gotham-Book', arial;
  font-size: 16px;
  line-height: 26px;
}

.radioButtonsWrap .radioButtonsLabel {
  padding-bottom: 5px;
}

.radioOld.disabled {
  border-color: #d9d9d9;
}

.radioOld.disabled .radio-val.active {
  background: #d9d9d9!important;
}

.salesChartBottomWrap {
  width: 100%;
  height: 100px;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
}

.salesChartBottomWrap .box {
  width: calc(25% - 3px);
  height: 99px;
  background: #ebebeb;
  border: 1px solid #e0e0e0;
}

.salesChartBottomWrap tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}

.salesChartBottomWrap tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}

.salesChartBottomWrap .box .box-title {
  font-family: 'Gotham-Book', arial;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #3f4858;
}

.salesChartBottomWrap .box .box-value {
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #3f4858;
  position: relative;
}

.donChart {
  width: 300px;
  height: 300px;
  display: inline-block!important;
}

.typeLegend {
  display: inline-block;
  width: calc(100% - 470px);
  margin-left: 80px;
  min-height: 300px;
}

.typeLegend tbody {
  display: table;
  width: 100%;
}

.typeLegend .progress-wrap {
  height: 28px;
  background: #f4f4f6;
  border-radius: 14px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.typeLegend .progress-val {
  height: 100%;
  position: absolute;
  left: 0;
  border-radius: 14px;
}

.typeLegend td {
  font-family: arial;
  font-weight: bold;
  font-size: 16px;
  color: #3f4858;
  line-height: 26px;
  padding: 7px 10px;
  width: 100%;
}

.typeLegend td:last-child {
  width: auto;
  font-family: 'Gotham-Book', arial;
  white-space: nowrap;
}

.canvas-wrap {
  width: 300px;
  height: 300px;
  display: inline-block;
  position: relative;
  margin-left: 70px ;
}

.chart-bottom-filter {
  border-top: 1px solid #e0e0e0;
  padding: 30px 70px;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 40px;
  width: 100%;
}

.chartPlaceholder {
  height: 250px;
  font-size: 25px;
  text-align: center;
  line-height: 150px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
}

.filterLabel {
  float: right;
  line-height: 45px;
  font-size: 15px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  white-space: nowrap;
}

.loader {
  background-image: url(/img/loader-fcef013ee614ac6301cce7fde1fb62d1.gif);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 120px;
  width: 100%;
}

.loaderTransparent {
  background-image: url(/img/loader-transparent-d4ad8d14f1858c6a7fdd19a5f3e1fcb4.gif);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 120px;
  width: 100%;
}

.greenStripe .loader {
  background-image: url("/img/loader-transparent-white-2dd3ba587d565655c4056f83da3f78c2.gif");
  width: 100px;
  margin-left: auto;
  margin-right: 100px;
}

.qrInfo .loaderTransparent {
  height: 150px;
}

.chartWrap .loader {
  height: 250px;
}

.chartTooltip {
  background: #242933;
  color: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 0 10px 10px 10px;
  padding: 10px;
  position: absolute;
}

.chartTootlipTitle {
  color: white;
  font-size: 10px;
  font-family: 'Gotham-Book', arial;
}

.chartTooltipValue {
  color: white;
  font-size: 14px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
}

.chart {
  box-sizing: initial;
}

.menuItem a {
  color: white;
  text-decoration: none;
}

.recordsPerPageText {
  font-size: 12px;
  height: 40px;
  vertical-align: bottom;
}

.recordsPerPageText span {
  line-height: 40px;
  display: block;
}

.deviceInfoWrap,
.deviceTaskInfoWrap {
  width: 26px;
  margin: auto;
  height: calc(100% - 2px);
}

.deviceInfoWrap:hover > .infoDialog,
.deviceTaskInfoWrap:hover > .infoDialog {
  display: block;
}

.deviceInfoWrap:hover > .gridIcon,
.deviceTaskInfoWrap:hover > .gridIcon {
  opacity: 1;
}

.infoDialog {
  background: #3f4858;
  position: absolute;
  border-radius: 10px;
  margin-top: -5px;
  padding: 0;
  color: white;
  text-align: left;
  display: none;
  z-index: 21;
}

.infoDialogContent {
  padding: 25px 20px;
  overflow: auto;
}

.infoDialog.deviceInfo {
  width: 420px;
  margin-left: -360px;
}

.infoDialog.transactionInfo {
  min-width: 400px;
  display: block;
  position: relative;
  margin-top: 0;
}

.infoDialog.transactionInfo::before {
  content: '';
  position: absolute;
  display: inline-block;
  left: unset;
  top: calc(50% - 8px);
  right: -7px;
  border-right: 0!important;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #3f4858!important;
}

.transactionInfo .infoHeader {
  background-image: url("/img/svg/tick-white-35a73d4fdb71c18716a2e5a112bf4ab3.svg");
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: 100% top;
  padding-right: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 20px;
}

.transactionInfo td {
  padding-top: 25px;
}

.transactionInfo tr td:first-child {
  padding-right: 45px;
}

.infoDialog.deviceInfo .infoDialogContent {
  max-height: 580px;
}

.deviceDetailModal.deviceInfoModal {
  text-align: left;
  width: 420px;
}

.infoDialog.deviceTaskInfo {
  width: 400px;
  margin-left: -350px;
}

.infoDialog.qrInfo {
  width: 300px;
  margin-left: -136px;
}

.deviceInfo:before {
  content: "";
  top: -12px;
  right: 39px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 12px solid #3f4858!important;
  position: absolute;
}

.qrInfo:before {
  content: "";
  top: -12px;
  left: calc(50% - 7px);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 12px solid #3f4858!important;
  position: absolute;
}

.deviceTaskInfo:before {
  content: "";
  top: -12px;
  left: calc(91% - 7px);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 12px solid #3f4858!important;
  position: absolute;
}

.qrInfo img {
  width: 240px;
  display: block;
  margin: auto;
  border-radius: 10px;
}

.infoHeader {
  font-size: 16px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  line-height: 30px;
}

.deviceInfo .infoHeader {
  text-align: left;
  display: inline-block;
}

.deviceInfoModal .infoHeader {
  text-align: left;
  display: inline-block;
}

.qrInfo .infoHeader {
  text-align: center;
  display: block;
}

.qrInfo .infoHeader.name {
  font-family: 'Gotham-Book', arial;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 30px;
}

.deviceIsActivated,
.deviceInfo .deviceIsActivated {
  font-family: 'Gotham-Medium', arial;
  padding: 7px 13px;
  font-size: 10px;
  background: #2ea836;
  display: inline-block;
  float: right;
  border-radius: 10px;
}

.deviceInfo table {
  font-size: 16px;
  width: 100%;
  margin-top: 5px;
}

.deviceInfoModal table {
  font-size: 16px;
  width: 100%;
  margin-top: 5px;
}

.deviceInfo table tr.borderTop,
.deviceInfoModal table tr.borderTop {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.deviceTaskInfo table tr.borderBottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.deviceInfo table td {
  color: white!important;
  border: 0!important;
  height: unset;
  padding: 10px 0;
}

.deviceInfo.deviceTaskInfo table tr td {
  padding: 5px 0;
}

.deviceInfo.deviceTaskInfo table tr.borderBottom td {
  padding-bottom: 10px;
}

.deviceTaskInfo table + .infoHeader {
  margin-top: 10px;
}

.deviceInfoModal table td {
  color: white!important;
  border: 0!important;
  height: unset;
  padding: 10px 0!important;
}

.deviceTaskInfo table td {
  color: white!important;
  border: 0!important;
}

.deviceInfo table tr:last-child td {
  padding-bottom: 0;
}

.deviceInfoModal table tr:last-child td {
  padding-bottom: 0;
}

.gridPlaceholder {
  width: 100%;
  height: 300px;
}

.gridPlaceholder .loader {
  height: 100%;
}

.greenStripe .export {
  text-align: left;
  display: flex;
  align-items: center;
  align-self: center;
  color: white;
}

.greenStripe .export i {
  font-size: 22px;
  margin: 0 22px;
}

.greenStripe .export .exportText {
  display: inline-block;
  font-size: 16px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  margin-right: 20px;
  white-space: nowrap;
}

.greenStripe .export .exportBtn {
  display: inline-block;
  font-size: 12px;
  border: 1px solid rgb(255 255 255 / 30%);
  border-radius: 5px;
  text-align: right;
  vertical-align: middle;
  line-height: 40px;
  padding: 0 20px 0 0;
  white-space: nowrap;
  cursor: pointer;
  margin-right: 10px;
  font-family: 'Gotham-Book', arial;
}

.greenStripe .export .exportBtn .defaultTooltip {
  white-space: normal;
  line-height: initial;
  text-align: left;
  max-width: 300px;
}

.btnIcon {
  height: 40px;
  background-repeat: no-repeat;
  background-size: auto 24px;
  background-position: 50%;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 9px 0 14px;
}

.btnIcon.pdf {
  background-image: url("/img/svg/icon-pdf-fa7c064f43d28f3631875447dfc8a0a5.svg");
}

.btnIcon.xml {
  background-image: url("/img/svg/icon-xml-909a07acab2f429d1c68542d41b30d9d.svg");
}

.btnIcon.xlsx {
  background-image: url("/img/svg/icon-xlsx-f1df3464eba085b48d756d1f2f8bbe90.svg");
}

.greenStripe .export:not(.exportMobile) .exportBtn:hover {
  border: 1px solid rgb(255 255 255);
  background: white;
  color: #2EA836;
}

.greenStripe .export:not(.exportMobile) .exportBtn:hover > .btnIcon.pdf {
  background-image: url("/img/svg/icon-pdf-hover-69996292a7b2bfca9c5cfb35d8b6eb25.svg");
}

.greenStripe .export:not(.exportMobile) .exportBtn:hover > .btnIcon.xml {
  background-image: url("/img/svg/icon-xml-hover-74b6287ff359287f46dc5a1c10d8f69e.svg");
}

.greenStripe .export:not(.exportMobile) .exportBtn:hover > .btnIcon.xlsx {
  background-image: url("/img/svg/icon-xlsx-hover-620f43b00bcde4e5a12c47238c2c57fa.svg");
}

.grid .bold {
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
}

.exportLoadingOverlayWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
}

.exportLoadingOverlay {
  width: 300px;
  height: 200px;
  position: fixed;
  background: white;
  z-index: 10;
  text-align: center;
  border-radius: 10px;
  top: calc(50vh - 100px);
  left: 50%;
  border: 1px solid #3f4858;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%);
}

.exportLoadingText {
  font-family: 'Gotham-Bold';
  font-weight: bold;
  line-height: 50px;
}

.exportLoadingOverlay .loader {
  width: 100%;
  height: 100px;
}

.subTitle {
  font-size: 24px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  border-bottom: 1px solid #2EA836;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.subTitleWithoutBorder {
  font-size: 26px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.subTitle.subTitleNormalFont,
.subTitle2.subTitleNormalFont,
.subTitleWithoutBorder.subTitleNormalFont {
  font-family: unset;
  font-weight: normal;
}

.subTitle2 {
  font-size: 24px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  padding-bottom: 15px;
  padding-top: 30px;
  border-bottom: 1px solid #d9d9d9;
}

.whiteWrap form {
  margin-top: 50px;
}

.whiteWrap .deviceConfigurationTabPanel form {
  margin-top: 40px;
}

.whiteWrap form.smallerTopMargin {
  margin-top: 20px;
}

.whiteWrap form.noTopMargin {
  margin-top: 0;
}

.whiteWrap form .form-group {
  margin-bottom: 0;
}

form.greenInputs input,
.greenInput,
form.greenInputs .inputPlaceHolder,
.inputWrap.greenInputWrap input {
  min-height: 56px;
  border-radius: 10px;
  border: 1px solid rgb(46 168 54 / 25%);
  font-family: 'Gotham-Book', arial;
  font-size: 16px;
  line-height: 56px;
  padding: 0 25px;
}

.smallGreenInputWrap input {
  height: 50px;
  border-radius: 8px;
  border: 1px solid rgb(46 168 54 / 25%);
  font-family: 'Gotham-Book', arial, sans-serif;
  font-size: 16px;
  line-height: 50px;
}

form.greenInputs .has-error .inputPlaceHolder,
form.greenInputs .is-invalid .inputPlaceHolder,
form.greenInputs textarea.has-error,
form.greenInputs textarea.is-invalid,
.whiteWrap form.greenInputs .inputsFlexBoxFees .inputWrap.fees input.is-invalid,
form.greenInputs .dateRange.is-invalid {
  border-color: #dc3545;
}

form.greenInputs input[type="text"],
form.greenInputs input[type="password"],
form.greenInputs input[type="number"],
.greenInput,
form.greenInputs .inputPlaceHolder {
 width: 400px;
}

form.greenInputs .inputsFlexBox .inputWrap.phonePrefix {
  width: 123px;
}

.flexBoxBreak {
  flex-basis: 100%;
  height: 0;
}

form.greenInputs .inputChevron,
.dropDownGrey .inputChevron {
  position: absolute;
  right: 17px;
  line-height: 56px;
  font-size: 18px;
  color: #3f4858;
  top: 0;
}

form.greenInputs .dropContent {
  top: 55px;
  padding: 10px 0;
  border: 1px solid rgb(46 168 54 / 100%);
}

.whiteWrap form.greenInputs select:focus,
form.greenInputs input:focus,
.greenInput:focus,
form.greenInputs .inputPlaceHolder.openedDrop,
form.greenInputs textarea:focus,
.smallGreenInputWrap input:focus,
form.greenInputs .inputPlaceHolder:focus,
.inputWrap.greenInputWrap input:focus,
.inputWrap.greenInputWrap.area textarea:focus {
  box-shadow: none;
  border: 1px solid rgb(46 168 54 / 100%);
  outline: 0;
}

.inputPlaceHolder:focus-visible {
  outline: black auto 1px;
}

form.greenInputs .inputPlaceHolder.openedDrop {
  border-radius: 10px 10px 10px 0;
}

form.greenInputs .inputPlaceHolder.openedDrop.up {
  border-radius: 0 10px 10px 10px;
}

.whiteWrap form .form-row {
  width: 100%;
  margin: 0;
}

.whiteWrap form .inputWrap {
  display: inline-block;
  position: relative;
  margin-right: 25px;
  max-width: 400px;
  margin-top: 40px;
}

.whiteWrap form .inputWrap.buttonGroupInputWrap {
  display: flex;
  flex-wrap: wrap;
}

.whiteWrap form .inputWrap.buttonGroupInputWrap .buttonGroup {
  display: flex;
  width: 100%;
}

form.greenInputs .inputWrap.buttonGroupInputWrap .buttonGroup input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.inputWrap.buttonGroupInputWrap .buttonGroup .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 56px;
}

.dualButtons {
  display: flex;
}

.dualButtons .btn:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -2px;
}

.dualButtons .btn:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.whiteWrap form .inputsFlexBox .inputWrap.inputWrapLarge {
  width: 100%;
}

.deviceCopyCloudIdentifierButton {
  margin-right: 15px;
}

.tabsPageSubTitle {
  color: #0084f4;
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
}

.deviceNameAndTidSeparator {
  font-weight: normal;
}

.tabsPageSubTitle span {
  margin-right: 10px;
}

.deviceTopWrap {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.deviceTopWrap div {
  width: 20%;
  height: 37px;
}

.deviceTopWrap .deviceCenterTopWrap {
  margin-top: -20px;
  display: flex;
  width: auto;
  font-size: 16px;
  z-index: 11;
}

.deviceTopWrap .deviceCenterTopWrap div {
  width: auto;
  padding: 5px 20px;
}

.deviceTopWrap .deviceCenterTopWrap > div:first-child {
  border-bottom-left-radius: 10px;
}

.deviceTopWrap .deviceCenterTopWrap > div:last-child {
  border-bottom-right-radius: 10px;
}

.deviceActivationStatus {
  position: relative;
  padding: 5px 20px 6px 20px;
  font-weight: bold;
}

.deviceTopWrap .deviceActivationStatus,
.deviceTopWrap .deviceAdminPin,
.deviceTopWrap .deviceTopQrCode {
  min-height: 37px;
  height: fit-content;
}

.deviceActivationStatus.deviceNotActive {
  background-color: #fbdadd;
  color: #e94555;
}

.deviceActivationStatus.deviceNotActive a {
  color: #e94555;
}

.deviceActivationStatus.deviceActive {
  color: #2EA836;
  background-color: #eaf6eb;
}

.deviceActivationStatus.deviceActive a {
  color: #2EA836;
}

.deviceActiveTick {
  background-image: url("/img/svg/device-active-tick-a75214731b8f7d64b01b045cc112c0fa.svg");
  display: inline-block;
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  background-size: auto 25px;
  vertical-align: middle;
}

.deviceInactiveWarning {
  background-image: url("/img/svg/device-inactive-warning-d15afc7993ee49c6f5bd1f9011fa8997.svg");
  display: inline-block;
  width: 30px;
  height: 27px;
  background-repeat: no-repeat;
  background-size: auto 25px;
  vertical-align: middle;
}

.deviceActivationStatus a {
  text-decoration: underline;
}

.deviceTopQrCode div.deviceQrCodeToolTip {
  display: none;
  height: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 10;
  top: 120%;
  left: 50%;
  margin-left: -140px;
}

.deviceTopQrCode .deviceQrCodeToolTip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.deviceTopQrCode:hover .deviceQrCodeToolTip {
  display: block;
}

.deviceTopQrCode {
  position: relative;
  padding: 6px 20px 7px;
  background-color: #cce6fd;
  font-weight: bold;
  color: #0084f4;
}

.deviceEditQrCodeIcon {
  background-image: url("/img/svg/qr-code-blue-3fb14d0305b8e7d7f0d634718e21dc86.svg");
  display: inline-block;
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  background-size: auto 25px;
  vertical-align: middle;
}

.deviceTopWrap .deviceCenterTopWrap .deviceAdminPin {
  background-image: url("/img/svg/copy-to-clipboard-e3bc33d70061304d104498c82c3a79fd.svg");
  background-repeat: no-repeat;
  background-size: 0;
  background-position: calc(100% - 5px) 50%;
  padding-right: 25px;
  background-color: #ebebeb;
  color: #3f4858;
  cursor: pointer;
  position: relative;
}

.deviceTopWrap .deviceCenterTopWrap .deviceAdminPin:hover {
  background-size: auto 20px;
}

.deviceTopWrap .deviceCenterTopWrap .deviceAdminPin #adminPin {
  display: none;
}

.deviceTopWrap .deviceCenterTopWrap .deviceAdminPin:hover #adminPin,
.deviceTopWrap .deviceCenterTopWrap .deviceAdminPin:focus #adminPin {
  display: inline;
}

.deviceTopWrap .deviceCenterTopWrap .deviceAdminPin:hover #adminPinPlaceholder,
.deviceTopWrap .deviceCenterTopWrap .deviceAdminPin:focus #adminPin {
  display: none;
}

.greenInputs.deviceEddieForm {
  margin-top: 0;
}

.deviceEddieFormButtonsWrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  align-items: center;
  margin-bottom: 10px;
}

.deviceEddieFormButtonsWrapper button.btn {
  font-size: 20px;
}

.deviceEddieCompanyAndBranchEditButtonsWrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.deviceEddieEditCompanyButton {
  background: #2ea836;
  color: white;
  padding: 10px 20px;
  border-radius: 60px;
  border: 1px solid #2ea836;
}

.deviceEddieEditCompanyIcon {
  background-image: url("/img/svg/device-edit-company-icon-1c772c30dcab4e6855b811ceb574beb5.svg");
  display: inline-block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: auto 21px;
  vertical-align: middle;
  margin-right: 5px;
}

.deviceEddieEditBranchButton {
  background: white;
  color: #0084f4;
  padding: 10px 20px;
  border-radius: 60px;
  border: 2px solid #0084f4;
}

.deviceEddieEditBranchIcon {
  background-image: url("/img/svg/device-edit-branch-icon-00cf51e5dca35ebd90314eb954ca4da3.svg");
  display: inline-block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: auto 21px;
  vertical-align: middle;
  margin-right: 5px;
}

.deviceEditTopAlert {
  margin-bottom: -25px;
}

.checkBox.checkBoxDisabled.checked {
  border-color: black;
}

form.greenInputs .inputWrapLarge .inputPlaceHolder {
  width: 1250px;
}

.whiteWrap form .inputWrap.top30 {
  margin-top: 30px;
}

.whiteWrap form .inputWrap.top20 {
  margin-top: 20px;
}

.whiteWrap form .form-row .inputWrap:last-child {
  margin-right: 0;
}

.whiteWrap form.greenInputs label.checkboxSliderLabel {
  top: initial;
  left: initial;
  background: inherit;
  color: inherit;
  padding: initial;
  z-index: initial;
}

.whiteWrap form.greenInputs label,
.inputWrap.greenInputWrap label,
.smallGreenInputWrap label {
  position: absolute;
  top: -12px;
  left: 15px;
  background: white;
  color: #2EA836;
  font-size: 16px;
  padding: 0 10px;
  z-index: 10;
  border-radius: 5px;
}

.whiteWrap form.greenInputs label.dropDownUpLabel {
  z-index: 20;
}

.smallGreenInputWrap label {
  left: 5px;
  white-space: nowrap;
}

.whiteWrap form.greenInputs .acquiringRequestBranchCheckboxes .inputWrap.longLabel {
  margin-top: 0;
}

.whiteWrap form.greenInputs .inputWrap.longLabel label {
  position: relative;
  margin-bottom: 0;
  top: 0;
  max-width: 370px;
}

.whiteWrap form.greenInputs .inputWrap.longLabel.area label {
  max-width: calc(100% - 15px);
  white-space: normal;
}

.whiteWrap form.greenInputs .inputWrap.longLabel input,
.whiteWrap form.greenInputs .inputWrap.longLabel.area textarea {
  position: relative;
  bottom: 12px;
}

.whiteWrap form.greenInputs .form-check label {
  position: unset;
  top: unset;
  left: unset;
  cursor: pointer;
}

.whiteWrap form.greenInputs .form-check.form-check-disabled label {
  cursor: not-allowed;
}

.whiteWrap form.greenInputs .datePickerWrap {
  width: unset;
}

.whiteWrap form.greenInputs .datePickerWrap img {
  position: absolute;
  top: calc(50% - 12px);
  right: 15px;
}

.whiteWrap form.greenInputs .datePickerWrap a {
  position: absolute;
  right: 0;
  width: 54px;
  height: 100%;
  border-left: 1px solid rgb(46 168 54 / 25%);
  border-radius: 0;
  padding: 0;
}

.whiteWrap form.greenInputs .datePickerWrap .inputChevron {
  display: none;
}


.companyIdWrap {
  min-height: 130px;
  border-radius: 10px;
  background: rgb(46 168 54 / 5%);
  margin-top: 40px;
  display: flex;
  align-items: center;
  padding: 20px;
  flex-wrap: wrap;
  row-gap: 17px;
}

.companyIdWrap .companySearchByBusinessIdCountriesWrap {
  display: inline-block;
  margin-top: 10px;
}

.companyIdWrap .label,
.whiteWrap form.greenInputs .companyIdWrap .label {
  font-size: 24px;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  margin-bottom: 0;
  position: static;
  padding: 0;
  background: initial;
  color: inherit;
  z-index: initial;
  border: none;
}

.companyIdWrap .selectCountryLabel,
.whiteWrap form.greenInputs .companyIdWrap .selectCountryLabel {
  position: static;
  color: #2EA836;
  border: 2px solid #2EA836;
  opacity: 60%;
  font-size: 16px;
  padding: 0 16px;
  display: inline-block;
  font-family: 'Gotham-Medium', arial;
  border-radius: 10px;
  cursor: pointer;
  line-height: 36px;
  height: 40px;
  background-color: transparent;
  margin-bottom: 0;
}

.companyIdWrap input.selectCountryRadio:focus-visible + label.selectCountryLabel,
.inputWrap .inputGroupRadiosWrap input[type="radio"]:focus-visible + label.inputGroupRadioLabel {
  box-shadow: 0 0 5px #3f4858;
}

.companyIdWrap input.selectCountryRadio:checked + label.selectCountryLabel {
  opacity: 100%;
}

.companyIdWrap .selectCountryLabel.margin {
  margin: 0 10px;
}

.companyIdWrap .btn {
  background-color: #2EA836;
  color: white;
  font-size: 16px;
  font-family: 'Gotham-Medium', arial;
  padding: 5px 16px;
  display: inline-block;
  border-radius: 10px;
  cursor: pointer;
  min-height: 40px;
  height: fit-content;
}

.companyIdWrap input[type="text"] {
  background: transparent;
  margin: 0 30px 0 20px;
}

form.greenInputs .form-check {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

form.greenInputs .checksWrap {
  padding: 40px 0;
}

form.greenInputs .checksWrap .checkBoxWrapper:not(:last-child) {
  margin-bottom: 15px;
}

form.greenInputs .form-check label {
  font-size: 16px;
  color: #1a2442;
}

form.greenInputs a {
  color: #2ea836;
  text-decoration: underline;
}

form.greenInputs .btn-success,
.btnSuccess {
  background-color: #2EA836;
  border: 0;
  border-radius: 10px;
  font-size: 20px;
  line-height: 40px;
  font-family: 'Gotham-Medium', arial;
  padding: 0 20px;
}

.btn.btnSuccess {
  color: white;
}

.btn.btnRed {
  background-color: transparent;
  color: #e94555;
  border: 2px solid #e94555;
  border-radius: 10px;
  font-size: 16px;
  font-family: 'Gotham-Medium', arial;
  padding: 6px 15px;
}

.btn.btnRed.btnRedFill {
  background-color: #e94555;
  color: white;
}

.btn.btnRed:hover,
.btn.btnRed:focus-visible {
  background-color: #e94555;
  color: white;
}

.btn.btnRed.btnRedFill:hover,
.btn.btnRed.btnRedFill:focus-visible {
  background-color: transparent;
  color: #e94555;
}

form.greenInputs .dropdown {
  display: none!important;
}

form.greenInputs .btn.back {
  font-family: 'Gotham-Medium', arial;
  font-size: 20px;
  color: #2EA836;
  text-decoration: none;
}

.greenInputs .form-control:disabled,
.greenInputs .form-control[readonly],
.greenInputs .inputsFlexBox .inputWrap input[readonly],
.greenInputs .inputsFlexBox .inputWrap input[disabled],
.greenInputs .inputPlaceHolder.disabled,
.smallGreenInputWrap input[readonly] {
  background-color: rgba(46, 168, 54, 0.05)!important;
}

.greenInputs .inputWrap:not(.fees) label.disLabel,
.smallGreenInputWrap label.disLabel {
  background-color: #f4fbf4!important;
}

.greenInputs .inputWrap:not(.fees) label.disLabel.dark {
  background-color: #edf3ee!important;
}

a.green,
a.green:hover,
button.green {
  color: #2EA836;
}

form.greenInputs .branchEditSection {
 padding-bottom: 20px;
}

.returnTextBlack {
  font-size: 16px;
  color: #3f4858;
  margin-top: 6px;
  margin-bottom: 21px;
  display: block;
  width: fit-content;
}

.returnTextBlack .deviceReturnText {
  width: 25%;
}

.returnTextBlack:hover {
  color: #3f4858;
}

.radioButtonsLabel {
  padding-bottom: 10px;
}

.btn.btnBlue, .btn.btnBlueBig {
  background-color: transparent;
  border: 2px solid #0084f4;
  color: #0084f4;
}

.btn.btnBlueFillBig {
  background-color: #0084f4;
  color: white;
}

.btn.btnWhite {
  background-color: white;
  border: 2px solid white;
  color: #2EA836;
}

.btn.btnWhite:hover,
.btn.btnWhite:focus-visible {
  background-color: transparent;
  color: white;
}

.fakeScrollWrap {
  width: 100%;
  overflow-x: auto;
}

.fakeScroll {
  height: 10px;
}

.mySteps {
  list-style: none;
  width: 100%;
  margin-bottom: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
}

.mySteps li {
  margin-right: 1px;
  position: relative;
  width: 100%;
  max-width: 200px;
}

.mySteps li a:hover {
  text-decoration: none;
}

.mySteps .lineToNext {
  width: 140%;
  border-bottom: 2px dotted #d9d9d9;
  position: absolute;
  top: 50%;
  left: -20%;
}

.mySteps .active .lineToNext, .mySteps .done .lineToNext {
  border-bottom: 2px dotted #2ea836;
}

.mySteps .stepsOuterCircle {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: transparent;
  display: flex;
  align-self: center;
  align-items: center;
  font-size: 20px;
  font-family: 'Gotham-Medium', arial;
  margin: auto;
}

.mySteps .active .stepsOuterCircle {
  background: rgb(46 168 54 / 10%);
}

.mySteps .stepsInnerCircle {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #d9d9d9;
  display: flex;
  align-items: center;
  margin: auto;
  color: white;
  justify-content: center;
}

.mySteps .active .stepsInnerCircle {
  background: #2ea836;
}

.mySteps .done .stepsInnerCircle {
  width: 34px;
  height: 34px;
  background: white;
  color: #2EA836;
  border: 2px solid #2EA836;
}

.mySteps .stepLabel {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-family: 'Gotham-Medium', arial;
  color: #716c80;
  margin-top: 5px;
}

.mySteps .active .stepLabel {
  color: #2EA836;
}

form.greenInputs .cardWrap {
  padding: 0 0 29px 30px;
}

.whiteWrap form.greenInputs .inputsFlexBox .inputWrap.area {
  width: 100%;
}

form.greenInputs textarea,
.inputWrap.greenInputWrap.area textarea {
  width: 100%;
  height: 120px;
  border-radius: 10px;
  border: 1px solid rgb(46 168 54 / 25%);
  padding: 20px;
}

.genericModal form.greenInputs textarea {
  height: unset;
}

.btn.btnGreen,
.btn.btnBlue,
.btn.btnBlueBig,
.btn.btnBlueFillBig,
.btn.btnRestoreConfiguration,
.btn.btnWhite,
.btn.btnGrey,
.btn.btnGreenOutline {
  font-size: 16px;
  font-family: Gotham-Medium, arial;
  padding: 6px 15px;
  border-radius: 10px;
  text-decoration: none;
  height: fit-content;
}

.btn.btnBlue.btnRound,
.btn.btnGreen.btnRound,
.btn.btnWhite.btnRound,
.btn.btnGrey.btnRound {
  border-radius: 40px;
}

.btn.btnBig {
  padding: 11px 20px;
  font-size: 20px;
}

.btn.btnGreen,
a.btn.btnGreen {
  background-color: #2EA836;
  border: 2px solid #2EA836;
  color: white;
}

.btn.btnGreen:enabled:hover,
a.btn.btnGreen:hover,
.btn.btnGreen:enabled:focus-visible,
a.btn.btnGreen:focus-visible {
  background-color: transparent;
  color: #2EA836;
}

.btn.btnGreenOutline {
  background-color: white;
  border: 2px solid #2EA836;
  color: #2EA836;
}

.btn.btnGreenOutline:enabled:hover,
.btn.btnGreenOutline:enabled:focus-visible {
  background-color: #2EA836;
  color: white;
}

.btn.btnBlue:hover,
.btn.btnBlue:focus-visible,
.appMarketItemFileInput:focus + .appMarketItemFileInputLabel {
  background-color: #0084f4;
  color: white;
}

.appMarketItemFileInput:focus + .appMarketItemFileInputLabel {
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.checkCardImage {
  width: 64px;
  padding-left: 10px;
  max-width: 80%;
}

form.greenInputs .form-check.inline {
  display: inline-flex;
}

form.greenInputs .radioButtonsWrap .checkTitle {
  width: calc(100% - 40px);
  display: inline-block;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  font-size: 16px;
}

form.greenInputs .radioButtonsWrap .checkDescription {
  width: calc(100% - 40px);
  padding-left: 37px;
  display: inline-block;
  font-size: 16px;
}

form .requiredMsg {
  font-size: 12px;
  color: #e94555;
  padding-left: 40px;
  width: 100%;
}

form.greenInputs input::-webkit-outer-spin-button,
form.greenInputs input::-webkit-inner-spin-button,
.inputWrap.greenInputWrap input::-webkit-outer-spin-button,
.inputWrap.greenInputWrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
form.greenInputs input[type=number] {
  -moz-appearance: textfield;
}

.personWrap {
  border-radius: 10px;
  margin-top: 20px;
  border: solid 1px #d9d9d9;
}

.personWrap .personHeader {
  background: #ebebeb;
  height: 60px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px 10px 0 0;
}

.personHeaderButtons {
  display: flex;
  gap: 10px;
}

.personWrap .personHeader .personLabel {
  font-size: 20px;
  color: #3f4858;
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
}

.personWrap .personContent {
  padding: 20px;
}

.personWrap .personContent .personSubLabel {
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
}


.whiteWrap form.greenInputs .personWrap .form-check label {
  background: none;
}

.downloadTitle {
  font-family: 'Gotham-Bold', arial;
  font-weight: bold;
  font-size: 16px;
  width: 100%;
}

.downloadBtn, .uploadBtn {
  background-color: rgba(46, 168, 54, 0.05);
  border: 1px solid rgba(46, 168, 54, 0.25);
  color: #2EA836;
  padding: 6px 5px 6px 30px;
  font-family: 'Gotham-Medium', arial;
  font-size: 16px;
  border-radius: 60px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 12px 50%;
  width: 177px;
  margin: auto;
  display: block;
  cursor: pointer;
}

.downloadBtn:disabled, .uploadBtn:disabled {
  cursor: not-allowed;
}

.downloadBtn:hover, .uploadBtn:hover {
  color: #2EA836;
}

.downloadBtn {
  background-image: url("/img/svg/download-e06e989173918f816e99b18223d1998a.svg");
  width: fit-content;
  padding: 10px 20px 10px 40px;
  margin: 0;
  height: fit-content;
}

form.greenInputs a.downloadBtn {
  text-decoration: none;
}

.uploadBtn {
  background-image: url("/css/img/upload-f2932289d5c8bea6203a6b1d3bfe9d1c.svg");
}

.acqReqChangedField {
  border-color: #fcba03!important;
}

.acqReqChangedField.is-invalid {
  border-color: #dc3545!important;
}

.acqReqFieldUpdated,
.acqReqChangedField.acqReqFieldUpdated,
drop-down.acqReqFieldUpdated .inputPlaceHolder {
  border-color: #0084f4!important;
}

.receipt.batch .receiptContent {
  font-family: Montserrat-Regular, arial;
  font-size: 16px;
  color: black;
}

.receipt.batch .title {
  font-family: Montserrat-Bold, arial;
  font-weight: bold;
  color: black;
  font-size: 20px;
  text-align: center;
  padding: 20px 0;

}

.receipt.batch .bigger {
  font-size: 20px!important;
}

.receipt.batch .empty {
  height: 20px;
}

.infoText {
  color: #3f4858;
  padding-left: 5px;
  font-size: 14px;
}

.form-check-label.checked {
  font-family: 'Gotham-Medium', arial;
}

.btn.icon {
  padding-left: 40px;
}

.btn.btnBlue.icon.settings {
  background-image: url("/img/svg/dp-settings-blue-92c4cdd7b07eb357014f1c32ba4f64e1.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 14px 50%;
}

.btn.btnBlue.icon.settings:hover {
  background-image: url("/img/svg/dp-settings-white-9ba3ff9fbce984ec9a7374e3dbdf9184.svg");
}

.btn.btnBlue.icon.devices {
  background-image: url("/img/svg/icon-devices-blue-097233f96c763a26f40cb6cba01211d6.svg");
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 14px 50%;
}

.btn.btnBlue.icon.devices:hover {
  background-image: url("/img/svg/icon-devices-6e2ed7aa217cb34f6a7ed39dc5f02aa5.svg");
}

.btn.btnBlue.icon.branches {
  background-image: url("/img/svg/branches-blue-fa6021270227aaa2f63459d620341c81.svg");
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 14px 50%;
}

.btn.btnBlue.icon.branches:hover {
  background-image: url("/img/svg/company-actions-branches-active-e59e85c243469a042a27366a8c128833.svg");
}

.btn.btnBlue.icon.requests {
  background-image: url("/img/svg/requests-blue-d3664cd421528d31338fb2c6b62b2c5e.svg");
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 14px 50%;
}

.btn.btnBlue.icon.requests:hover {
  background-image: url("/img/svg/company-actions-requests-active-866d89c84e8813f55c7a0e6d954611c0.svg");
}

.btn.icon.plus {
  background-image: url("/img/svg/plus-green-81cc96cb9ba0c84e6719264765aa414a.svg");
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 8px 50%;
  padding-left: 35px;
}

.btn.icon.plus:hover,
.btn.icon.plus:focus-visible {
  background-image: url("/img/svg/plus-white-3df35e21d40c785e73c5f47c26a59966.svg");
}

.greenStripe .btn.btnWhite {
  display: inline-block;
  vertical-align: middle;
  height: 38px;
}

.dropDownSearchInputWrap {
  display: flex;
  justify-content: center;
  position: sticky;
  top: 0;
  left: 0;
  min-height: 50px;
  background: white;
  padding-top: 10px;
  z-index: 1;
}

form.greenInputs .dropDownSearchInputWrap .dropDownSearchInput,
form.greenInputs .inputsFlexBox .inputWrap .dropDownSearchInputWrap .dropDownSearchInput,
.dropDownSearchInputWrap .dropDownSearchInput {
  width: 98%;
  height: 40px;
  padding: 5px 8px;
  min-height: 0;
  margin-bottom: 10px;
}

.inputWrap.inputWrapLarge .dropContent .dropItem {
  white-space: normal;
}

.inputWrap.inputWrapLarge .inputPlaceHolder {
  height: fit-content;
}

.totalAmount .tip {
  font-size: 16px;
}

.totalAmount .amountLabel, .totalAmount .tipLabel {
  padding-right: 25px;
  text-align: right;
}

.totalAmount .amountLabel {
  font-size: 16px;
}

.totalAmount .tipLabel {
  font-size: 12px;
}

.totalAmount td {
  white-space: nowrap;
}

.tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: -1px;
}

.tabs.noIconTabs {
  margin-top: 20px;
}

.tabs .tab {
  border: 1px solid #ebebeb;
  background-color: #f7f8f8;
  text-align: center;
  padding: 12px 36px;
  border-radius: 30px 30px 0 0;
  margin-right: 4px;
  font-family: 'Gotham-Bold', arial;
  color: #3f4858;
  cursor: pointer;
}

.tabs .tab.companyClientsTab {
  padding-left: 32px;
  padding-right: 32px;
}

.tabs .tab .tabLabel {
  opacity: 70%;
  background-repeat: no-repeat;
  background-size: auto 21px;
  padding-left: 23px;
}

.tabs.noIconTabs .tab .tabLabel {
  padding-left: 0;
}

.tabs .tab .tabLabel.iconEdit {
  background-image: url("/img/svg/choose-grey-6d7d4cd408c4063aa78a88ad3cdd92c4.svg");
}

.tabs .tab .tabLabel.iconFiles {
  background-image: url("/img/svg/files-6bb6221db28806dd27960c2325cf2a47.svg");
}

.tabs .tab .tabLabel.iconExport {
  background-image: url("/img/svg/company-export-c32175c13ad6f451c2f4a46c4893ceb0.svg");
}

.tabs .tab .tabLabel.iconClients {
  background-image: url("/img/svg/company-clients-74820c7080344a80fabc713e1d645762.svg");
  padding-left: 30px;
}

.tabs .tab .tabLabel.iconUsers {
  background-image: url("/img/svg/company-user-ee8e39233aaa3801ed3561b171789c21.svg");
  padding-left: 25px;
}

.tabs .tab .tabLabel.iconTasks {
  background-image: url("/img/svg/tasks-855e1b9c5aa024942409c82bbd685287.svg");
}

.tabs .tab .tabLabel.iconConfiguration {
  background-image: url("/img/svg/device-configuration-cogwheel-0cc4ce12ee0bbb02b3288bd4adc2afef.svg");
  padding-left: 30px;
}

.tabs .tab .tabLabel.iconMealVouchers {
  background-image: url("/img/svg/meal-vouchers-416c889b9631fd448848c5731c10b99b.svg");
  padding-left: 40px;
}

.tabs .tab .tabLabel.iconSim {
  background-image: url("/img/svg/sim-e749eadab6858fd4ebf9974d0b499655.svg");
  padding-left: 25px;
}

.tabs .tab .tabLabel.iconApps {
  background-image: url("/img/svg/device-tab-apps-97c052288b804cf17a03621ddd2fa166.svg");
  padding-left: 25px;
}

.tabs .tab .tabLabel.iconFees {
  background-image: url("/img/svg/fees-coins-b7043bbb96db2dd1ff08f6767167d3f0.svg");
  padding-left: 25px;
}

.tabs .tab .tabLabel.iconTerminalAccess {
  background-image: url("/img/svg/person-devices-97c052288b804cf17a03621ddd2fa166.svg");
}

.tabs .tab .tabLabel.iconCompanies {
  background-image: url("/img/svg/tab-icon-companies-45d52273dff6a70d67955bc8872871b8.svg");
  padding-left: 35px;
}

.tabs .tab.active,
.tabs .tab[aria-selected="true"] {
  background-color: white;
  border-bottom: 1px solid white;
}

.tabs .tab.active .tabLabel,
.tabs .tab[aria-selected="true"] .tabLabel {
  opacity: 100%;
}

.tabWrap {
  border: 1px solid #ebebeb;
  padding: 0 30px 30px 30px;
  border-radius: 0 30px 30px 30px;
}

.tabWrap.branchDiv {
  padding: 0 20px;
}

.deviceTabTitle {
  margin-top: 43px;
  font-size: 26px;
  font-family: 'Gotham-Bold', arial, sans-serif;
  text-align: left;
  color: #2ea836;
}

.deviceTaskTitle {
  margin-top: 43px;
  font-size: 26px;
  font-family: 'Gotham-Bold', arial, sans-serif;
  text-align: left;
  color: #2ea836;
  vertical-align: top;
}

.deviceFilesType {
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-size: 16px;
  row-gap: 15px;
}

.deviceFileTypeRadioWrapper {
  font-family: 'Gotham-Book', arial, sans-serif;
  padding-left: 0;
}

.deviceFilesFileInputWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

input.radio,
form.greenInputs input.radio,
.companyIdWrap input.selectCountryRadio,
.inputWrap .inputGroupRadiosWrap input[type="radio"] {
  opacity: 0;
  margin-left: 0;
  min-height: 0;
  border-radius: 0;
  border: none;
  font-size: 16px;
  line-height: 16px;
  padding: 0;
}

input.radio:focus,
.companyIdWrap input.selectCountryRadio:focus {
  border: none;
}

.companyIdWrap input.selectCountryRadio {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 0;
}

form.greenInputs input.radio + label,
input.radio + label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  top: unset;
  left: unset;
  background: unset;
  color: unset;
  font-size: unset;
  padding: 0 0 0 25px;
  z-index: unset;
  border-radius: 0;
}

form.greenInputs .terminalRequestSelectRadioWrap input.radio + label {
  display: inline-block;
}

form.greenInputs .terminalRequestSelectRadioWrap input.radio + label::before {
  top: -5px;
}

form.greenInputs .terminalRequestSelectRadioWrap input.radio + label::after {
  top: -1px;
}

input.radio + label::before {
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   border-radius: 50%;
   border: 2px solid #2ea836;
   width: 20px;
   height: 20px;
}

input.radio.radioBlack + label::before {
  border: 1px solid #3f4858;
}

input.radio + label::after {
   content: '';
   position: absolute;
   display: inline-block;
   left: 4px;
   border-radius: 50%;
   width: 12px;
   height: 12px;
}

input.radio.radioBlack + label::after {
  left: 3px;
  width: 14px;
  height: 14px;
  background: rgba(62, 166, 54, 0.15);
}

input.radio:checked + label::after {
  background: #3ea636;
}

input.radio:focus-visible + label::before {
  box-shadow: 0 0 5px #3f4858;
}

.deviceFileInput,
.appMarketItemFileInput {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}

.deviceFileInputLabel,
.whiteWrap form.greenInputs label.deviceFileInputLabel {
  position: static;
  color: #2ea836;
  display: inline-block;
  cursor: pointer;
  border-radius: 60px;
  border: solid 1px rgba(46, 168, 54, 0.25);
  background-color: rgba(46, 168, 54, 0.05);
  padding: 7px 15px;
  margin-bottom: 0;
  font-family: 'Gotham-Bold', arial, sans-serif;
}

.appMarketItemFileInputLabel {
  cursor: pointer;
  margin-bottom: 0;
}

.deviceFileInput:focus + .deviceFileInputLabel {
  outline: #2ea836 auto 5px;
}

.deviceFileInput:disabled + .deviceFileInputLabel {
  cursor: not-allowed;
  opacity: 0.6;
}

.deviceFilesUploadIcon {
  background-image: url(/img/svg/device-upload-c29a8ddd3beec8512f287a8ead4dca76.svg);
  display: inline-block;
  width: 30px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: auto 25px;
  vertical-align: middle;
}

.deviceFilesChosenFileSpan {
  color: #3f4858;
}

.deviceFilesNoFileChosenText {
  opacity: 0.5;
}

.deviceFilesGridWrap .grid th {
  font-size: 18px;
}

.deviceFilesGridWrap .grid tr:not(.expandedChildRow):not(.gridDetailRow):not(.expandedParentRow) > td:first-child {
  opacity: 0.7;
}

.deviceFilesGridWrap .grid tr:not(.expandedChildRow):not(.gridDetailRow):not(.expandedParentRow):hover > td:first-child {
  opacity: 1;
}

.deviceFilesGridWrap .grid tr:not(.expandedChildRow):not(.gridDetailRow) > td:first-child {
  word-break: break-all;
}

.whiteWrap.top.deviceTopWhiteWrap {
  border-radius: 30px;
}

.deviceFileNameAnchor {
  background-image: url(/img/svg/device-files-file-b9716d5a8c3d834bf640a814e9141593.svg);
  background-repeat: no-repeat;
  background-size: auto 21px;
  padding-left: 21px;
  min-height: 21px;
  display: inline-block;
}

.deviceFilesFilterLine {
  display: flex;
  align-items: center;
  margin-bottom: -30px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.deviceTasksFilterLine {
  margin-top: 40px;
  margin-bottom: -30px;
}

.deviceFilesFilterLine .deviceTabTitle,
.deviceFilesFilterLine .terminalMealVouchersTabTitle {
  margin-top: 0;
}

.deviceFilesFilterLine .searchWrap {
  width: initial;
}

.terminalMealVouchersTabTitle {
  margin-top: 43px;
  font-size: 26px;
  font-family: 'Gotham-Bold', arial, sans-serif;
  text-align: left;
  color: #3f4858;
}

.terminalMealVouchersProductsWrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}

.checkBoxWrapper.terminalMealVoucherProductCheckBoxWrapper {
  display: flex;
  margin-right: 20px;
  min-width: 150px;
}

.checkBoxWrapper {
  position: relative;
}

.checkBoxWrapper .checkBoxWithFocus {
  height: 20px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 20px;
  min-height: 0;
  border-radius: 0;
  border: none;
  line-height: 16px;
  padding: 0;
}

.checkBoxWrapper.starCheckBox {
  min-width: 20px;
}

.checkBoxWrapper.starCheckBox input[type="checkbox"] {
  opacity: 0;
  left: 0;
  top: calc(50% - 10px);
  position: absolute;
  height: 20px;
  width: 20px;
  min-height: 20px;
  line-height: unset;
}

.checkBoxWrapper.starCheckBox input[type="checkbox"] + label {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  padding: 0;
  margin: 0;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.checkBoxWrapper.starCheckBox input[type="checkbox"] + label:before {
  content: "";
  background-image: url("/img/svg/star-outline-9c257e6c175c6923934a438081e350a1.svg");
  height: 20px;
  width: 20px;
  display: block;
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 10px);
  transition: background-color .2s, box-shadow .2s;
}

.checkBoxWrapper.starCheckBox input[type="checkbox"]:checked + label:before {
  background-image: url("/img/svg/star-solid-ae24655923f1a7a817e9abd3808d9f32.svg");
}

.checkBoxWrapper.starCheckBox input[type="checkbox"]:focus-visible + label:before {
  box-shadow: 0 0 10px grey;
  background-color: lightgrey;
}

.checkBoxWrapper.starCheckBox input[type="checkbox"][aria-disabled="true"] + label {
  cursor: not-allowed;
}

.whiteWrap form.greenInputs .checkBoxWrapper .checkBoxWithFocus ~ label,
.checkBoxWrapper .checkBoxWithFocus ~ label {
  cursor: pointer;
  margin-left: 20px;
  left: 0;
  top: 0;
  position: relative;
  color: #3f4858;
  padding-left: 10px;
}

.whiteWrap form.greenInputs .checkBoxWrapper .checkBoxWithFocus.checkBoxGrey ~ label,
.checkBoxWrapper .checkBoxWithFocus.checkBoxGrey ~ label {
  opacity: 0.5;
}

.whiteWrap form.greenInputs .checkBoxWrapper .checkBoxWithFocus.checkBoxGrey:checked ~ label,
.checkBoxWrapper .checkBoxWithFocus.checkBoxGrey:checked ~ label {
  opacity: 1;
}

.whiteWrap form.greenInputs .checkBoxWrapper .checkBoxWithFocus:disabled ~ label,
.checkBoxWrapper .checkBoxWithFocus:disabled ~ label {
  cursor: not-allowed;
}

.checkBoxWrapper .checkBoxWithFocus ~ label::before {
  border: solid 2px #3f4858;
  border-radius: 5px;
  content: "";
  height: 20px;
  position: absolute;
  width: 20px;
  left: -20px;
  display: block;
  top: 0;
}

.checkBoxWrapper.terminalMealVoucherProductCheckBoxWrapper .checkBoxWithFocus ~ label::before {
  top: calc(50% - 10px);
}

.checkBoxWrapper .checkBoxWithFocus ~ label::after {
  content: "";
  border: solid #3ea636;
  border-width: 0 2px 2px 0;
  height: 10px;
  opacity: 0;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  left: -13px;
  top: 4px;
}

.checkBoxWrapper .checkBoxWithFocus.checkBoxGrey ~ label::after {
  border-color: #3f4858;
}

.checkBoxWrapper.terminalMealVoucherProductCheckBoxWrapper .checkBoxWithFocus ~ label::after {
  top: calc(50% - 7px);
}

.checkBoxWrapper .checkBoxWithFocus:checked:disabled ~ label::before,
.checkBoxWrapper .checkBoxWithFocus:disabled ~ label::after {
  border-color: #3f4858;
}

.checkBoxWrapper .checkBoxWithFocus:checked ~ label::before {
  border: solid 2px #3ea636;
}

.checkBoxWrapper .checkBoxWithFocus.checkBoxGrey:checked ~ label::before {
  border: solid 2px #3f4858;
}

.checkBoxWrapper.mediumCheckedLabel .checkBoxWithFocus:checked ~ label {
  font-family: 'Gotham-Medium', arial, sans-serif;
}

.checkBoxWrapper .checkBoxWithFocus:checked ~ label::after {
  opacity: 1;
}

.checkBoxWrapper .checkBoxWithFocus:focus-visible ~ label::before {
  box-shadow: 0 0 5px #3f4858;
}

.checkBoxWrapper.terminalMealVoucherProductCheckBoxWrapper .checkBoxWithFocus.terminalMealVoucherCheckBox ~ label {
  margin-left: 40px;
}

.checkBoxWrapper.terminalMealVoucherProductCheckBoxWrapper .checkBoxWithFocus.terminalMealVoucherCheckBox ~ label::before {
  left: -30px;
}

.checkBoxWrapper.terminalMealVoucherProductCheckBoxWrapper .checkBoxWithFocus.terminalMealVoucherCheckBox ~ label::after {
  left: -23px;
}

.checkBoxWrapper.gridCheckBox.gridSelectAllCheckBox .checkBoxWithFocus ~ label::after {
  border-width: 1px;
  transform: none;
  width: 9px;
  height: 2px;
  top: calc(50% - 1px);
  left: calc(50% - 4.5px);
}

.checkBoxWrapper.gridCheckBox.gridSelectAllCheckBox.gridSelectAllCheckBoxDark .checkBoxWithFocus ~ label::after {
  border-color: white;
}

.checkBoxWrapper.gridCheckBox.gridSelectAllCheckBox.gridSelectAllCheckBoxDark .checkBoxWithFocus:checked ~ label::before {
  background-color: #3f4858;
}

.mealVoucherProductHelper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.deviceInfoMealVoucher {
  background-color: white;
  color: black;
  max-width: 80px;
  margin: 2px;
  border-radius: 4px;
  max-height: 40px;
}

.tabs button.tab:focus {
  outline: none;
}

.tabs button.tab:focus-visible {
  outline: grey solid 2px;
}

.btn.btnBlueBig, .btn.btnBlueFillBig {
  font-size: 20px;
}

.btn.btnBlueBig.btnSendConfiguration {
  padding: 4px 15px 6px 45px;
  border-radius: 10px;
  background: transparent url("/img/svg/device-configuration-send-f91189e25a418f2cd40305c52542ddce.svg") no-repeat 14px 50%;
  border: 2px solid #0084f4;
  color: #0084f4;
}

.btn.btnBlueBig.btnSendConfiguration:hover {
  color: #0084f4;
}

.deviceConfigurationButtons {
  display: flex;
  flex-wrap: wrap;
}

.deviceConfigurationButtons button {
  margin-top: 10px;
  margin-right: 20px;
  min-height: 40px;
  min-width: fit-content;
}

.btn.btnRestoreConfiguration {
  color: #716c80;
  background: transparent url("/img/svg/device-restore-configuration-c4d1d06138ab93d2b9de0388f1ec4c23.svg") no-repeat 0 50%;
  padding: 4px 15px 6px 35px;
}

.deviceConfigurationWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.deviceReceiptConfiguration,
.deviceSimpleConfiguration {
  display: flex;
  column-gap: 40px;
}

.deviceAdminConfiguration {
  margin-left: 10px;
  margin-bottom: 20px;
  flex: 1 0 400px;
}

.deviceConfigurationReceipt.receipt {
  width: 400px;
  min-width: 400px;
  padding: 20px 40px;
  margin-bottom: 25px;
  background-color: #f7f8f8;
  font-family: 'Montserrat', 'sans-serif';
}

.alertBox {
  display: flex;
  min-height: 55px;
  border-radius: 10px;
  border: solid 1px;
  padding: 8px 8px 8px 43px;
  align-items: center;
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: 12px 16px;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 500;
}

.alertBox.alertBoxInfo {
  border-color: rgba(0, 132, 244, 0.25);
  background-color: rgba(0, 132, 244, 0.1);
  background-image: url("/img/svg/info-blue-7d5fd4ce1923db8506fbfa97697c64a9.svg");
  color: #0084f4;
}

.alertBoxInfo a {
  color: #0084f4;
  text-decoration: underline;
}

.alertBox.alertBoxWarning {
  background-color: #fddc9e;
  border-color: #fddc9e;
  background-image: url("/img/svg/system-notification-warning-aff2ce415b101bc4246eedea52a7dffe.svg");
  font-family: inherit;
  font-weight: normal;
}

.deviceReceiptConfiguration .btn.btnSuccess,
.deviceReceiptConfiguration .btn.btnRestoreConfiguration {
  width: fit-content;
}

.checkboxSlider {
  display: inline-block;
  border-radius: 12px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  background-color: rgba(46, 168, 54, 0.15);
  -webkit-transition: .4s;
  transition: .4s;
  height: 24px;
  width: 39px;
}

.checkboxSlider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
  box-shadow: 1px 1px 4px grey;
}

input:checked ~ .checkboxSlider {
  background-color: #2ea836;
}

input:focus ~ .checkboxSlider {
  box-shadow: 0 0 3px #2ea836;
}

input:checked ~ .checkboxSlider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

.deviceConfigurationReceipt.receipt .bold {
  font-weight: bold;
  font-size: 24px;
}

.deviceConfigurationReceiptTextAreaWrap {
  position: relative;
  margin-top: 20px;
  margin-bottom: 15px;
}

.deviceConfigurationTextAreaEditLogo {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent url(/img/svg/choose-83e0b63be28fb86f5173670a365135ce.svg) no-repeat 0 50%;
  background-size: contain;
  height: 26px;
  width: 20px;
  pointer-events: none;
}

.deviceReceiptConfiguration .deviceConfigurationReceipt.receipt .deviceConfigurationReceiptTextArea {
  width: 100%;
  text-align: center;
  height: 110px;
  min-height: 50px;
  border-radius: 10px;
  border: solid 1px #2ea836;
  background-color: #f7f8f8;
}

.deviceReceiptConfiguration .deviceConfigurationReceipt.receipt .deviceConfigurationReceiptTextArea:focus-visible {
  outline: none;
  box-shadow: 0 0 2px grey
}

.deviceConfigurationReceiptTextArea::placeholder {
  font-size: 20px;
  line-height: 90px;
  opacity: 0.6;
}

.deviceConfigurationShowDiffButton {
  display: flex;
}

.deviceConfigurationShowDiffButton .hasTooltipChild {
  display: none;
  background-size: 25px;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.deviceConfigurationShowDiffButton.greenDiff .hasTooltipChild,
.deviceConfigurationShowDiffButton.redDiff .hasTooltipChild {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 8px;
}

.deviceConfigurationShowDiffButton.greenDiff .hasTooltipChild {
  background-image: url(/img/svg/device-active-tick-a75214731b8f7d64b01b045cc112c0fa.svg);
}

.deviceConfigurationShowDiffButton.redDiff .hasTooltipChild {
  background-image: url(/img/svg/device-inactive-warning-d15afc7993ee49c6f5bd1f9011fa8997.svg);
}

.deviceConfigurationShowDiffButtonWrap {
  margin-bottom: 15px;
  width: fit-content;
}

.jsoneditor-contextmenu {
  z-index: 10!important;
}

img.deviceConfigurationLogoImage {
  max-width: 200px;
  max-height: 200px;
  margin-bottom: 15px;
}

.deviceConfigurationDeleteLogo {
  text-decoration: none;
  margin-bottom: 15px;
  color: #e94555;
  display: inline-block;
  cursor: pointer;
  border-radius: 60px;
  border: solid 1px rgba(233, 69, 85, 0.5);
  background: rgba(233, 69, 85, 0.2) url(/img/svg/dp-delete-ea7d172b29bbc287f2a5111e16680304.svg) no-repeat 14px 50%;
  padding: 7px 15px 7px 40px;
  font-family: 'Gotham-Bold', arial, sans-serif;
}

.deviceConfigurationDeleteLogo:hover {
  text-decoration: none;
  color: #e94555;
}

.deviceConfigurationDeleteLogo:focus {
  outline: #e94555 auto 5px
}

.deviceConfigurationNotSentWarning {
  margin: 10px 0;
}

.deviceEditPageSubtitle {
  font-size: 24px;
  margin-top: 10px;
}

.dropDownWrap,
.dropDownWrap .inputChevron.fas.fa-times {
  cursor: pointer;
}

.dropDownWrap.defaultCursor,
.dropDownWrap.defaultCursor .inputPlaceHolder {
  cursor: default!important;
}

.greenInputs .inputPlaceHolder.disabled,
.dropDownWrap.disabled .inputPlaceHolder,
.dropDownWrap.disabled .inputChevron {
  cursor: not-allowed!important;
}

.dropDownWrap.disabled .inputPlaceHolder {
  background-color: rgba(46, 168, 54, 0.05)!important;
}

.pushRight {
  margin-left: auto;
}

.filterCurrencies {
  display: flex;
  gap: 10px;
  height: 40px;
}

.langSelectWrap {
  margin: 0 20px;
  padding: 10px 20px 10px 0;
  color: white;
  border-top: 1px solid #50545c;
  font-size: 14px;
}

.langSelect {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.langSelect .langName {
  opacity: 0.5;
  cursor: pointer;
  color: inherit;
}

.langSelect .langName.active {
  opacity: 1;
}

.jsoneditorWrapperViewMode {
  height: 100%;
}

.jsoneditorWrapperCodeMode {
  min-height: 215px;
  height: 300px;
  overflow: hidden;
  resize: vertical;
}

.ace_gutter,
.ace_scrollbar {
  z-index: 10;
}

form.greenInputs .inputWrap.acquiringRequestPropositionDescriptionWrap textarea {
  padding-top: 15px;
  line-height: 2;
}

form.greenInputs .inputWrap.acquiringRequestPropositionDescriptionWrap textarea {
  width: 100%;
}

form.greenInputs .inputWrap.acquiringRequestPropositionDescriptionWrap {
  min-width: 300px;
  flex: 1;
  max-width: 950px;
}

.deviceTopWhiteWrap .filterLine {
  display: block;
}

.deviceTopWhiteWrap .filterLine.lineAfter:after {
  margin-top: 25px;
}

.transactionsTypeCardWrapper {
  min-width: 52px;
  max-width: fit-content;
}

.transactionsTypeCardCard {
  background-color: #ebebeb;
  height: 30px;
  border-radius: 12px 12px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transactionsTypeCardCard img {
  max-width: 27px;
}

.transactionsTypeCardType {
  min-height: 22px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0 0 12px 12px;
  color: white;
  font-size: 10px;
  padding: 0 5px;
  white-space: nowrap;
  font-family: 'Gotham-Medium', arial, sans-serif;
  background-color: grey;
}

.transactionsTypeCardType.PAYMENT,
.transactionsTypeCardType.MOTO {
  background-color: #0084f4;
}

.transactionsTypeCardType.PRE_AUTH,
.transactionsTypeCardType.PRE_AUTH_COMPLETION {
  background-color: #f7a600;
}

.transactionsTypeCardType.RETURN,
.transactionsTypeCardType.REFUND {
  background-color: #a115b0;
}

.transactionsTypeCardType.REVERSAL {
  background-color: #f4c905;
}

.salesDetailArrowWrapper {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ebebeb;
  position: relative;
}

.salesDetailArrow {
  position: absolute;
  top: 7px;
  right: 9px;
  height: 9.3px;
  width: 9.3px;
  border-right: 2px solid #3ea636;
  border-bottom: 2px solid #3ea636;
  transform: rotate(-45deg);
}

.mobileFilterWrap {
  border-radius: 10px 10px 0 0;
  position: fixed;
  padding: 30px 10px;
  bottom: 0;
  right: 0;
  width: 100%;
  min-height: 40%;
  max-height: 90%;
  z-index: 21;
  overflow: auto;
  background-color: white;
}

.mobileFilterWrap.batchesMobileFilterWrap {
  min-height: 180px;
}

.mobileFilterWrap.expanded {
  height: 500px;
}

.mobileFilterWrap .datePickerWrap .daterangepicker {
  top: 0;
  width: 100%;
  margin-top: 0;
}

.mobileFilterWrap .datePickerWrap .daterangepicker .calendar-table td {
  height: 40px!important;
  font-size: 14px!important;
}

.mobileFilterWrap .datePickerWrap .daterangepicker .drp-calendar {
  max-width: none;
  padding: 8px;
}

.mobileSelectContent {
  position: fixed;
  background: white;
  padding: 20px;
  bottom: 0;
  left: 0;
  border-radius: 10px 10px 0 0;
  width: 100%;
  font-family: 'Gotham-Book', arial;
  z-index: 21;
  max-height: 80%;
  overflow: auto;
}

.mobileSelectContent .mobileSelectItem {
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
}

.mobileSelectItem .checkBox {
  vertical-align: sub;
  margin-right: 10px;
}

.mobileSelectItem.active {
  font-family: 'Gotham-Medium', arial, sans-serif;
}

.mobileSelectContentHeader {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 1.5;
}

.mobileSelectContentHeaderLabel {
  font-family: 'Gotham-Bold', arial, sans-serif;
  width: 100%;
  text-align: center;
}

.mobileSelectContentHeaderCancel {
  position: absolute;
  cursor: pointer;
  color: #0084f4;
  left: 0;
  top: 0;
}

.mobileSelectContentHeaderDivider {
  width: 100%;
  margin: 15px 0 20px 0;
  border: 1px solid #ebebeb;
}

.mobileSelectContentConfirmWrapper {
  position: sticky;
  bottom: -20px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  background-color: white;
}

.mobileSelectContentConfirm {
  border-radius: 17px;
  display: flex;
  background: #3ea636;
  height: 34px;
  color: white;
  font-family: 'Gotham-Bold', arial, sans-serif;
  margin-top: 15px;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
}

.mobileSelectWrap {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
}

.mobileSelectWrap .inputPlaceHolder {
  flex: 1;
}

.mobileSelectWrap .filterCounter {
  background-color: #898e98;
  top: calc(50% - 9.5px);
  right: 8px;
}

.mobileFilterWrap .inputPlaceHolder {
  padding-left: 8px;
  background-color: #f7f8f8;
  border: none;
  font-family: 'Gotham-Bold', arial, sans-serif;
}

.mobileSelectsWrap {
  background-color: #f7f8f8;
}

.mobileSelectsWrap .inputPlaceHolder {
  width: auto;
}

.mobileSelectsWrap mobile-select:not(:last-child) .mobileSelectWrap::after,
.mobileSalesDetail .mobileSalesDetailHeader.separatorAfter::after {
  content: "";
  height: 2px;
  width: 95%;
  background-color: #ebebeb;
  margin: auto;
}

.mobileSalesDetail .mobileSalesDetailHeader.separatorAfter::after {
  width: 100%;
}

.mobileSalesDetail .mobileSalesDetailFooter {
  border-top: 2px solid #ebebeb;
}

.mobileSalesDetail .loader {
  background-image: url("/img/loader-transparent-d4ad8d14f1858c6a7fdd19a5f3e1fcb4.gif");
  height: 50px;
}

.mobileFilterWrap .datePickerWrap {
  margin-top: 20px;
  margin-bottom: 17px;
  border-radius: 5px;
  background-color: #f7f8f8;
}

.mobileFilterWrap .daterangepicker {
  z-index: 10!important;
}

.mobileFilterWrap .datePickerWrap .inputChevron {
  display: none;
}

.mobileFilterWrap .datePickerWrap .inputPlaceHolder {
  padding-left: 35px;
  padding-right: 5px;
}

.mobileFilterWrap .datePickerWrap .inputPlaceHolder.inputPlaceHolderDisplayedValue,
.mobileFilterWrap .inputPlaceHolder.inputPlaceHolderDisplayedValue {
  font-size: 12px;
  font-family: 'Gotham-Book', Arial, sans-serif;
  padding-left: 0;
  padding-right: 8px;
  color: rgba(0, 0, 0, 0.4);
  text-align: right;
}

.mobileFilterWrap .datePickerWrap a img {
  max-width: 17px;
}

.mobileFilterWrapButtons {
  display: flex;
  justify-content: space-around;
  margin-top: 17px;
}

.mobileFilterWrapButtons button {
  max-width: 169px;
  width: 50%;
  height: 34px;
  border: none;
  border-radius: 17px;
  font-size: 14px;
  font-family: 'Gotham-Bold', arial, sans-serif;
}

.mobileFilterWrapButtons button.mobileFilterWrapCancelButton {
  background-color: #f7f8f8;
}

.mobileFilterWrapButtons button.mobileFilterWrapConfirmButton {
  background-color: #0084f4;
  color: white;
}

.genericModal {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  background-color: white;
  top: 0;
  bottom: 0;
  z-index: 21;
  height: fit-content;
  max-height: 90%;
  max-width: 90%;
  border-radius: 10px;
  width: fit-content;
  padding: 10px;
}

.genericModal.simpleTextModal {
  min-height: 100px;
  padding: 0 10px 10px 10px;
}

.genericModal.mobileSalesDetail {
  background-color: #f4f4f6;
  width: 355px;
  font-size: 14px;
  overflow: auto;
}

.mobileSalesDetail .closeBtn {
  right: 10px;
  top: -12px;
}

.mobileSalesDetail .mobileSalesDetailHeader {
  line-height: 40px;
  min-height: 20px;
  font-family: 'Gotham-Bold', arial, sans-serif;
  display: flex;
  flex-wrap: wrap;
}

.mobileSalesDetail .mobileSalesDetailTable {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.86;
  overflow: auto;
}

.mobileSalesDetail .mobileSalesDetailTable.mobileBatchDetailTable tr td:last-child {
  white-space: normal;
}

.mobileSalesDetail .mobileSalesDetailTable table {
  margin-bottom: 10px;
}

.mobileSalesDetailTable .mobileTransactionDetailTableCardType img {
  max-width: 25px;
  max-height: 20px;
  margin-right: 5px;
}

.mobileSalesDetailTable .mobileTransactionDetailTableTransactionType img {
  max-width: 15px;
}

.mobileSalesDetailTable .mobileTransactionDetailTableTransactionType .typeText {
  font-family: 'Gotham-Book', arial, sans-serif;
  padding-left: 4px;
}

.mobileSalesDetail .mobileSalesDetailTable table tr td:first-child {
  font-family: 'Gotham-Medium', arial, sans-serif;
  padding-right: 20px;
}

.mobileSalesDetail .mobileSalesDetailHeader span {
  width: 100%;
}

.mobileSalesDetail .mobileSalesDetailFooter {
  display: flex;
  align-items: center;
  padding: 10px 0;
  flex-wrap: wrap;
}

.mobileSalesDetail .mobileSalesDetailFooter.mobileBatchDetailFooter {
  justify-content: flex-end;
}

.mobileSalesDetailFooter .stateImage {
  display: flex;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 5px;
}

.mobileSalesDetailFooter .stateImage .stateIconWrap {
  display: flex;
}

.mobileSalesDetailFooter .stateImage img {
  max-width: 15px;
}

.mobileSalesDetailFooter .stateText {
  flex: 1;
}

.mobileSalesDetailDownloadReceipt {
  border-radius: 5px;
  border: none;
  background: #0084f4 url(/img/svg/download-receipt-475dc6c24e066560b0cc5e8ce3b204f1.svg) no-repeat 7px center;
  padding-left: 25px;
  padding-right: 10px;
  background-size: 14px auto;
  font-size: 10px;
  color: white;
  height: 30px;
}

.deviceConfigurationLastTaskWrap {
  margin: 10px 0;
}

.smallGreenInputWrap,
form .smallGreenInputWrap,
form .form-group.smallGreenInputWrap {
  margin-bottom: 20px;
}

.visibleFor500,
.visibleFor800,
.visibleFor900,
.visibleFor1024,
.visibleFor1366,
.visibleFor1536 {
  display: none;
}

.transactionTimeCell {
  width: auto;
  text-align: center;
}

.listActionsButton {
  background: transparent url("/img/svg/actions-da8d6d3e7067e615f2ece5ae901bfae5.svg") no-repeat 50% 50%;
  height: 40px;
  width: 50px;
  border: none;
}

.listActionsButton.listActionsButtonActive {
  background-image: url("/img/svg/actions-active-3eed1e564b7b4ac8fec60c1b2eb6efa6.svg");
}

.btnWithFocusVisible:focus {
  outline: none;
}

.btnWithFocusVisible:focus-visible {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

.btnWithFocusVisibleWhite:focus-visible {
  outline: 1px dotted white;
  outline: 5px auto -webkit-focus-ring-color;
}

.listActionsMenu {
  z-index: 15;
  list-style-type: none;
  position: absolute;
  right: 20px;
  border-radius: 5px;
  border: solid 1px #706b7f;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  background-color: white;
  padding: 0;
}

.listActionsMenu li {
  height: 41px;
}

.listActionsMenu li a,
.listActionsMenu li button {
  color: #3f4858;
  background-color: transparent;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 47px;
  padding-right: 20px;
  border-bottom: solid 1px #ebebeb
}

.listActionsMenu li a:hover,
.listActionsMenu li a:focus,
.listActionsMenu li button:hover,
.listActionsMenu li button:focus {
  color: white;
  background-color: #716c80!important;
}

.listActionsMenu li a.listActionsRequests {
  background: transparent url("/img/svg/company-actions-requests-1850f71a73ae48ae47dc491a15be756f.svg") no-repeat 15px 50%;
}

.listActionsMenu li a.listActionsRequests:hover,
.listActionsMenu li a.listActionsRequests:focus {
  background-image: url("/img/svg/company-actions-requests-active-866d89c84e8813f55c7a0e6d954611c0.svg");
}

.listActionsMenu li a.listActionsBranches {
  background: transparent url("/img/svg/company-actions-branches-a572dfb8643ac0f10cdcf985fe3a576f.svg") no-repeat 15px 50%;
}

.listActionsMenu li a.listActionsBranches:hover,
.listActionsMenu li a.listActionsBranches:focus {
  background-image: url("/img/svg/company-actions-branches-active-e59e85c243469a042a27366a8c128833.svg");
}

.listActionsMenu li a.listActionsDevices {
  background: transparent url("/img/svg/list-actions-devices-9f9f6a152468443781c5f1af3ba84c12.svg") no-repeat 15px 50%;
}

.listActionsMenu li a.listActionsDevices:hover,
.listActionsMenu li a.listActionsDevices:focus {
  background-image: url("/img/svg/list-actions-devices-active-6e2ed7aa217cb34f6a7ed39dc5f02aa5.svg");
}

.listActionsMenu li a.listActionsEdit {
  background: transparent url("/img/svg/company-actions-edit-51921e4c712be5e0645dc830926c89f7.svg") no-repeat 15px 50%;
}

.listActionsMenu li a.listActionsEdit:hover,
.listActionsMenu li a.listActionsEdit:focus {
  background-image: url("/img/svg/company-actions-edit-active-8d799f12dfb8b07867983fa7a7788c8f.svg");
}

.listActionsMenu li a.listActionsAudit {
  background: transparent url("/img/svg/company-actions-audit-5c30a02d64e2e09a9e571d06d36d8c4e.svg") no-repeat 15px 50%;
}

.listActionsMenu li a.listActionsAudit:hover,
.listActionsMenu li a.listActionsAudit:focus {
  background-image: url("/img/svg/company-actions-audit-active-87ac761f7bb7ca99943be209352a526b.svg");
}

.listActionsMenu li a.listActionsPortalAudit {
  background: transparent url("/img/svg/portal-audit-grey-1850f71a73ae48ae47dc491a15be756f.svg") no-repeat 15px 50%;
}

.listActionsMenu li a.listActionsPortalAudit:hover,
.listActionsMenu li a.listActionsPortalAudit:focus {
  background-image: url("/img/svg/portal-audit-white-866d89c84e8813f55c7a0e6d954611c0.svg");
}

.listActionsMenu li a.listActionsUnpair,
.listActionsMenu li button.listActionsUnpair {
  background: transparent url("/img/svg/terminal-actions-unpair-c741afd087227ad05b8c23c430b466a8.svg") no-repeat 15px 50%;
  background-size: 20px;
}

.listActionsMenu li a.listActionsUnpair:hover,
.listActionsMenu li button.listActionsUnpair:hover,
.listActionsMenu li a.listActionsUnpair:focus,
.listActionsMenu li button.listActionsUnpair:focus {
  background-image: url("/img/svg/terminal-actions-unpair-active-abf5b5df1b38ee4cdc226f49a5c2bb40.svg");
}

.listActionsMenu li button.listActionsReset {
  background: transparent url("/img/svg/terminal-actions-reset-6d9bdf08c17b9c29e457c594f5488e2e.svg") no-repeat 15px 50%;
  background-size: 20px;
}

.listActionsMenu li button.listActionsReset:hover,
.listActionsMenu li button.listActionsReset:focus {
  background-image: url("/img/svg/terminal-actions-reset-active-44420e6c994caf80d011cd97ad3b476e.svg");
}

.listActionsMenu li button.listActionsQr {
  background: transparent url("/img/svg/terminal-actions-qr-4e1b66d83b0a81ea9ecf3b1447bd8540.svg") no-repeat 15px 50%;
  background-size: 20px;
}

.listActionsMenu li button.listActionsQr:hover,
.listActionsMenu li button.listActionsQr:focus {
  background-image: url("/img/svg/terminal-actions-qr-active-238e2f83e726a15e55f091129f9e70e3.svg");
}

.listActionsMenu li button.listActionsInfo {
  background: transparent url("/img/svg/terminal-actions-info-87f2b2da80f1d78106450291f6bb2286.svg") no-repeat 15px 50%;
  background-size: 20px;
}

.listActionsMenu li button.listActionsInfo:hover,
.listActionsMenu li button.listActionsInfo:focus {
  background-image: url("/img/svg/terminal-actions-info-active-66eeed7c8987d0fcc32295c724f4f6b1.svg");
}

.listActionsMenu li button.listActionsDelete {
  background: transparent url("/img/svg/company-actions-delete-b44c86c3b895b211f248c8e08b967962.svg") no-repeat 15px 50%;
}

.listActionsMenu li button.listActionsDelete {
  color: #e94555;
}

.listActionsMenu li:last-child a,
.listActionsMenu li:last-child button {
  border-bottom: none;
}

.listActionsMenu li button.listActionsDelete:hover,
.listActionsMenu li button.listActionsDelete:focus {
  background-image: url("/img/svg/company-actions-delete-active-9d5492594210f499ae40664ac5e384e3.svg");
  color: white;
  background-color: #e94555!important;
}

.listActionsMenu[aria-hidden="true"] {
  display: none;
}

.gridWrap .grid .gridRow.expandedParentRow td {
  border-top: 1px solid #716c80;
}

.gridWrap .grid .gridRow.expandedParentRow td:first-child,
.gridWrap.design2.branchesGridWrap .grid .gridRow.expandedParentRow td:nth-child(2) {
  border-left: 1px solid #716c80;
  border-radius: 10px 0 0 0;
}

.gridWrap .grid .gridRow.expandedParentRow td:last-child {
  border-right: 1px solid #716c80;
  border-radius: 0 10px 0 0;
}

.gridWrap .grid .expandedChildRow > td:first-child {
  border-left: 1px solid #716c80;
  border-radius: 0;
}

.gridWrap .grid .expandedChildRow > td:last-child {
  border-right: 1px solid #716c80;
  border-radius: 0;
}

.gridWrap .grid .gridDetailRow table tr.expandedChildRow.last td {
  border-bottom: 1px solid #716c80;
}

.gridWrap .grid .gridDetailRow table tr.expandedChildRow.last td:first-child {
  border-radius: 0 0 0 10px;
}

.gridWrap .grid .gridDetailRow table tr.expandedChildRow.last td:last-child {
  border-radius: 0 0 10px 0;
}

.listDetailButton {
  display: flex;
  border-radius: 15px;
  border: none;
  font-family: 'Gotham-Medium', sans-serif;
  background-color: #ebebeb;
  color: #3f4858;
  padding: 6px 20px 6px 10px;
  align-items: center;
  float: right;
}

.expandedParentRow .listDetailButton {
  background-color: #3f4858;
  color: white;
}

.listDetailButton::after {
  content: "";
  margin-left: 10px;
  margin-bottom: 5px;
  height: 8px;
  width: 8px;
  display: block;
  border-bottom: 2px solid #3f4858;
  border-right: 2px solid #3f4858;
  transform: rotate(45deg);
}

.expandedParentRow .listDetailButton::after {
  margin-bottom: -4px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}

.gridWrap.design2 .grid tr.expandedChildRow td {
  height: 25px;
}

.inputsFlexBox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 25px;
}

.whiteWrap form .inputsFlexBox .inputWrap {
  width: calc(33.3% - 17px);
  margin-right: 0;
  max-width: none;
}

.whiteWrap .branchStatementModal form .inputsFlexBox .inputWrap {
  width: 100%;
}

.whiteWrap form .inputsFlexBox.inputsFlexBox50 .inputWrap {
  width: calc(50% - 13px);
}

.whiteWrap form .inputsFlexBox.inputsFlexBox25 .inputWrap,
.whiteWrap form .inputsFlexBox.inputsFlexBoxPropositionSelection .inputWrap,
.whiteWrap form .inputsFlexBox.inputsFlexBoxAcquiringRequestBranch .inputWrap,
.whiteWrap form .inputsFlexBox.inputsFlexBoxAcquiringRequestPerson .inputWrap {
  width: calc(25% - 19px);
}

.whiteWrap form .inputsFlexBox.inputsFlexBoxPropositionSelection.inputsFlexBoxPropositionSelectionWithState .inputWrap,
.whiteWrap form .inputsFlexBox.inputsFlexBoxPropositionSelection.inputsFlexBoxPropositionSelectionWithState .acquiringRequestFeesCardTypes {
  width: calc(50% - 13px);
}

form.greenInputs .inputsFlexBox .inputWrap input[type="text"],
form.greenInputs .inputsFlexBox .inputWrap input[type="number"],
form.greenInputs .inputsFlexBox .inputWrap input[type="password"],
form.greenInputs .inputsFlexBox .dropDownWrap .inputPlaceHolder {
  width: 100%;
}

.inputsFlexBox .inputWrap label {
  white-space: nowrap;
}

.inputsFlexBox .dropDownWrap {
  position: relative;
}

.branchInfoText {
  margin-top: 20px;
}

.branchInfoText .infoText {
  color: #716c80;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 20px;
}

.branchEditButtonsWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  margin-top: 40px;
}

.copiedToClipboard,
.deviceTopWrap .deviceCenterTopWrap .deviceAdminPin .copiedToClipboard {
  position: absolute;
  display: none;
  background-color: #8b8b8b;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  border-radius: 5px;
  color: white;
  font-size: 12px;
  line-height: 12px;
  height: fit-content;
  padding: 6px 10px;
  top: calc(100% - 7px);
  width: fit-content;
  cursor: default;
}

.copiedToClipboard.copiedToClipboardTop {
  top: calc(-100% - 10px);
  left: 50%;
  transform: translateX(-50%);
}

button.buttonAppearanceNone {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
}

.deviceDetailModal.deviceQrModal[aria-hidden="true"],
.deviceDetailModal.deviceInfoModal[aria-hidden="true"] {
  display: none;
}

.deviceDetailModal {
  position: fixed;
  padding: 25px 20px;
  border-radius: 10px;
  top: 50%;
  background-color: #3f4858;
  color: white;
  left: 50%;
  min-width: 300px;
  width: auto;
  min-height: 370px;
  max-height: calc(100% - 100px);
  transform: translate(-50%, -50%);
  z-index: 21;
  overflow-y: auto;
}

.deviceDetailModal.deviceQrModal {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.deviceDetailModal button.closeBtn {
  top: 5px;
  right: 10px;
  line-height: inherit;
  color: white;
}

.deviceDetailModal .infoHeader.name {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 30px;
}

.deviceDetailModal.deviceQrModal img {
  width: 240px;
  border-radius: 10px;
}

.deviceDetailModal .loaderTransparent {
  height: 200px;
}

.infoDialog.transactionInfo .loaderTransparent {
  height: 100px;
  width: 100px;
  margin: auto;
}

.deviceInfoHeader {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.gridDetailRow table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.gridDetailRow > td:first-child {
  padding: 0!important;
  border: none!important;
}

.gridDetailRow table tr.expandedChildRow td:last-child {
  word-break: break-all;
}

.grid .gridDetailRow td {
  height: auto;
}

.deviceFilesFilterLine .filterWrap .searchWrap input {
  border: 1px solid #3f4858;
  border-radius: 5px;
  min-height: 40px;
}

.gridIcon a,
.gridIcon button {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.gridIcon button:focus {
  outline: none;
}

.gridIcon button:focus-visible {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

.cardCategoryNameColorWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  max-width: 275px;
}

.cardCategoryColorSquare {
  width: 20px;
  height: 20px;
}

.gridWrap.design2 .gridHeaderWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropSwitchedUser {
  margin-right: 15px;
  height: 38px;
  padding: 0;
  width: 40px;
  background-image: url('/img/svg/icon-user-red-aa1a2445f04f011b57fd0879062ceed5.svg');
  background-size: auto 23px;
  background-position: center;
  background-repeat: no-repeat;
}

.dropSwitchedUser:hover,
.dropSwitchedUser:focus-visible {
  background-image: url('/img/svg/icon-user-white-790e06165f0ff125ba7f54c5e58edcb2.svg');
}

.deviceConfigurationReceiptHeader {
  white-space: pre-wrap;
  margin: 20px 0;
}

.chartTooltipColorDisk {
  border-radius: 50%;
  margin-right: 10px;
  height: 10px;
  width: 10px;
  display: inline-block;
}

.grid.terminalSalesGrid th {
  height: 44px;
}

.grid.terminalSalesGrid td {
  height: 48px;
}

.grid.terminalSalesGrid tr td:last-child {
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
}

.createdInLast24HoursTitle {
  min-height: 60px;
  background-color: #ebebeb;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  border: solid 1px #e0e0e0;
  color: #242933;
}

.createdInLast24HoursItemsFlexbox {
  display: flex;
  height: 170px;
  align-items: center;
}

.createdInLast24HoursItemsFlexbox .separator {
  width: 1px;
  height: 90%;
  background-color: #e0e0e0;
}

.createdInLast24HoursItemsFlexbox .createdInLast24HoursItem:first-child {
  border-left: solid 1px #e0e0e0;
  border-radius: 0 0 0 10px;
}

.createdInLast24HoursItemsFlexbox .createdInLast24HoursItem:last-child {
  border-right: solid 1px #e0e0e0;
  border-radius: 0 0 10px 0;
}

.createdInLast24HoursItem {
  width: 25%;
  border-bottom: solid 1px #e0e0e0;
}

.createdInLast24HoursItem > div {
  text-align: center;
}

.createdInLast24HoursItemTitle {
  margin-top: 30px;
}

.createdInLast24HoursItemCount {
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  margin-top: 10px;
}

.createdInLast24HoursItemAnchorWrap {
  margin-top: 25px;
  margin-bottom: 36px;
}

.createdInLast24HoursItemAnchorWrap a {
  border: 2px solid #3ea636;
  border-radius: 10px;
  padding: 10px 20px;
  color: unset;
  font-size: 14px;
}

.createdInLast24HoursItemAnchorWrap a:hover {
  text-decoration: none;
}

.versionDistributionTable {
  margin-top: 20px;
  font-size: 14px;
}

.whiteWrap.whiteWrapRound {
  border-radius: 30px;
}

.acquiringRequestEditWrap {
  display: flex;
  justify-content: space-between;
}

.acquiringRequestCompanyDetails,
.acquiringRequestStateWrap,
.acquiringRequestBranchDetails,
.acquiringRequestOverviewPersonDetails,
.acquiringRequestCardsAndFeesWrap {
  width: calc(50% - 20px);
}

.acquiringRequestStateWrap,
.acquiringRequestCompanyDetails {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  row-gap: 20px;
}

.acquiringRequestCompanyDetails > div {
  width: 100%;
}

.acquiringRequestState,
.acquiringRequestContact {
  width: 100%;
}

.acquiringRequestCompanyInfoText {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.acquiringRequestCompanyInfoText img {
  height: 25px;
  margin-right: 5px;
}

.acquiringRequestEditTable {
  margin-top: 25px;
  width: 100%;
}

.acquiringRequestEditTable tr td:first-child {
  font-family: 'Gotham-Medium', arial, sans-serif;
  padding: 8px 30px 8px 0;
  white-space: nowrap;
  width: 0;
}

.acquiringRequestEditTable tr {
  border-bottom: 1px solid #e3e3e3;
}

.btn.btnGrey {
  background-color: #716c80;
  color: white;
  padding: 6px 20px;
  border: 2px solid #716c80;
}

.btn.btnGrey:hover,
.btn.btnGrey:focus-visible {
  background-color: white;
  color: #716c80;
}

.btn.btnGreen.addPersonBtn {
  background-image: url("/img/svg/plus-white-3df35e21d40c785e73c5f47c26a59966.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 8px center;
  padding-left: 34px;
}

.btn.btnRed.removePersonBtn {
  background-image: url("/img/svg/dp-delete-white-17898ce395854aecd4676afd88b6d6d6.svg");
  background-size: auto 25px;
}

.btn.btnRed.removePersonBtn:hover,
.btn.btnRed.removePersonBtn:focus-visible {
  background-image: url("/img/svg/dp-delete-ea7d172b29bbc287f2a5111e16680304.svg");
}

.acquiringRequestEditButtons {
  display: flex;
  column-gap: 10px;
  align-items: center;
}

.acquiringRequestEditButtons .btn {
  white-space: nowrap;
}

.acquiringRequestEditButtons span {
  font-size: 14px;
  color: #716c80;
}

form.greenInputs .inputsFlexBox .dropDownWrap .dropContent.dropContentWithSearch {
  padding-top: 0;
}

.btn.btnAcquiringRequestSubmit {
  background-image: url("/img/svg/right-arrow-white-b7cdb3b83e868bcf0522a766e8f64375.svg");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 20px);
  background-position-y: 50%;
  padding-right: 55px;
}

.btn.btnAcquiringRequestSubmit:enabled:hover,
.btn.btnAcquiringRequestSubmit:enabled:focus {
  background-image: url("/img/svg/right-arrow-green-0e1ad06b9ec6933a26994bbc3443ac23.svg");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 20px);
  background-position-y: 50%;
}

.genericModal.acquiringRequestSelectBranchModal {
  padding: 50px 20px 25px 20px;
  height: 450px;
  min-height: 200px;
  max-width: 80%;
  min-width: 500px;
}

.acquiringRequestSelectBranchModalHeader {
  margin-bottom: 25px;
}

.acquiringRequestSelectBranchModalBody {
  overflow-y: auto;
  height: 75%;
  padding: 5px;
}

.acquiringRequestSelectBranchModalFooter {
  margin-top: 10px;
}

.acquiringRequestEditAddBranchButton {
  min-width: 32px;
  min-height: 32px;
  border-radius: 20px;
  background-color: #f7f7f7;
  background-image: url("/img/svg/plus-green-81cc96cb9ba0c84e6719264765aa414a.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 5px;
}

.acquiringRequestEditAddBranchButton:hover,
.acquiringRequestEditAddBranchButton:focus-visible {
  background-color: #2ea836;
  background-image: url("/img/svg/plus-white-3df35e21d40c785e73c5f47c26a59966.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 5px;
  color: white;
}

.acquiringRequestEditAddBranchButton span {
  margin-left: 20px;
}

.btn.btnRed.acquiringRequestEditRemoveBranchButton {
  border-radius: 40px;
}

.acquiringRequestRadioButtonsWrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 35px;
  row-gap: 10px;
  margin-top: 25px;
  height: fit-content;
}

form.greenInputs .acquiringRequestRadioButtonsWrap input.radio + label {
  padding-left: 30px;
}

.acquiringRequestRadioButtonsLabel {
  width: 100%;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
}

.acquiringRequestBranchPlaceWrap {
  display: flex;
}

.acquiringRequestBranchCheckboxesWrap {
  display: flex;
  margin-top: 30px;
  margin-bottom: 15px;
}

.acquiringRequestBranchCheckboxesWrap .acquiringRequestBranchCheckboxes {
  width: 50%;
}

.acquiringRequestBranchCheckboxesWrap .acquiringRequestBranchCheckboxes .inputsFlexBox.inputsFlexBox50 {
  margin-top: -30px;
  margin-bottom: 20px;
}

.acquiringRequestBranchCheckboxes .checkBoxWrapper {
  margin-top: 10px;
}

.acquiringRequestBranchCheckboxesWrap .acquiringRequestBranchCheckboxes:first-of-type {
  padding-right: 15px;
}

.tabs .tab.branchTab {
  background-image: url("/img/svg/acquiring-request-branch-cb88f67ab7d25f6471fb76626e270cc8.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position-y: center;
  background-position-x: 30px;
  padding-left: 60px;
}

.tabs .tab.branchTab:not(.tabs .tab.branchTab.active) {
  opacity: 0.7;
}

.tabs .tab.branchTab.active {
  background-image: url("/img/svg/acquiring-request-branch-cb88f67ab7d25f6471fb76626e270cc8.svg");
}

.acquiringRequestCardsSubtitle {
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  padding-top: 10px;
}

.inputsFlexBoxFees {
  width: 100%;
  display: flex;
  column-gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.inputsFlexBoxFees .inputWrap.fees {
  width: calc(20% - 16px);
  margin-top: 30px;
  display: block;
  position: static;
  margin-right: 0;
  max-width: initial;
}

.terminalFeesAndStatementsForm .inputsFlexBoxFees .inputWrap.fees {
  margin-top: 20px;
}

.whiteWrap form.greenInputs .inputsFlexBoxFees .inputWrap.fees input {
  width: 100%;
  min-height: 56px;
  text-align: center;
  color: #2EA836;
  font-size: 16px;
  font-family: 'Gotham-Medium', arial;
  border-radius: 10px;
  border: solid 1px rgba(46, 168, 54, 0.25);
  line-height: 56px;
  padding: 0 25px;
}

.whiteWrap form.greenInputs.terminalFeesAndStatementsForm .inputsFlexBoxFees .inputWrap.fees input {
  color: unset;
  font-family: unset;
}

.whiteWrap form.greenInputs .inputsFlexBoxFees .inputWrap.fees input:focus {
  border-color: rgb(46 168 54 / 100%);
}

.whiteWrap form.greenInputs .inputsFlexBoxFees .inputWrap.fees label {
  color: #474f5f;
  text-align: center;
  width: 100%;
  min-height: 80px;
  position: unset;
  background: white;
  padding: 0 10px;
  z-index: auto;
  border-radius: 5px;
}

.whiteWrap form.greenInputs.terminalFeesAndStatementsForm .inputsFlexBoxFees .inputWrap.fees label {
  display: flex;
  justify-content: center;
  align-items: center;
}

.acquiringRequestFeesSubtitle {
  font-size: 20px;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
}

.acquiringRequestFeesCheckboxWrap .checkBoxWrapper .checkBoxWithFocus ~ label::before {
  top: 4px;
}

.acquiringRequestFeesCheckboxWrap .checkBoxWrapper .checkBoxWithFocus ~ label::after {
  top: 7px;
}

.hasTooltipChild {
  position: relative;
}

.acquiringRequestFeesTypeTooltip {
  background-image: url("/img/svg/question-mark-a38f2bdc983dd3976bfa11e85f616b6e.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 18px;
  background-size: 18px;
  opacity: 0.3;
  cursor: help;
}

.acquiringRequestFeesTypeTooltip:hover,
input.radio:focus-visible ~ .acquiringRequestFeesTypeTooltip {
  opacity: 1;
}

.defaultTooltip {
  display: none;
  position: absolute;
  background: #3f4858;
  z-index: 21;
  color: white;
  font-size: 14px;
  max-width: 500px;
  width: max-content;
  box-shadow: 0 5px 8px 0 rgb(0 0 0 / 14%);
  border-radius: 10px;
  padding: 14px;
}

.defaultTooltip.tooltipBlack {
  background-color: black;
}

.terminalInfoFeeTooltip {
  display: inline-block;
}

.defaultTooltip.tooltipTop {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}

.defaultTooltip.tooltipBottom {
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}

.defaultTooltip.tooltipBottomLeft {
  top: calc(100% + 10px);
  right: 0;
}

.defaultTooltip.tooltipTopRight {
  left: 0;
  bottom: calc(100% + 10px);
}

.defaultTooltip.tooltipRight {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}

.defaultTooltip.acquiringRequestFeesTypeTooltipContent {
  top: -5px;
  left: 30px;
}

.hasTooltipChild:hover .defaultTooltip,
.hasTooltipChild:focus-within .defaultTooltip,
button.hasTooltipChild:focus-visible .defaultTooltip,
input.radio:focus-visible ~ .hasTooltipChild .defaultTooltip,
a.hasTooltipChild:focus-visible .defaultTooltip,
.deviceConfigurationShowDiffButton:focus-visible .hasTooltipChild .defaultTooltip {
  display: block;
}

.defaultTooltip::before {
  content: "";
  top: 5px;
  left: -9px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 12px solid #3f4858!important;
  position: absolute;
  transform: rotate(30deg);
}

.defaultTooltip.tooltipBlack::before {
  border-bottom-color: black!important;
}

.defaultTooltip.tooltipTop::before {
  left: calc(50% - 7px);
  transform: rotate(180deg);
  bottom: -10px;
  top: unset;
}

.defaultTooltip.tooltipBottom::before {
  left: calc(50% - 7px);
  transform: rotate(0deg);
  top: -10px;
  bottom: unset;
}

.defaultTooltip.tooltipBottomLeft::before {
  transform: rotate(0deg);
  top: -10px;
  bottom: unset;
  right: 5px;
  left: unset;
}

.defaultTooltip.tooltipTopRight::before {
  left: 5px;
  transform: rotate(180deg);
  bottom: -10px;
  top: unset;
}

.defaultTooltip.tooltipRight::before {
  top: calc(50% - 8px);
}

.defaultTooltip.acquiringRequestFeesTypeTooltipContent::before {
  top: 5px;
  left: -9px;
  transform: rotate(30deg);
}

.acquiringRequestPersonCheckboxes .checkBoxWrapper {
  margin-top: 20px;
  margin-right: 20px;
}

.acquiringRequestOverviewForm .acquiringRequestEditWrap {
  margin-bottom: 40px;
}

.acquiringRequestOverviewItemTitle {
  font-size: 20px;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  width: 100%;
}

.acquiringRequestOverviewItemTitle::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #2ea836;
  margin-right: 6px;
}

.acquiringRequestOverviewBranchSubsectionTitle {
  color: #2ea836;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  width: 100%;
}

.acquiringRequestBranchDetailsTransactions {
  width: 100%;
}

.acquiringRequestOverviewBranchDiv:not(.acquiringRequestOverviewBranchDiv:first-of-type),
.acquiringRequestOverviewPersonDiv:not(.acquiringRequestOverviewPersonDiv:first-of-type) {
  border-top: solid 4px #e3e3e3;
  padding-top: 40px;
}

.acquiringRequestOverviewBranchDiv:first-of-type,
.acquiringRequestOverviewPersonDiv:first-of-type {
  margin-top: 25px;
}

.acquiringRequestOverviewBranchDiv .acquiringRequestOverviewItemTitle {
  margin-bottom: 25px;
}

.acquiringRequestOverviewBranchSubsectionTitle ~ .acquiringRequestEditTable,
.acquiringRequestOverviewPersonDetails .acquiringRequestEditTable {
  margin-top: 10px;
}

.acquiringRequestOverviewPersonDiv .acquiringRequestEditWrap .acquiringRequestOverviewPersonDetails:nth-of-type(2) .acquiringRequestEditTable {
  margin-top: 50px;
}

.acquiringRequestEditTable td.checked::before {
  content: "";
  width: 8px;
  height: 14px;
  display: inline-block;
  margin-right: 15px;
  border: solid #3ea636;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.acquiringRequestEditTable tr.is-invalid {
  color: #721c24;
  background-color: #f8d7da;
  border-bottom: none;
}

.acquiringRequestEditTable tr.is-invalid td:first-child {
  padding-left: 5px;
}

.whiteWrap form.greenInputs input.radio:disabled + label {
  cursor: not-allowed;
}

.acquiringRequestCardsAndFeesWrap.noStateWrap {
  width: 100%;
}

.acquiringRequestDocumentsStepsWrap {
  display: flex;
  gap: 40px;
  margin-top: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.acquiringRequestPersonalDocumentsWrap {
  font-size: 14px;
  display: flex;
}

.acquiringRequestPersonalDocumentsWrap > div {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

.acquiringRequestDocumentsStep {
  flex: 1 1 30%;
  min-width: 300px;
  max-width: 500px;
  border-radius: 10px;
  border: solid 2px rgba(113, 108, 128, 0.1);
  padding: 30px 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  text-align: center;
}

.acquiringRequestDocumentsStepsWrap .acquiringRequestDocumentsStep.downloadStep .downloadTitle {
  margin-bottom: 50px;
}

.downloadSubtitle {
  font-size: 14px;
}

.downloadBtnWrap {
  width: 100%;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.downloadBtnWrap button.downloadBtn,
.downloadBtnWrap a.downloadBtn {
  margin: auto;
}

.acquiringRequestDocumentsStep .acquiringRequestDocumentsStepImagesWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.tooltip.transactionsSearchTooltip .tooltip-inner,
.tooltip.binRecordRangeTooltip .tooltip-inner {
  padding: 10px;
  text-align: left;
}

.tooltip.transactionsSearchTooltip .tooltip-inner ul,
.tooltip.binRecordRangeTooltip .tooltip-inner ul {
  margin: 0;
  padding-left: 25px;
}

.inputsFlexBox.inputFlexBoxWithLongLabel {
  align-items: flex-end;
}

.whiteWrap form .inputsFlexBox.inputFlexBoxWithLongLabel .inputWrap {
  margin-top: 0;
}

.whiteWrap form .inputsFlexBox.inputFlexBoxWithLongLabel .inputWrap.longLabel {
  margin-bottom: -12px;
  margin-top: 10px;
}

.whiteWrap form .inputsFlexBox.inputFlexBoxWithLongLabel .inputWrap.longLabel label {
  white-space: normal;
}

.genericModal.companyTerminalSalesWrap {
  min-width: 50%;
  min-height: 200px;
  overflow: auto;
  border: 1px solid #e0e0e0;
  padding: 50px 20px 20px;
}

.companyTerminalSalesWrap .closeBtn {
  line-height: 50px;
}

.receiptWrap .loader {
  height: 100px;
}

.bankDataLoadingSpinner {
  position: absolute;
  top: 20px;
  right: 10px;
  display: none;
}

.loadingText .uploadingFilesSubtext {
  font-size: 2rem;
  margin-top: 2rem;
}

drop-down.countrySelect .filterItem.dropDownWrap .dropContent {
  max-height: 400px;
  max-width: 90vw;
}

.genericModal.groupConfigurationDiffModal {
  min-width: 300px;
  min-height: 200px;
  border: 1px solid #e0e0e0;
  padding: 0 10px 10px 10px;
  overflow: auto;
}

.genericModal.branchStatementModal {
  padding: 0 10px 250px 10px;
  overflow: auto;
  width: 500px;
}

.groupConfigurationDiffModal .groupConfigurationDiffModalHeader,
.virtualTerminalApprovalLinkModal .virtualTerminalApprovalLinkModalHeader,
.simpleTextModal .simpleTextModalHeader {
  height: 40px;
  position: sticky;
  top: 0;
  background: white;
}

.groupConfigurationDiffModal .groupConfigurationDiffModalHeader .closeBtn,
.virtualTerminalApprovalLinkModal .virtualTerminalApprovalLinkModalHeader .closeBtn,
.simpleTextModal .simpleTextModalHeader .closeBtn {
  line-height: 38px;
  right: 5px;
}

.groupConfigurationDiffModal .groupConfigurationDiffModalBody {
  display: flex;
  column-gap: 10px;
}

.groupConfigurationDiffSectionHeader {
  font-weight: bold;
  font-family: 'Gotham-Bold', arial, sans-serif;
  padding-bottom: 10px;
  position: sticky;
  top: 40px;
  background: white;
}

.groupConfigurationDiffDeviceSectionHeader,
.groupConfigurationDiffDeviceConfiguration {
  border-left: 1px solid lightgrey;
  padding-left: 10px;
}

form.greenInputs .mccDropDown .dropContent,
form.greenInputs .deviceGroupDropDown .dropContent {
  max-height: 400px;
  max-width: 100%;
}

.acquiringRequestUploadFilesButtons {
  margin-top: 30px;
}

.acquiringRequestUploadFilesButtons > a {
  margin-right: 10px;
}

.acquiringRequestUploadFilesButtons > form {
  margin-right: 10px;
  display: inline-block;
  margin-top: 0;
}

.chartWrap.cardTypesChartWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.chartWrap.cardTypesChartWrap .chartPlaceholder {
  width: 100%;
}

.acquiringRequestPartsSelection {
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.acquiringRequestPartsSelection .checkBoxWrapper {
  text-align: left;
}

.alertBox.acquiringRequestExistingRequestsWrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.acquiringRequestExistingRequestsText {
  margin-right: 20px;
}

.acquiringRequestExistingRequestsWrap .btn.btnBlue {
  background-color: rgba(255, 255, 255, 0.5);
  padding-left: 35px;
}

.acquiringRequestExistingRequestsWrap .btn.btnBlue:hover,
.acquiringRequestExistingRequestsWrap .btn.btnBlue:focus-visible {
  background-color: #0084f4;
}

.btn.btnBlue.openRequests {
  margin-right: 20px;
  background-image: url("/img/svg/acquiring-request-open-16ce57edbc27fb5cec48ec5e7a636539.svg");
  background-position: 12px 50%;
  background-repeat: no-repeat;
}

.btn.btnBlue.openRequests:hover,
.btn.btnBlue.openRequests:focus-visible {
  background-image: url("/img/svg/acquiring-request-open-hover-16c4a47827177555ecf19b45783766d5.svg");
}

.btn.btnBlue.closedRequests {
  background-image: url("/img/svg/acquiring-request-closed-ce29ac18ade017edfb410f406aba74fe.svg");
  background-position: 12px 50%;
  background-repeat: no-repeat;
}

.btn.btnBlue.closedRequests:hover,
.btn.btnBlue.closedRequests:focus-visible {
  background-image: url("/img/svg/acquiring-request-closed-hover-09320107696c6fa088903fa414a1fd9b.svg");
}

.returnTextBlack.acquiringRequestReturnText {
  margin-bottom: 0;
}

.acquiringRequestMenuActions {
  display: flex;
  flex-direction: row-reverse;
  column-gap: 8px;
}

.acquiringRequestMenuActions .acquiringRequestMenuActionsIconWrap {
  position: relative;
}

.acquiringRequestMenuActions .acquiringRequestMenuActionsIconWrap .acquiringRequestMenuActionsTooltip {
  z-index: 10;
  display: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  background-color: #8b8b8b;
  border-radius: 5px;
  color: white;
  padding: 6px 9px;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.acquiringRequestMenuActions .acquiringRequestMenuActionsIconWrap a:hover + .acquiringRequestMenuActionsTooltip,
.acquiringRequestMenuActions .acquiringRequestMenuActionsIconWrap button:hover + .acquiringRequestMenuActionsTooltip,
.acquiringRequestMenuActions .acquiringRequestMenuActionsIconWrap a:focus-visible + .acquiringRequestMenuActionsTooltip,
.acquiringRequestMenuActions .acquiringRequestMenuActionsIconWrap button:focus-visible + .acquiringRequestMenuActionsTooltip {
  display: block;
}

.acquiringRequestMenuActions button,
.acquiringRequestMenuActions a {
  display: block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  transition: all 0.3s linear;
}

.acquiringRequestMenuActions button:hover,
.acquiringRequestMenuActions button:focus-visible,
.acquiringRequestMenuActions a:hover,
.acquiringRequestMenuActions a:focus-visible {
  background-color: rgba(46, 168, 54, 0.1);
}

.acquiringRequestUpload {
  background-image: url("/img/svg/acquiring-requests-upload-3f419bcccac1bbcfa52c98b10ab304ce.svg");
  background-size: 24px;
}

.acquiringRequestPdf {
  background-image: url("/img/svg/icon-pdf-hover-69996292a7b2bfca9c5cfb35d8b6eb25.svg");
  background-size: 21px;
}

.acquiringRequestDuplicate {
  background-image: url("/img/svg/duplicate-17e4c7215c1acb94abed9927db510b7b.svg");
  background-size: 21px;
}

.acquiringRequestDelete {
  background-image: url("/img/svg/delete-alt-0056b7f01c0f8976bb1e2f7efa66e3f2.svg");
  background-size: 19px;
}

.acquiringRequestMenuActions .acquiringRequestDelete:hover,
.acquiringRequestMenuActions .acquiringRequestDelete:focus-visible {
  background-color: rgba(233, 69, 85, 0.1);
}

.acquiringRequestMenuActions button:disabled {
  cursor: not-allowed;
}

.acquiringRequestMenuActions button:disabled:hover,
.acquiringRequestMenuActions button:disabled:focus-visible {
  background-color: rgba(146, 148, 153, 0.1);
}

.deviceResetModalBody {
  max-width: 500px;
  padding: 10px;
}

.deviceResetModalBody form.greenInputs {
  margin-top: 20px;
}

.whiteWrap .deviceResetModalBody form.greenInputs .inputWrap {
  margin-top: 20px;
}

.deviceResetQrCodeWrap {
  display: flex;
  justify-content: center;
}

.deviceResetQrCodeWrap img {
  height: 240px;
}

.btn:disabled {
  cursor: not-allowed;
}

.burger {
  display: none;
}

.skipToMainContent {
  position: absolute;
  left: 0;
  top: -100px;
  padding: 5px;
  background-color: #3ea636;
  border-bottom-right-radius: 5px;
  transition: top 1s ease-out;
  color: white;
  z-index: 10;
}

.skipToMainContent:focus {
  top: 0;
  transition: top .1s ease-in;
}

.transactionReverseButton.hasTooltipChild {
  position: absolute;
}

.transactionReverseButton.hasTooltipChild .defaultTooltip {
  line-height: initial;
}

.transactionReverseButton {
  left: 20px;
  height: 60px;
  background-image: url("/img/svg/status-tech-reversal-f7b78fb4dba6ff75cf6502f54365b505.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
}

.transactionMarkAsPairedButton.hasTooltipChild {
  position: absolute;
}

.transactionMarkAsPairedButton.hasTooltipChild .defaultTooltip {
  line-height: initial;
}

.transactionMarkAsPairedButton {
  left: 20px;
  height: 60px;
  background-image: url("/img/svg/icon-mark-transaction-paired-a7ba1aeaf8d07fa5d9356a5f8a4a81d4.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
}


.deviceInfo table tr td:nth-child(2),
.deviceInfoModal table tr td:nth-child(2) {
  padding-left: 10px!important;
}

.companyClientsSubHeading {
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  font-size: 24px;
}

.whiteWrap form.greenInputs .checkBoxWrapper.gridCheckBox .checkBoxWithFocus ~ label,
.checkBoxWrapper.gridCheckBox .checkBoxWithFocus ~ label {
  height: 20px;
  padding: 0;
  width: 20px;
  margin: 0 5px;
}

.checkBoxWrapper.gridCheckBox .checkBoxWithFocus ~ label::before {
  left: 0;
}

.checkBoxWrapper.gridCheckBox .checkBoxWithFocus ~ label::after {
  left: 7px;
}

.companyClientsTitleAndButtonWrap {
  display: flex;
  column-gap: 30px;
  align-items: center;
  margin: 10px 0;
}

.btn.btnRed.removeCompanyClientBtn {
  background-image: url("/img/svg/delete-alt-0056b7f01c0f8976bb1e2f7efa66e3f2.svg");
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: 15px center;
  padding-left: 42px;
}

.btn.btnRed.removeCompanyClientBtn:hover,
.btn.btnRed.removeCompanyClientBtn:focus-visible {
  background-image: url("/img/svg/delete-alt-white-9189fa3d7519f9af0e382063067f8f0b.svg");
}

.btn.btnBlue.addCompanyClientBtn {
  background-image: url("/img/svg/plus-blue-b2be1efa08b1c6a1759f7869456a7fac.svg");
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: 15px center;
  padding-left: 42px;
}

.btn.btnBlue.addCompanyClientBtn:hover,
.btn.btnBlue.addCompanyClientBtn:focus-visible {
  background-image: url("/img/svg/plus-white-3df35e21d40c785e73c5f47c26a59966.svg");
}

.terminalFeesAndStatementsForm .inputsFlexBoxFees.lineAfter {
  padding-bottom: 40px;
}

.terminalFeesAndStatementsForm .inputsFlexBoxFees.lineAfter + .inputsFlexBox {
  margin-top: 20px;
}

form.greenInputs.terminalFeesAndStatementsForm {
  min-height: 600px;
}

form.greenInputs .inputsFlexBox .inputWrap .datePickerWrap {
  height: 56px;
}

form.greenInputs .inputsFlexBox .inputWrap .datePickerWrap .inputPlaceHolder {
  width: 100%;
}

.dropDownWrap .inputPlaceHolder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.verticalRadioButtonsWrap {
  margin: 10px 0;
}

form.greenInputs .verticalRadioButtonsWrap .form-check {
  padding-bottom: 5px;
}

.verticalRadioButtonsWrap .acquiringRequestRadioButtonsLabel {
  margin-bottom: 5px;
}

.formSectionSubheader {
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: -10px;
  font-size: 20px;
}

.appMarketItemFileContainer {
  display: flex;
  align-items: center;
}

.appMarketItemFileContainer > img {
  max-width: 64px;
  max-height: 64px;
}

drop-down.is-invalid ~ .invalid-feedback,
drop-down.has-error ~ .invalid-feedback {
  display: block;
}

.twoGridsWrap {
  display: flex;
  justify-content: center;
  column-gap: 50px;
  flex-wrap: wrap;
}

.twoGridsWrap .gridWrap50 {
  max-width: calc(50% - 30px);
}

.btn.branchBidButton {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  margin-top: 8px;
}

.btn.branchBidButton.branchBidAddButton {
  background-image: url("/img/svg/plus-green-81cc96cb9ba0c84e6719264765aa414a.svg");
  background-size: 24px;
}

.btn.branchBidButton.branchBidAddButton:hover,
.btn.branchBidButton.branchBidAddButton:focus-visible {
  background-color: #2ea836;
  background-image: url("/img/svg/plus-white-3df35e21d40c785e73c5f47c26a59966.svg");
}

.btn.branchBidButton.branchBidDeleteButton {
  background-image: url("/img/svg/delete-alt-0056b7f01c0f8976bb1e2f7efa66e3f2.svg");
  background-size: 18px;
}

.btn.branchBidButton.branchBidDeleteButton:hover,
.btn.branchBidButton.branchBidDeleteButton:focus-visible {
  background-color: #e94555;
  background-image: url("/img/svg/delete-alt-white-9189fa3d7519f9af0e382063067f8f0b.svg");
}

.branchBidsWrap,
.companyMidsWrap {
  width: 100%;
  display: flex;
  column-gap: 25px;
  row-gap: 40px;
  margin-top: 40px;
}

.whiteWrap form .branchBidsWrap .inputWrap {
  margin-top: 0;
  margin-right: 0;
  width: calc(20% - 46px);
}

.whiteWrap form .companyMidsWrap .inputWrap {
  margin-top: 0;
  margin-right: 0;
  width: 100%;
}

form .branchBidsWrap .inputWrap input,
form .companyMidsWrap .inputWrap input {
  width: 100%;
}

.whiteWrap form.greenInputs .branchBidsWrap .inputWrap label,
.whiteWrap form.greenInputs .companyMidsWrap .inputWrap label {
  white-space: nowrap;
}

.branchBidButtons {
  display: flex;
  column-gap: 10px;
  margin-top: 0;
}

.headerTexts #internalUserRoleLabel {
  width: fit-content;
}

form.greenInputs .branchBidsWrap .inputWrap .dropDownWrap .inputPlaceHolder,
form.greenInputs .companyMidsWrap .inputWrap .dropDownWrap .inputPlaceHolder {
  width: 100%;
}

.deviceConfigurationTabWrap {
  padding-top: 35px;
  position: relative;
  display: flex;
  margin-left: -30px;
  column-gap: 35px;
}

.deviceConfigurationSectionNavigation {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  min-width: 275px;
  box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  height: fit-content;
  padding: 5px 5px 5px 0;
}

.deviceConfigurationSectionNavigation button:focus-visible,
.deviceConfigurationSectionNavigation button:hover {
  background-color: #f7f8f8;
}

.deviceConfigurationSectionNavigation button[aria-selected="true"] {
  background-color: rgba(75, 168, 53, 0.08);
}

.deviceConfigurationSectionNavigation button {
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 5px 0 5px 50px;
  text-align: left;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 500;
  background-repeat: no-repeat;
  background-position-y: center;
  color: #3f4858;
}

.deviceConfigurationSectionNavigation button[aria-selected="true"] {
  color: #4ba835;
}

.deviceConfigurationSectionNavigation button.deviceConfigurationReceiptTab {
  background-image: url("/img/svg/device-configuration-receipt-ea36f2d7a7ed17147d1f1ae244c0e5b6.svg");
  background-size: 14px;
  background-position-x: 20px;
}

.deviceConfigurationSectionNavigation button.deviceConfigurationReceiptTab[aria-selected="true"] {
  background-image: url("/img/svg/device-configuration-receipt-active-5d06d4291374298a0a88650828c6e20f.svg");
}

.deviceConfigurationSectionNavigation button.deviceConfigurationQrPaymentTab {
  background-image: url("/img/svg/terminal-actions-qr-4e1b66d83b0a81ea9ecf3b1447bd8540.svg");
  background-size: 18px;
  background-position-x: 18px;
}

.deviceConfigurationSectionNavigation button.deviceConfigurationQrPaymentTab[aria-selected="true"] {
  background-image: url("/img/svg/qr-code-ac0e61433ba180cdae76fe0284418410.svg");
}

.deviceConfigurationSectionNavigation button.deviceConfigurationVariableSymbolTab {
  background-image: url("/img/svg/device-configuration-variable-symbol-d9db55e7f793cb2c022d1f154a7de1ee.svg");
  background-size: 19px;
  background-position-x: 17px;
}

.deviceConfigurationSectionNavigation button.deviceConfigurationVariableSymbolTab[aria-selected="true"] {
  background-image: url("/img/svg/device-configuration-variable-symbol-active-d344c1f10792951acbf4d3a88ad5dc08.svg");
}

.deviceConfigurationSectionNavigation button.deviceConfigurationTipsTab {
  background-image: url("/img/svg/device-configuration-tips-28c1120f3f88d669c3bf036a15c55b94.svg");
  background-size: 19px;
  background-position-x: 18px;
}

.deviceConfigurationSectionNavigation button.deviceConfigurationTipsTab[aria-selected="true"] {
  background-image: url("/img/svg/device-configuration-tips-active-e0154b2dff50c3ecf95afacaa1b6e92e.svg");
}

.deviceConfigurationSectionNavigation button.deviceConfigurationDisplaySettingsTab {
  background-image: url("/img/svg/device-configuration-wake-lock-2f7a8dd770a08e2bf6b0578dd5503c20.svg");
  background-size: 18px;
  background-position-x: 18px;
}

.deviceConfigurationSectionNavigation button.deviceConfigurationDisplaySettingsTab[aria-selected="true"] {
  background-image: url("/img/svg/device-configuration-wake-lock-active-4128ebfccb35f22eb90c8477c9ca45b8.svg");
}

.deviceConfigurationSectionNavigation button.deviceConfigurationKioskTab {
  background-image: url("/img/svg/device-configuration-kiosk-887c8c38ee5d4ec13cb1b70c49882c2c.svg");
  background-size: 10px;
  background-position-x: 22px;
}

.deviceConfigurationSectionNavigation button.deviceConfigurationKioskTab[aria-selected="true"] {
  background-image: url("/img/svg/device-configuration-kiosk-active-be95558fa5bfff98c70e6bfcb627bd07.svg");
}

.deviceConfigurationSectionNavigation button.deviceConfigurationAdminTab {
  background-image: url("/img/svg/device-configuration-admin-97149481d4dc06241e65957d88407fc4.svg");
  background-size: 19px;
  background-position-x: 17px;
}

.deviceConfigurationSectionNavigation button.deviceConfigurationAdminTab[aria-selected="true"] {
  background-image: url("/img/svg/device-configuration-admin-active-fe318f5436d766e4fae601e77c069019.svg");
}

.listGreen {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.listGreen li {
  display: block;
  padding-left: 10px;
  background-image: url("/img/svg/disc-green-949d1d4a4f08871cb64c892547e2e5fd.svg");
  background-position: 0 0.5rem;
  background-repeat: no-repeat;
  background-size: 6px;
}

.deviceReceiptConfigurationSection {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-width: 334px;
}

.deviceReceiptConfigurationSection .alertBox.alertBoxInfo {
  margin-bottom: 10px;
  padding: 21px 20px 21px 43px;
  background-position-y: 20px;
}

.deviceConfigurationSectionTitle {
  font-size: 26px;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  padding-bottom: 24px;
  border-bottom: 1px solid #ebebeb;
}

.deviceReceiptConfigurationSection .btnRestoreConfiguration {
  white-space: nowrap;
}

.deviceSimpleConfigurationImageWrap {
  display: block;
  position: relative;
  border-radius: 30px;
  background-color: #f1f8ef;
  max-width: 400px;
  max-height: 400px;
  padding: 15px;
  width: 100%;
  height: fit-content;
}

.deviceSimpleConfigurationImageWrap img {
  max-width: 189px;
  display: block;
  margin: auto;
}

.checkboxSliderLabel,
.whiteWrap form.greenInputs label.checkboxSliderLabel {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  column-gap: 12px;
}

.checkboxSliderLabel span {
  cursor: pointer;
}

.checkboxSliderText.checkboxSliderTextBold {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 500;
}

.whiteWrap form .checkboxSliderLabel input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.deviceSimpleConfigurationSliderWrap {
  display: flex;
  justify-content: space-between;
  column-gap: 15px;
  row-gap: 10px;
  padding: 28px 0;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
}

.deviceSimpleConfigurationSection {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.listGreen > li:not(:last-child) {
  margin-bottom: 20px;
}

.deviceConfigurationSubsectionsWrap {
  display: flex;
  column-gap: 20px;
}

.deviceConfigurationSubsectionsWrap .deviceSimpleConfigurationImageWrap {
  max-width: 220px;
  min-width: 220px;
  max-height: 220px;
}

.deviceConfigurationSubsectionsWrap .deviceSimpleConfigurationImageWrap img {
  max-width: 100px;
}

.deviceConfigurationSubsection {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-width: 50%;
  width: 100%;
}

.deviceConfigurationSubsectionsWrap .deviceConfigurationSubsection:not(:last-child) {
  border-right: 1px solid #ebebeb;
  padding-right: 20px;
}

.deviceConfigurationSubsectionTitle {
  font-weight: bold;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-size: 20px;
}

.deviceConfigurationSubsectionHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 10px;
}

.deviceConfigurationSubsectionHeaderWithRadios {
  display: flex;
  column-gap: 100px;
  row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.deviceConfigurationSubsectionHeaderRadios {
  display: flex;
  gap: 35px;
}

.deviceConfigurationSubsectionDescription {
  display: flex;
  column-gap: 20px;
  margin-bottom: 10px;
}

.deviceConfigurationTabContent {
  max-width: 1200px;
  width: 100%;
}

.deviceConfigurationTabContent .loader#deviceConfigurationTabLoading {
  height: 200px;
  width: 100%;
}

.deviceConfigurationWakeLockIntervalSelector {
  background-color: #f7f8f8;
  border-radius: 10px;
  font-size: 14px;
  max-width: 300px;
}

.deviceConfigurationWakeLockIntervalSelector input {
  font-size: 14px;
  font-family: 'Gotham-Book', Arial, sans-serif;
}

.deviceConfigurationWakeLockIntervalSelectorLabel {
  padding: 10px;
}

.transactionDetailFees {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 5px;
}

.deviceSimpleConfigurationSection input.radio + label {
  padding-left: 32px;
}

.whiteWrap .deviceSimpleConfigurationSection .inputWrap.greenInputWrap {
  margin: 25px 0 0 0;
  max-width: 100%;
}

.inputGroupRadiosWrap {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  column-gap: 10px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.inputWrap .inputGroupRadiosWrap label.inputGroupRadioLabel {
  cursor: pointer;
  position: static;
  color: unset;
  padding: 0;
  min-width: 36px;
  min-height: 36px;
  border: solid 1px #d3d2d8;
  text-align: center;
  line-height: 34px;
}

.inputWrap .inputGroupRadiosWrap input[type="radio"]:checked + label.inputGroupRadioLabel {
  background-color: rgba(75, 168, 53, 0.1);
  border-color: #4ba835;
  color: #4ba835;
  font-family: 'Gotham-Medium', arial, sans-serif;
}

.deviceSimpleConfigurationSection input.radio:disabled + label:after {
  background-color: rgba(155, 155, 155, 0.15);
}

.deviceSimpleConfigurationSection input.radio:checked:disabled + label:after {
  background-color: #adadad;
}

.deviceSimpleConfigurationSection input:disabled ~ label {
  opacity: 0.4;
  cursor: not-allowed;
}

.deviceSimpleConfigurationSection .deviceFileTypeRadioWrapper,
.deviceConfigurationSubsection .btn.btnGreen {
  width: fit-content;
}

.deviceConfigurationSubsection .btn.btnGreen:disabled {
  opacity: 0.4;
  background-color: #474f5f;
  border-color: #474f5f;
}

.deviceSimpleConfigurationSection .inputWrap.greenInputWrap label.disLabel {
  color: rgba(63, 72, 88, 0.4);
}

.deviceSimpleConfigurationSection .inputWrap.greenInputWrap > input:disabled {
  background-color: unset;
  opacity: 0.4;
  border-color: rgba(71, 79, 95, 0.25);
}

.deviceSimpleConfigurationSection .inputWrap.greenInputWrap .inputGroupRadiosWrap input:disabled + label.inputGroupRadioLabel {
  color: #474f5f;
  border-color: #474f5f;
  cursor: not-allowed;
}

.deviceSimpleConfigurationSection .inputWrap.greenInputWrap .inputGroupRadiosWrap input:disabled:checked + label.inputGroupRadioLabel {
  background-color: rgba(71, 79, 95, 0.1);
  border-color: #474f5f;
}

.deviceReceiptConfigurationSection .alertBox,
.deviceSimpleConfigurationSection *:not(.deviceFileTypeRadioWrapper):not(.checkBoxWrapper):not(.btnGreen):not(.btnSuccess):not(.inputWrap):not(.deviceConfigurationSubsectionTitle),
.checkboxSliderLabel,
.deviceReceiptConfigurationDescription {
  font-size: 14px;
}

a.deviceSimpleConfigurationImageWrap::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #4ba835;
  opacity: 0;
  border-radius: 30px;
  background-image: url(/img/svg/icon-search-794d7f1a62deb346d25787e921bd9d25.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  transition: opacity 0.3s;
}

a.deviceSimpleConfigurationImageWrap:focus-visible::after,
a.deviceSimpleConfigurationImageWrap:hover::after {
  opacity: 0.8;
}

.dropDownGrey .dropDownWrap,
.dropDownBlue .dropDownWrap {
  position: relative;
}

.dropDownGrey .inputPlaceHolder {
  border-radius: 10px;
  border: none;
  background-color: #f7f8f8;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 500;
}

.dropDownGrey .dropDownWrap.disabled .inputPlaceHolder {
  opacity: 0.4;
  background-color: #f7f8f8!important;
}

.dropDownGrey .dropDownWrap.disabled .inputChevron {
  opacity: 0.4;
}

.dropDownGrey .dropContent {
  background-color: #f7f8f8;
  border-color: #ebebeb;
  border-radius: 10px;
}

.dropDownGrey .inputChevron {
  line-height: 40px;
}

.deviceSimpleConfigurationSliderWrap drop-down {
  flex-basis: 267px;
}

.deviceSimpleConfigurationSliderWrap .dropDownWrap {
  max-width: 260px;
  max-height: 40px;
}

.detail .summary .summaryLine .copyMaskedPanButton,
.detail .detailHeader .detailHeaderTitleButton {
  line-height: initial;
  padding: 0;
}

.detail .detailHeader .detailHeaderTitleButton .copiedToClipboard,
.detail .detailHeader .detailHeaderTitleButton .defaultTooltip {
  font-weight: normal;
  font-family: 'Gotham-Book', arial, sans-serif;
}

.errorFrame.siaErrorFrame .btn.btnRed.btnRedFill {
  margin: 10px 0 10px 15px;
}

.menuItem.menuItem-billing .icoWrap .icon {
  max-height: 31px;
}

.gridError {
  min-height: 100px;
  font-size: 25px;
  text-align: center;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  margin-top: 20px;
}

.billingAccountBalancesGridInfoTooltipWrap {
  display: flex;
  height: 100%;
  align-items: center;
  column-gap: 8px;
  justify-content: flex-end;
}

.billingAccountBalancesGridInfoTooltipWrap .deviceInfoWrap {
  margin: 0;
}

.dropDownBlue .inputPlaceHolder {
  padding-right: 40px;
  color: #0084f4;
  border-color: #0084f4;
  max-height: 40px;
}

.dropDownBlue .inputPlaceHolder.openedDrop {
  color: #3d84f4;
  border-color: #3d84f4;
  text-shadow: 0.5px 0 0 #3d84f4;
  font-weight: 500;
  border-radius: 5px 5px 0 0;
}

.dropDownBlue .inputChevron {
  color: #0084f4;
  position: absolute;
  right: 16px;
  line-height: 40px;
}

.dropDownBlue .inputPlaceHolder.openedDrop ~ .inputChevron {
  color: #3d84f4;
}

.dropDownBlue .dropContent {
  border-radius: 0 0 5px 5px;
  border-color: #3d84f4;
  border-top: 1px solid rgba(72, 161, 52, 0.05);
  padding: 0;
  font-size: 14px;
}

.dropDownBlue .dropContent .dropItem {
  color: #3d84f4;
}

.dropDownBlue .dropContent .dropItem.dropItemHighlighted {
  background-color: #3d84f4;
  color: white;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 500;
}

.dropContent .dropItem.dropItemCsv {
  background-image: url("/img/svg/icon-csv-blue-e62cb6ee907a524132d65ef18e405109.svg");
  background-repeat: no-repeat;
  background-position: 14px center;
  padding-left: 47px;
  background-size: 21px;
}

.dropContent .dropItem.dropItemCsv.dropItemHighlighted {
  background-image: url("/img/svg/icon-csv-white-eee8c749d8112365950a43472a5356b3.svg");
}

.dropContent .dropItem.dropItemXlsx {
  background-image: url("/img/svg/icon-xlsx-blue-f821d49665004c50582409a8ce226d04.svg");
  background-repeat: no-repeat;
  background-position: 14px center;
  padding-left: 47px;
  background-size: 21px;
}

.dropContent .dropItem.dropItemPdf {
  background-image: url("/img/svg/icon-pdf-blue-15c67d7ef9192547609db34e31a04ae5.svg");
  background-repeat: no-repeat;
  background-position: 14px center;
  padding-left: 47px;
  background-size: 21px;
}

.dropContent .dropItem.dropItemAbo {
  background-repeat: no-repeat;
  background-position: 14px center;
  padding-left: 47px;
  background-size: 21px;
}

.dropContent .dropItem.dropItemAboWithFeeTotal {
  background-image: url("/img/svg/icon-abo-with-fee-total-blue-c125c91f6718c52e9ce55c6b518b4032.svg");
}

.dropContent .dropItem.dropItemAboWithFeePerTransaction {
  background-image: url("/img/svg/icon-abo-with-fee-per-transaction-blue-4436c68e215aeb946c97c2f89282c091.svg");
}

.dropContent .dropItem.dropItemXlsx.dropItemHighlighted {
  background-image: url("/img/svg/icon-xlsx-f1df3464eba085b48d756d1f2f8bbe90.svg");
}

.dropContent .dropItem.dropItemPdf.dropItemHighlighted {
  background-image: url("/img/svg/icon-pdf-fa7c064f43d28f3631875447dfc8a0a5.svg");
}

.dropContent .dropItem.dropItemAboWithFeePerTransaction.dropItemHighlighted {
  background-image: url("/img/svg/icon-abo-with-fee-per-transaction-36fc865b04438feb5f52877acd8727be.svg");
}

.dropContent .dropItem.dropItemAboWithFeeTotal.dropItemHighlighted {
  background-image: url("/img/svg/icon-abo-with-fee-total-1ebee816e107a69f725b530315e5795a.svg");
}

.grid .gridDropDown {
  display: inline-block;
  margin: auto;
}

.gridExportCell {
  width: 250px;
}

.transactionArchiveDateCell {
  width: 50%;
}

.grid .gridDropDown .dropDownWrap {
  position: static;
  max-height: 40px;
  display: flex;
  border-radius: 5px;
  border: 1px solid;
  column-gap: 15px;
  align-items: center;
}

.grid .gridDropDown .dropDownWrap.openedDropDownWrap {
  border-radius: 5px 5px 0 0;
}

.grid .gridDropDown.dropDownBlue .dropDownWrap {
  border-color: #3d84f4;
}

.grid .gridDropDown .dropContent {
  min-width: fit-content;
  bottom: auto;
}

.grid .gridDropDown .inputPlaceHolder {
  border: none;
  max-height: 36px;
  padding-right: 0;
}

.grid .gridDropDown.billingPaymentsExportDropDown .dropDownWrap,
.grid .gridDropDown.billingPaymentsExportDropDown .dropContent {
  width: 180px;
}

.grid .gridDropDown .inputChevron {
  position: static;
  margin-right: 15px;
}

.receipt .noReceipt {
  width: 100px;
}

.personTerminalAccessGridHeader {
  display: flex;
  column-gap: 10px;
  align-items: center;
}

.personTerminalAccessTerminalCounter {
  font-size: 12px;
  font-weight: bold;
  font-family: 'Gotham-Bold', arial;
  width: 32px;
  height: 18px;
  background-color: #2ea836;
  border-radius: 9px;
  text-align: center;
  color: white;
}

.personTerminalAccessTerminalCounter.gridCounterDark {
  background-color: #3f4858;
}

.grid .expandedParentRow td,
.grid .expandedChildRow td {
  border-bottom: 0;
}

.btn.btnBlue:disabled.hasTooltipChild {
  opacity: 1;
  border-color: rgb(0,132,244, 0.65);
  color: rgb(0,132,244, 0.65);
}

.btn.btnBlue:disabled.hasTooltipChild:hover {
  background-color: rgb(0,132,244, 0.65);
  border-color: transparent;
  color: white;
}

.acquiringRequestSelectBranchModalBody .acquiringRequestRadioButtonsWrap {
  row-gap: 0;
  margin-top: 0;
  flex-wrap: nowrap;
  flex-direction: column;
}

form.greenInputs .acquiringRequestSelectBranchModalBody .acquiringRequestRadioButtonsWrap .form-check {
  padding-bottom: 0;
}

.tabWrap.branchDiv.addTerminalBranchDiv {
  padding: 0 20px 20px 20px;
}

.btn.btnGreen.hasTooltipChild:disabled {
  opacity: 1;
  background-color: rgba(46, 168, 54, 0.65);
  border-color: transparent;
}

.terminalPaymentServiceSetupWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 28px;
  row-gap: 10px;
  margin-top: 18px;
}

.terminalPaymentServiceSetupWrap > span {
  font-family: 'Gotham-Bold', arial, sans-serif;
}

.dropDownWhite .dropDownWrap {
  max-height: 40px;
}

.whiteWrap form .terminalPaymentServiceSetupWrap .inputWrap {
  margin-top: 0;
  max-width: 230px;
}

.terminalPaymentServiceSetupWrap .inputWrap .inputPlaceHolder {
  width: 230px;
}

.dropDownWhite .inputPlaceHolder,
form.greenInputs .dropDownWhite .inputPlaceHolder {
  min-height: 40px;
  border-radius: 5px;
  border-color: #3f4858;
  font-family: 'Gotham-Bold', arial, sans-serif;
  line-height: 40px;
  padding: 0 15px;
}

.dropDownWhite .inputPlaceHolder.openedDrop,
form.greenInputs .dropDownWhite .inputPlaceHolder.openedDrop {
  border-radius: 5px 5px 0 0;
}

.dropDownWhite .dropContent,
form.greenInputs .dropDownWhite .dropContent {
  border-color: #3f4858;
  border-radius: 0 0 5px 5px;
  top: 38px;
  padding: 0;
}

.dropDownWhite .dropContent .dropItem {
  padding-left: 39px;
}

.dropDownWhite .dropItem.active {
  position: relative;
}

.dropDownWhite .dropItem.active::before {
  content: "";
  border: solid #3f4858;
  border-width: 0 0 2px 2px;
  height: 6px;
  width: 10px;
  display: block;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 20px;
  top: 16px;
}

.dropDownWhite .inputChevron,
form.greenInputs .dropDownWhite .inputChevron {
  line-height: 40px;
}

.dropDownWhite .inputChevron::before {
  position: absolute;
  top: 14px;
  right: 0;
  height: 8px;
  width: 8px;
  border-right: 2px solid #3f4858;
  border-bottom: 2px solid #3f4858;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.dropDownWhite .inputChevron.chevronUp::before {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 18px;
}

.whiteWrap form .branchBidsWrap .inputWrap.bankAccountInputWrap {
  flex-grow: 1;
}

.whiteWrap form .branchBidsWrap .inputWrap.bankNameInputWrap {
  flex-grow: 0.3;
}

.whiteWrap form .branchBidsWrap .inputWrap.currencyInputWrap,
.whiteWrap form .branchBidsWrap .inputWrap.paymentDeliveryDaysInputWrap {
  max-width: 130px;
}

.whiteWrap form .branchBidsWrap .inputWrap.swiftInputWrap {
  max-width: 200px;
}

.whiteWrap terminal-sales-grid .greenStripe {
  margin-top: 20px;
  margin-bottom: 0;
  position: static;
}

.whiteWrap terminal-sales-grid .greenStripe .date {
  font-size: unset;
}

.personTwoFactorAuthenticationLinkWrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 5px;
  align-items: center;
}

.twoFactorAuthenticationActivationStatus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 5px;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 14px;
}

.twoFactorAuthenticationActivationStatusIcon {
  background-repeat: no-repeat;
  background-size: auto 16px;
  height: 16px;
  width: 20px;
  background-position: center;
}

.twoFactorAuthenticationActivationStatusDisabled .twoFactorAuthenticationActivationStatusIcon {
  background-image: url("/img/svg/system-notification-warning-aff2ce415b101bc4246eedea52a7dffe.svg");
}

.twoFactorAuthenticationActivationStatusEnabled .twoFactorAuthenticationActivationStatusIcon {
  background-image: url("/img/svg/device-active-tick-a75214731b8f7d64b01b045cc112c0fa.svg");
}

.twoFactorAuthenticationActivationStatusDisabled {
  background-color: #fddc9e;
}

.twoFactorAuthenticationActivationStatusEnabled {
  background-color: #eaf6eb;
}

.copyToClipboardSpanWrap {
  display: flex;
  column-gap: 15px;
  align-items: center;
}

.btnCopyToClipboard {
  background-image: url("/img/svg/copy-to-clipboard-e3bc33d70061304d104498c82c3a79fd.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 20px;
  width: 16px;
}

.companyFilesWrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.companyFileTile {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 120px;
  border: 1px solid rgba(46, 168, 54, 0.25);
  border-radius: 20px;
  transition: all 0.5s ease;
}

.companyFileTitleAndCommentWrap {
  padding: 30px;
}

.companyFileTile:hover {
  border-color: #2ea836;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);
}

.companyFileTile:hover .companyFileTitle {
  background-blend-mode: normal;
}

.companyFileTitle {
  font-size: 20px;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  background-image: url("/img/svg/icon-file-1ab5af7cccf915c3ead15d84905eecfd.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 36px;
  padding-right: 40px;
  min-height: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}

.companyFileDownloadButton {
  background-color: rgba(46, 168, 54, 0.05);
  color: #2ea836;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 500;
  min-height: 60px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
}

.companyFileDownloadButton:hover {
  text-decoration: none;
}

.companyFileDownloadButton .companyFileDownloadImageWhite {
  display: none;
}

.companyFileDownloadButton img {
  width: 23px;
}

.companyFileTile:hover .companyFileDownloadButton .companyFileDownloadImageWhite,
.companyFileDownloadButton:focus-visible .companyFileDownloadImageWhite {
  display: initial;
}

.companyFileTile:hover .companyFileDownloadButton .companyFileDownloadImage,
.companyFileDownloadButton:focus-visible .companyFileDownloadImage {
  display: none;
}

.companyFileTile:hover .companyFileDownloadButton,
.companyFileDownloadButton:focus-visible {
  background-color: #2ea836;
  color: white;
}

.inputWrap input::placeholder {
  opacity: 0.5;
}

.grid.slimGrid td {
  height: 58px;
}

.companyFileNameGridWrap {
  background-image: url("/img/svg/icon-file-1ab5af7cccf915c3ead15d84905eecfd.svg");
  background-repeat: no-repeat;
  background-size: auto 21px;
  background-position-y: center;
  padding-left: 25px;
}

.companyFileNameGridWrap * {
  opacity: 0.7;
  transition: 0.3s opacity ease;
}

.companyFileNameGridWrap .bottomVal {
  font-size: 14px;
  color: inherit;
}

.gridWrap tr:hover .companyFileNameGridWrap * {
  opacity: initial;
}

.companyFileNameGridWrap.txt,
.companyFileTitle.txt {
  background-image: url("/img/svg/icon-txt-d30cb1bb5b3d3208fe1582cde5753f3c.svg");
}

.companyFileNameGridWrap.pdf,
.companyFileTitle.pdf {
  background-image: url("/img/svg/icon-pdf-green-573ff80cabbb3deb72ed9370cfa5fb44.svg");
}

.companyFileNameGridWrap.jpg,
.companyFileTitle.jpg {
  background-image: url("/img/svg/icon-jpg-06cad7350ef20a5029c0bc3e143bcdf4.svg");
}

.companyFileNameGridWrap.xlsx,
.companyFileTitle.xlsx {
  background-image: url("/img/svg/icon-xlsx-green-66d13c46b60f5468449085041f3c6899.svg");
}

.companyFileComment {
  padding-top: 30px;
  border-top: 1px solid rgba(113, 108, 128, 0.1);
  margin-top: 17px;
}

.whiteWrap .branchBidsWrap .inputWrap.bidCodeWrap {
  max-width: 160px;
}

.progressWrap {
  width: 470px;
  height: 30px;
  position: relative;
}

.progressBar {
  width: 100%;
  height: 30px;
  border: 1px solid #333;
  border-radius: 10px;
  overflow: hidden;
  display: none;
}

.progressValue {
  height: 100%;
  background: #00329f;
  width: 0;
  animation: BackgroundGradient 5s ease infinite;
}

.progressValue.done {
  background: #28a745;
  width: 100%;
}

.progressValue.stop {
  background: #c51f20;
}

.progressValue.inProgress {
  background: linear-gradient(270deg, #00329f, #00329fa1, #00329f);
  background-size: 600% 600%;
}

.tagInputWrap .clr-field {
  position: absolute;
  right: 0;
  top: 0;
}

.clr-field button {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tagInputWrap .clr-field button {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 10px;
  transform: none;
  z-index: 1;
}

.tagListNameWrap {
  padding: 4px 6px;
  border-radius: 4px;
  margin-right: 10px;
  white-space: nowrap;
}

.gridIconTag {
  content: url("/img/svg/tag-grid-ae8eff20be306fb9c7da8bbfad483270.svg");
  width: 18px;
  margin-right: 6px;
}

.gridTag {
  display: inline-block;
  padding: 4px 6px;
  border-radius: 4px;
  margin-right: 2px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.inputsFlexBox.gridFormInputsFlexBox {
  column-gap: 20px;
  flex-wrap: nowrap;
}

.whiteWrap form .inputsFlexBox.gridFormInputsFlexBox .inputWrap.tagInputWrap {
  max-width: 460px;
  width: 100%;
}

.inputsFlexBox.gridFormInputsFlexBox .inputWrap.tagInputWrap input[type="text"] {
  min-height: 40px;
}

.inputsFlexBox.gridFormInputsFlexBox .inputWrap.tagInputWrap input.tagColorInput {
  opacity: 0;
  min-height: 40px;
  height: 40px;
  width: 40px;
  padding: 0;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

@keyframes BackgroundGradient {
  0%{background-position:0 50%}
  50%{background-position:100% 50%}
  100%{background-position:0 50%}
}

.nexiImportResultsTable td {
  padding-right: 20px;
}

.transactionArchiveDescriptionAlertBox {
  margin-top: 20px;
  margin-bottom: 20px;
}

.virtualTerminalApprovalLinkModal {
  min-width: 800px;
  min-height: 200px;
  padding: 20px;
}

.virtualTerminalApprovalLinkModal .loaderTransparent {
  height: 100px;
}

.virtualTerminalApprovalLinkModal form.greenInputs {
  margin-top: 0;
}

.virtualTerminalApprovalLinkModal form .inputWrap.buttonGroupInputWrap {
  margin-right: 0;
  max-width: none;
}

.virtualTerminalApprovalLinkModal form .inputWrap input {
  width: 100%;
}

.listInstructions {
  font-size: 20px;
  margin-top: 20px;
}

.tabLabel.tabLabelWithCounter {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.gridCounter {
  height: 22px;
  min-width: 18px;
  display: inline-block;
  border-radius: 4px;
  background-color: #e8e8e8;
  font-size: 12px;
  color: #9b9da1;
  line-height: 22px;
  padding: 0 5px;
  font-family: 'Gotham-Medium', arial, sans-serif;
}

.tab.active .gridCounter {
  background-color: #4ca836;
  color: white;
}

.newChangeRequestContent {
  max-width: 1030px;
  margin: auto;
}

.changeRequestSelectTypeTitle {
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
  margin-top: 50px;
}

.changeRequestTypesWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 180px;
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
}

.changeRequestTypeTile {
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  padding: 20px;
  border-radius: 20px;
  border: solid 1px rgba(36, 41, 51, 0.3);
  transition: box-shadow .2s;
  color: #242933;
}

.changeRequestTypeTile:hover {
  border-color: #4ca836;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.14);
}

.changeRequestTypeTileTitleAndImageWrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.changeRequestTypeTile .changeRequestTypeTileTitle {
  font-size: 22px;
  font-family: 'Gotham-Bold', arial, sans-serif;
  font-weight: bold;
}

.changeRequestTypeTile .changeRequestTypeTileImage {
  height: 60px;
  width: 60px;
  border-radius: 10px;
  background-color: rgba(36, 41, 51, .1);
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
}

.changeRequestTypeTile:hover .changeRequestTypeTileImage {
  background-color: rgba(76, 168, 54, .1);
}

.changeRequestTypeTileImage_BANK_ACCOUNT_CHANGE {
  background-image: url("/img/svg/change-request-bank-account-change-a87c0d5c35554cd8dc1e7a1ba760f03a.svg");
}

.changeRequestTypeTile:hover .changeRequestTypeTileImage_BANK_ACCOUNT_CHANGE {
  background-image: url("/img/svg/change-request-bank-account-change-hover-c40fa092e4dd3e411737fdfdbd8584cb.svg");
}

.changeRequestTypeTileImage_GENERAL_CHANGE {
  background-image: url("/img/svg/change-request-general-change-012fe4eb47b30506b55ee1bb52fe2b35.svg");
}

.changeRequestTypeTile:hover .changeRequestTypeTileImage_GENERAL_CHANGE {
  background-image: url("/img/svg/change-request-general-change-hover-9edf7dd0f4d54e8a40cadf2175472fdb.svg");
}

.changeRequestTypeTileImage_TERMINAL_DEACTIVATION {
  background-image: url("/img/svg/change-request-terminal-deactivation-93aacd105bf1d85156d947d221757fa8.svg");
}

.changeRequestTypeTile:hover .changeRequestTypeTileImage_TERMINAL_DEACTIVATION {
  background-image: url("/img/svg/change-request-terminal-deactivation-hover-4920d1ce63ca045ad3f0faaddb6a41c0.svg");
}

.changeRequestTypeTileImage_TEMPORARY_SUSPENSION {
  background-image: url("/img/svg/change-request-suspension-aed00f2e71490a182ef0ddaec98c5506.svg");
}

.changeRequestTypeTile:hover .changeRequestTypeTileImage_TEMPORARY_SUSPENSION {
  background-image: url("/img/svg/change-request-suspension-hover-4b6d1a909923804af561db16284bc7b8.svg");
}

.changeRequestTypeTileImage_RENEWAL {
  background-image: url("/img/svg/change-request-renewal-fed52a1d6d603cbe8c5f792b51cda0d0.svg");
}

.changeRequestTypeTile:hover .changeRequestTypeTileImage_RENEWAL {
  background-image: url("/img/svg/change-request-renewal-hover-13b63753478682936cdbb3c22606f6e5.svg");
}

.changeRequestTypeTileImage_CANCELLATION {
  background-image: url("/img/svg/change-request-cancellation-541a33c6173b086edf262ad95c203cf2.svg");
}

.changeRequestTypeTile a {
  color: #242933;
  width: 100%;
  min-height: 34px;
  height: fit-content;
  background-color: rgba(36, 41, 51, .1);
  border-radius: 10px;
  text-decoration: none;
  padding: 5px 20px;
  font-family: 'Gotham-Medium', arial, sans-serif;
  background-image: url("/img/svg/right-arrow-grey-d36def673df6596aac3450a4f25e2951.svg");
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  background-size: 14px auto;
}

.changeRequestTypeTile:hover a,
.changeRequestTypeTile a:focus-visible {
  background-color: #4ca836;
  color: white;
  background-image: url("/img/svg/right-arrow-white-b7cdb3b83e868bcf0522a766e8f64375.svg");
}

.acquiringRequestUploadTilesWrapper {
  display: flex;
  padding: 8px;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

.copyPersonBtn {
  background-image: url("/img/svg/duplicate-blue-d5712951383bed298906c3d4e818eaf6.svg");
}

.copyPersonBtn:hover,
.copyPersonBtn:focus-visible {
  background-image: url("/img/svg/duplicate-white-5bf6cccac53e6a5d0dff9566629c205d.svg");
}

.pastePersonBtn {
  background-image: url("/img/svg/paste-blue-da0dc84a3ebaf87578b90719dbda5202.svg");
}

.pastePersonBtn:hover,
.pastePersonBtn:focus-visible {
  background-image: url("/img/svg/paste-white-acda8c4998c7e314498184402421ab85.svg");
}

.btn.copyPersonBtn,
.btn.pastePersonBtn,
.btn.removePersonBtn {
  background-repeat: no-repeat;
  background-position: center;
  height: 40px;
  width: 40px;
}

.labelWithInfoIcon {
  display: flex;
  align-items: center;
  gap: 5px;
}

.gridSearch {
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  column-gap: 10px;
}

.gridSearch .gridSearchItems {
  display: flex;
  flex-wrap: wrap;
}

.gridSearch .gridSearchFilterButtonWrap {
  height: 54px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.gridSearchItem {
  position: relative;
  display: inline-block;
}

.gridSearchItem .gridSearchItemPanel {
  display: none;
  position: absolute;
  z-index: 19;
  top: 53px;
  padding: 10px;
  border-radius: 0 10px 10px 10px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #e0e0e0;
  background-color: white;
}

.gridSearchItem .gridSearchItemButton[aria-expanded="true"] ~ .gridSearchItemPanel {
  display: block;
}

.gridSearchItem .gridSearchItemPanel input[role="searchbox"] {
  height: 40px;
  border-radius: 5px;
  border: solid 1px #e0e0e0;
  min-width: 300px;
  padding: 0 35px 0 46px;
}

.gridSearchItem .gridSearchItemPanel input[role="searchbox"]:focus-visible {
  border-color: #3f4858;
  outline: none;
}

.gridSearchItem .gridSearchItemButton {
  position: relative;
  height: 54px;
  line-height: 1;
  background-color: white;
  border: solid 1px #e0e0e0;
  padding: 18px 44px 18px 25px;
  color: inherit;
}

.gridSearchItem .gridSearchItemButton[aria-expanded="true"],
.gridSearchItem .gridSearchItemButton[aria-expanded="true"] ~ .inputChevron,
.gridSearchItem .gridSearchItemButton[aria-expanded="true"] ~ .gridSearchItemFilterIndicator {
  z-index: 19;
}

.gridSearchItem .gridSearchItemPanel .gridSearchItemSearchButton,
.gridSearchItem .gridSearchItemPanel .gridSearchItemClearButton {
  position: absolute;
  color: inherit;
  top: calc(50% - 15px);
  padding: 0;
  width: 30px;
  height: 30px;
}

.gridSearchItem .gridSearchItemPanel .gridSearchItemSearchButton {
  font-size: 20px;
  left: 20px;
}

.gridSearchItem .gridSearchItemPanel .gridSearchItemClearButton {
  font-size: 15px;
  right: 14px;
}

.gridSearchItem .gridSearchItemButton:focus-visible,
.gridSearchItem .gridSearchItemPanel .gridSearchItemSearchButton:focus-visible,
.gridSearchItem .gridSearchItemPanel .gridSearchItemClearButton:focus-visible {
  outline: 2px solid black;
  outline-offset: -2px;
}

.gridSearchItem .inputChevron {
  pointer-events: none;
  position: absolute;
  right: 25px;
  line-height: 54px;
  font-size: 13px;
  top: 0;
}

.gridSearchItem .gridSearchItemFilterIndicator {
  display: inline-block;
  position: absolute;
  height: 16px;
  width: 16px;
  background-image: url("/img/svg/device-active-tick-a75214731b8f7d64b01b045cc112c0fa.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  top: 0;
  right: 5px;
  pointer-events: none;
}

form.greenInputs .acquiringRequestFeesCardTypes .form-check {
  padding: 0;
}

.acquiringRequestFeesCardTypes {
  display: flex;
  column-gap: 20px;
  align-items: baseline;
}

.whiteWrap form .inputsFlexBox.inputsFlexBoxPropositionSelection .acquiringRequestFeesCardTypes {
  width: 100%;
}

.acquiringRequestFeesCardTypes .form-check .checkBox {
  flex-shrink: 0;
}

.acquiringRequestCardsAndFeesWrap.noStateWrap .inputsFlexBox.inputsFlexBoxPropositionSelection {
  margin-top: -40px;
}

.acquiringRequestCardsAndFeesWrap.noStateWrap .acquiringRequestFeesCardTypes {
  margin-top: 40px;
}

.acquiringRequestCardsAndFeesWrap:not(.noStateWrap) .inputsFlexBox.inputsFlexBoxPropositionSelection > .inputWrap:not(.inputWrap ~ .inputWrap) {
  margin-top: 0;
}

@supports (overflow-wrap: anywhere) {

  .deviceFilesGridWrap .grid tr:not(.expandedChildRow):not(.gridDetailRow) > td:first-child {
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .gridDetailRow table tr.expandedChildRow td:last-child {
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .errorFrame.siaErrorFrame .errorTrace {
    overflow-wrap: anywhere;
  }

  .companyFileTitle {
    overflow-wrap: anywhere;
  }
}

@media screen and (max-width: 1800px) {

  .deviceReceiptConfigurationSection {
    max-width: unset;
  }

  .deviceReceiptConfigurationSection .btnRestoreConfiguration {
    white-space: unset;
  }

  .deviceConfigurationTabWrap {
    column-gap: 15px;
  }

  .deviceReceiptConfigurationSection#deviceReceiptConfigurationDescriptionSection {
    display: none;
  }

  .branchBidsWrap {
    flex-wrap: wrap;
  }

  .whiteWrap form .branchBidsWrap .inputWrap {
    width: calc(33% - 15px);
    min-width: unset;
    max-width: unset;
  }
}

@media screen and (max-width: 1680px) {

  .deviceTopWrap div {
    width: fit-content;
  }

  .deviceTopWrap .deviceCenterTopWrap {
    flex-direction: column;
    margin-right: 10px;
  }

  .deviceActivationStatus {
    border-radius: 0;
  }

  .deviceTopWrap .deviceCenterTopWrap  .deviceAdminPin {
    background-position-x: 95%;
  }

  .deviceTopWrap .deviceCenterTopWrap > div:first-child:not(.deviceTopWrap .deviceCenterTopWrap > div:last-child) {
    border-radius: 0;
  }

  .deviceTopWrap .deviceCenterTopWrap > div:last-child {
    border-radius: 0 0 10px 10px;
  }

  .deviceConfigurationWrap {
    justify-content: flex-start;
  }

  .deviceAdminConfiguration {
    margin-left: 0;
  }

  .deviceConfigurationTabHidden {
    display: none;
  }

  .acquiringRequestEditTable.acquiringRequestOverviewFeesWrap tr td:first-child {
    white-space: normal;
    width: auto;
  }

  .acquiringRequestDocumentsStep .acquiringRequestDocumentsStepImagesWrap img {
    width: 100px;
  }

  .deviceConfigurationSubsectionHeader {
    flex-direction: column;
    align-items: flex-start;
  }

  .deviceConfigurationSubsectionHeader .checkboxSliderLabel {
    flex-direction: row-reverse;
  }

  .deviceConfigurationSubsectionsWrap .deviceSimpleConfigurationImageWrap {
    min-width: unset;
  }

}

@media screen and (max-width: 1536px) {

  .tabs.editPageTabs .tab {
    padding: 12px 30px;
  }

  .invisibleFor1536 {
    display: none;
  }

  .visibleFor1536 {
    display: table-cell;
  }

  .acquiringRequestEditWrap {
    flex-wrap: wrap;
  }

  .acquiringRequestCompanyDetails,
  .acquiringRequestBranchDetails,
  .acquiringRequestOverviewPersonDetails,
  .acquiringRequestCardsAndFeesWrap,
  .acquiringRequestStateWrap {
    width: 100%;
  }

  .acquiringRequestStateWrap,
  .acquiringRequestContact,
  .acquiringRequestCardsAndFeesWrap,
  .acquiringRequestEditWrap .acquiringRequestBranchDetails:nth-of-type(2) {
    margin-top: 20px;
  }

  .whiteWrap form .inputsFlexBox.inputsFlexBoxPropositionSelection .inputWrap {
    width: calc(50% - 13px);
  }

  .whiteWrap form .inputsFlexBox.inputsFlexBoxAcquiringRequestBranch .inputWrap,
  .whiteWrap form .inputsFlexBox.inputsFlexBoxAcquiringRequestPerson .inputWrap {
    width: calc(33.3% - 17px);
  }

  .acquiringRequestOverviewPersonDiv .acquiringRequestEditWrap .acquiringRequestOverviewPersonDetails:nth-of-type(2) .acquiringRequestEditTable {
    margin-top: 0;
  }

  .deviceConfigurationSubsectionsWrap {
    flex-direction: column;
  }

  .deviceConfigurationSubsection {
    max-width: unset;
  }

  .deviceConfigurationSubsectionHeader {
    flex-direction: row;
    align-items: center;
  }

  .deviceConfigurationSubsectionHeader .checkboxSliderLabel {
    flex-direction: row;
  }

  .deviceConfigurationSubsectionsWrap .deviceConfigurationSubsection:not(:last-child) {
    padding-right: 0;
    border-right: none;
  }

  .deviceConfigurationSubsection:first-child {
    padding-top: 0;
  }

  .deviceConfigurationSubsectionDescription {
    margin-bottom: 0;
  }

  .whiteWrap form.greenInputs .inputsFlexBoxFees .inputWrap.fees label {
    min-height: 100px;
  }

  .terminalsGridWrap .gridRow {
    cursor: pointer;
  }

  .inputsFlexBox .inputWrap.greenInputWrap.area.companyFileCommentInputWrap {
    width: 50%;
  }

  .newChangeRequestContent {
    max-width: 680px;
  }

  .changeRequestTypesWrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .whiteWrap form .inputsFlexBox.inputsFlexBox25 .inputWrap {
    width: calc(33.3% - 17px);
  }
}