/****Colors  ******/
/****Styles ******/
/****Fonts   ******/
/****Sitemap ******/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/notosans-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/notosans-cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/notosans-devanagari.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/notosans-greek-ext.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/notosans-greek.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/notosans-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/notosans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/notosans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, input, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-family: 'Noto Sans', Arial, Verdana, Helvetica, sans-serif;*/
  vertical-align: baseline;
  /*color: $defaultcolor;*/
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}

body, select, input, textarea, button {
  font-size: 15px;
  font-family: "Noto Sans", sans-serif;
  text-size-adjust: none;
}

body.ReactModal__Body--open {
  overflow: hidden;
}

.ms-options-wrap {
  display: inline;
}

.ms-options-wrap > button:focus, .ms-options-wrap > button {
  font-size: 15px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

.pager {
  margin-top: 20px;
}
.pager li {
  padding: 5px 10px;
  border: 1px solid #d9d9d9;
  cursor: pointer;
}
.pager li:hover {
  color: #D4021d;
}
.pager li.selected {
  background-color: #D4021d;
  transition: background-color 0.3s, color 0.3s;
  color: white;
}
.pager li.disabled {
  cursor: not-allowed;
}

#maincontent .taggedList li {
  border-radius: 32px;
  height: 20px;
  padding: 5px 20px;
  margin: 8px 16px 8px 0;
  cursor: pointer;
}
#maincontent .taggedList li.active {
  background-color: #D4021d;
  transition: background-color 0.3s, color 0.3s;
  color: white;
}
#maincontent .taggedList li.inactive {
  border: 1px solid #d1cbcb;
}
#maincontent .taggedList li.inactive:hover {
  color: #D4021d;
  transition: color 0.3s;
}
#maincontent .taggedList li.inactive #maincontent .taggedList li.rightButton {
  float: right;
  padding: 0;
  margin: 4px 0 0 0;
}
#maincontent .taggedList li.inactive #maincontent .taggedList li.rightButton input {
  box-shadow: none;
}

body {
  line-height: 1;
  height: calc(-100px + 100vh);
  overflow-y: auto;
}

.corporatecolor {
  color: #D4021d;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
table td {
  color: #666666;
}

/*End reset*/
.defaultcolor {
  color: #666666;
}

.maincolor {
  color: #D4021d !important;
}

.maincolorbg {
  background-color: #D4021d;
}

.errorcolor {
  color: red;
}

.errorcolorbg {
  background-color: red;
}

.successcolor {
  color: green;
}

.successcolorbg {
  background-color: green;
}

.readwritecontent {
  background-color: #ececec;
}

.readwritecontentheader {
  background-color: #ececec;
}

.readwritecontenttext {
  color: #666666;
}

.readonlycontent {
  background-color: #ececec;
}

.readonlycontentheader {
  background-color: #ececec;
}

.readonlycontenttext {
  color: #666666;
}

.navbarbackground {
  background-color: #ececec;
}

.tableoddrow {
  background-color: #ffffff;
}

.tableevenrow {
  background-color: #f3f3f3;
}

.tablestyle1,
.tablestyle2 {
  border-radius: 4px 4px 0 0;
  background-color: #ffffff;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: black;
}

.tablestyle3,
#resultsNationalBanks > table,
#resultsSwiftBanks > table {
  background-color: #d9d9d9;
}

/*thead.tablestyle1, thead.tablestyle2, thead.tablestyle3 {
  border-top: 1px dotted #949596; }*/
label, select, .ms-options-wrap button {
  cursor: pointer;
}
label.readonly, select.readonly, .ms-options-wrap button.readonly {
  cursor: text;
}

form {
  /*margin: 10px 0 0 0;*/
}

h3 {
  opacity: 0.8;
  color: #666666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}
h3.secondarySection {
  margin-top: 30px;
}

.ReactModalPortal table.table-default {
  table-layout: auto;
}

#maincontent table, .ReactModalPortal table {
  font-size: inherit;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  line-height: 16pt;
}
#maincontent table thead, .ReactModalPortal table thead {
  line-height: 1.75em;
}
#maincontent table thead th, .ReactModalPortal table thead th {
  text-align: left;
  padding: 5px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#maincontent table thead th:last-child, .ReactModalPortal table thead th:last-child {
  padding-left: 0;
}
#maincontent table thead th:not([scope=col]):first-child, .ReactModalPortal table thead th:not([scope=col]):first-child {
  padding-left: 18px;
  font-weight: 700;
}
#maincontent table.in-section thead th:not([scope=col]):first-child, .ReactModalPortal table.in-section thead th:not([scope=col]):first-child {
  padding-left: 0;
}
#maincontent table thead th:not([scope=col]):last-child, .ReactModalPortal table thead th:not([scope=col]):last-child {
  padding-right: 18px;
}
#maincontent table tbody td, .ReactModalPortal table tbody td {
  padding: 5px 8px;
}
#maincontent table tbody td.originalfontsize, .ReactModalPortal table tbody td.originalfontsize {
  font-size: inherit;
}
#maincontent table tbody td:last-child, .ReactModalPortal table tbody td:last-child {
  padding-left: 0;
  padding-right: 18px;
}
#maincontent table tbody td:first-child:not([data-handler=selectDay]), .ReactModalPortal table tbody td:first-child:not([data-handler=selectDay]) {
  padding-left: 18px;
}
#maincontent table.in-section tbody td:first-child:not([data-handler=selectDay]), .ReactModalPortal table.in-section tbody td:first-child:not([data-handler=selectDay]) {
  padding-left: 0;
}
#maincontent table.in-section tbody td:first-child:not([data-handler=selectDay]) input[type=checkbox], .ReactModalPortal table.in-section tbody td:first-child:not([data-handler=selectDay]) input[type=checkbox] {
  padding-left: 3px;
}
#maincontent table.selectable input[type=checkbox], .ReactModalPortal table.selectable input[type=checkbox] {
  cursor: pointer;
}
#maincontent table.selectable tbody.unselectedtr td.tableoddrow, #maincontent table.selectable tr.unselectedtr td.tableoddrow, .ReactModalPortal table.selectable tbody.unselectedtr td.tableoddrow, .ReactModalPortal table.selectable tr.unselectedtr td.tableoddrow {
  background-color: #ffffff;
}
#maincontent table.selectable tbody.unselectedtr td.tableevenrow, #maincontent table.selectable tr.unselectedtr td.tableevenrow, .ReactModalPortal table.selectable tbody.unselectedtr td.tableevenrow, .ReactModalPortal table.selectable tr.unselectedtr td.tableevenrow {
  background-color: #f3f3f3;
}
#maincontent table.selectable tbody.selectedtr td.tableoddrow, #maincontent table.selectable tbody.selectedtr td.tableevenrow, #maincontent table.selectable tr.selectedtr td.tableoddrow, #maincontent table.selectable tr.selectedtr td.tableevenrow, .ReactModalPortal table.selectable tbody.selectedtr td.tableoddrow, .ReactModalPortal table.selectable tbody.selectedtr td.tableevenrow, .ReactModalPortal table.selectable tr.selectedtr td.tableoddrow, .ReactModalPortal table.selectable tr.selectedtr td.tableevenrow {
  background-color: rgba(212, 2, 29, 0.1);
}

#maincontent table#uploadedFiles {
  width: 97%;
}
#maincontent table#uploadedFiles thead th:first-child {
  padding-left: 0;
}
#maincontent table#uploadedFiles tbody td:first-child:not([data-handler=selectDay]) {
  padding-left: 0;
}

table tfoot td {
  padding-right: 2px;
  padding-bottom: 1px;
  padding-top: 2px;
  border-top: 1px solid;
}

table tfoot td:first-child {
  padding-left: 2px;
}

thead.nodotted {
  border-top: none;
}

textarea {
  height: auto;
  resize: none;
  overflow: auto;
  font-family: inherit;
  font-size: inherit;
  text-size-adjust: none;
}

p {
  line-height: 16pt;
}

.marginright {
  margin-right: 5px;
}

.notextsizeadjust,
.dialogText {
  text-size-adjust: none;
}

.mailTextArea {
  overflow-x: hidden;
  height: 300px;
  margin-left: 5px;
}

.comment {
  color: #666666;
}

a:link {
  color: #666666;
  text-decoration: underline;
}

a:visited {
  color: #666666;
  text-decoration: underline;
}

a.highlight:link {
  color: #D4021d;
  text-decoration: underline;
}

a.highlight:visited {
  color: #D4021d;
  text-decoration: underline;
}

a:hover,
a.highlight:hover {
  text-decoration: none;
}

a.link-red {
  color: #D4021d;
  text-decoration: underline;
}

a.link-red:hover {
  text-decoration: none;
}

input, select, textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #949596;
}

.popubutton {
  background-color: #949596;
  margin: 3px;
}

input :focus, select :focus, textarea :focus {
  outline: none;
  border: #D4021d solid 1px;
}

#maincontent input, #maincontent select {
  -ms-word-wrap: normal;
  word-wrap: normal;
  -ms-word-break: normal;
  word-break: normal;
  height: 20px;
}

select::-ms-expand {
  display: none;
}

input[type=checkbox], input[type=radio] {
  border: 0;
  transform: scale(1.2);
}
input[type=checkbox] ~ label, input[type=radio] ~ label {
  margin-left: 2px;
}

input {
  padding: 0 2px;
}

textarea {
  padding: 2px 2px 0 2px;
}

input[type=submit], input[type=button] {
  min-width: 40px;
  color: #ffffff;
  font-family: "Noto Sans", Arial, Verdana, Helvetica, sans-serif;
  border: 0;
  cursor: pointer;
}

input[type=submit]#buttonAsLinkHeader {
  background-color: #ffffff;
  color: #D4021d;
}

input#btnlogin:hover {
  box-shadow: none;
  background: #c3000d;
}

input[type=button] {
  font-weight: normal;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  background: #FFFFCC;
}

table .barseparator, table .extrapadding.extrapaddingbefore {
  background-color: #ececec;
}

.pager a.selected {
  font-size: 1.3em;
  font-weight: bold;
  color: #D4021d;
}

.pager a:hover {
  font-weight: bold;
}

.pager a {
  font-size: 1.1em;
  color: #666666;
  text-decoration: none;
  padding-right: 0.4em;
  padding-left: 0px;
}

.reducedfontsize {
  font-size: 0.8em;
}

.custominputfile {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}

.custominputfile + label {
  outline: none;
  padding: 10px 20px;
  height: 20px;
  border-radius: 20px;
  background: #D4021d;
  -webkit-appearance: none;
  box-shadow: 0 6px 8px rgba(230, 0, 15, 0.3);
  margin-bottom: 10px;
  margin-top: 0;
  transition: box-shadow 0.3s;
  color: white;
  display: inline-block;
  text-align: center;
}

.custominputfile:focus + label,
.custominputfile + label:hover {
  box-shadow: none;
  background: #c3000d;
}
.custominputfile:focus + label.loading,
.custominputfile + label:hover.loading {
  background-image: url("images/ajax-loader-Q.gif");
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
}

.custominputfile:focus + label {
  box-shadow: none;
  background: #c3000d;
}
.custominputfile:focus + label.loading {
  background-image: url("images/ajax-loader-Q.gif");
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
}

#header {
  width: 100vw;
  margin: 0 auto 10px;
  background-color: #ececec;
  position: fixed;
}

#header .colorbarpart {
  height: 4px;
  width: 16.6666666667%;
  float: left;
}

#header .loginwrapper {
  background-color: #D4021d;
  height: 20px;
  padding: 0 5px;
  line-height: 16pt;
  margin-bottom: 2px;
  color: white;
}

#header a.white:link {
  color: white;
}

#header a.white:visited {
  color: white;
}

.colorbarpartlogin {
  height: 2px;
  width: 61.16667px;
  float: left;
}

#footer {
  margin: 0 auto;
  width: 100%;
  border-top: 1px solid #d1d1d1;
  font-size: 8pt;
  padding: 5px 10px;
  bottom: 0;
  background-color: white;
  position: fixed;
  z-index: 9999999;
}

