/* Minification failed. Returning unminified contents.
(4927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5065,29): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-transition-duration'
(5067,36): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-transition-timing-function'
(5131,29): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-transition-duration'
(5133,36): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-transition-timing-function'
(6221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#modernPdfViewer'
 */
@charset "UTF-8";
/****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;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
}

.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: #3c3c3c;
}

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

.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: #ffffff;
}

.readwritecontentheader {
  background-color: #ffffff;
}

.readwritecontenttext {
  color: #3c3c3c;
}

.readonlycontent {
  background-color: #ffffff;
}

.readonlycontentheader {
  background-color: #ffffff;
}

.readonlycontenttext {
  color: #3c3c3c;
}

.navbarbackground {
  background-color: #ffffff;
}

.tableoddrow {
  background-color: #ffffff;
}

.tableevenrow {
  background-color: #f6f6f6;
}

.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: #3c3c3c;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}
h3.secondarySection {
  margin-top: 30px;
}

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

.text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobilesignapp-demo-field {
  width: 130px;
  height: 20px;
  border: 2px solid black;
  border-radius: 5px;
  padding: 0px 3px 0px 3px;
  margin: 5px 0px 0px 15px;
}

.mobilesignapp-demo-title {
  text-align: center;
  margin-top: 5px;
  font-size: 11pt;
}

.mobilesignapp-demo-button {
  height: 20px;
  width: 90px;
  background-color: #D4021d;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
}

.mobile-phone-frame {
  background: url("/Content//images//smartphone-frame.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 170px;
  height: 350px;
}

.mobile-phone-notch {
  margin: auto;
  height: 10px;
  width: 10px;
  background-color: #000;
  border-radius: 50%;
}

#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: #f6f6f6;
}
#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.selectable tbody.selectedtr td.tableoddrow:focus, #maincontent table.selectable tbody.selectedtr td.tableevenrow:focus, #maincontent table.selectable tr.selectedtr td.tableoddrow:focus, #maincontent table.selectable tr.selectedtr td.tableevenrow:focus, .ReactModalPortal table.selectable tbody.selectedtr td.tableoddrow:focus, .ReactModalPortal table.selectable tbody.selectedtr td.tableevenrow:focus, .ReactModalPortal table.selectable tr.selectedtr td.tableoddrow:focus, .ReactModalPortal table.selectable tr.selectedtr td.tableevenrow:focus {
  outline: #949596 solid 1px !important;
}

#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: #3c3c3c;
}

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

a:visited {
  color: #3c3c3c;
  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;
}

a:focus {
  outline: #949596 solid 1px !important;
}

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#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: #ffffff;
}

.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: #3c3c3c;
  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;
  outline: #949596 solid 2px !important;
}
.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;
  outline: #949596 solid 2px !important;
}
.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: #ffffff;
  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: #ffffff;
  height: calc(-10px + 100vh);
}

#navbar {
  width: 240px;
  background-color: #ffffff;
  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: #3c3c3c;
  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: #87888A;
  padding: 6px 22px 0 18px;
  color: #ffffff;
  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;
}
#maincontent {
  width: 1160px;
  background-color: #ffffff;
  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-top2 {
  padding-top: 2px;
}

.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;
}

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

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

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

.extramarginbefore {
  margin-top: 10px;
}

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

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

.margin-auto {
  margin: auto !important;
}

.is-hidden {
  display: none;
}

.is-inline {
  display: inline !important;
}

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

.is-block {
  display: block;
}

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

.pointer {
  cursor: pointer;
}

.cursor-none {
  cursor: none !important;
}

.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: #3c3c3c;
  margin-bottom: 1px;
}

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

#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 .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: #3c3c3c;
}

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

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

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

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

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

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

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: #3c3c3c;
}

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

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

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

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: #ffffff;
  cursor: auto;
}

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

ul.horizontallist {
  list-style: none;
}
ul.horizontallist li {
  display: inline;
  white-space: nowrap;
  margin: 5px;
}
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.horizontallistblock li:focus {
  outline: #949596 solid 1px !important;
}

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;
  margin-top: 10px;
  font-size: 14px;
  color: #3c3c3c;
}
input[type=button].buttonAsLinkOnChildMenu:hover, input[type=submit].buttonAsLinkOnChildMenu:hover, a.buttonAsLinkOnChildMenu:hover {
  color: #D4021d;
}

input[type=button].buttonAsLinkOnChildMobileMenu, input[type=submit].buttonAsLinkOnChildMobileMenu, a.buttonAsLinkOnChildMobileMenu {
  background-color: transparent;
  border: 0 solid;
  text-align: left;
  padding: 5px 10px 5px 20px;
  cursor: pointer;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  height: auto;
  width: 100%;
  outline: none;
  text-decoration: none;
  -webkit-appearance: none;
  margin-top: 0px;
  font-size: 14px;
  color: #3c3c3c;
}
input[type=button].buttonAsLinkOnChildMobileMenu:hover, input[type=submit].buttonAsLinkOnChildMobileMenu:hover, a.buttonAsLinkOnChildMobileMenu:hover {
  background: #ccc;
}

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;
}

.buttonAsLink:focus {
  outline: #949596 solid 1px !important;
}

input[type=submit].buttonAsLinkNoDecoration {
  text-decoration: none;
}
input[type=submit].buttonAsLinkNoDecoration:hover {
  color: #171f31;
}
input[type=submit].buttonAsLinkNoDecoration:focus {
  outline: #949596 solid 1px !important;
}

.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;
}

input[type=button].buttonAsLink:focus,
input[type=submit].buttonAsLink:focus {
  outline: #949596 solid 1px !important;
}

.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;
}
.imgAccountDetails:focus {
  outline: #949596 solid 1px !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: #3c3c3c;
  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: #ffffff;
  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: #3c3c3c;
  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.btnSort,
#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:focus,
#maincontent input.xsmall:focus,
#maincontent input.amountField:focus,
#maincontent .hasDatepicker:focus,
#maincontent .select2-selection__rendered:focus,
#maincontent .tablestyle3 thead input:focus,
.ReactModalPortal .tablestyle3 thead input:focus,
#maincontent select:focus,
#maincontent input.moreFilters:focus,
#maincontent input.btnSort:focus,
#maincontent input.btnSearch:focus,
#maincontent input.btnRight:focus,
#maincontent input.btnDown:focus,
#maincontent input#FilterMessage_Subject:focus,
#maincontent .l-section input[type=text]:focus,
#maincontent input[type=password]:focus,
#maincontent input[type=tel]:focus,
#maincontent input[type=search]:focus,
#maincontent input.basicfilter:focus,
#resultsNationalBanks input:focus,
#resultsSwiftBanks input:focus,
.select2-container .select2-search__field:focus,
.ms-options-wrap > button > span:focus {
  outline: #949596 solid 1px !important;
}

#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.btnSort,
#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: #3c3c3c;
  outline: none;
  width: 97%;
  background-color: #ececec;
}
#maincontent input.xxlarge:focus,
#maincontent input.xsmall:focus,
#maincontent input.amountField:focus,
#maincontent .hasDatepicker:focus,
#maincontent .select2-selection__rendered:focus,
#maincontent .tablestyle3 thead input:focus,
.ReactModalPortal .tablestyle3 thead input:focus,
#maincontent select:focus,
#maincontent input.moreFilters:focus,
#maincontent input.btnSort:focus,
#maincontent input.btnSearch:focus,
#maincontent input.btnRight:focus,
#maincontent input.btnDown:focus,
#maincontent input[type=password]:focus,
#maincontent input.basicfilter:focus,
#resultsNationalBanks input:focus,
#resultsSwiftBanks input:focus,
#maincontent input#FilterMessage_Subject:focus,
#maincontent textarea:focus,
#maincontent textarea.mailTextArea:focus {
  outline: #949596 solid 1px !important;
}

#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 .filterbox input.xxlarge:focus,
#maincontent .filterbox input.xsmall:focus,
#maincontent .filterbox input.amountField:focus,
#maincontent .filterbox .hasDatepicker:focus,
#maincontent .filterbox .select2-selection__rendered:focus,
#maincontent .filterbox.tablestyle3 thead input:focus,
.ReactModalPortal .filterbox.tablestyle3 thead input:focus,
#maincontent .filterbox select:focus,
#maincontent .filterbox input.moreFilters:focus,
#maincontent .filterbox input.btnSearch:focus,
#maincontent .filterbox input.btnRight:focus,
#maincontent .filterbox input.btnDown:focus,
#maincontent .filterbox input[type=password]:focus,
#maincontent .filterbox input.basicfilter:focus,
#resultsNationalBanks .filterbox input:focus,
#resultsSwiftBanks .filterbox input:focus,
#maincontent .filterbox input#FilterMessage_Subject:focus {
  outline: #949596 solid 1px !important;
}

#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.btnSort,
#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: #3c3c3c;
  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 .l-section input[type=text]:focus,
#maincontent .l-section input[type=date]:focus,
#maincontent .l-section input[type=email]:focus,
#maincontent .l-section input[type=month]:focus,
#maincontent .l-section input[type=number]:focus,
#maincontent .l-section input[type=password]:focus,
#maincontent .l-section input[type=tel]:focus,
#maincontent .l-section input[type=search]:focus,
#maincontent .l-section select:focus,
#maincontent .l-section textarea:focus,
#maincontent .select2-selection__rendered:focus,
.ms-options-wrap > button:focus:focus, .ms-options-wrap > button:focus,
.ms-options-wrap.ms-has-selections > button:focus {
  outline: #949596 solid 1px !important;
}

#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;
}
#maincontent .filterbox .l-section input[type=text]:focus,
#maincontent .filterbox .l-section input[type=date]:focus,
#maincontent .filterbox .l-section input[type=email]:focus,
#maincontent .filterbox .l-section input[type=month]:focus,
#maincontent .filterbox .l-section input[type=number]:focus,
#maincontent .filterbox .l-section input[type=password]:focus,
#maincontent .filterbox .l-section input[type=tel]:focus,
#maincontent .filterbox .l-section input[type=search]:focus,
#maincontent .filterbox .l-section select:focus,
#maincontent .filterbox .l-section textarea:focus,
#maincontent .filterbox .select2-selection__rendered:focus {
  outline: #949596 solid 1px !important;
}

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

.suggestions {
  position: absolute;
  list-style: none;
  background-color: #ffffff;
  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 .l-section ul input[type=text]:focus,
#maincontent .l-section ul input[type=date]:focus,
#maincontent .l-section ul input[type=email]:focus,
#maincontent .l-section ul input[type=month]:focus,
#maincontent .l-section ul input[type=number]:focus,
#maincontent .l-section ul input[type=password]:focus,
#maincontent .l-section ul input[type=tel]:focus,
#maincontent .l-section ul input[type=search]:focus,
#maincontent .l-section ul select:focus,
#maincontent .l-section ul textarea:focus {
  outline: #949596 solid 1px !important;
}

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

#frmSearchBeneficiaries .tablestyle3 th input, #lastOrdersForm .tablestyle3 th input, #maincontent input.btnSearch, #maincontent input.btnSort, #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: #3c3c3c;
}

.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: #3c3c3c;
}

.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-container--default .select2-selection--single:focus {
  outline: #949596 solid 1px !important;
  border-radius: 4px;
}

.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;
}
#maincontent .btnBack:focus,
#maincontent .btnCancel:focus,
#maincontent .btnAdd:focus {
  border: #949596 solid 1px !important;
}

#lastOrdersFilterListTable tbody td {
  color: #3c3c3c;
  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: 5px;
  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:focus,
#maincontent input.btnSave:focus,
#maincontent input.btnDelete:focus,
#maincontent input.btnFinish:focus,
#maincontent input.btnUpdate:focus,
#maincontent input.btnClose:focus,
#maincontent input.btnNext:focus,
#maincontent input.btnUpload:focus,
#maincontent .btnCreate:focus,
input#btnlogin:focus {
  outline: #949596 solid 2px !important;
}

#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=submit]:disabled {
  box-shadow: none !important;
  background: #d9d9d9;
}

#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: #3c3c3c;
}

.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: #3c3c3c;
  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: #ffffff;
}

.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%;
}

.width27point5 {
  width: 27.5%;
}

.width16point5 {
  width: 16.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;
}

#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;
}

@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;
  }
}
/* Override jQuery UI’s inline top/left calculations */
.ui-dialog {
  /* Always pin it to the middle of the viewport */
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important; /* kill any inline margins */
}