#footer span {
  font-size: inherit;
  padding-right: 10px;
}

#maincontentwrapper {
  width: 1400px;
  margin: 0 auto;
  min-height: 650px;
  margin-bottom: 10px;
  background-color: #ececec;
  height: calc(-10px + 100vh);
}

#navbar {
  width: 240px;
  background-color: #ececec;
  line-height: 26px;
  display: inline-block;
  /* height: 100vh; */
  /*padding-bottom: 20000px;
  margin-bottom: -20000px;*/
  overflow-y: hidden;
  float: left;
  position: fixed;
  margin-top: 80px;
  height: calc(100vh - 100px);
}
#navbar a {
  position: relative;
  color: #666666;
  text-decoration: none;
  display: block;
  margin: 0 -18px;
  padding: 7px 18px;
  box-sizing: border-box;
}
#navbar a.selectedMenu {
  background-color: #D4021d;
  color: #ffffff;
}
#navbar .menuParent {
  background-color: #d9d9d9;
  padding: 6px 22px 0 18px;
  color: #666666;
  font-size: 14px;
  letter-spacing: 0.6px;
  box-sizing: border-box;
  cursor: pointer;
}
#navbar .menuParent .menuParentText {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 94%;
  display: inline-block;
}
#navbar .menuChild {
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
#navbar .menuChild a {
  height: 100%;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#navbar .menuChild.selectedMenu {
  display: block;
}
#navbar .childrenMenus {
  display: none;
}
#navbar .selectedMenu .childrenMenus {
  display: block;
}

#maincontent {
  width: 1160px;
  background-color: #ececec;
  float: left;
  padding: 20px 30px 25px;
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  margin-left: 240px;
  margin-top: 78px;
}

#maincontent table {
  border-radius: 5px;
}

#maincontent table.bigextramargin {
  margin-bottom: 30px;
}

.l-centered {
  margin: 0 auto;
  width: 50%;
}

.valignbottom {
  vertical-align: bottom;
}

.valigntexttop {
  vertical-align: text-top;
}

.valignmiddle {
  vertical-align: middle;
}

.valigntop {
  vertical-align: top;
}

.valignbaseline {
  vertical-align: baseline;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

a.nodecoration:link {
  text-decoration: none;
}
a.nodecoration:visited {
  text-decoration: none;
}

.xxxxsmall {
  width: 4%;
  padding: 0px;
}

.xxxsmall {
  width: 15%;
}

.xxsmall {
  width: 25%;
}

.xsmall {
  width: 33%;
}

.small {
  width: 40%;
}

.medium {
  width: 50%;
}

.large {
  width: 75%;
}

.xlarge {
  width: 90%;
}

.xylarge {
  width: 91%;
}

.xxlarge {
  width: 96%;
}

.allwidth {
  width: 100% !important;
}

.barseparator2 {
  line-height: 0;
}

paddingbottom-0 {
  padding-bottom: 0;
}

.l-sectionRight span.paddingbottom-0 {
  padding-bottom: 0;
}

.extrapaddingbefore {
  padding-top: 10px;
}

.padding-top5 {
  padding-top: 5px;
}

.padding-top25 {
  padding-top: 25px;
}

.padding-right62 {
  padding-top: 62px;
}

.padding-0 {
  padding: 0px;
}

.padding-4 {
  padding: 4px;
}

.extramargin {
  margin-bottom: 10px;
}

.extramargin5 {
  margin: 5px;
}

.margintop-2 {
  margin-top: 2px;
}

.extramarginbefore {
  margin-top: 10px;
}

.negativemargin {
  margin-top: -5px;
}

.bignegativemargin {
  margin-top: -10px;
}

.is-hidden {
  display: none;
}

.is-inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.is-block {
  display: block;
}

.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.pointer {
  cursor: pointer;
}

.padding10Right {
  padding-right: 10px;
}

.padding5Right {
  padding-right: 5px;
}

.padding10Left {
  padding-left: 10px;
}

.padding20Left {
  padding-left: 20px;
}

.padding37Top {
  padding-top: 37px;
}

.padding30Top {
  padding-top: 30px;
}

.padding4Right {
  padding-right: 4px;
}

.padding21Left {
  padding-left: 21px;
}

.padding24Left {
  padding-left: 24px;
}

.padding5Left {
  padding-left: 5px;
}

.absolute {
  position: absolute;
}

.bordercolor-FFFFFF {
  border-color: #FFFFFF;
}

.backgroundcolor-FFFFFF {
  background-color: #FFFFFF;
}

.backgroundcolor-FFDD00 {
  background-color: #FFDD00;
}

.backgroundcolor-F37021 {
  background-color: #F37021;
}

.backgroundcolor-DA2128 {
  background-color: #DA2128;
}

.backgroundcolor-009175 {
  background-color: #009175;
}

.backgroundcolor-A52960 {
  background-color: #A52960;
}

.backgroundcolor-0066B3 {
  background-color: #0066B3;
}

.backgroundcolor-C1D82F {
  background-color: #C1D82F;
}

.backgroundcolor-8292A2 {
  background-color: #8292A2;
}

.backgroundcolor-FA4616 {
  background-color: #FA4616;
}

.backgroundcolor-E31E30 {
  background-color: #E31E30;
}

.color-FFFFFF {
  color: white;
}

.color-FF0000 {
  color: red;
}

.color-f78e1e {
  color: orange;
}

.line-height16 {
  line-height: 16px;
}

.line-height20 {
  line-height: 20px;
}

.line-heightnormal {
  line-height: normal;
}

.height-0 {
  height: 0px;
}

.height-26 {
  height: 26px;
}

.height-30 {
  height: 30px;
}

.height-132 {
  height: 132px;
}

.height-134 {
  height: 134px;
}

.height-144 {
  height: 144px;
}

.height-150 {
  height: 150px;
}

.width-90 {
  width: 90px;
}

.width-140 {
  width: 140px;
}

.width-165 {
  width: 165px;
}

.width-250 {
  width: 250px;
}

.width-600 {
  width: 600px;
}

.height-20 {
  height: 20px;
}

.widthPercent-50 {
  width: 50%;
}

.widthPercent-57 {
  width: 57%;
}

.widthPercent-40 {
  width: 40%;
}

.width-165 {
  width: 165px;
}

.bottom {
  bottom: 0;
}

.border0 {
  border: 0;
}

.border-width {
  border-width: 0;
}

.visbility-hidden {
  visibility: hidden;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.font16 {
  font-size: 16px;
}

.font120 {
  font-size: 120px;
}

.font9 {
  font-size: 9pt;
}

.topLine {
  height: 1px;
  border-top: 1px solid #6a696a;
  position: relative;
}

.widthAuto {
  width: auto !important;
}

.clearBoth {
  clear: both;
}

.l-section10percent {
  float: left;
  width: 10%;
}

.spanerror-text {
  font-weight: bold;
  color: red;
}

.floatright {
  float: right;
}

.floatleft {
  float: left;
}

.word-wrap-bw {
  word-wrap: break-word;
}

.display-tablecell {
  display: table-cell;
}

.width-position {
  width: 735px;
  position: absolute;
}

.float-lineheight {
  float: right;
  line-height: 2em;
}

input:disabled {
  cursor: not-allowed;
}

.extrapaddingtop {
  padding-top: 10px !important;
}

.margintop-1per {
  margin-top: -1.1%;
}

.marginright-3per {
  margin-right: 3.5%;
}

.margin-left25 {
  margin-left: 25px;
}

.margin-left3 {
  margin-left: 3px;
}

.overflow-hidden {
  overflow: hidden;
}

.paddingleft-1per {
  padding-left: 1%;
}

.valignmiddle {
  color: #666666;
  margin-bottom: 1px;
}

.l-section {
  overflow: hidden;
  padding: 5px 0;
  line-height: 16pt;
  padding-left: 2px;
  color: #666666;
}

#maincontent input[type=radio], #maincontent input[type=checkbox] {
  width: initial;
  height: initial;
}

#maincontent .clientDataRow {
  padding-right: 2%;
}
#maincontent .clientDataRow .l-sectionReadonly, #maincontent .clientDataRow .l-sectionReadwrite {
  width: 49.85%;
  display: inline-block;
  padding-right: 0;
  vertical-align: top;
  margin-bottom: 2px;
}
#maincontent .clientDataRowQuestionnaire {
  padding-right: 2%;
}
#maincontent .clientDataRowQuestionnaire .l-sectionReadonly, #maincontent .clientDataRowQuestionnaire .l-sectionReadwrite {
  width: 100%;
  display: inline-block;
  padding-right: 0;
  vertical-align: top;
  margin-bottom: 2px;
}
#maincontent .clientDataRowQuestionnaire .l-sectionLeft {
  float: left;
  width: 49.5%;
  margin-right: 0.5%;
}
#maincontent .clientDataRowQuestionnaire .l-sectionRight {
  float: left;
  width: 50%;
}
#maincontent .clientDatasRow .l-sectionLeft {
  width: 13%;
}
#maincontent .clientDatasRow .l-sectionRight {
  width: 86.5%;
}
#maincontent .clientDatasRow .l-sectionRight input[type=text],
#maincontent .clientDatasRow .l-sectionRight select {
  width: 98.5%;
}
#maincontent .clientDatasRow .l-section textarea {
  width: 98.5%;
}

.l-sectionReadonly {
  background-color: #ffffff;
  color: #666666;
}

.l-subSectionReadonly {
  background-color: #ffffff;
  padding: 12px 24px;
  color: #666666;
}

.l-sectionReadonly tfoot td {
  border-top-color: #666666;
}

.l-subSectionReadonly tfoot td {
  border-top-color: #666666;
}

.l-sectionReadonlyHeader {
  background-color: #ffffff;
  color: #666666;
}

#maincontent .l-sectionReadonlyHeader {
  background-color: #ffffff;
  border-top: none;
  padding: 12px 24px;
}

.l-subSectionReadonlyHeader {
  background-color: #ffffff;
  padding: 12px 24px;
  color: #666666;
}

div.l-sectionReadonlyHeader {
  font-weight: bold;
  border-top: 1px dotted #949596;
}

div.l-subSectionReadonlyHeader {
  font-weight: bold;
  border-top: none;
}

#benIntermediaryAcc,
.l-SectionReadwrite,
.l-sectionreadwrite,
.l-sectionReadwrite {
  background-color: #ffffff;
  color: #666666;
}

.l-subSectionReadwrite {
  background-color: #ffffff;
  color: #666666;
}

.l-sectionReadwriteHeader,
.l-subSectionReadwriteHeader {
  background-color: #ffffff;
  padding: 12px 24px;
  color: #666666;
}

.l-sectionReadWrite {
  background-color: #ffffff;
  padding: 12px 24px;
  color: #666666;
}

div.l-sectionReadwriteHeader {
  font-weight: bold;
  margin-top: 10px;
}

.extrapadding {
  padding-bottom: 10px !important;
}

#maincontent .box-section {
  padding-bottom: 5px !important;
  background-color: #ffffff;
}
#maincontent .box-section .l-section + .l-subSectionReadwriteHeader,
#maincontent .box-section .l-section + .l-subSectionReadonlyHeader {
  padding-top: 17px !important;
}

div.l-subSectionReadwriteHeader {
  font-weight: bold;
  border-top: none;
}

.l-sectionLeft {
  float: left;
  width: 27.5%;
  margin-right: 0.5%;
}

.l-sectionRight {
  float: left;
  width: 72%;
}

.l-section2columns {
  float: left;
  width: 50%;
}

.l-section3columns {
  float: left;
  width: 32%;
  padding-left: 1%;
}
.l-section3columns:last-child {
  padding-right: 1%;
}

.l-section4columns {
  float: left;
  width: 25%;
}

.l-section20percent {
  float: left;
  width: 20%;
}

.l-section25percent {
  float: left;
  width: 25%;
}

.l-section33percent {
  float: left;
  width: 32.2%;
}
.l-section33percent:first-child {
  padding-left: 1%;
}
.l-section33percent:last-child {
  padding-right: 1%;
}

.l-section40percent {
  float: left;
  width: 40%;
}

.l-section50percent {
  float: left;
  width: 50%;
}

.l-section60percent {
  float: left;
  width: 60%;
}

.l-section66percent {
  float: left;
  width: 65.6%;
}
.l-section66percent:first-child {
  padding-left: 1%;
}
.l-section66percent:last-child {
  padding-right: 1%;
}

.l-section75percent {
  float: left;
  width: 75%;
}

.l-section80percent {
  float: left;
  width: 80%;
}

.l-section1percentmargins {
  margin: 0 1%;
}

.tablebarseparator {
  padding-top: 10px;
}

.minboxlog {
  height: 196px;
  position: relative;
}
.minboxlog > div.logoff:last-child {
  position: absolute;
  bottom: 25px;
}

.spinnertop {
  margin-bottom: -4px;
  width: 20px;
  height: 20px;
}

.table-default ul.horizontallist li {
  margin: 0;
}
.table-default ul.horizontallist li:last-child {
  margin: 0;
}

.ReactModalPortal .table-odd-even tbody tr:nth-child(odd):hover {
  background-color: rgba(212, 2, 29, 0.1);
  cursor: pointer;
}
.ReactModalPortal .table-odd-even tbody tr:nth-child(even):hover {
  background-color: rgba(212, 2, 29, 0.1);
  cursor: pointer;
}
.ReactModalPortal .table-odd-even tbody tr.pager:last-child {
  background-color: #ececec;
  cursor: auto;
}

.table-odd-even tr:nth-child(odd) {
  background-color: #ffffff;
}
.table-odd-even tr:nth-child(even) {
  background-color: #f3f3f3;
}
.table-odd-even tr.pager:last-child {
  background-color: #ececec;
}

ul.horizontallist {
  list-style: none;
}
ul.horizontallist li {
  display: inline;
  white-space: nowrap;
}
ul.horizontallist li.is-hidden {
  display: none;
}
ul.horizontallist li input[type=radio] {
  margin: 2px 0 0 5px;
}
ul.horizontallist li:first-child input[type=radio] {
  margin-left: 0;
}
ul.horizontallist + strong {
  font-weight: bold;
  display: block;
  margin: 11px 0;
}
ul.horizontallist + span {
  display: block;
  margin: 11px 0;
}

ul.horizontallistblock {
  list-style: none;
}
ul.horizontallistblock li {
  display: inline-block;
}
ul.horizontallistblock li.is-hidden {
  display: none;
}

ul.usuallist {
  list-style: none;
}

ul.usuallist li {
  display: list-item;
}

ul.styledlist {
  margin: 2px 0px 2px 20px;
  list-style-position: outside;
  list-style-type: disc;
}

ul.noliststyle {
  list-style: none;
}

ul.xsmallseparation li {
  margin: 0 1px 0 0;
}

ul.smallseparation li {
  margin: 0 5px 0 0;
}

ul.mediumseparation li {
  margin: 0 10px 0 0;
}

ul.bigseparation li {
  margin: 0 15px 0 0;
}

ul.xbigseparation li {
  margin: 0 20px 0 0;
}

ul.vxsmallseparation li,
ul.vxsmallseparationextramargin li {
  margin: 0 0 1px 0;
}

ul.vsmallseparation li,
ul.vsmallseparationextramargin li {
  margin: 0 0 5px 0;
}

ul.vmediumseparation li,
ul.vmediumseparationextramargin li {
  margin: 0 0 10px 0;
}

ul.vbigseparation li,
ul.vbigseparationextramargin li {
  margin: 0 0 15px 0;
}

ul.vxbigseparation li,
ul.vxbigseparationextramargin li {
  margin: 0 0 20px 0;
}

ul.xsmallseparation li:last-child,
ul.smallseparation li:last-child,
ul.mediumseparation li:last-child,
ul.bigseparation li:last-child,
ul.xbigseparation li:last-child,
ul.vxsmallseparation li:last-child,
ul.vsmallseparation li:last-child,
ul.vmediumseparation li:last-child,
ul.vbigseparation li:last-child,
ul.vxbigseparation li:last-child {
  margin: 0;
}

.l-floatright {
  float: right;
  /*Overwrite here what may change when content is right aligned*/
}

.l-floatright li {
  margin: 0 0 0 5px;
}

.alignleft {
  text-align: left;
}

.aligncenter {
  text-align: center;
}

.alignjustify {
  text-align: justify;
}

.alignright {
  text-align: right !important;
  /*Overwrite here what may change when content is right aligned*/
}

ul.xsmallseparation li {
  margin: 0 10px 0 0;
}

ul.xsmallseparation li:last-child {
  margin: 0 10px 0 0;
}

.alignright li {
  margin: 0 0 0 5px;
}

.alignright ul.xsmallseparation li {
  margin: 0 10 0 1px;
}

.alignright ul.smallseparation li {
  margin: 0 0 0 5px;
}

.alignright ul.mediumseparation li {
  margin: 0 0 0 10px;
}

.alignright ul.bigseparation li {
  margin: 0 0 0 15px;
}

.alignright ul.xbigseparation li {
  margin: 0 0 0 20px;
}

input[type=button].buttonAsLinkOnChildMenu, input[type=submit].buttonAsLinkOnChildMenu, a.buttonAsLinkOnChildMenu {
  background-color: #ffffff;
  border: 0 solid;
  text-align: left;
  padding: 0;
  cursor: pointer;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  height: auto;
  outline: none;
  text-decoration: none;
  -webkit-appearance: none;
  color: #616161;
  font-size: 14px;
}
input[type=button].buttonAsLinkOnChildMenu:hover, input[type=submit].buttonAsLinkOnChildMenu:hover, a.buttonAsLinkOnChildMenu:hover {
  color: #D4021d;
}

input[type=button].buttonAsLink, input[type=submit].buttonAsLink, a.buttonAsLink {
  background-color: #ffffff;
  border: 0 solid;
  text-decoration: underline;
  text-align: left;
  padding: 0;
  cursor: pointer;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  height: auto;
  outline: none;
  color: #D4021d;
  -webkit-appearance: none;
}

.l-sectionLeft input[type=button].buttonAsLink,
.l-section input[type=submit].buttonAsLink {
  padding: 0;
  margin-bottom: 1.25px;
}

input[type=button].buttonAsLink:hover,
input[type=submit].buttonAsLink:hover {
  text-decoration: none;
}

.errorfield {
  font-weight: normal;
  color: red;
  list-style-position: inside;
}

.validation-summary-errors {
  font-weight: normal;
  color: red;
}
.validation-summary-errors span {
  margin-left: 5px;
}
.validation-summary-errors ul {
  margin: 2px 0px 2px 20px;
  list-style-position: outside;
  list-style-type: disc;
}

.warningfield {
  font-weight: bold;
  list-style-position: inside;
}

.validation-summary-warnings {
  font-weight: bold;
  margin-bottom: 10px;
}

#lastOrdersFilterListTable tbody .field-validation-error,
#lastOrdersFilterListTable tbody .errorcolor {
  color: red;
}

.field-validation-error {
  color: red;
  vertical-align: top;
}

.lockicon, .unlockicon {
  border: 0;
  background-size: auto 16px;
  width: 13px;
  height: 20px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}

.lockicon {
  background-image: url("images/icons-svg/lock_red.svg");
}

.unlockicon {
  background-image: url("images/icons-svg/unlock_red.svg");
}

.imgUseInTransfer, .imgReuse, .imgEdit, .imgDelete, .imgShowDetails, .imgAccountDetails, .imgCheck, .imgDown, .imgRight {
  border: 0;
  background: url("images/icons/redicons-h.png");
  background-size: auto 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transform: scale(1.25);
}

.imgAccountDetails {
  cursor: pointer;
  background-position: 0 !important;
}

.imgDelete {
  background-position: -20px !important;
}

.imgEdit {
  background-position: -40px !important;
}

.imgUseInTransfer, .imgReuse {
  background-position: -60px !important;
}

.imgShowDetails {
  background-position: -80px !important;
}

.imgCheck {
  background-position: -100px !important;
}

.imgRight {
  background-position: -120px !important;
}

.imgDown {
  background-position: -140px !important;
}

.carat {
  width: 14px;
  color: #666666;
  display: inline-block;
  position: absolute;
  margin: 4px 0 0 5px;
  transform: scale(0.85);
}

.carat-r {
  background-image: url("images/icons-svg/carat-r-grey.svg");
}

.carat-d {
  background-image: url("images/icons-svg/carat-d-grey.svg");
}

.carat-u {
  background-image: url("images/icons-svg/carat-u-grey.svg");
}

.imgWarning {
  cursor: pointer;
  background-position: 0 0 !important;
  border: 0;
  background-image: url("images/icons/icon_exclamation.png") !important;
  background-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}
.imgWarning:focus {
  outline: none;
}

.imgTakeAction {
  border: 0;
  background: url("images/icons/redicon-takeaction.png");
  background-size: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-position: 0 0 !important;
}

.imgBankPhone, .imgBankEmail, .imgBankWeb {
  padding-left: 15px;
  padding-right: 8px;
  background: url("images/icons/redBankicons-v.png") no-repeat scroll left center;
  background-size: 30px;
}

.imgBankEmail {
  background-position: -6px 0 !important;
}

.imgBankWeb {
  background-position: -6px -24px !important;
}

.imgBankPhone {
  background-position: -6px -48px !important;
}

.imgPlus {
  cursor: pointer;
  background-position: 0 0 !important;
  border: 0;
  background-image: url("images/icons/plus.png");
  background-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}

.btnUpload {
  background-position: 0px -320px !important;
}

.is-error {
  /*border: 2px solid $maincolor;*/
}

.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.highlightHeader {
  text-transform: uppercase;
  font-weight: 600;
}

.javascriptErrorHeader {
  position: relative;
  background-color: #D4021d;
  height: 35px;
}

.javascriptErrorSubHeader {
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1.1em;
}

.menuParentText {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}

#maincontent .l-section .l-sectionRight .horizontallist {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
}
#maincontent .l-section .l-sectionRight .horizontallist li {
  white-space: nowrap;
}
#maincontent .l-section .l-sectionRight .horizontallist.is-hidden {
  display: none;
}

#maincontent .horizontallist.l-floatright.smallseparation {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  align-items: center;
}

#maincontent .l-sectionRight .horizontallist.xsmallseparation li {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}

#maincontent .l-sectionRight .horizontallist.xsmallseparation li span {
  flex: 1 0 auto;
}

#maincontent .l-sectionRight .horizontallist.xsmallseparation .amountField.xxxxsmall {
  max-width: 42px;
}

#maincontent .l-sectionRight .xxxsmall {
  width: auto;
}

.l-sectionRight input[type=radio] {
  margin: 0 0 0 13px;
}

.l-sectionRight label input[type=radio] {
  margin: 0;
  vertical-align: -0.85px;
}

.l-sectionRight input[type=checkbox] {
  margin: 0 0 0 13px;
}

#maincontent .l-sectionRight table {
  width: 97%;
}
#maincontent .l-sectionRight table.table-dropbox tbody td:first-child:not([data-handler=selectDay]) {
  padding-left: 0;
}
#maincontent .l-sectionRight table.table-dropbox tfoot td:last-child {
  padding-right: 18px;
}

#maincontent .l-sectionRight .is-hidden {
  display: none;
}

#maincontent .horizontallist #choosePeroid label,
#maincontent .horizontallist label {
  color: #666666;
  font-weight: 400 !important;
  letter-spacing: -0.3px;
}
#maincontent .horizontallist #choosePeroid .nextToInput,
#maincontent .horizontallist .nextToInput {
  display: block;
  margin-top: 2px;
}

#maincontent .l-sectionRight .horizontallist.fitWidth {
  width: 97%;
}

#maincontent .horizontallist #chooseDays a:visited,
#maincontent .horizontallist #choosePeroid a:visited {
  color: inherit;
}
#maincontent .horizontallist #chooseDays.marked,
#maincontent .horizontallist #choosePeroid.marked {
  font-weight: 700;
}

#maincontent .l-section.extrapadding {
  /*max-width: 610px;*/
}