/* Make sure the overlay (if you use a modal) covers the full screen */
.ui-widget-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#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;
}

.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 {
  margin-left: 5px;
  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", sans-serif;
}

.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;
  max-width: 1200px;
  z-index: 99999999;
}

.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;
  padding: 8px 12px 8px 24px;
  line-height: 16pt;
}

.ui-dialog .ui-dialog-content {
  padding: 10px 24px 2px 24px;
  max-height: calc(100vh - 130px) !important;
}

.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 5px;
  position: absolute;
  z-index: 98;
}

.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.tblfilecontentbatch td, th {
  padding-right: 10px;
}

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;
}

.react-modal {
  position: absolute;
  inset: 50% auto auto 50%;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  overflow: auto;
  border-radius: 4px;
  outline: none;
  padding: 20px;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  min-height: 400px;
  max-width: 1090px;
  max-height: 80vh;
}
.react-modal .large-screen-hide {
  display: none;
}
.react-modal .imgDelete {
  transform: scale(1);
  margin-right: 1px;
}
.react-modal .imgDelete:hover {
  outline: 1px solid #d9d9d9;
}

.react-modal-overlay {
  z-index: 1001;
  inset: 0px;
  background-color: rgba(255, 255, 255, 0.75);
  position: fixed;
}

@supports not (inset: 0) {
  .react-modal {
    top: 50%;
    left: 50%;
  }
  .react-modal-overlay {
    top: 50%;
    left: 0%;
    right: 0%;
  }
  .react-modal .large-screen-hide {
    display: block;
  }
}
@media (max-height: 800px) {
  .react-modal {
    inset: 0;
    transform: none;
    height: calc(100vh - 60px);
    margin: 0 auto;
    min-height: 0;
    max-height: inherit;
  }
  .react-modal .large-screen-hide {
    display: block;
  }
  @supports not (inset: 0) {
    .react-modal {
      top: 50%;
      left: 50%;
    }
    .react-modal-overlay {
      top: 0%;
      left: -50%;
      right: 0%;
    }
  }
}
@page {
  height: 297mm;
  width: 210mm;
}
/*Print Darstellung*/
@media print {
  body.isReportPresent {
    visibility: hidden;
  }
  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;
  }
  #maincontent {
    margin-top: 0;
  }
  a, 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;
  }
  .printpopup {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    border: 0 !important;
  }
  .printpopup button {
    display: none;
  }
}
/*.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;
}*/
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

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

.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-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-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-box[data-theme=quipu] {
  background-color: #D4021d;
}
.tippy-box[data-theme=quipu] .tippy-arrow {
  color: #D4021d;
}