#maincontent #benIntermediaryAcc,
#maincontent .l-sectionReadwrite,
#maincontent .l-subSectionReadwrite,
#maincontent .l-sectionReadonly,
#maincontent .l-subSectionReadonly {
  box-sizing: border-box;
  padding: 5px 2% 5px 24px;
}

#maincontent input.xxlarge,
#maincontent input.xsmall,
#maincontent input.amountField,
#maincontent .hasDatepicker,
#maincontent .select2-selection__rendered,
#maincontent .tablestyle3 thead input,
.ReactModalPortal .tablestyle3 thead input,
#maincontent select,
#maincontent input.moreFilters,
#maincontent input.btnSearch,
#maincontent input.btnRight,
#maincontent input.btnDown,
#maincontent input#FilterMessage_Subject,
#maincontent .l-section input[type=text],
#maincontent input[type=password],
#maincontent input[type=tel],
#maincontent input[type=search],
#maincontent input.basicfilter,
#resultsNationalBanks input,
#resultsSwiftBanks input,
.select2-container .select2-search__field,
.ms-options-wrap > button > span {
  height: 25px;
}

#maincontent input.xxlarge,
#maincontent input.xsmall,
#maincontent input.amountField,
#maincontent .hasDatepicker,
#maincontent .select2-selection__rendered,
#maincontent .tablestyle3 thead input,
.ReactModalPortal .tablestyle3 thead input,
#maincontent select,
#maincontent input.moreFilters,
#maincontent input.btnSearch,
#maincontent input.btnRight,
#maincontent input.btnDown,
#maincontent input[type=password],
#maincontent input.basicfilter,
#resultsNationalBanks input,
#resultsSwiftBanks input,
#maincontent input#FilterMessage_Subject,
#maincontent textarea,
#maincontent textarea.mailTextArea {
  border-radius: 7px;
  border: none;
  padding: 0 10px;
  color: #666666;
  outline: none;
  width: 97%;
  background-color: #ececec;
}

#maincontent .filterbox input.xxlarge,
#maincontent .filterbox input.xsmall,
#maincontent .filterbox input.amountField,
#maincontent .filterbox .hasDatepicker,
#maincontent .filterbox .select2-selection__rendered,
#maincontent .filterbox.tablestyle3 thead input,
.ReactModalPortal .filterbox.tablestyle3 thead input,
#maincontent .filterbox select,
#maincontent .filterbox input.moreFilters,
#maincontent .filterbox input.btnSearch,
#maincontent .filterbox input.btnRight,
#maincontent .filterbox input.btnDown,
#maincontent .filterbox input[type=password],
#maincontent .filterbox input.basicfilter,
#resultsNationalBanks .filterbox input,
#resultsSwiftBanks .filterbox input,
#maincontent .filterbox input#FilterMessage_Subject {
  background-color: #ffffff;
}

#maincontent textarea.textarea-allwidth {
  background-color: #ffffff;
  border-top: none;
  padding: 0 24px 12px 24px !important;
  border-radius: 0;
  display: block;
}

#maincontent input.moreFilters,
#maincontent input.btnSearch {
  color: #D4021d;
  -webkit-appearance: none;
}

#maincontent #resultsBeneficiaries input.btnSearch {
  color: #D4021d;
  -webkit-appearance: none;
}

#maincontent .l-section #password.xxlarge,
#maincontent .l-section #username.xxlarge {
  width: 96%;
  background-color: #ffffff;
}

#maincontent .l-section input[type=text],
#maincontent .l-section input[type=date],
#maincontent .l-section input[type=email],
#maincontent .l-section input[type=month],
#maincontent .l-section input[type=number],
#maincontent .l-section input[type=password],
#maincontent .l-section input[type=tel],
#maincontent .l-section input[type=search],
#maincontent .l-section select,
#maincontent .l-section textarea,
#maincontent .select2-selection__rendered,
.ms-options-wrap > button:focus, .ms-options-wrap > button,
.ms-options-wrap.ms-has-selections > button {
  border-radius: 7px;
  background-color: #ececec;
  border: none !important;
  padding: 0 10px;
  color: #666666;
  outline: none;
  width: 97%;
}
#maincontent .l-section input[type=text].loader,
#maincontent .l-section input[type=date].loader,
#maincontent .l-section input[type=email].loader,
#maincontent .l-section input[type=month].loader,
#maincontent .l-section input[type=number].loader,
#maincontent .l-section input[type=password].loader,
#maincontent .l-section input[type=tel].loader,
#maincontent .l-section input[type=search].loader,
#maincontent .l-section select.loader,
#maincontent .l-section textarea.loader,
#maincontent .select2-selection__rendered.loader,
.ms-options-wrap > button:focus.loader, .ms-options-wrap > button.loader,
.ms-options-wrap.ms-has-selections > button.loader {
  background-image: url(/content/images/ajax-loader-Q.gif);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position-x: 99%;
  background-position-y: 50%;
}

#maincontent .filterbox .l-section input[type=text],
#maincontent .filterbox .l-section input[type=date],
#maincontent .filterbox .l-section input[type=email],
#maincontent .filterbox .l-section input[type=month],
#maincontent .filterbox .l-section input[type=number],
#maincontent .filterbox .l-section input[type=password],
#maincontent .filterbox .l-section input[type=tel],
#maincontent .filterbox .l-section input[type=search],
#maincontent .filterbox .l-section select,
#maincontent .filterbox .l-section textarea,
#maincontent .filterbox .select2-selection__rendered {
  background-color: #ececec;
}

.select2-container {
  position: unset;
}
.select2-container .select2-search__field {
  border-radius: 7px;
  background-color: #ececec;
  padding: 0 10px;
  color: #666666;
  outline: none;
}

.suggestions {
  position: absolute;
  list-style: none;
  background-color: #ececec;
  z-index: 99999999;
}
.suggestions .active {
  background-color: #5897fb;
  color: white;
}

#maincontent .l-section ul input[type=text],
#maincontent .l-section ul input[type=date],
#maincontent .l-section ul input[type=email],
#maincontent .l-section ul input[type=month],
#maincontent .l-section ul input[type=number],
#maincontent .l-section ul input[type=password],
#maincontent .l-section ul input[type=tel],
#maincontent .l-section ul input[type=search],
#maincontent .l-section ul select,
#maincontent .l-section ul textarea {
  width: 100%;
}

#maincontent textarea,
#maincontent textarea.mailTextArea {
  padding-top: 10px !important;
}

#frmSearchBeneficiaries .tablestyle3 th input, #lastOrdersForm .tablestyle3 th input, #maincontent input.btnSearch, #maincontent input.moreFilters, #lastOrdersForm input#moreFilters, #searchForm .tablestyle3.nodotted input, #searchForm .tablestyle3.nodotted input#FilterMessage_Subject, #searchForm .tablestyle3.nodotted select, #lastOrdersForm .basicfilter, #maincontent .basicfilter, #resultsNationalBanks input, #resultsSwiftBanks input, #maincontent .l-section .l-floatright #moreFilters, s #maincontent input.basicfilter.expandFieldInput {
  border-radius: 5px;
}

#maincontent textarea.mailTextArea {
  margin-left: 0;
  width: 97.75%;
}

#maincontent .select2-selection__rendered,
#maincontent select,
#maincontent .ms-options-wrap > button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: 10px 14px;
  background-image: url("images/icons-png/appearance.png");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  /* Firefox */
  background-position-x: -moz-calc(100% - 10px);
  /* WebKit */
  background-position-x: -webkit-calc(100% - 10px);
  /* Opera */
  background-position-x: -o-calc(100% - 10px);
  /* Standard */
  background-position-y: 50%;
  background-color: #ececec;
  padding: 0 30px 0 10px !important;
  -webkit-padding-end: 30px !important;
  -webkit-padding-start: 10px !important;
}

.select2-container--quipu .select2-results__option, .ms-options-wrap > .ms-options {
  background-color: #ececec;
  line-height: 20pt;
}

.select2-results__option[aria-selected] {
  background-color: #ececec;
  color: #666666;
}

.ms-options-wrap > .ms-options {
  z-index: 99999999;
  width: inherit;
}

.ms-options-wrap > .ms-options > ul label {
  padding-left: 28px;
}

.ms-options-wrap > .ms-options > ul label.focused, .ms-options-wrap > .ms-options > ul label:hover {
  background-color: #171f31;
  border-color: #999;
  color: white;
}

.ms-options-wrap > .ms-options > ul li.selected label {
  color: #666666;
}

.ms-options-wrap > .ms-options > ul input[type=checkbox] {
  top: 10px;
  margin-left: 7px;
}

#maincontent .ms-options-wrap > button:after {
  content: none;
}

#maincontent .select2-selection__rendered,
.ms-options-wrap > button > span {
  box-sizing: border-box;
}

#maincontent .select2-selection__rendered {
  width: 100%;
}

.ms-options-wrap > button > span {
  white-space: break-spaces;
  padding-top: 2px;
}

#maincontent .l-sectionReadwrite input.xxlarge,
#maincontent .select2-selection__rendered,
#maincontent #InternationalBeneficiaryViewModel_Beneficiary_InternationalSupplement_IntermediaryAccountNumber,
#maincontent select {
  /*margin: -7px 0 -10px;*/
}

#maincontent #lastOrdersFilter .l-section:last-of-type select,
#messagesFilter .horizontallist .l-section:last-of-type select,
#AdvancedSearchBox .horizontallist .l-section:last-of-type select,
#maincontent .l-section-date .horizontallist .l-section:last-of-type select {
  margin-bottom: 0;
}

#maincontent .select2-container--quipu .select2-selection--single {
  height: auto;
  border: none;
}

.select2-container--default .select2-selection--single {
  background-color: none;
  border: 0;
  border-radius: 0;
}

.select2-selection__arrow {
  display: none;
}

#maincontent .btnCancel {
  background-image: url("images/icons-svg/close-red.svg");
}

#maincontent .btnBack {
  background-image: url("images/icons-svg/arrow-l-black-red.svg");
}

#maincontent .btnAdd {
  background-image: url("images/icons-svg/plus-red.svg");
}

#maincontent .icoAddWhite {
  background-image: url("images/icons-svg/plus-white.svg");
}

#maincontent .buttonWithIcon {
  background-color: #D4021d;
  background-position: 5% 50% !important;
  background-repeat: no-repeat;
  padding-left: 30px !important;
}

/*#maincontent .btnNext,*/
#maincontent .btnBack,
#maincontent .btnCancel,
#maincontent .btnAdd {
  background-color: transparent;
  outline: none;
  color: #D4021d;
  -webkit-appearance: none;
  padding-left: 30px;
  background-size: 25px 15px;
  background-repeat: no-repeat;
  background-position: 2px 60% !important;
}

#lastOrdersFilterListTable tbody td {
  color: #666666;
  font-size: 14px;
}

#maincontent .btnSearch {
  background-image: url("images/icons-svg/search-black.svg");
  background-size: 14px 14px;
  background-position: 12px 50% !important;
  padding-left: 36px !important;
  text-align: left;
  background-repeat: no-repeat;
}

#maincontent #moreFilters,
#maincontent .moreFilters {
  background-image: url("images/icons-svg/filter.svg");
  background-size: 14px 14px;
  background-position: 12px 50% !important;
  padding-left: 36px !important;
  text-align: left;
  background-repeat: no-repeat;
}

#maincontent .moreFilters.btnDown {
  background-image: url("images/icons-svg/filter-red.svg");
}

#maincontent .tablestyle3 .l-section2columns {
  padding: 0 24px;
  box-sizing: border-box;
}

#maincontent .l-sectionReadonlyHeader {
  margin-top: 10px;
}

#maincontent .account-statement .l-sectionReadonlyHeader {
  margin-top: 0;
}

#maincontent .tablestyle3.l-section {
  overflow: auto;
  padding: 7px 0 10px;
}

#maincontent .barseparator {
  border-top: none;
  padding-top: 0;
  margin-top: 20px;
}
#maincontent .barseparator .validation-summary-errors > span {
  display: block;
  margin-top: 10px;
}
#maincontent .barseparator .textunderbarseparator {
  margin: 10px 0 0 5px;
}