.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-content a, .tippy-content a:visited {
  color: white;
}

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
#modernPdfViewer {
  width: 100%;
  /* TODO: file FF bug to support ::-moz-selection:window-inactive
  so we can override the opaque grey background when the window is inactive;
  see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
}
#modernPdfViewer.error {
  min-height: 0;
}
#modernPdfViewer .textLayer {
  display: inline;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1;
}
#modernPdfViewer .textLayer > span {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
}
#modernPdfViewer .textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgb(180, 0, 170);
  border-radius: 4px;
}
#modernPdfViewer .textLayer .highlight.begin {
  border-radius: 4px 0px 0px 4px;
}
#modernPdfViewer .textLayer .highlight.end {
  border-radius: 0px 4px 4px 0px;
}
#modernPdfViewer .textLayer .highlight.middle {
  border-radius: 0px;
}
#modernPdfViewer .textLayer .highlight.selected {
  background-color: rgb(0, 100, 0);
}
#modernPdfViewer .textLayer ::-moz-selection {
  background: rgb(0, 0, 255);
}
#modernPdfViewer .textLayer ::selection {
  background: rgb(0, 0, 255);
}
#modernPdfViewer .textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0px;
  /*top: 100%;
  right: 0px;
  bottom: 0px;*/
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#modernPdfViewer .textLayer .endOfContent.active {
  top: 0px;
}
#modernPdfViewer .annotationLayer section {
  position: absolute;
}
#modernPdfViewer .annotationLayer .linkAnnotation > a,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#modernPdfViewer .annotationLayer .linkAnnotation > a:hover,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: rgb(255, 255, 0);
  box-shadow: 0px 2px 10px rgb(255, 255, 0);
}
#modernPdfViewer .annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}
#modernPdfViewer .annotationLayer .textWidgetAnnotation input,
#modernPdfViewer .annotationLayer .textWidgetAnnotation textarea,
#modernPdfViewer .annotationLayer .choiceWidgetAnnotation select,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}
#modernPdfViewer .annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}
#modernPdfViewer .annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}
#modernPdfViewer .annotationLayer .textWidgetAnnotation input[disabled],
#modernPdfViewer .annotationLayer .textWidgetAnnotation textarea[disabled],
#modernPdfViewer .annotationLayer .choiceWidgetAnnotation select[disabled],
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}
#modernPdfViewer .annotationLayer .textWidgetAnnotation input:hover,
#modernPdfViewer .annotationLayer .textWidgetAnnotation textarea:hover,
#modernPdfViewer .annotationLayer .choiceWidgetAnnotation select:hover,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid rgb(0, 0, 0);
}
#modernPdfViewer .annotationLayer .textWidgetAnnotation input:focus,
#modernPdfViewer .annotationLayer .textWidgetAnnotation textarea:focus,
#modernPdfViewer .annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: rgb(0, 0, 0);
  content: "";
  display: block;
  position: absolute;
}
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}
#modernPdfViewer .annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}
#modernPdfViewer .annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
  * Letter spacing is placed on the right side of each character. Hence, the
  * letter spacing of the last character may be placed outside the visible
  * area, causing horizontal scrolling. We avoid this by extending the width
  * when the element has focus and revert this when it loses focus.
  */
  width: 115%;
}
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.checkBox input,
#modernPdfViewer .annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}
#modernPdfViewer .annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}
#modernPdfViewer .annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: rgb(255, 255, 153);
  box-shadow: 0px 2px 5px rgb(136, 136, 136);
  border-radius: 2px;
  padding: 6px;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  font-size: 9px;
  word-wrap: break-word;
}
#modernPdfViewer .annotationLayer .popup > * {
  font-size: 9px;
}
#modernPdfViewer .annotationLayer .popup h1 {
  display: inline-block;
}
#modernPdfViewer .annotationLayer .popup span {
  display: inline-block;
  margin-left: 5px;
}
#modernPdfViewer .annotationLayer .popup p {
  border-top: 1px solid rgb(51, 51, 51);
  margin-top: 2px;
  padding-top: 2px;
}
#modernPdfViewer .annotationLayer .highlightAnnotation,
#modernPdfViewer .annotationLayer .underlineAnnotation,
#modernPdfViewer .annotationLayer .squigglyAnnotation,
#modernPdfViewer .annotationLayer .strikeoutAnnotation,
#modernPdfViewer .annotationLayer .freeTextAnnotation,
#modernPdfViewer .annotationLayer .lineAnnotation svg line,
#modernPdfViewer .annotationLayer .squareAnnotation svg rect,
#modernPdfViewer .annotationLayer .circleAnnotation svg ellipse,
#modernPdfViewer .annotationLayer .polylineAnnotation svg polyline,
#modernPdfViewer .annotationLayer .polygonAnnotation svg polygon,
#modernPdfViewer .annotationLayer .caretAnnotation,
#modernPdfViewer .annotationLayer .inkAnnotation svg polyline,
#modernPdfViewer .annotationLayer .stampAnnotation,
#modernPdfViewer .annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}
#modernPdfViewer .pdfViewer .canvasWrapper {
  overflow: hidden;
}
#modernPdfViewer .pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: 1px auto -8px auto;
  position: relative;
  overflow: visible;
  border: 1px solid transparent;
  background-clip: content-box;
  -o-border-image: url(lib/pdfjs/images/shadow.png) 9 9 repeat;
  border-image: url(lib/pdfjs/images/shadow.png) 9 9 repeat;
  background-color: rgb(255, 255, 255);
  border-top: 0;
}
#modernPdfViewer .pdfViewer.removePageBorders .page {
  margin: 0px auto 10px auto;
  border: none;
}
#modernPdfViewer .pdfViewer.singlePageView {
  display: inline-block;
}
#modernPdfViewer .pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}
#modernPdfViewer .pdfViewer.scrollHorizontal, #modernPdfViewer .pdfViewer.scrollWrapped, #modernPdfViewer .spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}
#modernPdfViewer .pdfViewer.scrollHorizontal, #modernPdfViewer .spread {
  white-space: nowrap;
}
#modernPdfViewer .pdfViewer.removePageBorders,
#modernPdfViewer .pdfViewer.scrollHorizontal .spread,
#modernPdfViewer .pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}
#modernPdfViewer .spread .page,
#modernPdfViewer .pdfViewer.scrollHorizontal .page,
#modernPdfViewer .pdfViewer.scrollWrapped .page,
#modernPdfViewer .pdfViewer.scrollHorizontal .spread,
#modernPdfViewer .pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}
#modernPdfViewer .spread .page,
#modernPdfViewer .pdfViewer.scrollHorizontal .page,
#modernPdfViewer .pdfViewer.scrollWrapped .page {
  margin-left: -3.5px;
  margin-right: -3.5px;
}
#modernPdfViewer .pdfViewer.removePageBorders .spread .page,
#modernPdfViewer .pdfViewer.removePageBorders.scrollHorizontal .page,
#modernPdfViewer .pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}
#modernPdfViewer .pdfViewer .page canvas {
  margin: 0;
  display: block;
}
#modernPdfViewer .pdfViewer .page canvas[hidden] {
  display: none;
}
#modernPdfViewer .pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("lib/pdfjs/images/loading-icon.gif") center no-repeat;
}
#modernPdfViewer .pdfPresentationMode .pdfViewer {
  margin-left: 0;
  margin-right: 0;
}
#modernPdfViewer .pdfPresentationMode .pdfViewer .page,
#modernPdfViewer .pdfPresentationMode .pdfViewer .spread {
  display: block;
}
#modernPdfViewer .pdfPresentationMode .pdfViewer .page,
#modernPdfViewer .pdfPresentationMode .pdfViewer.removePageBorders .page {
  margin-left: auto;
  margin-right: auto;
}
#modernPdfViewer .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  margin-bottom: 100% !important;
}
#modernPdfViewer .pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}
#modernPdfViewer .pdfPresentationMode:-moz-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}
#modernPdfViewer .pdfPresentationMode:fullscreen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}
#modernPdfViewer :root {
  --sidebar-width: 200px;
  --sidebar-transition-duration: 200ms;
  --sidebar-transition-timing-function: ease;
}
#modernPdfViewer * {
  padding: 0;
  margin: 0;
}
#modernPdfViewer html {
  height: 100%;
  width: 100%;
  /* Font size is needed to make the activity bar the correct size. */
  font-size: 10px;
}
#modernPdfViewer body {
  height: 100%;
  width: 100%;
  background-color: rgb(64, 64, 64);
  background-image: url(lib/pdfjs/images/texture.png);
  overflow: hidden;
}
#modernPdfViewer body,
#modernPdfViewer input,
#modernPdfViewer button,
#modernPdfViewer select {
  font: message-box;
  outline: none;
}
#modernPdfViewer .hidden {
  display: none !important;
}
#modernPdfViewer [hidden] {
  display: none !important;
}
#modernPdfViewer .pdfViewer.enablePermissions .textLayer > span {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  cursor: not-allowed;
}
#modernPdfViewer #viewerContainer.pdfPresentationMode:-ms-fullscreen {
  top: 0px !important;
  overflow: hidden !important;
}
#modernPdfViewer #viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
  background-color: rgb(0, 0, 0);
}
#modernPdfViewer #viewerContainer.pdfPresentationMode:-webkit-full-screen {
  top: 0px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  background-color: rgb(0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none;
  user-select: none;
}
#modernPdfViewer #viewerContainer.pdfPresentationMode:-moz-full-screen {
  top: 0px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  background-color: rgb(0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -moz-user-select: none;
  user-select: none;
}
#modernPdfViewer #viewerContainer.pdfPresentationMode:-ms-fullscreen {
  top: 0px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  background-color: rgb(0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -ms-user-select: none;
  user-select: none;
}
#modernPdfViewer #viewerContainer.pdfPresentationMode:fullscreen {
  top: 0px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  background-color: rgb(0, 0, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#modernPdfViewer .pdfPresentationMode:-webkit-full-screen a:not(.internalLink) {
  display: none;
}
#modernPdfViewer .pdfPresentationMode:-moz-full-screen a:not(.internalLink) {
  display: none;
}
#modernPdfViewer .pdfPresentationMode:-ms-fullscreen a:not(.internalLink) {
  display: none;
}
#modernPdfViewer .pdfPresentationMode:fullscreen a:not(.internalLink) {
  display: none;
}
#modernPdfViewer .pdfPresentationMode:-webkit-full-screen .textLayer > span {
  cursor: none;
}
#modernPdfViewer .pdfPresentationMode:-moz-full-screen .textLayer > span {
  cursor: none;
}
#modernPdfViewer .pdfPresentationMode:-ms-fullscreen .textLayer > span {
  cursor: none;
}
#modernPdfViewer .pdfPresentationMode:fullscreen .textLayer > span {
  cursor: none;
}
#modernPdfViewer .pdfPresentationMode.pdfPresentationModeControls > *,
#modernPdfViewer .pdfPresentationMode.pdfPresentationModeControls .textLayer > span {
  cursor: default;
}
#modernPdfViewer #outerContainer {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: white;
}
#modernPdfViewer #sidebarContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200px;
  width: 200px;
  visibility: hidden;
  z-index: 100;
  border-top: 1px solid rgb(51, 51, 51);
  transition-duration: 200ms;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: ease;
  transition-timing-function: var(--sidebar-transition-timing-function);
}
#modernPdfViewer #sidebarContainer {
  transition-property: left;
  left: -200px;
  left: -200px;
}
#modernPdfViewer .loadingInProgress #sidebarContainer {
  top: 36px;
}
#modernPdfViewer #outerContainer.sidebarResizing #sidebarContainer {
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
  transition-duration: 0s;
  /* Prevent e.g. the thumbnails being selected when the sidebar is resized. */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#modernPdfViewer #outerContainer.sidebarMoving #sidebarContainer,
#modernPdfViewer #outerContainer.sidebarOpen #sidebarContainer {
  visibility: hidden;
}
#modernPdfViewer #outerContainer.sidebarOpen #sidebarContainer {
  left: 0px;
  visibility: visible;
}
#modernPdfViewer #mainContainer {
  min-height: 800px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 320px;
}
#modernPdfViewer #sidebarContent {
  top: 32px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
#modernPdfViewer #sidebarContent {
  left: 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
}
#modernPdfViewer #viewerContainer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: none;
  background-image: url(lib/pdfjs/images/ajax-loader-Q.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
}
#modernPdfViewer #viewerContainer:not(.pdfPresentationMode) {
  transition-duration: 200ms;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: ease;
  transition-timing-function: var(--sidebar-transition-timing-function);
}
#modernPdfViewer #viewerContainer {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05);
}
#modernPdfViewer #outerContainer.sidebarResizing #viewerContainer {
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
  transition-duration: 0s;
}
#modernPdfViewer #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
  transition-property: left;
  left: 200px;
  left: 200px;
}
#modernPdfViewer .toolbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  cursor: default;
}
#modernPdfViewer #toolbarContainer {
  width: 100%;
}
#modernPdfViewer #toolbarSidebar {
  width: 100%;
  height: 32px;
  background-color: rgb(66, 66, 66); /* fallback */
  background-image: url(lib/pdfjs/images/texture.png), linear-gradient(rgba(77, 77, 77, 0.99), rgba(64, 64, 64, 0.95));
}
#modernPdfViewer #toolbarSidebar {
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1);
}
#modernPdfViewer #sidebarResizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  z-index: 200;
  cursor: ew-resize;
}
#modernPdfViewer #sidebarResizer {
  right: -6px;
}
#modernPdfViewer #toolbarContainer, #modernPdfViewer .findbar, #modernPdfViewer .secondaryToolbar {
  position: relative;
  height: 32px;
  background-color: rgb(71, 71, 71); /* fallback */
  background-image: url(lib/pdfjs/images/texture.png), linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95));
}
#modernPdfViewer #toolbarContainer, #modernPdfViewer .findbar, #modernPdfViewer .secondaryToolbar {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
}
#modernPdfViewer #toolbarViewer {
  height: 32px;
}
#modernPdfViewer #loadingBar {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: rgb(51, 51, 51);
  border-bottom: 1px solid rgb(51, 51, 51);
}
#modernPdfViewer #loadingBar .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgb(221, 221, 221);
  overflow: hidden;
  transition: width 200ms;
}
@-webkit-keyframes progressIndeterminate {
  0% {
    left: -142px;
  }
  100% {
    left: 0;
  }
}
@keyframes progressIndeterminate {
  0% {
    left: -142px;
  }
  100% {
    left: 0;
  }
}
#modernPdfViewer #loadingBar .progress.indeterminate {
  background-color: rgb(153, 153, 153);
  transition: none;
}
#modernPdfViewer #loadingBar .progress.indeterminate .glimmer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 150px);
  background: repeating-linear-gradient(135deg, rgb(187, 187, 187) 0, rgb(153, 153, 153) 5px, rgb(153, 153, 153) 45px, rgb(221, 221, 221) 55px, rgb(221, 221, 221) 95px, rgb(187, 187, 187) 100px);
  -webkit-animation: progressIndeterminate 950ms linear infinite;
  animation: progressIndeterminate 950ms linear infinite;
}
#modernPdfViewer .findbar, #modernPdfViewer .secondaryToolbar {
  bottom: 30px;
  position: absolute;
  z-index: 10000;
  height: auto;
  min-width: 16px;
  padding: 0px 6px 0px 6px;
  margin: 4px 2px 4px 2px;
  color: rgb(217, 217, 217);
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  cursor: default;
}
#modernPdfViewer .findbar {
  min-width: 300px;
}
#modernPdfViewer .findbar > div {
  height: 32px;
}
#modernPdfViewer .findbar.wrapContainers > div {
  clear: both;
}
#modernPdfViewer .findbar.wrapContainers > div#findbarMessageContainer {
  height: auto;
}
#modernPdfViewer .findbar {
  left: 68px;
}
#modernPdfViewer .findbar label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#modernPdfViewer #findInput {
  width: 200px;
}
#modernPdfViewer #findInput::-webkit-input-placeholder {
  color: rgb(191, 191, 191);
}
#modernPdfViewer #findInput::-moz-placeholder {
  font-style: italic;
}
#modernPdfViewer #findInput:-ms-input-placeholder {
  font-style: italic;
}
#modernPdfViewer #findInput::-ms-input-placeholder {
  font-style: italic;
}
#modernPdfViewer #findInput::placeholder {
  font-style: italic;
}
#modernPdfViewer #findInput[data-status=pending] {
  background-image: url(lib/pdfjs/images/loading-small.png);
  background-repeat: no-repeat;
  background-position: right;
}
#modernPdfViewer .secondaryToolbar {
  padding: 6px;
  height: auto;
  z-index: 30000;
}
#modernPdfViewer .secondaryToolbar {
  right: -2px;
}
#modernPdfViewer #secondaryToolbarButtonContainer {
  max-width: 200px;
  max-height: 400px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: -4px;
}
#modernPdfViewer #secondaryToolbarButtonContainer.hiddenScrollModeButtons > .scrollModeButtons,
#modernPdfViewer #secondaryToolbarButtonContainer.hiddenSpreadModeButtons > .spreadModeButtons {
  display: none !important;
}
#modernPdfViewer .doorHanger,
#modernPdfViewer .doorHangerRight {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
#modernPdfViewer .doorHanger:after, #modernPdfViewer .doorHanger:before,
#modernPdfViewer .doorHangerRight:after, #modernPdfViewer .doorHangerRight:before {
  bottom: 100%;
  border: solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#modernPdfViewer .doorHanger:after,