#pdfFallback {
  margin: 10px 0 0 5px;
}

#maincontent .barseparatorpadding {
  border-top: none;
  padding-top: 20px;
  margin-top: 0;
}

#maincontent #frmSearchBeneficiaries .tablestyle3 th,
#maincontent #lastOrdersForm .extramargin th,
#maincontent #resultsNationalBanks .extramargin th,
#maincontent #resultsSwiftBanks .extramargin th,
#maincontent #searchForm .tablestyle3.nodotted th,
#maincontent #originalFilterTable .tablestyle3.nodotted th, .ReactModalPortal #frmSearchBeneficiaries .tablestyle3 th,
.ReactModalPortal #lastOrdersForm .extramargin th,
.ReactModalPortal #resultsNationalBanks .extramargin th,
.ReactModalPortal #resultsSwiftBanks .extramargin th,
.ReactModalPortal #searchForm .tablestyle3.nodotted th,
.ReactModalPortal #originalFilterTable .tablestyle3.nodotted th {
  padding: 10px 3px;
}
#maincontent #frmSearchBeneficiaries .tablestyle3 th:first-child,
#maincontent #lastOrdersForm .extramargin th:first-child,
#maincontent #resultsNationalBanks .extramargin th:first-child,
#maincontent #resultsSwiftBanks .extramargin th:first-child,
#maincontent #searchForm .tablestyle3.nodotted th:first-child,
#maincontent #originalFilterTable .tablestyle3.nodotted th:first-child, .ReactModalPortal #frmSearchBeneficiaries .tablestyle3 th:first-child,
.ReactModalPortal #lastOrdersForm .extramargin th:first-child,
.ReactModalPortal #resultsNationalBanks .extramargin th:first-child,
.ReactModalPortal #resultsSwiftBanks .extramargin th:first-child,
.ReactModalPortal #searchForm .tablestyle3.nodotted th:first-child,
.ReactModalPortal #originalFilterTable .tablestyle3.nodotted th:first-child {
  padding-left: 10px;
}
#maincontent #frmSearchBeneficiaries .tablestyle3 th:last-child,
#maincontent #lastOrdersForm .extramargin th:last-child,
#maincontent #resultsNationalBanks .extramargin th:last-child,
#maincontent #resultsSwiftBanks .extramargin th:last-child,
#maincontent #searchForm .tablestyle3.nodotted th:last-child,
#maincontent #originalFilterTable .tablestyle3.nodotted th:last-child, .ReactModalPortal #frmSearchBeneficiaries .tablestyle3 th:last-child,
.ReactModalPortal #lastOrdersForm .extramargin th:last-child,
.ReactModalPortal #resultsNationalBanks .extramargin th:last-child,
.ReactModalPortal #resultsSwiftBanks .extramargin th:last-child,
.ReactModalPortal #searchForm .tablestyle3.nodotted th:last-child,
.ReactModalPortal #originalFilterTable .tablestyle3.nodotted th:last-child {
  padding-right: 10px;
}

#lastOrdersFilter .horizontallist,
#messagesFilter .horizontallist,
#AdvancedSearchBox .horizontallist,
#maincontent .l-section .l-sectionRight .l-section-date .horizontallist {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  align-items: center;
}

#lastOrdersFilter .horizontallist li:nth-child(2n+0),
#messagesFilter .horizontallist li:nth-child(2n+0),
#AdvancedSearchBox .horizontallist li:nth-child(2n+0),
#maincontent .l-section-date .horizontallist li:nth-child(2n+0) {
  flex: 1 0 auto;
  width: 40px;
}

#maincontent #lastOrdersFilter .l-section input[type=text],
#maincontent #lastOrdersFilter .l-section select,
#maincontent #AdvancedSearchBox .l-section input[type=text],
#maincontent #AdvancedSearchBox .l-section select,
#maincontent .l-section-date .horizontallist .l-section input[type=text],
#maincontent .l-section-date .horizontallist .l-section select {
  width: 100%;
}

#MainForm .horizontallist li:last-child,
#lastOrdersFilter .horizontallist li:last-child,
#messagesFilter .horizontallist li:last-child,
#AdvancedSearchBox .horizontallist li:last-child #maincontent .l-section-date .horizontallist li:last-child {
  margin-right: 0;
}

#maincontent > .l-section:nth-child(2) {
  position: relative;
  overflow: visible;
}

#maincontent > .l-section + .l-section:nth-child(2) > .l-floatright {
  position: absolute;
  top: -30px;
  right: 0;
}

#maincontent .l-section .l-floatright #moreFilters {
  min-width: 150px;
  transition: 0.3s;
}

#maincontent .l-section .l-floatright #moreFilters.btnRight {
  margin: -8px 0 20px;
}

.l-section-text {
  padding: 3px 0;
  display: block;
}

.l-sectionRight .l-section-text {
  padding-left: 10px;
}

.l-sectionRight .l-section-text-noleft {
  padding-left: 0;
}

.l-sectionLeft input[type=submit] {
  padding: 3px 0;
}

.l-sectionLeft1pad input[type=submit] {
  padding: 1px 0;
}

.l-sectionLeft a.highlight {
  padding: 3px 0;
}

.margintop-1px {
  margin-top: -1px;
}

#maincontent input[type=submit].buttonAsLink,
#maincontent input[type=button].buttonAsLink {
  background-color: transparent;
}
#maincontent input[type=submit].buttonAsLink.loading,
#maincontent input[type=button].buttonAsLink.loading {
  background-image: url("images/ajax-loader-Q.gif");
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
}

#maincontent input.btnReject,
#maincontent input.btnSave,
#maincontent input.btnDelete,
#maincontent input.btnFinish,
#maincontent input.btnUpdate,
#maincontent input.btnClose,
#maincontent input.btnNext,
#maincontent input.btnUpload,
#maincontent .btnCreate,
input#btnlogin {
  outline: none;
  padding: 10px 20px;
  height: 40px;
  border-radius: 20px;
  background-color: #D4021d;
  -webkit-appearance: none;
  box-shadow: 0 6px 8px rgba(230, 0, 15, 0.3);
  margin-bottom: 10px;
  min-width: 100px;
  transition: box-shadow 0.3s;
}
#maincontent input.btnReject.loading,
#maincontent input.btnSave.loading,
#maincontent input.btnDelete.loading,
#maincontent input.btnFinish.loading,
#maincontent input.btnUpdate.loading,
#maincontent input.btnClose.loading,
#maincontent input.btnNext.loading,
#maincontent input.btnUpload.loading,
#maincontent .btnCreate.loading,
input#btnlogin.loading {
  background-image: url("images/ajax-loader-Q.gif");
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
}

#maincontent input.btnReject:hover,
#maincontent input.btnSave:hover,
#maincontent input.btnDelete:hover,
#maincontent input.btnFinish:hover,
#maincontent input.btnUpdate:hover,
#maincontent input.btnCreate:hover,
#maincontent input.btnClose:hover,
#maincontent input.btnNext:hover,
#maincontent input.btnUpload:hover {
  box-shadow: none;
  background-color: #c3000d;
}

#maincontent input[type=button]:disabled,
#maincontent input[type=submit]:disabled {
  box-shadow: none !important;
  background: #d9d9d9;
}

#maincontent input[type=button]:disabled:focus,
#maincontent input[type=submit]:disabled:focus {
  box-shadow: none !important;
  background: #d9d9d9;
}

.header {
  padding: 10px 0 11px;
  box-shadow: inset -1px -1px 0 #e2e3e5;
  background-color: #ffffff;
  width: 100vw;
  margin: 0 auto 10px;
  position: fixed;
  z-index: 1000;
}

.header .l-section {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
}

.header__logo {
  width: 100%;
  flex: 1 0 240px;
  padding: 0px 0 3px 20px;
}

.l-content-header {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  padding: 4px 30px 0 15px;
}

.header-menu,
.header__user {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}

.header__logo_icon {
  width: 200px;
  max-height: 40px;
  background-image: url("images/logo.svg");
}

.header__user-name {
  font-size: 15px;
  color: #666666;
}

.header-menu__link {
  font-size: 15px;
  display: inline-block;
  margin: 0 12px 0 28px;
  padding: 0;
  letter-spacing: -0.3px;
  transition: 0.3s;
}

.link_red.header-menu__link {
  color: #D4021d;
  text-decoration: none;
}

.link_red.header-menu__link:hover {
  color: #171f31;
}

.header__user-info {
  color: #666666;
  font-family: "nato-sans-italic", Arial, sans-serif;
  line-height: 1.33;
  margin: 0 10px 0 21px;
}

.printLabelInsteadDropDownList {
  display: none;
}

#fallbackPdfViewer {
  width: 100%;
  background-color: #ececec;
}

.gips-body {
  font-family: inherit;
}

.gips-close {
  left: 94%;
}

.notvisible {
  visibility: hidden;
}

.btnUpdateLarge, .btnBackLarge, .btnPrintLarge {
  padding-left: 52px;
  padding-right: 18px;
  height: 48px !important;
}

.btnBackLarge {
  background: url("images/icons/greyicons-v.png") no-repeat scroll left center #949596;
  background-size: 48px;
  background-position: 0 0 !important;
}

.btnPrintLarge {
  background: url("images/icons/Macedonia/12-pcb-red.png") no-repeat scroll left center;
  background-position: 0 0 !important;
  background-size: 48px;
  background-color: #d4021d !important;
}

.btnUpdateLarge {
  background: url("images/icons/greyicons-v.png") no-repeat scroll left center #949596;
  background-size: 48px;
  background-position: 0 -720px !important;
}

/*Section outbox/inbox*/
.read {
  font-weight: normal;
}

.unread {
  font-weight: bold;
}

td.read {
  width: 16px;
  height: 16px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  background-image: url("images/icons-svg/read.svg");
}

td.unread {
  width: 16px;
  height: 16px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  background-image: url("images/icons-svg/unread.svg");
}

.hasattachment {
  background-position-y: 3px;
  background-repeat: no-repeat;
  background-image: url("images/icons-svg/attachment.svg");
}

.hasattachmentcenter {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("images/icons-svg/attachment.svg");
}

.smallicon {
  width: 16px;
  height: 16px;
}

.mediumicon {
  width: 20px;
  height: 20px;
}

.width1 {
  width: 1%;
}

.width2 {
  width: 2%;
}

.width3 {
  width: 3%;
}

.width4 {
  width: 4%;
}

.width5 {
  width: 5%;
}

.width6 {
  width: 6%;
}

.width7 {
  width: 7%;
}

.width8 {
  width: 8%;
}

.width9 {
  width: 9%;
}

.width10 {
  width: 10%;
}

.width11 {
  width: 11%;
}

.width12 {
  width: 12%;
}

.width13 {
  width: 13%;
}

.width14 {
  width: 14%;
}

.width15 {
  width: 15%;
}

.width16 {
  width: 16%;
}

.width17 {
  width: 17%;
}

.width18 {
  width: 18%;
}

.width19 {
  width: 19%;
}

.width20 {
  width: 20%;
}

.width21 {
  width: 21%;
}

.width22 {
  width: 22%;
}

.width23 {
  width: 23%;
}

.width24 {
  width: 24%;
}

.width25 {
  width: 25%;
}

.width26 {
  width: 26%;
}

.width27 {
  width: 27%;
}

.width28 {
  width: 28%;
}

.width29 {
  width: 29%;
}

.width30 {
  width: 30%;
}

.width31 {
  width: 31%;
}

.width32 {
  width: 32%;
}

.width33 {
  width: 33%;
}

.width34 {
  width: 34%;
}

.width35 {
  width: 35%;
}

.width36 {
  width: 36%;
}

.width37 {
  width: 37%;
}

.width38 {
  width: 38%;
}

.width39 {
  width: 39%;
}

.width40 {
  width: 40%;
}

.width41 {
  width: 41%;
}

.width42 {
  width: 42%;
}

.width43 {
  width: 43%;
}

.width44 {
  width: 44%;
}

.width45 {
  width: 45%;
}

.width46 {
  width: 46%;
}

.width47 {
  width: 47%;
}

.width48 {
  width: 48%;
}

.width49 {
  width: 49%;
}

.width50 {
  width: 50%;
}

.width51 {
  width: 51%;
}

.width52 {
  width: 52%;
}

.width53 {
  width: 53%;
}

.width54 {
  width: 54%;
}

.width55 {
  width: 55%;
}

.width56 {
  width: 56%;
}

.width57 {
  width: 57%;
}

.width58 {
  width: 58%;
}

.width59 {
  width: 59%;
}

.width60 {
  width: 60%;
}

.width61 {
  width: 61%;
}

.width62 {
  width: 62%;
}

.width63 {
  width: 63%;
}

.width64 {
  width: 64%;
}

.width65 {
  width: 65%;
}

.width66 {
  width: 66%;
}

.width67 {
  width: 67%;
}

.width68 {
  width: 68%;
}

.width69 {
  width: 69%;
}

.width70 {
  width: 70%;
}

.width71 {
  width: 71%;
}

.width72 {
  width: 72%;
}

.width73 {
  width: 73%;
}

.width74 {
  width: 74%;
}

.width75 {
  width: 75%;
}

.width76 {
  width: 76%;
}

.width77 {
  width: 77%;
}

.width78 {
  width: 78%;
}

.width79 {
  width: 79%;
}

.width80 {
  width: 80%;
}

.width81 {
  width: 81%;
}

.width82 {
  width: 82%;
}

.width83 {
  width: 83%;
}

.width84 {
  width: 84%;
}

.width85 {
  width: 85%;
}

.width86 {
  width: 86%;
}

.width87 {
  width: 87%;
}

.width88 {
  width: 88%;
}

.width89 {
  width: 89%;
}

.width90 {
  width: 90%;
}

.width91 {
  width: 91%;
}

.width92 {
  width: 92%;
}

.width93 {
  width: 93%;
}

.width94 {
  width: 94%;
}

.width95 {
  width: 95%;
}

.width96 {
  width: 96%;
}

.width97 {
  width: 97%;
}

.width98 {
  width: 98%;
}

.width99 {
  width: 99%;
}

.width100 {
  width: 100%;
}

.width23point5 {
  width: 23.5%;
}

.width24point5 {
  width: 24.5%;
}

.width52point5 {
  width: 52.5%;
}

@media (max-width: 700px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-aspect-ratio: 14/10), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-aspect-ratio: 14/10), only screen and (min-resolution: 200dpi) and (max-aspect-ratio: 14/10) {
  .width1-responsive {
    width: 1%;
  }
  .width2-responsive {
    width: 2%;
  }
  .width3-responsive {
    width: 3%;
  }
  .width4-responsive {
    width: 4%;
  }
  .width5-responsive {
    width: 5%;
  }
  .width6-responsive {
    width: 6%;
  }
  .width7-responsive {
    width: 7%;
  }
  .width8-responsive {
    width: 8%;
  }
  .width9-responsive {
    width: 9%;
  }
  .width10-responsive {
    width: 10%;
  }
  .width11-responsive {
    width: 11%;
  }
  .width12-responsive {
    width: 12%;
  }
  .width13-responsive {
    width: 13%;
  }
  .width14-responsive {
    width: 14%;
  }
  .width15-responsive {
    width: 15%;
  }
  .width16-responsive {
    width: 16%;
  }
  .width17-responsive {
    width: 17%;
  }
  .width18-responsive {
    width: 18%;
  }
  .width19-responsive {
    width: 19%;
  }
  .width20-responsive {
    width: 20%;
  }
  .width21-responsive {
    width: 21%;
  }
  .width22-responsive {
    width: 22%;
  }
  .width23-responsive {
    width: 23%;
  }
  .width24-responsive {
    width: 24%;
  }
  .width25-responsive {
    width: 25%;
  }
  .width26-responsive {
    width: 26%;
  }
  .width27-responsive {
    width: 27%;
  }
  .width28-responsive {
    width: 28%;
  }
  .width29-responsive {
    width: 29%;
  }
  .width30-responsive {
    width: 30%;
  }
  .width31-responsive {
    width: 31%;
  }
  .width32-responsive {
    width: 32%;
  }
  .width33-responsive {
    width: 33%;
  }
  .width34-responsive {
    width: 34%;
  }
  .width35-responsive {
    width: 35%;
  }
  .width36-responsive {
    width: 36%;
  }
  .width37-responsive {
    width: 37%;
  }
  .width38-responsive {
    width: 38%;
  }
  .width39-responsive {
    width: 39%;
  }
  .width40-responsive {
    width: 40%;
  }
  .width41-responsive {
    width: 41%;
  }
  .width42-responsive {
    width: 42%;
  }
  .width43-responsive {
    width: 43%;
  }
  .width44-responsive {
    width: 44%;
  }
  .width45-responsive {
    width: 45%;
  }
  .width46-responsive {
    width: 46%;
  }
  .width47-responsive {
    width: 47%;
  }
  .width48-responsive {
    width: 48%;
  }
  .width49-responsive {
    width: 49%;
  }
  .width50-responsive {
    width: 50%;
  }
  .width51-responsive {
    width: 51%;
  }
  .width52-responsive {
    width: 52%;
  }
  .width53-responsive {
    width: 53%;
  }
  .width54-responsive {
    width: 54%;
  }
  .width55-responsive {
    width: 55%;
  }
  .width56-responsive {
    width: 56%;
  }
  .width57-responsive {
    width: 57%;
  }
  .width58-responsive {
    width: 58%;
  }
  .width59-responsive {
    width: 59%;
  }
  .width60-responsive {
    width: 60%;
  }
  .width61-responsive {
    width: 61%;
  }
  .width62-responsive {
    width: 62%;
  }
  .width63-responsive {
    width: 63%;
  }
  .width64-responsive {
    width: 64%;
  }
  .width65-responsive {
    width: 65%;
  }
  .width66-responsive {
    width: 66%;
  }
  .width67-responsive {
    width: 67%;
  }
  .width68-responsive {
    width: 68%;
  }
  .width69-responsive {
    width: 69%;
  }
  .width70-responsive {
    width: 70%;
  }
  .width71-responsive {
    width: 71%;
  }
  .width72-responsive {
    width: 72%;
  }
  .width73-responsive {
    width: 73%;
  }
  .width74-responsive {
    width: 74%;
  }
  .width75-responsive {
    width: 75%;
  }
  .width76-responsive {
    width: 76%;
  }
  .width77-responsive {
    width: 77%;
  }
  .width78-responsive {
    width: 78%;
  }
  .width79-responsive {
    width: 79%;
  }
  .width80-responsive {
    width: 80%;
  }
  .width81-responsive {
    width: 81%;
  }
  .width82-responsive {
    width: 82%;
  }
  .width83-responsive {
    width: 83%;
  }
  .width84-responsive {
    width: 84%;
  }
  .width85-responsive {
    width: 85%;
  }
  .width86-responsive {
    width: 86%;
  }
  .width87-responsive {
    width: 87%;
  }
  .width88-responsive {
    width: 88%;
  }
  .width89-responsive {
    width: 89%;
  }
  .width90-responsive {
    width: 90%;
  }
  .width91-responsive {
    width: 91%;
  }
  .width92-responsive {
    width: 92%;
  }
  .width93-responsive {
    width: 93%;
  }
  .width94-responsive {
    width: 94%;
  }
  .width95-responsive {
    width: 95%;
  }
  .width96-responsive {
    width: 96%;
  }
  .width97-responsive {
    width: 97%;
  }
  .width98-responsive {
    width: 98%;
  }
  .width99-responsive {
    width: 99%;
  }
  .width100-responsive {
    width: 100%;
  }
  .width17point5-responsive {
    width: 17.5%;
  }
  .width28point5-responsive {
    width: 28.5%;
  }
  .width56point5-responsive {
    width: 56.5%;
  }
  .width57point5-responsive {
    width: 57.5%;
  }
  .width66point5-responsive {
    width: 66.5%;
  }
  .width7point75-responsive {
    width: 7.75%;
  }
}
#reportSpan * {
  vertical-align: top;
}

#modernPdfViewer {
  min-height: 800px;
  display: none;
  width: 100%;
}

#customer-downloadAttachment {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
#customer-downloadAttachment iframe {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.historicalstatementli {
  float: left;
  width: 140px;
  margin-right: 15px;
  display: block;
}

#CustomStatementReport * {
  box-sizing: border-box;
}

div#exchangeRateReport * {
  box-sizing: border-box;
}

@media print {
  div#AccountDetailsResultDiv, .ChooseAccountDropDown, div#headerMain, div#headercontent, div#titleMain, div#Colorbar {
    display: none;
  }
  @page {
    margin: 10px;
    size: landscape;
  }
  #right-content-outer {
    width: 92%;
    float: left;
  }
  .noPrint {
    display: none !important;
  }
  div#headercontent {
    width: 100%;
  }
  div#main-content.suppress {
    visibility: hidden;
  }
  div.ui-widget-overlay {
    background: none;
  }
  .ui-dialog.alignLeft {
    left: auto !important;
    top: 180px !important;
    border: none;
  }
}
#chooseFile {
  visibility: hidden;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: none;
}

.gerLogOff-l-section {
  overflow: hidden;
  padding: 5px 0;
  line-height: 16pt;
  position: absolute;
  bottom: 2px;
  padding-left: 1%;
}

.romLogOnFL-l-section {
  overflow: hidden;
  padding: 5px 0;
  line-height: 16pt;
  padding-left: 1%;
  float: left;
}

.romLogOnFR-l-section {
  overflow: hidden;
  padding: 5px 0;
  line-height: 16pt;
  padding-left: 1%;
  float: right;
}

.macLogOn-sslcert {
  color: #000000;
  text-decoration: none;
  font: bold 7px verdana, sans-serif;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.pseColorbar {
  height: 4px;
  width: 164px;
  float: left;
}

.prepareChangeSec {
  float: left;
  vertical-align: middle;
  margin: 0 10px 10px 0px;
}

.menuChild .gips-body {
  min-width: 250px !important;
  width: 100% !important;
  max-width: 320px !important;
  display: inline-block !important;
  z-index: 100;
}

#codes {
  overflow: visible;
  z-index: 1 !important;
}

.rulePercent {
  margin: 1px 0;
  height: 20px;
}

.showNumberMaster {
  width: 16px;
  height: 16px;
  border: 0px;
  vertical-align: sub;
}

.ktmsDialog {
  float: left;
  margin: 0 7px 10px 0;
}

.panText {
  text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
  color: #000000;
  opacity: 0.7;
  font-family: "Museo700";
}

.panPosition {
  margin-left: 10px;
  margin-top: -15px;
}

.panInput {
  margin-top: 130px;
  margin-right: 2px;
  width: 28px !important;
  text-align: center;
  border: 1px solid black;
}

#certFile {
  visibility: hidden;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: none;
}

.codedAmounts {
  padding-top: 30px;
}

.deposit-div {
  margin: 1px 0 !important;
  line-height: 1.75em;
}

.nationalOrder-listinput {
  width: 100%;
  cursor: pointer;
  font-weight: normal;
}

.bos-nationalOrder-listspinner {
  display: none;
  position: relative;
  top: -65px;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0;
}

ul.horizontallist table {
  display: inline-block;
}

button.ui-button-icon-only {
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  background-color: #eee;
  opacity: 0.9;
}

.ps__thumb-y {
  width: 11px;
}