#modernPdfViewer .doorHangerRight:after {
  border-bottom-color: rgba(82, 82, 82, 0.99);
  border-width: 8px;
}
#modernPdfViewer .doorHanger:before,
#modernPdfViewer .doorHangerRight:before {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-width: 9px;
}
#modernPdfViewer .doorHanger:after {
  left: 13px;
  margin-left: -8px;
}
#modernPdfViewer .doorHanger:before {
  left: 13px;
  margin-left: -9px;
}
#modernPdfViewer .doorHanger:after {
  right: 13px;
  margin-right: -8px;
}
#modernPdfViewer .doorHangerRight:before {
  right: 13px;
  margin-right: -9px;
}
#modernPdfViewer #findResultsCount {
  background-color: rgb(217, 217, 217);
  color: rgb(82, 82, 82);
  text-align: center;
  padding: 3px 4px;
}
#modernPdfViewer #findMsg {
  font-style: italic;
  color: rgb(166, 183, 208);
}
#modernPdfViewer #findMsg:empty {
  display: none;
}
#modernPdfViewer #findInput.notFound {
  background-color: rgb(255, 102, 102);
}
#modernPdfViewer #toolbarViewerMiddle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#modernPdfViewer #toolbarViewerLeft {
  float: left;
}
#modernPdfViewer #toolbarViewerRight {
  float: right;
}
#modernPdfViewer #toolbarViewerLeft > *,
#modernPdfViewer #toolbarViewerMiddle > *,
#modernPdfViewer #toolbarViewerRight > *,
#modernPdfViewer .findbar * {
  position: relative;
  float: left;
}
#modernPdfViewer .splitToolbarButton {
  margin: 3px 2px 4px 0;
  display: inline-block;
}
#modernPdfViewer .splitToolbarButton > .toolbarButton {
  border-radius: 0;
  float: left;
}
#modernPdfViewer .toolbarButton,
#modernPdfViewer .secondaryToolbarButton,
#modernPdfViewer .overlayButton {
  border: 0 none;
  background: none;
  width: 32px;
  height: 25px;
}
#modernPdfViewer .toolbarButton > span {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
}
#modernPdfViewer .toolbarButton[disabled],
#modernPdfViewer .secondaryToolbarButton[disabled],
#modernPdfViewer .overlayButton[disabled] {
  opacity: 0.5;
}
#modernPdfViewer .splitToolbarButton.toggled .toolbarButton {
  margin: 0;
}
#modernPdfViewer .splitToolbarButton:hover > .toolbarButton,
#modernPdfViewer .splitToolbarButton:focus > .toolbarButton,
#modernPdfViewer .splitToolbarButton.toggled > .toolbarButton,
#modernPdfViewer .toolbarButton.textButton {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
}
#modernPdfViewer .splitToolbarButton > .toolbarButton:hover,
#modernPdfViewer .splitToolbarButton > .toolbarButton:focus,
#modernPdfViewer .dropdownToolbarButton:hover,
#modernPdfViewer .overlayButton:hover,
#modernPdfViewer .overlayButton:focus,
#modernPdfViewer .toolbarButton.textButton:hover,
#modernPdfViewer .toolbarButton.textButton:focus {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 0 1px rgba(0, 0, 0, 0.05);
  z-index: 199;
}
#modernPdfViewer .dropdownToolbarButton:hover {
  background-color: rgba(0, 0, 0, 0.26);
}
#modernPdfViewer .splitToolbarButton > .toolbarButton {
  position: relative;
}
#modernPdfViewer .splitToolbarButton > .toolbarButton:first-child {
  position: relative;
  margin: 0;
  margin-right: -1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right-color: rgba(0, 0, 0, 0);
}
#modernPdfViewer .splitToolbarButton > .toolbarButton:last-child {
  position: relative;
  margin: 0;
  margin-left: -1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-left-color: rgba(0, 0, 0, 0);
}
#modernPdfViewer .splitToolbarButtonSeparator {
  padding: 8px 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
  display: inline-block;
  margin: 5px 0;
}
#modernPdfViewer .splitToolbarButtonSeparator {
  float: left;
}
#modernPdfViewer .splitToolbarButton:hover > .splitToolbarButtonSeparator,
#modernPdfViewer .splitToolbarButton.toggled > .splitToolbarButtonSeparator {
  padding: 12px 0;
  margin: 1px 0;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03);
}
#modernPdfViewer .toolbarButton,
#modernPdfViewer .dropdownToolbarButton,
#modernPdfViewer .secondaryToolbarButton,
#modernPdfViewer .overlayButton {
  min-width: 16px;
  padding: 2px 6px 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Opera does not support user-select, use <... unselectable="on"> instead */
  cursor: default;
}
#modernPdfViewer .toolbarButton,
#modernPdfViewer .overlayButton,
#modernPdfViewer .dropdownToolbarButton {
  margin: 3px 2px 4px 0;
}
#modernPdfViewer .toolbarButton:hover,
#modernPdfViewer .toolbarButton:focus,
#modernPdfViewer .dropdownToolbarButton,
#modernPdfViewer .overlayButton,
#modernPdfViewer .secondaryToolbarButton:hover,
#modernPdfViewer .secondaryToolbarButton:focus {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
}
#modernPdfViewer .toolbarButton:hover:active,
#modernPdfViewer .overlayButton:hover:active,
#modernPdfViewer .dropdownToolbarButton:hover:active,
#modernPdfViewer .secondaryToolbarButton:hover:active {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  border-color: rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
}
#modernPdfViewer .toolbarButton.toggled,
#modernPdfViewer .splitToolbarButton.toggled > .toolbarButton.toggled,
#modernPdfViewer .secondaryToolbarButton.toggled {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
}
#modernPdfViewer .toolbarButton.toggled:hover:active,
#modernPdfViewer .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
#modernPdfViewer .secondaryToolbarButton.toggled:hover:active {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.55);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
}
#modernPdfViewer .dropdownToolbarButton {
  width: 140px;
  padding: 0;
  overflow: hidden;
}
#modernPdfViewer .dropdownToolbarButton::after {
  position: absolute;
  display: inline-block;
  top: 4px;
  content: url(lib/pdfjs/images/toolbarButton-menuArrows.png);
}
#modernPdfViewer .dropdownToolbarButton::after {
  right: 8px;
}
#modernPdfViewer .dropdownToolbarButton > select {
  width: 162px;
  height: 23px;
  font-size: 12px;
  color: rgb(242, 242, 242);
  margin: 0;
  padding: 3px 2px 2px;
  border: none;
  background: rgba(0, 0, 0, 0); /* Opera does not support 'transparent' <select> background */
}
#modernPdfViewer .dropdownToolbarButton > select > option {
  background: rgb(61, 61, 61);
}
#modernPdfViewer #customScaleOption {
  display: none;
}
#modernPdfViewer #pageWidthOption {
  border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
}
#modernPdfViewer .splitToolbarButton:first-child,
#modernPdfViewer .toolbarButton:first-child {
  margin-left: 4px;
}
#modernPdfViewer .splitToolbarButton:last-child,
#modernPdfViewer .toolbarButton:last-child {
  margin-right: 4px;
}
#modernPdfViewer .toolbarButtonSpacer {
  width: 30px;
  display: inline-block;
  height: 1px;
}
#modernPdfViewer #findPrevious {
  margin-left: 3px;
}
#modernPdfViewer #findNext {
  margin-right: 3px;
}
#modernPdfViewer .toolbarButton::before,
#modernPdfViewer .secondaryToolbarButton::before {
  /* All matching images have a size of 16x16
  * All relevant containers have a size of 32x25 */
  position: absolute;
  display: inline-block;
  top: 4px;
  left: 7px;
}
#modernPdfViewer .secondaryToolbarButton::before {
  left: 4px;
}
#modernPdfViewer .toolbarButton#sidebarToggle::before {
  content: url(lib/pdfjs/images/toolbarButton-sidebarToggle.png);
}
#modernPdfViewer .toolbarButton#secondaryToolbarToggle::before {
  content: url(lib/pdfjs/images/toolbarButton-secondaryToolbarToggle.png);
}
#modernPdfViewer .toolbarButton.findPrevious::before {
  content: url(lib/pdfjs/images/findbarButton-previous.png);
}
#modernPdfViewer .toolbarButton.findNext::before {
  content: url(lib/pdfjs/images/findbarButton-next.png);
}
#modernPdfViewer .toolbarButton.pageUp::before {
  content: url(lib/pdfjs/images/toolbarButton-pageUp.png);
}
#modernPdfViewer .toolbarButton.pageDown::before {
  content: url(lib/pdfjs/images/toolbarButton-pageDown.png);
}
#modernPdfViewer .toolbarButton.zoomOut::before {
  content: url(lib/pdfjs/images/toolbarButton-zoomOut.png);
}
#modernPdfViewer .toolbarButton.zoomIn::before {
  content: url(lib/pdfjs/images/toolbarButton-zoomIn.png);
}
#modernPdfViewer .toolbarButton.presentationMode::before,
#modernPdfViewer .secondaryToolbarButton.presentationMode::before {
  content: url(lib/pdfjs/images/toolbarButton-presentationMode.png);
}
#modernPdfViewer .toolbarButton.print::before,
#modernPdfViewer .secondaryToolbarButton.print::before {
  content: url(lib/pdfjs/images/toolbarButton-print.png);
}
#modernPdfViewer .toolbarButton.openFile::before,
#modernPdfViewer .secondaryToolbarButton.openFile::before {
  content: url(lib/pdfjs/images/toolbarButton-openFile.png);
}
#modernPdfViewer .toolbarButton.download::before,
#modernPdfViewer .secondaryToolbarButton.download::before {
  content: url(lib/pdfjs/images/toolbarButton-download.png);
}
#modernPdfViewer .toolbarButton.bookmark,
#modernPdfViewer .secondaryToolbarButton.bookmark {
  box-sizing: border-box;
  outline: none;
  padding-top: 4px;
  text-decoration: none;
}
#modernPdfViewer .secondaryToolbarButton.bookmark {
  padding-top: 5px;
}
#modernPdfViewer .bookmark[href="#"] {
  opacity: 0.5;
  pointer-events: none;
}
#modernPdfViewer .toolbarButton.bookmark::before,
#modernPdfViewer .secondaryToolbarButton.bookmark::before {
  content: url(lib/pdfjs/images/toolbarButton-bookmark.png);
}
#modernPdfViewer #viewThumbnail.toolbarButton::before {
  content: url(lib/pdfjs/images/toolbarButton-viewThumbnail.png);
}
#modernPdfViewer #viewOutline.toolbarButton::before {
  content: url(lib/pdfjs/images/toolbarButton-viewOutline.png);
}
#modernPdfViewer #viewAttachments.toolbarButton::before {
  content: url(lib/pdfjs/images/toolbarButton-viewAttachments.png);
}
#modernPdfViewer #viewFind.toolbarButton::before {
  content: url(lib/pdfjs/images/toolbarButton-search.png);
}
#modernPdfViewer .toolbarButton.pdfSidebarNotification::after {
  position: absolute;
  display: inline-block;
  top: 1px;
  /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */
  content: "";
  background-color: rgb(112, 219, 85);
  height: 9px;
  width: 9px;
  border-radius: 50%;
}
#modernPdfViewer .toolbarButton.pdfSidebarNotification::after {
  left: 17px;
}
#modernPdfViewer .secondaryToolbarButton {
  position: relative;
  margin: 0 0 4px 0;
  padding: 3px 0 1px 0;
  height: auto;
  min-height: 25px;
  width: auto;
  min-width: 100%;
  white-space: normal;
}
#modernPdfViewer .secondaryToolbarButton {
  padding-left: 24px;
  text-align: left;
}
#modernPdfViewer .secondaryToolbarButton.bookmark {
  padding-left: 27px;
}
#modernPdfViewer .secondaryToolbarButton > span {
  padding-right: 4px;
}
#modernPdfViewer .secondaryToolbarButton.firstPage::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-firstPage.png);
}
#modernPdfViewer .secondaryToolbarButton.lastPage::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-lastPage.png);
}
#modernPdfViewer .secondaryToolbarButton.rotateCcw::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-rotateCcw.png);
}
#modernPdfViewer .secondaryToolbarButton.rotateCw::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-rotateCw.png);
}
#modernPdfViewer .secondaryToolbarButton.selectTool::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-selectTool.png);
}
#modernPdfViewer .secondaryToolbarButton.handTool::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-handTool.png);
}
#modernPdfViewer .secondaryToolbarButton.scrollVertical::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-scrollVertical.png);
}
#modernPdfViewer .secondaryToolbarButton.scrollHorizontal::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-scrollHorizontal.png);
}
#modernPdfViewer .secondaryToolbarButton.scrollWrapped::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-scrollWrapped.png);
}
#modernPdfViewer .secondaryToolbarButton.spreadNone::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-spreadNone.png);
}
#modernPdfViewer .secondaryToolbarButton.spreadOdd::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-spreadOdd.png);
}
#modernPdfViewer .secondaryToolbarButton.spreadEven::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-spreadEven.png);
}
#modernPdfViewer .secondaryToolbarButton.documentProperties::before {
  content: url(lib/pdfjs/images/secondaryToolbarButton-documentProperties.png);
}
#modernPdfViewer .verticalToolbarSeparator {
  display: block;
  padding: 8px 0;
  margin: 8px 4px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}