.ui-corner-all {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.ui-dialog {
  padding: 0;
  border: 1px solid #aaaaaa !important;
}

.ui-widget-content {
  background-color: #fff;
  color: #666;
  border: 0;
}

.ui-widget-header {
  background: #d9d9d9 none 0 0 no-repeat;
}

.ui-dialog .ui-dialog-titlebar {
  border: none;
  color: #D4021D;
  font-weight: 600;
  font-size: 16px;
  padding: 8px 12px 8px 24px;
  line-height: 16pt;
}

.ui-dialog .ui-dialog-content {
  padding: 10px 24px 0 24px;
}

.ui-state-hover {
  cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar-close {
  border: 0;
  background: #d9d9d9 none 0 0 no-repeat;
  cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  border: 1px solid #999999;
  background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-widget-header .ui-icon-closethick {
  background: url(images/icons/redicons-h.png);
  background-size: auto 20px;
  background-position: -20px !important;
  left: 40%;
}

.ui-dialog table thead th {
  text-align: left;
}

.ui-dialog-buttonpane {
  border: none;
}

.ui-dialog .ui-dialog-buttonpane button {
  background-color: #949596;
  background-image: url("images/cancelbg.jpg");
  color: White;
  border: none;
}

#fileContent .ui-dialog .ui-dialog-buttonpane button {
  background-color: #949596;
  background-image: none;
  color: White;
  border: none;
}

td.highlight {
  background-color: #eaeaea;
}

.highlightCell {
  border-style: solid;
  border-width: 1px;
  border-color: #ff0000;
}

.validationError {
  color: #FF0000;
}

a.validationError {
  font-weight: bolder;
  cursor: help;
  /*margin-right: 5px;*/
  text-decoration: none;
}

.dataTypeString {
  text-align: left;
}

.dataTypeString.aligncenter {
  text-align: center;
}

.dataTypeNumber {
  text-align: right;
  padding-right: 4px;
}

.dataTypeNumberAlignLeft {
  text-align: left;
}

.tooltip {
  display: inline;
  position: relative;
  text-align: left;
}

.tooltip:hover:after {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(data-title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px;
}

.tooltip:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
}

table.tblfilecontent th {
  text-align: left;
}

table.tblfilecontent td, th {
  padding-right: 4px;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin-right: 15px;
}

.ui-dialog .ui-dialog-buttonpane button:last-child {
  margin-right: 0;
}

.ui-dialog .ui-dialog-buttonpane {
  padding-right: 24px;
}

.ui-dialog .ui-dialog-buttonpane button.standard {
  outline: none;
  padding: 10px 20px;
  height: 40px;
  border-radius: 20px;
  background: #d4021d;
  -webkit-appearance: none;
  box-shadow: 0 6px 8px rgba(230, 0, 15, 0.3);
  margin-bottom: 10px;
  min-width: 100px;
  transition: all 0.3s;
}

.ui-dialog .ui-dialog-buttonpane button.linkstyle {
  background-color: transparent;
  outline: none;
  color: #d4021d;
  -webkit-appearance: none;
  padding-left: 30px;
  background-size: 25px 15px;
  background-repeat: no-repeat;
  background-position: 2px 60% !important;
  background-image: none;
}

.ui-dialog .ui-dialog-buttonpane button.cancel {
  background-color: transparent;
  outline: none;
  color: #d4021d;
  -webkit-appearance: none;
  padding-left: 30px;
  background-size: 25px 15px;
  background-repeat: no-repeat;
  background-position: 2px 60% !important;
  background-image: url("images/icons-svg/close-red.svg");
}

.ui-dialog .ui-dialog-buttonpane button.standard:hover {
  box-shadow: none;
  background: #c3000d;
}

.amount {
  text-align: right;
}

/*@import "Pages/react-modal";*/
@page {
  height: 297mm;
  width: 210mm;
}
/*Print Darstellung*/
@media print {
  html, body {
    height: 99%;
  }
  /* do not show the following controls for printing */
  div#leftcontent,
  .logout,
  .logon,
  a.LinkAsButton,
  input[type=button], input[type=submit],
  input[type=hidden],
  input#btnlogout,
  div#FooterText,
  div#Footer,
  div#navbar,
  div#footer,
  div.loginwrapper,
  .noPrint {
    display: none !important;
  }
  a:href, select, input[type=text], input[type=radio], input[type=checkbox], input[type=password] {
    background-color: White;
    color: Black;
    display: inline;
    border-color: gray;
  }
  /* show the following controls printer-friendly */
  .printLabelInsteadDropDownList,
  .printLabelInsteadTextBox {
    background-color: White;
    color: Black;
    display: inline;
    text-decoration: none;
  }
  #right-content-outer {
    width: 100%;
    border-left: none;
    clear: left;
    float: none;
    overflow: visible;
    page-break-before: avoid;
    display: block;
  }
  #headercontent {
    border: none;
    float: none;
    page-break-before: avoid;
    page-break-after: avoid;
  }
  #main-content, div#maincontent {
    clear: both;
    float: left;
    page-break-before: avoid;
    page-break-after: avoid;
    overflow: visible;
    page-break-inside: auto;
    height: auto;
    min-height: 0;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  div#leftcontent {
    clear: both;
    float: none;
  }
  #maincontentwrapper {
    min-height: 0;
  }
  #header {
    margin: auto;
  }
  #printSelectedDaysLabel {
    display: block;
  }
}
.tippy-tooltip.quipu-theme {
  background-color: #D4021d;
  color: white;
}

.tippy-tooltip.quipu-theme[data-animatefill] {
  background-color: #D4021d;
}

.tippy-tooltip.quipu-theme .tippy-backdrop {
  background-color: #D4021d;
}

.tippy-tooltip.quipu-theme .tippy-arrow {
  border-top-color: #D4021d;
}

/*@import "lib/pdfviewer";*/
#maincontent .taggedList {
  text-align: center;
}
#maincontent .taggedList li {
  height: 20px;
  padding: 5px 20px;
  margin: 4px 4px 4px 4px;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  border-radius: 32px;
  outline: none;
}
#maincontent .taggedList li.hasErrors {
  color: #D4021d;
}
#maincontent .taggedList li.active {
  background-color: #D4021d;
  transition: background-color 0.3s, color 0.3s;
  color: white;
}
#maincontent .taggedList li.inactive #maincontent .taggedList li.rightButton {
  float: right;
  padding: 0;
  margin: 4px 0 0 0;
}
#maincontent .taggedList li.inactive #maincontent .taggedList li.rightButton input {
  box-shadow: none;
}
#maincontent .taggedListClientData {
  margin: 0 auto;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ececec;
}

.react-tabs__tab:focus {
  outline: none;
}

.react-tabs__tab:focus-visible {
  outline: none;
}

.react-tabs__tab-panel {
  display: none;
}

.react-tabs__tab-panel--selected {
  display: block;
}

.header__user {
  width: 60%;
}

.margin-left5 {
  margin-left: 5px;
}

.padding-right10 {
  padding-right: 10px;
}

ul.xsmallseparation.icons li:last-child {
  margin-right: 0;
}

#maincontent .l-section ul select.currencySelector {
  width: 70px;
  padding: 0 10px !important;
  -webkit-padding-end: 0 10px !important;
  -webkit-padding-start: 0 10px !important;
}

#maincontent .l-section ul select.expirationDate {
  width: 65px;
  padding: 0 10px !important;
  -webkit-padding-end: 0 10px !important;
  -webkit-padding-start: 0 10px !important;
}

#mobilemenuhidden, #mobilemenu, .externalLinksForMobile {
  display: none;
}

.slicknav_menu {
  display: none;
}

.slicknav_nav a {
  margin: 0;
}
.slicknav_nav a:hover {
  border-radius: 0;
}
.slicknav_nav .slicknav_row {
  margin: 0;
}
.slicknav_nav .slicknav_row:hover {
  border-radius: 0;
}

#oReportDiv {
  overflow: visible !important;
}

.tablewithborder {
  border-color: #666666;
  border-collapse: collapse;
  border: 1px solid;
}
.tablewithborder .td, .tablewithborder th {
  padding-left: 10px;
}

.cardImg {
  background: url("images/pcbcard.png") no-repeat 0 0;
  height: 215px;
  background-size: 97%;
  width: 330px;
  display: inline-block;
  margin-bottom: 2.5px;
}

#maincontent .panPosition input[type=text].panInput {
  padding: 0;
  width: 20px !important;
  background-color: white;
  border: 1px solid #a9a4a4 !important;
}

.tooltip-ico {
  width: 14px;
  height: 14px;
  margin-left: 2px;
  margin-bottom: 2.5px;
  background-image: url("images/icons-svg/info-grey.svg");
  background-size: 14px;
}
.tooltip-ico:focus {
  outline: none;
  background-image: url("images/icons-svg/info-red.svg");
}
div[data-tippy-root] ~ img.tooltip-ico {
  outline: none;
  background-image: url(images/icons-svg/info-red.svg);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
}
.tippy-box[data-theme=quipu] {
  background-color: #D4021d;
}
.tippy-box[data-theme=quipu] .tippy-arrow {
  color: #D4021d;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.tippy-content a,
.tippy-content a:visited {
  color: white;
}

.inline-ico {
  margin-bottom: 2.5px;
}

/* BORDERS FOR THE MENU

#subnavbar > div:first-child .menuParent {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#subnavbar > div:last-child .menuParent {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
#subnavbar > div:last-child .menuParent.radius-off {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#subnavbar > div:last-child .menuChild:last-child {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}*/
#subnavbar .menuParent:hover {
  background-color: #ececec;
  /* outline: 1px solid $lightgrey; */
  box-shadow: inset 0px 0px 0 1px #d9d9d9;
}

.menuTitle {
  background-color: #ececec;
  padding: 6px 18px 0;
  color: #ececec;
  font-size: 14px;
  letter-spacing: 0.6px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.menuTitle .menuParentText {
  cursor: pointer;
}
.menuTitle .menuIcon {
  width: 14px;
  transform: scale(1.5);
  display: inline;
  position: relative;
  background-image: url("images/icons-svg/bars-red.svg");
}
.menuTitle .menuText {
  color: #D4021d;
  font-weight: bold;
  font-size: 18px;
  margin-left: 5px;
  text-transform: uppercase;
}

#subnavbar .menuChild:hover a:not(.selectedMenu) {
  color: #D4021d;
}

.g-recaptcha + .field-validation-error {
  height: 78px;
}

.accepttaclabel a {
  color: #D4021d;
}

.divtextarea {
  height: 250px;
  border: 1px solid #ccc;
  padding: 5px;
  overflow: auto;
  width: calc(100% - 20px);
  background-color: #ececec;
  border-radius: 7px 0 0 7px;
  white-space: pre-wrap;
}

.divtextareasmall {
  border: 1px solid #ccc;
  padding: 5px;
  overflow: auto;
  background-color: #ececec;
  border-radius: 7px;
  white-space: pre-wrap;
  width: 96.5%;
}

.scalehalf {
  transform: scale(0.5);
}

.padding-top2 {
  padding-top: 2px;
}