#modernPdfViewer .verticalToolbarSeparator {
  margin-left: 2px;
}
#modernPdfViewer .horizontalToolbarSeparator {
  display: block;
  margin: 0 0 4px 0;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}
#modernPdfViewer .toolbarField {
  padding: 3px 6px;
  margin: 5px 0 4px 0;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.09);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
  color: rgb(242, 242, 242);
  font-size: 12px;
  line-height: 14px;
  outline-style: none;
}
#modernPdfViewer .toolbarField[type=checkbox] {
  display: inline-block;
  margin: 8px 0px;
}
#modernPdfViewer .toolbarField.pageNumber {
  -moz-appearance: textfield; /* hides the spinner in moz */
  min-width: 16px;
  text-align: right;
  width: 40px;
}
#modernPdfViewer .toolbarField.pageNumber.visiblePageIsLoading {
  background-image: url(lib/pdfjs/images/loading-small.png);
  background-repeat: no-repeat;
  background-position: 1px;
}
#modernPdfViewer .toolbarField.pageNumber::-webkit-inner-spin-button,
#modernPdfViewer .toolbarField.pageNumber::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#modernPdfViewer .toolbarField:hover {
  background-color: rgba(255, 255, 255, 0.11);
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.43) rgba(0, 0, 0, 0.45);
}
#modernPdfViewer .toolbarField:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(77, 184, 255, 0.8) rgba(77, 184, 255, 0.85) rgba(77, 184, 255, 0.9);
}
#modernPdfViewer .toolbarLabel {
  min-width: 16px;
  padding: 3px 6px 3px 2px;
  margin: 4px 2px 4px 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 2px;
  color: rgb(217, 217, 217);
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
#modernPdfViewer #thumbnailView {
  position: absolute;
  width: calc(100% - 60px);
  top: 0;
  bottom: 0;
  padding: 10px 30px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#modernPdfViewer #thumbnailView > a:active,
#modernPdfViewer #thumbnailView > a:focus {
  outline: 0;
}
#modernPdfViewer .thumbnail {
  margin: 0 10px 5px 10px;
}
#modernPdfViewer .thumbnail {
  float: left;
}
#modernPdfViewer #thumbnailView > a:last-of-type > .thumbnail {
  margin-bottom: 10px;
}
#modernPdfViewer #thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) {
  margin-bottom: 9px;
}
#modernPdfViewer .thumbnail:not([data-loaded]) {
  border: 1px dashed rgba(255, 255, 255, 0.5);
  margin: -1px 9px 4px 9px;
}
#modernPdfViewer .thumbnailImage {
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
  z-index: 99;
  background-color: rgb(255, 255, 255);
  background-clip: content-box;
}
#modernPdfViewer .thumbnailSelectionRing {
  border-radius: 2px;
  padding: 7px;
}
#modernPdfViewer a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
#modernPdfViewer .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
  opacity: 0.9;
}
#modernPdfViewer a:focus > .thumbnail > .thumbnailSelectionRing,
#modernPdfViewer .thumbnail:hover > .thumbnailSelectionRing {
  background-color: rgba(255, 255, 255, 0.15);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.9);
}
#modernPdfViewer .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
  opacity: 1;
}
#modernPdfViewer .thumbnail.selected > .thumbnailSelectionRing {
  background-color: rgba(255, 255, 255, 0.3);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2);
  color: rgb(255, 255, 255);
}
#modernPdfViewer #outlineView,
#modernPdfViewer #attachmentsView {
  position: absolute;
  width: calc(100% - 8px);
  top: 0;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#modernPdfViewer #outlineView {
  padding: 4px 4px 0;
}
#modernPdfViewer #attachmentsView {
  padding: 3px 4px 0;
}
#modernPdfViewer .outlineWithDeepNesting > .outlineItem,
#modernPdfViewer .outlineItem > .outlineItems {
  margin-left: 20px;
}
#modernPdfViewer .outlineItem > a,
#modernPdfViewer .attachmentsItem > button {
  text-decoration: none;
  display: inline-block;
  min-width: 95%;
  min-width: calc(100% - 4px); /* Subtract the right padding (left, in RTL mode)
of the container. */
  height: auto;
  margin-bottom: 1px;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: normal;
}
#modernPdfViewer .attachmentsItem > button {
  border: 0 none;
  background: none;
  cursor: pointer;
  width: 100%;
}
#modernPdfViewer .outlineItem > a {
  padding: 2px 0 5px 4px;
}
#modernPdfViewer .attachmentsItem > button {
  padding: 2px 0 3px 7px;
  text-align: left;
}
#modernPdfViewer .outlineItemToggler {
  position: relative;
  height: 0;
  width: 0;
  color: rgba(255, 255, 255, 0.5);
}
#modernPdfViewer .outlineItemToggler::before {
  content: url(lib/pdfjs/images/treeitem-expanded.png);
  display: inline-block;
  position: absolute;
}
#modernPdfViewer .outlineItemToggler.outlineItemsHidden::before {
  content: url(lib/pdfjs/images/treeitem-collapsed.png);
}
#modernPdfViewer .outlineItemToggler.outlineItemsHidden ~ .outlineItems {
  display: none;
}
#modernPdfViewer .outlineItemToggler {
  float: left;
}
#modernPdfViewer .outlineItemToggler::before {
  right: 4px;
}
#modernPdfViewer .outlineItemToggler:hover,
#modernPdfViewer .outlineItemToggler:hover + a,
#modernPdfViewer .outlineItemToggler:hover ~ .outlineItems,
#modernPdfViewer .outlineItem > a:hover,
#modernPdfViewer .attachmentsItem > button:hover {
  background-color: rgba(255, 255, 255, 0.02);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
}
#modernPdfViewer .outlineItem.selected {
  background-color: rgba(255, 255, 255, 0.08);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2);
  color: rgb(255, 255, 255);
}
#modernPdfViewer .noResults {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
  cursor: default;
}
#modernPdfViewer ::-moz-selection {
  background: rgba(0, 0, 255, 0.3);
}
#modernPdfViewer ::selection {
  background: rgba(0, 0, 255, 0.3);
}
#modernPdfViewer #errorWrapper {
  background: none repeat scroll 0 0 rgb(255, 85, 85);
  color: rgb(255, 255, 255);
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1000;
  padding: 3px;
  font-size: 0.8em;
}
#modernPdfViewer .loadingInProgress #errorWrapper {
  top: 37px;
}
#modernPdfViewer #errorMessageLeft {
  float: left;
}
#modernPdfViewer #errorMessageRight {
  float: right;
}
#modernPdfViewer #errorMoreInfo {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  padding: 3px;
  margin: 3px;
  width: 98%;
}
#modernPdfViewer .overlayButton {
  width: auto;
  margin: 3px 4px 2px 4px !important;
  padding: 2px 6px 3px 6px;
}
#modernPdfViewer #overlayContainer {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 40000;
  top: 0;
}
#modernPdfViewer #overlayContainer > * {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#modernPdfViewer #overlayContainer > .container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#modernPdfViewer #overlayContainer > .container > .dialog {
  display: inline-block;
  padding: 15px;
  border-spacing: 4px;
  color: rgb(217, 217, 217);
  font-size: 12px;
  line-height: 14px;
  background-color: rgb(71, 71, 71); /* fallback */
  background-image: url(lib/pdfjs/images/texture.png), linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95));
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
#modernPdfViewer .dialog > .row {
  display: table-row;
}
#modernPdfViewer .dialog > .row > * {
  display: table-cell;
}
#modernPdfViewer .dialog .toolbarField {
  margin: 5px 0;
}
#modernPdfViewer .dialog .separator {
  display: block;
  margin: 4px 0 4px 0;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}
#modernPdfViewer .dialog .buttonRow {
  text-align: center;
  vertical-align: middle;
}
#modernPdfViewer .dialog :link {
  color: rgb(255, 255, 255);
}
#modernPdfViewer #passwordOverlay > .dialog {
  text-align: center;
}
#modernPdfViewer #passwordOverlay .toolbarField {
  width: 200px;
}
#modernPdfViewer #documentPropertiesOverlay > .dialog {
  text-align: left;
}
#modernPdfViewer #documentPropertiesOverlay .row > * {
  min-width: 100px;
}
#modernPdfViewer #documentPropertiesOverlay .row > * {
  text-align: left;
}
#modernPdfViewer #documentPropertiesOverlay .row > span {
  width: 125px;
  word-wrap: break-word;
}
#modernPdfViewer #documentPropertiesOverlay .row > p {
  max-width: 225px;
  word-wrap: break-word;
}
#modernPdfViewer #documentPropertiesOverlay .buttonRow {
  margin-top: 10px;
}
#modernPdfViewer .clearBoth {
  clear: both;
}
#modernPdfViewer .fileInput {
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  margin-top: 5px;
  visibility: hidden;
  position: fixed;
  right: 0;
  top: 0;
}
#modernPdfViewer #PDFBug {
  background: none repeat scroll 0 0 rgb(255, 255, 255);
  border: 1px solid rgb(102, 102, 102);
  position: fixed;
  top: 32px;
  right: 0;
  bottom: 0;
  font-size: 10px;
  padding: 0;
  width: 300px;
}
#modernPdfViewer #PDFBug .controls {
  background: rgb(238, 238, 238);
  border-bottom: 1px solid rgb(102, 102, 102);
  padding: 3px;
}
#modernPdfViewer #PDFBug .panels {
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  right: 0;
  top: 27px;
}
#modernPdfViewer #PDFBug .panels > div {
  padding: 5px;
}
#modernPdfViewer #PDFBug button.active {
  font-weight: bold;
}
#modernPdfViewer .debuggerShowText {
  background: none repeat scroll 0 0 rgb(255, 255, 0);
  color: rgb(0, 0, 255);
}
#modernPdfViewer .debuggerHideText:hover {
  background: none repeat scroll 0 0 rgb(255, 255, 0);
}
#modernPdfViewer #PDFBug .stats {
  font-family: courier;
  font-size: 10px;
  white-space: pre;
}
#modernPdfViewer #PDFBug .stats .title {
  font-weight: bold;
}
#modernPdfViewer #PDFBug table {
  font-size: 10px;
}
#modernPdfViewer #viewer.textLayer-visible .textLayer {
  opacity: 1;
}
#modernPdfViewer #viewer.textLayer-visible .canvasWrapper {
  background-color: rgb(128, 255, 128);
}
#modernPdfViewer #viewer.textLayer-visible .canvasWrapper canvas {
  mix-blend-mode: screen;
}
#modernPdfViewer #viewer.textLayer-visible .textLayer > span {
  background-color: rgba(255, 255, 0, 0.1);
  color: rgb(0, 0, 0);
  border: solid 1px rgba(255, 0, 0, 0.5);
  box-sizing: border-box;
}
#modernPdfViewer #viewer.textLayer-hover .textLayer > span:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
#modernPdfViewer #viewer.textLayer-shadow .textLayer > span {
  background-color: rgba(255, 255, 255, 0.6);
  color: rgb(0, 0, 0);
}
#modernPdfViewer .grab-to-pan-grab {
  cursor: url("lib/pdfjs/images/grab.cur"), move !important;
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
#modernPdfViewer .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
  cursor: inherit !important;
}
#modernPdfViewer .grab-to-pan-grab:active,
#modernPdfViewer .grab-to-pan-grabbing {
  cursor: url("lib/pdfjs/images/grabbing.cur"), move !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  position: fixed;
  background: rgba(0, 0, 0, 0);
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 50000; /* should be higher than anything else in PDF.js! */
}
@page {
  #modernPdfViewer {
    margin: 0;
  }
}
#modernPdfViewer #printContainer {
  display: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (min-resolution: 1.1dppx) {
  #modernPdfViewer {
    /* Rules for Retina screens */
  }
  #modernPdfViewer .toolbarButton::before {
    transform: scale(0.5);
    top: -5px;
  }
  #modernPdfViewer .secondaryToolbarButton::before {
    transform: scale(0.5);
    top: -4px;
  }
  #modernPdfViewer .toolbarButton::before {
    left: -1px;
  }
  #modernPdfViewer .secondaryToolbarButton::before {
    left: -2px;
  }
  #modernPdfViewer .toolbarField.pageNumber.visiblePageIsLoading,
  #modernPdfViewer #findInput[data-status=pending] {
    background-image: url(lib/pdfjs/images/loading-small@2x.png);
    background-size: 16px 17px;
  }
  #modernPdfViewer .dropdownToolbarButton::after {
    transform: scale(0.5);
    top: -5px;
    content: url(lib/pdfjs/images/toolbarButton-menuArrows@2x.png);
  }
  #modernPdfViewer .dropdownToolbarButton::after {
    right: 4px;
  }
  #modernPdfViewer .toolbarButton#sidebarToggle::before {
    content: url(lib/pdfjs/images/toolbarButton-sidebarToggle@2x.png);
  }
  #modernPdfViewer .toolbarButton#secondaryToolbarToggle::before {
    content: url(lib/pdfjs/images/toolbarButton-secondaryToolbarToggle@2x.png);
  }
  #modernPdfViewer .toolbarButton.findPrevious::before {
    content: url(lib/pdfjs/images/findbarButton-previous@2x.png);
  }
  #modernPdfViewer .toolbarButton.findNext::before {
    content: url(lib/pdfjs/images/findbarButton-next@2x.png);
  }
  #modernPdfViewer .toolbarButton.pageUp::before {
    content: url(lib/pdfjs/images/toolbarButton-pageUp@2x.png);
  }
  #modernPdfViewer .toolbarButton.pageDown::before {
    content: url(lib/pdfjs/images/toolbarButton-pageDown@2x.png);
  }
  #modernPdfViewer .toolbarButton.zoomIn::before {
    content: url(lib/pdfjs/images/toolbarButton-zoomIn@2x.png);
  }
  #modernPdfViewer .toolbarButton.zoomOut::before {
    content: url(lib/pdfjs/images/toolbarButton-zoomOut@2x.png);
  }
  #modernPdfViewer .toolbarButton.presentationMode::before,
  #modernPdfViewer .secondaryToolbarButton.presentationMode::before {
    content: url(lib/pdfjs/images/toolbarButton-presentationMode@2x.png);
  }
  #modernPdfViewer .toolbarButton.print::before,
  #modernPdfViewer .secondaryToolbarButton.print::before {
    content: url(lib/pdfjs/images/toolbarButton-print@2x.png);
  }
  #modernPdfViewer .toolbarButton.openFile::before,
  #modernPdfViewer .secondaryToolbarButton.openFile::before {
    content: url(lib/pdfjs/images/toolbarButton-openFile@2x.png);
  }
  #modernPdfViewer .toolbarButton.download::before,
  #modernPdfViewer .secondaryToolbarButton.download::before {
    content: url(lib/pdfjs/images/toolbarButton-download@2x.png);
  }
  #modernPdfViewer .toolbarButton.bookmark::before,
  #modernPdfViewer .secondaryToolbarButton.bookmark::before {
    content: url(lib/pdfjs/images/toolbarButton-bookmark@2x.png);
  }
  #modernPdfViewer #viewThumbnail.toolbarButton::before {
    content: url(lib/pdfjs/images/toolbarButton-viewThumbnail@2x.png);
  }
  #modernPdfViewer #viewOutline.toolbarButton::before {
    content: url(lib/pdfjs/images/toolbarButton-viewOutline@2x.png);
  }
  #modernPdfViewer #viewAttachments.toolbarButton::before {
    content: url(lib/pdfjs/images/toolbarButton-viewAttachments@2x.png);
  }
  #modernPdfViewer #viewFind.toolbarButton::before {
    content: url(lib/pdfjs/images/toolbarButton-search@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.firstPage::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-firstPage@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.lastPage::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-lastPage@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.rotateCcw::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-rotateCcw@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.rotateCw::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-rotateCw@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.selectTool::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-selectTool@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.handTool::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-handTool@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.scrollVertical::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-scrollVertical@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.scrollHorizontal::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-scrollHorizontal@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.scrollWrapped::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-scrollWrapped@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.spreadNone::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-spreadNone@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.spreadOdd::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-spreadOdd@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.spreadEven::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-spreadEven@2x.png);
  }
  #modernPdfViewer .secondaryToolbarButton.documentProperties::before {
    content: url(lib/pdfjs/images/secondaryToolbarButton-documentProperties@2x.png);
  }
  #modernPdfViewer .outlineItemToggler::before {
    transform: scale(0.5);
    top: -1px;
    content: url(lib/pdfjs/images/treeitem-expanded@2x.png);
  }
  #modernPdfViewer .outlineItemToggler.outlineItemsHidden::before {
    content: url(lib/pdfjs/images/treeitem-collapsed@2x.png);
  }
  #modernPdfViewer .outlineItemToggler::before {
    right: 0;
  }
}
@media print {
  #modernPdfViewer {
    /* General rules for printing. */
    /* Rules for browsers that don't support mozPrintCallback. */
    /* Rules for browsers that support PDF.js printing */
    /* wrapper around (scaled) print canvas elements */
  }
  #modernPdfViewer body {
    background: rgba(0, 0, 0, 0) none;
  }
  #modernPdfViewer #sidebarContainer, #modernPdfViewer #secondaryToolbar, #modernPdfViewer .toolbar, #modernPdfViewer #loadingBox, #modernPdfViewer #errorWrapper, #modernPdfViewer .textLayer, #modernPdfViewer #overlayContainer {
    display: none;
  }
  #modernPdfViewer #viewerContainer {
    overflow: visible;
  }
  #modernPdfViewer #mainContainer, #modernPdfViewer #viewerContainer, #modernPdfViewer .page, #modernPdfViewer .page canvas {
    position: static;
    padding: 0;
    margin: 0;
  }
  #modernPdfViewer .page {
    float: left;
    display: none;
    border: none;
    box-shadow: none;
    background-clip: content-box;
    background-color: rgb(255, 255, 255);
  }
  #modernPdfViewer .page[data-loaded] {
    display: block;
  }
  #modernPdfViewer .fileInput {
    display: none;
  }
  #modernPdfViewer body[data-pdfjsprinting] #outerContainer {
    display: none;
  }
  #modernPdfViewer body[data-pdfjsprinting] #printContainer {
    display: block;
  }
  #modernPdfViewer #printContainer {
    height: 100%;
  }
  #modernPdfViewer #printContainer > div {
    position: relative;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: visible;
    page-break-after: always;
    page-break-inside: avoid;
  }
  #modernPdfViewer #printContainer canvas,
  #modernPdfViewer #printContainer img {
    display: block;
  }
}
#modernPdfViewer .visibleLargeView,
#modernPdfViewer .visibleMediumView,
#modernPdfViewer .visibleSmallView {
  display: none;
}
@media all and (max-width: 900px) {
  #modernPdfViewer #toolbarViewerMiddle {
    display: table;
    margin: auto;
    left: auto;
    position: inherit;
    transform: none;
  }
}
@media all and (max-width: 840px) {
  #modernPdfViewer #sidebarContent {
    background-color: rgba(0, 0, 0, 0.7);
  }
  #modernPdfViewer #outerContainer.sidebarOpen #viewerContainer {
    left: 0px !important;
  }
  #modernPdfViewer #outerContainer .hiddenLargeView,
  #modernPdfViewer #outerContainer .hiddenMediumView {
    display: inherit;
  }
  #modernPdfViewer #outerContainer .visibleLargeView,
  #modernPdfViewer #outerContainer .visibleMediumView {
    display: none;
  }
}
@media all and (max-width: 770px) {
  #modernPdfViewer #outerContainer .hiddenLargeView {
    display: none;
  }
  #modernPdfViewer #outerContainer .visibleLargeView {
    display: inherit;
  }
}
@media all and (max-width: 700px) {
  #modernPdfViewer #outerContainer .hiddenMediumView {
    display: none;
  }
  #modernPdfViewer #outerContainer .visibleMediumView {
    display: inherit;
  }
}
@media all and (max-width: 640px) {
  #modernPdfViewer .hiddenSmallView, #modernPdfViewer .hiddenSmallView * {
    display: none;
  }
  #modernPdfViewer .visibleSmallView {
    display: inherit;
  }
  #modernPdfViewer .toolbarButtonSpacer {
    width: 0;
  }
  #modernPdfViewer .findbar {
    left: 38px;
  }
}
@media all and (max-width: 535px) {
  #modernPdfViewer #scaleSelectContainer {
    display: none;
  }
}