@media (min-width: 1280px) and (max-width: 1450px) {
  #maincontentwrapper {
    width: 1200px;
  }
  #maincontent {
    width: 995px;
    margin-left: 205px;
  }
  #navbar {
    width: 205px;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  #maincontentwrapper {
    width: 1000px;
  }
  #maincontent {
    width: 830px;
    margin-left: 170px;
  }
  #navbar {
    width: 170px;
  }
  body, select, input, textarea, .header-menu__link, .ms-options-wrap > button > span {
    font-size: 14px;
  }
  .header-menu__link {
    margin: 0 12px 0 12px;
  }
  table, .header__user-name {
    font-size: 14px;
  }
  A.menuLinkStyle, .menuParentText, #navbar .menuParent, #navbar .menuChild {
    font-size: 13px;
  }
  h3 {
    font-size: 17px;
  }
  input[type=checkbox], input[type=radio] {
    transform: scale(1.1);
  }
  #lastOrdersFilterListTable tbody td,
  #lastOrdersFilter .horizontallist label,
  #messagesFilter .horizontallist label,
  #AdvancedSearchBox .horizontallist label,
  #maincontent .l-section-date .horizontallist label {
    font-size: 13px;
  }
  table thead th:not([scope=col]):first-child {
    padding-left: 20px;
  }
  table thead th:not([scope=col]):last-child {
    padding-right: 20px;
  }
  #maincontent table tbody td:last-child:not([data-handler=selectDay]) {
    padding-right: 18px;
    padding-left: 0;
  }
  #maincontent table tbody td:first-child:not([data-handler=selectDay]) {
    padding-left: 20px;
  }
  #maincontent .btnSearch {
    padding-left: 32px !important;
  }
  #maincontent #moreFilters, #maincontent .moreFilters {
    padding-left: 32px !important;
  }
}
.currency {
  padding-right: 2.5px;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.display-block {
  display: block;
}

.basebackground {
  background-color: #ececec;
}

a:visited.linkOption,
a:link.linkOption {
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
}

a:visited.linkOptionSelected,
a:link.linkOptionSelected {
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}

.underlined {
  text-decoration: underline;
}

.xextramargin {
  margin-bottom: 16px;
}

.nopaddingbottom {
  padding-bottom: 0;
}

.edit-black {
  width: 15px;
  height: 15px;
  margin-bottom: 2.5px;
  color: #666666;
  display: inline-block;
  position: absolute;
  background-image: url("images/icons-svg/edit-black.svg");
  cursor: pointer;
}

.confirm-green {
  width: 15px;
  height: 15px;
  margin-bottom: 2.5px;
  color: #666666;
  display: inline-block;
  position: absolute;
  background-image: url("images/icons-svg/check-green.svg");
  cursor: pointer;
}

.close-black {
  width: 14px;
  color: #666666;
  display: inline-block;
  position: absolute;
  transform: scale(0.85);
  background-image: url("images/icons-svg/close-black.svg");
  cursor: pointer;
}

.close-red {
  width: 14px;
  color: #666666;
  display: inline-block;
  position: absolute;
  transform: scale(0.85);
  background-image: url("images/icons-svg/close-red.svg");
  cursor: pointer;
}

@media (max-width: 1024px) {
  #navbar {
    display: none;
  }
  #maincontentwrapper {
    width: 100%;
  }
  #maincontent {
    width: 100%;
    margin-left: 0;
  }
  .header__user {
    display: none;
  }
  #mobilemenu, .externalLinksForMobile {
    display: block;
  }
  .slicknav_menu {
    background: #ececec;
    display: block;
  }
  .slicknav_menu .slicknav_menutxt {
    font-weight: normal;
    text-shadow: 0 1px 3px #D4021d;
  }
  .slicknav_menu .slicknav_btn {
    background-color: #D4021d;
  }
  .slicknav_menu .slicknav_parent ul {
    background-color: #f3f3f3;
    margin: 0;
  }
  .slicknav_menu .slicknav_parent ul a {
    color: #666666;
    padding: 5px 10px 5px 20px;
  }
  .slicknav_nav {
    position: absolute;
    z-index: 9999;
    top: 88px;
    left: 0;
    width: 100%;
    background-color: #D4021d;
  }
  .slicknav_nav a {
    color: white;
    text-decoration: none;
  }
  .slicknav_nav .slicknav_parent:last-child {
    border-bottom: 1px solid #D4021d;
  }
  .l-content-header {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  body, select, input, textarea, .header-menu__link, .ms-options-wrap > button > span {
    font-size: 13px;
  }
  .header-menu__link {
    margin: 0 10px 0 10px;
  }
  A.menuLinkStyle, .menuParentText, #navbar .menuParent, #navbar .menuChild, .header__user-name {
    font-size: 12px;
  }
  table {
    font-size: 13px;
  }
  h3 {
    font-size: 14px;
  }
  input[type=checkbox], input[type=radio] {
    transform: scale(1.2);
  }
  #lastOrdersFilterListTable tbody td, #lastOrdersFilter .horizontallist label,
  #messagesFilter .horizontallist label,
  #AdvancedSearchBox .horizontallist label,
  #maincontent .l-section-date .horizontallist label {
    font-size: 12px;
  }
  #maincontent table thead th:not([scope=col]):first-child {
    padding-left: 18px;
  }
  #maincontent table thead th:not([scope=col]):last-child {
    padding-right: 18px;
  }
  #maincontent table tbody td:last-child {
    padding-right: 18px;
  }
  #maincontent table tbody td:last-child:not([data-handler=selectDay]) {
    padding-right: 18px;
    padding-left: 0;
  }
  #maincontent table tbody td:first-child:not([data-handler=selectDay]) {
    padding-left: 18px;
  }
  table thead th,
  table tbody td {
    padding: 5px 0 5px 5px;
  }
  #maincontent .btnSearch {
    padding-left: 30px !important;
  }
  #maincontent #moreFilters, #maincontent .moreFilters {
    padding-left: 30px !important;
  }
}
#maincontent table thead th.notextoverflow {
  text-overflow: clip;
}

@media (max-width: 700px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-aspect-ratio: 14/10), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-aspect-ratio: 14/10), only screen and (min-resolution: 200dpi) and (max-aspect-ratio: 14/10) {
  .hidexsmallscreen, .slicknav_menu .slicknav_menutxt {
    display: none !important;
  }
  ul.xsmallseparation li.newlastchild {
    margin-right: 0;
  }
  .fullwidthxsmallscreen {
    width: 100% !important;
  }
  .slicknav_menu .slicknav_icon {
    margin: 0;
  }
  .slicknav_btn {
    margin: 5px 0px 6px;
  }
  #padlock img {
    width: 90%;
  }
  #maincontent table tbody td:first-child:not([data-handler=selectDay]) {
    padding-right: 0;
    padding-left: 5px;
  }
  #maincontent table tbody td:last-child:not([data-handler=selectDay]) {
    padding-right: 5px;
    padding-left: 0;
  }
  #maincontent table tbody td.alltd:last-child:not([data-handler=selectDay]) {
    padding-left: 5px;
  }
  #maincontent table tbody td:last-child:not([colspan]) {
    padding-right: 5px;
    padding-left: 0;
  }
  #frmSearchBeneficiaries .tablestyle3 th:first-child, #lastOrdersForm .extramargin th:first-child, #resultsNationalBanks .extramargin th:first-child, #resultsSwiftBanks .extramargin th:first-child, #searchForm .tablestyle3.nodotted th:first-child, #originalFilterTable .tablestyle3.nodotted th:first-child {
    padding-left: 5px;
  }
  .imgUseInTransfer, .imgReuse, .imgEdit, .imgDelete, .imgShowDetails, .imgAccountDetails, input[type=checkbox], input[type=radio], .lockicon, .unlockicon {
    transform: scale(1);
  }
  #maincontent table thead th:not([scope=col]):first-child {
    padding-left: 5px;
  }
  #maincontent table thead th:not([scope=col]):last-child {
    padding-right: 5px;
  }
  #maincontent table tbody td:not([scope=col]):last-child {
    padding-right: 5px;
  }
  .imgUseInTransfer, .imgReuse, .imgEdit, .imgDelete, .imgShowDetails, .imgAccountDetails, .lockicon, .unlockicon {
    width: 18px;
  }
  .l-sectioncolumn-responsive {
    clear: left;
    margin-bottom: 5px;
    width: 100%;
  }
  .l-unset-responsive {
    float: unset;
  }
  .aligncenter-responsive {
    text-align: center;
  }
  #maincontent input.xxlarge,
  #maincontent input.xsmall,
  #maincontent input.amountField,
  #maincontent .hasDatepicker,
  #maincontent .select2-selection__rendered,
  #maincontent .tablestyle3 thead input,
  #maincontent select,
  #maincontent input.moreFilters,
  #maincontent input.btnSearch,
  #maincontent input.btnRight,
  #maincontent input.btnDown,
  #maincontent input[type=password],
  #maincontent input.basicfilter,
  #resultsNationalBanks input,
  #resultsSwiftBanks input,
  #maincontent input#FilterMessage_Subject,
  #maincontent textarea,
  #maincontent table#uploadedFiles,
  #maincontent .l-sectionRight table, #maincontent .l-section input[type=text],
  #maincontent .l-section input[type=date],
  #maincontent .l-section input[type=email],
  #maincontent .l-section input[type=month],
  #maincontent .l-section input[type=number],
  #maincontent .l-section input[type=password],
  #maincontent .l-section input[type=tel],
  #maincontent .l-section input[type=search],
  #maincontent .l-section select,
  #maincontent .l-section textarea,
  #maincontent .select2-selection__rendered,
  .ms-options-wrap > button:focus, .ms-options-wrap > button,
  .ms-options-wrap.ms-has-selections > button,
  .select2-container {
    width: 96%;
  }
  #maincontent textarea.mailTextArea {
    width: 97%;
  }
  #maincontent .filterbox input.btnSearch,
  #maincontent .filterbox input.moreFilters,
  #maincontent #resultsBeneficiaries input.btnSearch {
    margin-left: -5px;
  }
  .cardImg {
    background-size: contain;
    height: 0 !important;
    width: 100%;
    padding-top: 58%;
    position: relative;
  }
  .cardImg .horizontallistblock {
    position: absolute;
    bottom: 31%;
  }
  #maincontent .l-section input[type=text].nopaddingsmallscreen {
    padding: 0;
  }
  #maincontent table.xxlarge.in-section {
    width: 96%;
  }
}
@media (max-width: 600px) {
  .hidexxsmallscreen {
    display: none !important;
  }
  #maincontent input.xxlarge,
  #maincontent input.xsmall,
  #maincontent input.amountField,
  #maincontent .hasDatepicker,
  #maincontent .select2-selection__rendered,
  #maincontent .tablestyle3 thead input,
  #maincontent select,
  #maincontent input.moreFilters,
  #maincontent input.btnSearch,
  #maincontent input.btnRight,
  #maincontent input.btnDown,
  #maincontent input[type=password],
  #maincontent input.basicfilter,
  #resultsNationalBanks input,
  #resultsSwiftBanks input,
  #maincontent input#FilterMessage_Subject,
  #maincontent textarea,
  #maincontent table#uploadedFiles,
  #maincontent .l-sectionRight table, #maincontent .l-section input[type=text],
  #maincontent .l-section input[type=date],
  #maincontent .l-section input[type=email],
  #maincontent .l-section input[type=month],
  #maincontent .l-section input[type=number],
  #maincontent .l-section input[type=password],
  #maincontent .l-section input[type=tel],
  #maincontent .l-section input[type=search],
  #maincontent .l-section select,
  #maincontent .l-section textarea,
  #maincontent .select2-selection__rendered,
  .ms-options-wrap > button:focus, .ms-options-wrap > button,
  .ms-options-wrap.ms-has-selections > button,
  .select2-container,
  .cardImg {
    width: 95%;
  }
  #maincontent textarea.mailTextArea {
    width: 96.25%;
  }
  .panText {
    font-size: 12px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.75) and (max-aspect-ratio: 14/10), only screen and (-o-min-device-pixel-ratio: 175/100) and (max-aspect-ratio: 14/10), only screen and (min-resolution: 175dpi) and (max-aspect-ratio: 14/10) {
  header.header {
    width: 100%;
  }
  body {
    zoom: 1.7;
  }
  body {
    height: calc((-100px + 100vh) / 1.7);
  }
  #maincontentwrapper {
    height: calc((-10px + 100vh) / 1.7);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5) and (max-aspect-ratio: 13/10), only screen and (-o-min-device-pixel-ratio: 25/10) and (max-aspect-ratio: 13/10), only screen and (min-resolution: 250dpi) and (max-aspect-ratio: 14/10) {
  body {
    zoom: 1.8;
  }
  .slicknav_parent li, .slicknav_parent a {
    height: 45px;
    line-height: 35px;
  }
  body {
    height: calc((-100px + 100vh) / 1.8);
  }
  #maincontentwrapper {
    height: calc((-10px + 100vh) / 1.8);
  }
}
.imgBankEmail > div,
.imgBankPhone > div,
.imgBankWeb > div,
.imgBankPhone > div {
  margin-left: 5px;
}

.imgBankWeb a {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  width: 100%;
}

.menuChild-nodotted {
  margin-bottom: 5px;
}

.ukr-tda-termsandconditionswarning {
  font-weight: bold;
  padding-bottom: 10px;
  padding-left: 24px;
  line-height: normal;
  color: #d4021d;
  font-size: 120%;
}

.cardImg {
  background-image: url("images/pcbukrcard.png");
  height: 193px;
}

.jcarousel-wrapper {
  position: relative;
  height: auto;
  width: 100%;
}

.l-section50percentRight {
  float: right;
  width: 50%;
  margin-top: -20px;
}