@media print {
  #modernPdfViewer {
    display: block;
    visibility: visible;
    position: absolute;
    top: 0;
  }
  #modernPdfViewer .pdfViewer .page {
    border: none;
  }
}
#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: #3c3c3c;
  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);
}

.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: #87888A;
  /* outline: 1px solid $lightgrey; */
  box-shadow: inset 0px 0px 0 1px #d9d9d9;
}

.menuTitle {
  background-color: #ffffff;
  padding: 6px 18px 0;
  color: #ffffff;
  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: #ffffff;
  border-radius: 7px 0 0 7px;
  white-space: pre-wrap;
}

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

.scalehalf {
  transform: scale(0.5);
}

@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;
}

.display-block {
  display: block;
}

.basebackground {
  background-color: #ffffff;
}

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: #3c3c3c;
  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: #3c3c3c;
  display: inline-block;
  position: absolute;
  background-image: url("images/icons-svg/check-green.svg");
  cursor: pointer;
}

.close-black {
  width: 14px;
  color: #3c3c3c;
  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: #3c3c3c;
  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-color: #ffffff;
    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: #3c3c3c;
    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.btnSort,
  #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.btnSort,
  #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 (max-width: 1025px) {
  .showOnMidScreen {
    display: none;
  }
}

.chartSize30 {
  width: 25%;
  height: 25%;
}
@media only screen and (max-width: 1360px) {
  .chartSize30 {
    width: 35%;
    height: 35%;
  }
}
@media only screen and (max-width: 1160px) {
  .chartSize30 {
    width: 33%;
    height: 33%;
  }
}

@media only screen and (min-width: 1026px) {
  .showOnSmallSreen {
    display: none;
  }
}

@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);
  }
}
.flex-space-between {
  display: flex;
  justify-content: space-between;
}

.installments-plan .slider-wrapper {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

.installments-plan .content-wrapper {
  width: 70%;
  margin: 0 auto;
}

.installments-plan .slider {
  width: 100%;
  height: 10px;
  appearance: none;
  background: linear-gradient(to right, #D4021d 0%, gray 0%);
  border-radius: 15px;
  outline: none;
  border: none;
  position: relative;
}

.installments-plan .slider::-webkit-slider-thumb {
  appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #D4021d;
  border: none;
  cursor: pointer;
  z-index: 2;
  transition: background 0.3s;
}

.installments-plan .slider-labels {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin: 10px 0;
}

.installments-plan .slider-labels-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.installments-plan button {
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  border: none;
  background-color: gray;
  color: white;
  border-radius: 5px;
}

.installments-plan button:hover {
  background-color: darkgray;
}

.installments-plan .textbox-container {
  display: flex;
  justify-content: center;
  flex: 1;
}

.installments-plan .textbox-split {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  background-color: white;
}

.installments-plan #installmentValue {
  width: 50px;
  text-align: center;
  font-size: 18px;
  padding: 8px;
  border: none;
  background-color: white;
  box-shadow: none;
  outline: none;
}

.installments-plan .textbox-unit {
  background-color: #f0f0f0;
  padding: 8px 10px;
  font-size: 16px;
  color: #333;
  border-left: 1px solid #ccc;
}

.installments-plan .info-panel {
  display: flex;
  align-items: flex-start;
  background-color: #f0f0f0;
  color: #666666;
  padding: 10px;
  border-radius: 5px;
  margin: 15px 0;
  border: 1px solid #ccc;
  text-align: left;
}

.installments-plan .info-icon {
  margin-right: 15px;
  width: 24px;
  height: 24px;
}

.installments-plan .info-text {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  white-space: normal;
  word-break: normal;
}

.installments-plan .spaced-content {
  margin-top: 50px;
  background-color: white;
}

.installments-plan {
  background-color: white;
}

.installments-plan.nothing-found {
  background-color: #ececec;
}

.info-panel .info-text strong {
  line-height: 25px;
}

#cc-img {
  width: 223px;
  height: 353px;
  pointer-events: none;
  user-select: none;
}

#maincontent #cc-img-container {
  padding-top: 15px;
}

#maincontent #cc-paymentMethod {
  width: 40%;
}

#maincontent div[id^=PaymentMethodDescr_] {
  padding-left: 1%;
}

div.cc-agreements {
  padding-left: 28%;
}

div.cc-agreements a, div.cc-PCT a {
  color: #D4021d;
  text-decoration: underline;
}

#UseDays_true:focus, #UseDays_false:focus {
  outline: #949596 solid 1px !important;
}

.ui-dialog-buttonset > button:focus {
  outline: #949596 solid 1px !important;
}

table {
  table-layout: auto;
}

table tbody td {
  padding-right: 2px;
}

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

.header__user {
  width: 50%;
}

h3.l-section {
  color: #D40E14 !important;
}

.negativeBalance {
  color: #D40E14;
}

#maincontent .l-section input[type=text].logonTextBox,
#maincontent .l-section input[type=password].logonTextBox {
  border-bottom: 1px solid #3c3c3c !important;
  border-radius: 0px !important;
}

#subnavbar .menuParentText:hover {
  color: black;
}

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

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

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