@font-face {
	font-family: 'Wix Medium';
	src:      url(../fonts/WixMadeforText-Medium.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Wix SemiBold';
	src:      url(../fonts/WixMadeforText-SemiBold.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

div.modalWindow {
  overflow: hidden
}
.message_box {
  float: none
}
.message_box[style*=display]:not([style*=none]) {
  display: block!important
}
.header-toolbar-mobile {
  display: none
}
.menu-mobile {
  display: none
}
.scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}
@media (max-width:1200px) {
  *,
  :after,
  :before {
    box-sizing: border-box
  }
  html {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%
  }
  body {
    margin: 0;
		font-family: 'Wix Medium', sans-serif;
  }
  iframe {
    border: 0
  }
  blockquote,
  figure,
  h1,
  h2,
  h3,
  h4,
  ol,
  p,
  ul {
    margin: 0;
    padding: 0
  }
  li,
  main {
    display: block
  }
  h1,
  h2,
  h3,
  h4 {
    font-size: inherit
  }
  strong {
    font-weight: 700
  }
  a {
    text-decoration: none;
    color: inherit
  }
  button {
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: 0 0;
    cursor: pointer
  }
  button,
  input,
  select,
  textarea {
    color: inherit;
    font: inherit;
    margin: 0
  }
  [type=button],
  [type=reset],
  [type=submit],
  button {
    -webkit-appearance: button
  }
  button,
  input {
    overflow: visible
  }
  ::-moz-focus-inner {
    padding: 0;
    border: 0
  }
  :focus {
    outline: 0
  }
  textarea {
    overflow: auto;
    resize: vertical
  }
  img {
    max-width: 100%;
    height: auto;
    border: 0;
    display: block
  }
  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
  }
  ::selection {
    background: #b3d4fc;
    text-shadow: none
  }
  table {
    border-spacing: 0;
    border-collapse: collapse
  }
  fieldset,
  input {
    border: 0;
    padding: 0;
    min-width: 0
  }
  div.modalWindow[style*='display: block'] {
    display: flex!important;
    justify-content: center;
    align-items: flex-start;
    padding: 125px 50px;
    overflow: hidden
  }
  div.modalWindow[style*='display: block'] div.modal-content {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    transform: none;
    height: auto
  }
  div.modalWindow[style*='display: block'] div.modal-content > span.close {
    padding: 0 7px;
    top: 15px;
    right: 15px
  }
  div.modalWindow[style*='display: block'] div.modal-content > iframe {
    width: 100%;
    max-height: 70vh
  }
  div.modalWindow[style*='display: block'] div.modal-content > iframe[src*=DeleteConfirm],
  div.modalWindow[style*='display: block'] div.modal-content > iframe[src*=Deposits],
  div.modalWindow[style*='display: block'] div.modal-content > iframe[src*=SessionFinish] {
    margin-top: 60px;
    border-top: 2px solid #f5f5f5;
    z-index: 2
  }
}
@media (max-width:1200px) and (max-width:576px) {
  div.modalWindow[style*='display: block'] {
    padding: 50px 25px
  }
  div.modalWindow[style*='display: block'] div.modal-content {
    width: 100%!important
  }
  div.modalWindow[style*='display: block'] div.modal-content iframe {
    max-height: unset;
    height: clamp(550px,150vw,75vh)
  }
  div.modalWindow[style*='display: block'] div.modal-content iframe[src*=DeleteConfirm],
  div.modalWindow[style*='display: block'] div.modal-content iframe[src*=SessionFinish] {
    height: auto;
    min-height: 240px
  }
}
@media (max-width:1200px) {
  body.modal {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%
  }
  body.modal > div#center {
    width: 100%
  }
  body.modal > div#center > h1 {
    position: fixed;
    top: 0;
    background: inherit;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    z-index: 1
  }
  body.modal > div#center > h1 > span {
    padding: 0;
    font-size: 14px
  }
  body.modal > div#center > ul#page-tools {
    position: fixed;
    right: 35px
  }
  body.modal > div#center div.data_input_form,
  body.modal > div#center div.data_preview_form {
    margin: 0;
    padding: 0
  }
  body.modal > div#center div#center-inner {
    margin-top: 78px
  }
  body.modal > div#center div.table-1 {
    padding: 0;
    width: 100%!important
  }
  body.modal > div#center div.table-1 table {
    table-layout: fixed
  }
  body.modal > div#center div.table-1 table colgroup {
    display: none
  }
  body.modal > div#center div.table-1 table thead {
    display: none
  }
  body.modal > div#center div.table-1 table tr {
    display: flex;
    flex-direction: column;
    border-top: 2px solid #f5f5f5;
    padding: 10px 15px 10px
  }
  body.modal > div#center div.table-1 table tr td {
    position: relative;
    display: flex;
    padding: 7px 0;
    width: 100%;
    border: none;
    word-break: break-word;
    text-align: left!important
  }
  body.modal > div#center div.table-1 table tr td > * {
    width: 50%;
    max-width: 50%;
    text-align: left
  }
  body.modal > div#center div.table-1 table tr td * {
    font-size: 14px
  }
  body.modal > div#center div.table-1 table tr td a {
    text-decoration: underline
  }
  body.modal > div#center div.table-1 table tr td .money {
    display: flex;
    width: 100%;
    max-width: 100%;
    white-space: normal;
    flex-wrap: wrap
  }
  body.modal > div#center div.table-1 table tr td .money > .currency {
    float: none
  }
  body.modal > div#center div.table-1 table tr td .money .small-sum {
    flex-basis: 100%;
    text-align: left!important
  }
  body.modal > div#center div.table-1 table tr td::before {
    content: attr(data-label);
    font-weight: 700;
    color: #022f40;
    width: 50%;
    margin-right: 5px;
    word-break: break-word;
    white-space: break-spaces
  }
  body.modal > div#center div.table-1 table tfoot tr.sum,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
  }
  body.modal > div#center div.table-1 table tfoot tr.sum td,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr td {
    width: auto
  }
  body.modal > div#center div.table-1 table tfoot tr.sum td:first-child,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr td:first-child {
    flex: 1;
    display: block;
    margin-right: 5px;
    text-align: right!important;
    min-width: 50%
  }
  body.modal > div#center div.table-1 table tfoot tr.sum td:only-child,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr td:only-child {
    display: flex;
    justify-content: flex-end;
    margin-right: 0
  }
  body.modal > div#center div.table-1 table tfoot tr.sum td:only-child > *,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr td:only-child > * {
    width: auto
  }
  body.modal > div#center div.table-1 table tfoot tr.sum td:only-child > div:last-child,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr td:only-child > div:last-child {
    margin-left: 5px
  }
  body.modal > div#center div.table-1 table tfoot tr.sum td:last-child,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr td:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 115px
  }
  body.modal > div#center div.table-1 table tfoot tr.sum td:last-child .money,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr td:last-child .money {
    justify-content: flex-end
  }
  body.modal > div#center div.table-1 table tfoot tr.sum td:last-child p,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr td:last-child p {
    flex-basis: 100%;
    text-align: right
  }
  body.modal > div#center div.table-1 table tfoot tr.sum td::before,
  body.modal > div#center div.table-1 table tfoot tr.sum ~ tr td::before {
    display: none
  }
  body.modal > div#center table {
    display: block;
    width: 100%
  }
  body.modal > div#center table tbody {
    display: block;
    padding-bottom: 15px
  }
  body.modal > div#center table tr {
    align-items: center
  }
  body.modal > div#center table tr input {
    max-width: 240px
  }
  body.modal > div#center table tr:not(.hr-wrap-mobile) {
    padding: 0 15px
  }
  body.modal > div#center table tr:not(.hr-wrap-mobile) {
    display: flex
  }
  body.modal > div#center table tr:not(.hr-wrap-mobile) td,
  body.modal > div#center table tr:not(.hr-wrap-mobile) th {
    display: block;
    word-break: break-word;
    width: 50%;
    white-space: normal!important
  }
  body.modal > div#center table tr:not(.hr-wrap-mobile) td p,
  body.modal > div#center table tr:not(.hr-wrap-mobile) th p {
    word-break: break-word
  }
  body.modal > div#center table tr:not(.hr-wrap-mobile) td div.thframe,
  body.modal > div#center table tr:not(.hr-wrap-mobile) th div.thframe {
    margin-right: 10px;
    width: 100%
  }
  body.modal > div#center table tr:not(.hr-wrap-mobile) td div.thframe > label,
  body.modal > div#center table tr:not(.hr-wrap-mobile) th div.thframe > label {
    margin-right: 0;
    float: none;
    width: 100%;
    word-break: break-word
  }
  body.modal > div#center table tr.hr-wrap-mobile {
    width: 100%;
    display: block
  }
  body.modal > div#center table tr.hr-wrap-mobile th {
    display: block;
    width: 100%;
    padding: 15px 0;
    margin: 0!important
  }
  body.modal > div#center table tr.button-box > td {
    display: flex;
    align-items: center;
    justify-content: center
  }
  body.modal > div#center table tr.button-box button {
    max-width: 135px;
    margin: 0
  }
  body.modal > div#center table tr.button-box button:not(:last-child) {
    margin-right: 10px
  }
}
@media (max-width:1200px) and (max-width:510px) {
  body.modal > div#center table tr.button-box td {
    flex-direction: column
  }
  body.modal > div#center table tr.button-box button {
    max-width: 100%
  }
  body.modal > div#center table tr.button-box button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px
  }
}
@media (max-width:1200px) {
  body.modal > div#center table tr#confirmLine[style*=display]:not([style*="display: none"]) {
    display: flex!important
  }
  body.modal > div#center table tr#confirmLine.hidden {
    display: none
  }
  body.modal > div#center table tr#timerLine[style*=display]:not([style*="display: none"]) {
    display: flex!important;
    justify-content: center
  }
  body.modal > div#center table tr#timerLine[style*=display]:not([style*="display: none"]) .timer-wrapper {
    width: 100%
  }
  body.modal > div#center table tr#timerLine[style*=display]:not([style*="display: none"]) .timer-wrapper .timer-text-sign {
    width: 100%;
    top: 0;
    text-align: center
  }
  body.modal > div#center table tr#timerLine[style*=display]:not([style*="display: none"]) .timer-wrapper #timer-text img {
    display: inline
  }
  body.modal > div#center table.hidden {
    display: none
  }
}
@media (max-width:1200px) and (max-width:510px) {
  body.modal > div#center div.data_input_form tr:not(.hr-wrap-mobile),
  body.modal > div#center div.filter-table tr:not(.hr-wrap-mobile) {
    display: flex;
    flex-direction: column
  }
  body.modal > div#center div.data_input_form tr:not(.hr-wrap-mobile) td,
  body.modal > div#center div.data_input_form tr:not(.hr-wrap-mobile) th,
  body.modal > div#center div.filter-table tr:not(.hr-wrap-mobile) td,
  body.modal > div#center div.filter-table tr:not(.hr-wrap-mobile) th {
    width: 100%
  }
  body.modal > div#center div.data_input_form tr:not(.hr-wrap-mobile) td > input,
  body.modal > div#center div.filter-table tr:not(.hr-wrap-mobile) td > input {
    max-width: 100%
  }
  body.modal > div#center div.data_input_form tr:not(.hr-wrap-mobile) .thframe,
  body.modal > div#center div.filter-table tr:not(.hr-wrap-mobile) .thframe {
    text-align: left;
    margin: 0!important
  }
  body.modal > div#center div.filter-table {
    margin-top: 0;
    padding: 0
  }
  body.modal > div#center div.filter-table td,
  body.modal > div#center div.filter-table th {
    padding: 5px 0
  }
  body.modal > div#center div.filter-table td ul,
  body.modal > div#center div.filter-table th ul {
    margin-left: 0
  }
  body.modal > div#center div.filter-table .button-box {
    margin-top: 15px!important
  }
}
@media (max-width:1200px) {
  body.modal > div:not(#center) {
    height: 100%;
    padding: 0
  }
  body.modal > div:not(#center) > form {
    /* height: inherit */
  }
  body.modal > div:not(#center) table {
    /* display: block; */
    height: 100%
  }
  body.modal > div:not(#center) table tbody,
body.modal > div:not(#center) table thead {
    height: 100%;
    max-height: 100%;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-between */
  }
  body.modal > div:not(#center) table tr {
    /* display: flex; */
	align-items: center;
	line-height: 18px;
  }
  
  body.modal > div:not(#center) table tr td{
   /* display: block; */
    word-break: break-word;
    white-space: normal!important;
	padding: 5px 0;
	font-size: 14px;
	vertical-align: middle;
  }
  body.modal > div:not(#center) table.sessionFinishAlert tr td{
	padding: 15px;
	font-size: 14px;
  }

  
  body.modal > div:not(#center) table tr th.first-child,
  body.modal > div:not(#center) table tr th.last-child  {

    
	/* display: block; */
    word-break: break-word;
    white-space: normal!important;
	padding: 5px 0;
	font-size: 14px;
	text-align: left;
    padding: 15px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    background: #494949;
    position: relative;
    vertical-align: middle;
	/* border-left: 1px solid #494949; */

  }
    
  body.modal > div:not(#center) table tr th.first-child {
	  width: 40%;
  }
  body.modal > div:not(#center) table tr th.last-child  {
	  width: 60%;
  }
  
  body.modal > div:not(#center) table {
	  margin-left: 10px;
	  background-color: #FFFFFF;
	  width: 97%;
  }
  
  body.modal > div:not(#center) table.docPreview {
	  margin-top: 15px;
  }
  
  body.modal > div:not(#center) table.logHistory tr {
	  line-height: 22px;
  }
  
  body.modal > div:not(#center) table.logHistory tr th.first-child {
	  width: 30%;
	  border-top-left-radius: 4px;
	  /* border-left: 1px solid #8B9399; */
  }
  
  body.modal > div:not(#center) table.logHistory tr th.last-child {
	  width: 70%;
	  border-top-right-radius: 4px;
	  
  }
  
  body.modal > div:not(#center) table.logHistory tr td.first-child {

    width: 30%;
	padding-left:15px;
	text-align: left;
	border-left: 1px solid #DDE3E8;
	border-bottom: 1px solid #DDE3E8;
  }
  
  body.modal > div:not(#center) table.logHistory tr td.last-child {
	padding-left:15px;
    width: 70%;
		border-right: 1px solid #DDE3E8;
	border-bottom: 1px solid #DDE3E8;

  }

  
  body.modal > div:not(#center) table tr td.first-child {

    width: 40%;
	padding-left:10px;
	padding-right:10px;
	text-align: right;

  }
  
  body.modal > div:not(#center) table tr td.last-child {
	padding-left:10px;
    width: 60%;

  }
  
  body.modal > div:not(#center) table tr td.first-child.last-child {
	text-align: center;
    width: 97%;
  }
  
  body.modal .message_box h2 {
	border-bottom: none;
	padding: 0!important;
	color: #E55153;
 }	
  
  body.modal h2,
  body.modal > div:not(#center) table tr td h2{
    font-family: 'Wix SemiBold', sans-serif;
    text-align: left;
    font-weight: 400;


    color: #494949;
    border-bottom: 0px;
	padding: 25px 15px 10px 15px!important;
    font-size: 16px!important;
    line-height: 20px!important;
	border-bottom: 2px solid #DDE3E8;
  }
  body.modal > div:not(#center) table tr:first-child {
    /* overflow: auto */
  }
  body.modal > div:not(#center) table tr:last-child td {
    /* display: flex */
  }
  body.modal > div:not(#center) table tr:last-child td > button {
    margin: 0;
	width: 135px;
    font-size: 14px!important
  }
  body.modal > div:not(#center) table tr:last-child td > button:not(:last-child) {
    margin-right: 10px
  }
  body.modal > div:not(#center).infoq table tr:first-child {
    /* margin-top: 10px */
  }
  
  body.modal .actasform {
	  padding-left: 25px;
  }
}
@media (max-width:1200px) and (max-width:505px) and (min-height:150px) {
  body.modal div.infoq table tr td {
    font-size: 16px!important
  }
  body.modal div.infoq table tr:last-child > td {
    flex-direction: column
  }
  body.modal div.infoq table tr:last-child > td > button {
    min-width: 100%;
    font-size: 16px!important
  }
  body.modal div.infoq table tr:last-child > td > button:not(:last-child) {
    margin-bottom: 10px!important
  }
}
@media (max-width:1200px) {
  #frame table#DepositsTable td .money .small-sum {
    display: none
  }
  #frame div.firstpage_messages {
    width: 100%;
    margin: 0 0 40px 0
  }
  #frame div.firstpage_messages table colgroup {
    display: none
  }
  #frame div.firstpage_messages table tbody tr {
    display: flex;
    border-bottom: 1px solid #f5f5f5;
    padding: 0 15px
  }
  #frame div.firstpage_messages table tbody tr td {
    border: none;
    white-space: normal;
    word-break: break-word
  }
  #frame div.firstpage_messages table tbody tr td:first-child {
    min-width: 35px
  }
  #frame div.firstpage_messages table tbody tr td:nth-child(2) {
    white-space: nowrap
  }
  #frame div.firstpage_messages table tbody tr td:nth-child(3) {
    display: none
  }
  #frame div.firstpage_messages + div.table-header ul.AmountDisplay {
    display: none
  }
  .login-page #frame #top-menu {
    display: flex
  }
  .login-page #frame #justaline {
    display: none
  }
  .login-page #frame .loginbox {
    margin-top: 30px
  }
  .login-page #frame .loginbox table tbody > tr {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
  }
  .login-page #frame .loginbox table tbody > tr td,
  .login-page #frame .loginbox table tbody > tr th {
    display: block;
    max-width: 50%
  }
  .login-page #frame .loginbox table tbody > tr th {
    width: 30%;
    margin-right: 10px
  }
  .login-page #frame .loginbox table tbody > tr th > div.thframe {
    text-align: right
  }
  .login-page #frame .loginbox table tbody > tr td {
    display: flex;
    flex-direction: column;
    margin-top: 0!important
  }
  .login-page #frame .loginbox table tbody > tr td input {
    max-width: 240px
  }
  .login-page #frame .loginbox table tbody > tr td .btn-signature {
    padding-top: 0
  }
  .login-page #frame .loginbox table tbody > tr td .btn-signature > button {
    max-width: 135px
  }
  .login-page #frame .loginbox table tbody > tr td > .mobile-signature,
  .login-page #frame .loginbox table tbody > tr td > .mobile-signature-text {
    margin-top: 0;
    margin-bottom: 20px
  }
  .login-page #frame .loginbox table tbody > tr td img {
    display: initial
  }
  .login-page #frame .loginbox table tbody > tr td .input-box {
    width: 100%
  }
  .login-page #frame .loginbox table tbody > tr td:only-child {
    max-width: 100%
  }
  .login-page #frame .loginbox table tbody > tr th + td + td {
    width: 100%
  }
  .login-page #frame .loginbox table tbody > tr.button-box {
    margin-top: 15px!important
  }
  .login-page #frame .loginbox table tbody > tr.button-box td {
    justify-content: center;
    flex-direction: row
  }
  .login-page #frame .loginbox table tbody > tr.button-box td button {
    max-width: 135px
  }
  .login-page #frame .loginbox table tbody > tr.button-box td button:not(:first-child) {
    margin-left: 10px
  }
  .login-page #frame .loginbox table tbody > tr#timer_row td {
    justify-content: center
  }
  .login-page #frame .loginbox table tbody > tr#timer_row td .timer-text {
    width: auto;
    top: 0;
    text-align: center
  }
  .login-page #frame .loginbox table tbody > tr.hr-wrap-mobile {
    display: none
  }
  .login-page #frame .loginbox table tbody > tr#phone_checkbox_tr div.help > a {
    position: inherit
  }
  .login-page #frame .loginbox table tbody > tr#phone_checkbox_tr td {
    display: block
  }
}
@media (max-width:1200px) and (max-width:768px) {
  .login-page #frame .loginbox table tbody > tr td,
  .login-page #frame .loginbox table tbody > tr th {
    max-width: 100%;
    width: 100%;
    justify-content: center;
    align-items: center
  }
  .login-page #frame .loginbox table tbody > tr th .thframe {
    text-align: left!important
  }
  .login-page #frame .loginbox table tbody > tr th .thframe label[for=i_wo] {
    width: 100%;
    text-align: center;
    margin-bottom: 5px
  }
  .login-page #frame .loginbox table tbody > tr td {
    margin-top: 8px!important
  }
  .login-page #frame .loginbox table tbody > tr td input {
    max-width: 100%
  }
  .login-page #frame .loginbox table tbody > tr td .btn-signature > button {
    max-width: 100%
  }
  .login-page #frame .loginbox table tbody > tr.button-box td {
    flex-direction: column
  }
  .login-page #frame .loginbox table tbody > tr.button-box td button {
    max-width: 100%;
    margin: 0
  }
  .login-page #frame .loginbox table tbody > tr.button-box td button:not(:first-child) {
    margin: 10px 0 0 0
  }
}
@media (max-width:1200px) {
  #frame div.accountbalances table tbody tr {
    flex-wrap: wrap
  }
  #frame div.accountbalances table tbody tr:nth-child(2) {
    border-top: none
  }
  #frame div.accountbalances table tbody tr:not(:first-child):not(:last-child) td:nth-child(2) {
    align-items: center
  }
  #frame div.accountbalances table tbody tr:not(:first-child):not(:last-child) td:nth-child(2) div {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
  }
  #frame div.accountbalances table tbody tr:not(:first-child):not(:last-child) td:nth-child(2) div > span {
    top: 0;
    margin-right: 5px
  }
  #frame div.accountbalances table tbody tr:not(:first-child):not(:last-child) td:nth-child(2) div > img {
    padding: 0
  }
  #frame div.accountbalances table tbody tr:not(:first-child):not(:last-child) td:nth-child(3) {
    flex-basis: 100%;
    width: 3000px
  }
  #frame div.accountbalances table tbody tr:not(:first-child):not(:last-child) td:last-child {
    display: none
  }
  #frame input[name=WFName][value=Statements] ~ div.filter-table table tr:nth-child(4) {
    display: none
  }
  #frame input[name=WFName][value=Statements] ~ div.filter-table table tr:nth-child(5) td {
    justify-content: center
  }
  #frame input[name=WFName][value=Statements] ~ div.filter-table table tr:nth-child(5) td ul {
    margin-left: 0;
    width: 100%;
    padding-left: 27.5%
  }
}
@media (max-width:1200px) and (max-width:768px) {
  #frame input[name=WFName][value=Statements] ~ div.filter-table table tr:nth-child(5) td ul {
    padding-left: 0
  }
}
@media (max-width:1200px) {
  #frame div.table-1.kartoteka table tbody tr:first-child {
    border-top: none
  }
  #frame div.table-1.accountsnotifications table tbody tr:first-child {
    border-top: none
  }
  #frame input[name=DocTName][value=ACCOUNT_NOTIFICATION] ~ div .checkbox-btn {
    margin-left: 0
  }
  #frame div.table-1.editaccnames table tbody tr:first-child {
    border-top: none
  }
  #frame div.data_input_form table tr[style*="display:"]:not([style*="display: none"]) {
    display: flex!important
  }
  #frame input[name=WFName][value=Payments] ~ div.filter-table table > tbody > tr.searchExtended,
  #frame input[name=WFName][value=Payments] ~ div.filter-table table > tbody > tr:nth-child(2) {
    display: none!important
  }
}
@media all and (max-width:1200px) and (-ms-high-contrast:none),
(max-width:1200px) and (-ms-high-contrast:active) {
  #frame input[name=WFName][value=Payments] ~ div.table-1 table > thead,
  #frame input[name=WFName][value=Payments] ~ div.ui-tabs {
    display: none!important
  }
  #frame input[name=WFName][value=Payments] ~ div.table-1 table {
    border-top: none
  }
  #frame input[name=WFName][value=Payments] ~ div.table-1.payments table tbody tr td:first-child > div {
    top: 0
  }
}
@media (max-width:1200px) {
  #frame .filter-table + #tabs-static {
    padding: 15px;
    position: relative;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    border-top: 2px solid #f5f5f5
  }
  #frame .filter-table + #tabs-static > ul {
    display: flex;
    flex-direction: column;
    width: 100%!important;
    height: 36px;
    position: relative;
    border: 1px solid #dde3e8;
    border-radius: 3px;
    padding: 8px 10px
  }
  #frame .filter-table + #tabs-static > ul:active li,
  #frame .filter-table + #tabs-static > ul:hover li {
    display: initial
  }
  #frame .filter-table + #tabs-static > ul:active li:hover,
  #frame .filter-table + #tabs-static > ul:hover li:hover {
    background: #dde3e8
  }
  #frame .filter-table + #tabs-static > ul:not(:hover) li {
    border: none!important;
    background: 0 0;
    text-indent: 3000px;
    white-space: nowrap;
    pointer-events: none;
    padding: 0
  }
  #frame .filter-table + #tabs-static > ul::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #022f40 transparent transparent transparent;
    z-index: 4
  }
  #frame .filter-table + #tabs-static > ul > li {
    display: none;
    border: none;
    border-radius: 0;
    text-align: left;
    background: #fff;
    border-left: 1px solid #dde3e8;
    border-right: 1px solid #dde3e8;
    z-index: 4
  }
  #frame .filter-table + #tabs-static > ul > li:first-child {
    margin-top: 27px
  }
  #frame .filter-table + #tabs-static > ul > li:last-child {
    border-bottom: 1px solid #dde3e8;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
  }
  #frame .filter-table + #tabs-static > ul > li a {
    color: #022f40;
    background: 0 0;
    padding: 15px!important;
    border: none;
    height: 100%
  }
  #frame .filter-table + #tabs-static > ul > li br {
    display: none
  }
  #frame .filter-table + #tabs-static > ul > li.ui-state-active {
    display: initial
  }
  #frame .filter-table + #tabs-static > ul > li.ui-state-active::after {
    content: attr(data-label);
    position: absolute;
    color: #022f40;
    position: absolute;
    top: 11px;
    left: 10px;
    width: 90%;
    pointer-events: none;
    font-size: 13px;
    text-indent: 0
  }
}
@media (max-width:1200px) and (min-width:768px) {
  #frame .filter-table + #tabs-static {
    border-top: none;
    height: 0;
    padding: 0
  }
  #frame .filter-table + #tabs-static > ul {
    position: absolute;
    top: 14px;
    width: 35%!important;
    right: 24%;
    z-index: 2
  }
}
@media (max-width:1200px) {
  #frame div.table-1.payments {
    padding: 0;
    width: 100%!important
  }
  #frame div.table-1.payments table {
    table-layout: fixed
  }
  #frame div.table-1.payments table colgroup {
    display: none
  }
  #frame div.table-1.payments table thead {
    display: flex!important;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
    max-height: 60px;
    position: relative;
    padding: 10px 15px 10px;
    transform: translateX(0);
    z-index: 1
  }
  #frame div.table-1.payments table thead tr {
    display: flex;
    position: absolute;
    width: 50%;
    border: 1px solid #dde3e8!important;
    border-radius: 3px;
    padding: 8px 10px;
    max-height: 36px
  }
  #frame div.table-1.payments table thead tr::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #022f40 transparent transparent transparent;
    z-index: 4
  }
  #frame div.table-1.payments table thead tr:active th:first-child:not(:hover) ~ th:not(:first-child),
  #frame div.table-1.payments table thead tr:hover th:first-child:not(:hover) ~ th:not(:first-child) {
    display: initial
  }
  #frame div.table-1.payments table thead tr:active th:first-child:not(:hover) ~ th:not(:first-child):hover,
  #frame div.table-1.payments table thead tr:hover th:first-child:not(:hover) ~ th:not(:first-child):hover {
    background: #dde3e8
  }
  #frame div.table-1.payments table thead tr th:first-child:hover ~ th,
  #frame div.table-1.payments table thead tr:not(:hover) th:not(:first-child) {
    border: none;
    background: 0 0;
    text-indent: 3000px;
    white-space: nowrap;
    padding: 0;
    height: 1px
  }
  #frame div.table-1.payments table thead tr th {
    background: 0 0;
    display: block;
    position: initial;
    border: none
  }
  #frame div.table-1.payments table thead tr th:not(:first-child) {
    display: none;
    background: #fff;
    border-left: 1px solid #dde3e8;
    border-right: 1px solid #dde3e8;
    z-index: 4;
    padding: 15px;
    color: #022f40;
    text-transform: capitalize;
    text-decoration: none
  }
  #frame div.table-1.payments table thead tr th:not(:first-child) > * {
    color: #022f40;
    text-transform: capitalize;
    text-decoration: none
  }
  #frame div.table-1.payments table thead tr th:first-child {
    position: fixed;
    top: 0;
    left: 15px;
    display: flex;
    max-width: 30%;
    height: 100%;
    align-items: center;
    pointer-events: none;
    padding: 0
  }
  #frame div.table-1.payments table thead tr th:first-child > div {
    pointer-events: initial;
    margin-left: 0;
    position: relative;
    top: 1px
  }
  #frame div.table-1.payments table thead tr th:first-child::after {
    content: attr(data-label);
    color: #022f40;
    text-transform: capitalize;
    padding-left: 15px
  }
  #frame div.table-1.payments table thead tr th.headerSortDown,
  #frame div.table-1.payments table thead tr th.headerSortUp,
  #frame div.table-1.payments table thead tr th:nth-child(2) {
    display: initial
  }
  #frame div.table-1.payments table thead tr th.headerSortDown::after,
  #frame div.table-1.payments table thead tr th.headerSortUp::after,
  #frame div.table-1.payments table thead tr th:nth-child(2)::after {
    content: attr(data-label);
    color: #022f40;
    background: #fff;
    position: absolute;
    top: 8px;
    left: 10px;
    width: 90%;
    text-transform: capitalize;
    text-indent: 0;
    pointer-events: none
  }
  #frame div.table-1.payments table thead tr th:nth-child(2) {
    margin-top: 25px
  }
  #frame div.table-1.payments table thead tr th:last-child {
    border-bottom: 1px solid #dde3e8;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
  }
  #frame div.table-1.payments table thead tr th:hover {
    cursor: pointer
  }
  #frame div.table-1.payments table tbody tr > td {
    padding-left: 35px!important
  }
  #frame div.table-1.payments table tbody tr > td:first-child {
    padding: 0!important
  }
  #frame div.table-1.payments table tbody tr > td:first-child > div {
    position: absolute;
    top: 10px;
    left: 0;
    overflow: visible;
    z-index: 1
  }
  #frame div.table-1.payments table tbody tr > td:first-child > div > .table-checkbox-btn {
    position: initial;
    background: 0 0
  }
  #frame div.table-1.payments table tbody tr > td .done > *,
  #frame div.table-1.payments table tbody tr > td .signed > *,
  #frame div.table-1.payments table tbody tr > td .unsigned > * {
    font-size: 100%
  }
  #frame div.table-1.payments table tbody tr > td .done > label,
  #frame div.table-1.payments table tbody tr > td .signed > label,
  #frame div.table-1.payments table tbody tr > td .unsigned > label {
    padding-bottom: 5px
  }
}
@media (max-width:1200px) and (min-width:768px) {
  #frame div.table-1.payments table {
    border-top: 2px solid #f5f5f5
  }
  #frame div.table-1.payments table thead > tr {
    width: 20%
  }
}
@media (max-width:1200px) {
  #frame div.button-bar {
    padding: 10px 15px 10px
  }
  #frame div.table-1.periodicpayments table tbody tr:first-child {
    border-top: none
  }
  #frame input[name=WFName][value=PaymentImport] ~ div.data_input_form table tbody .box > label {
    line-height: 37px;
    min-width: 100%;
    max-width: 100%;
    text-align: center
  }
  #frame input[name=DocTName][value=PMT_BALANCE] ~ div.data_preview_form table tbody tr:nth-child(7) ~ tr {
    margin-bottom: 0
  }
  #frame input[name=DocTName][value=PMT_BALANCE] ~ div.data_preview_form table tbody tr:nth-child(11) ~ tr {
    margin-bottom: 15px
  }
  #frame input[name=WFName][value=eInvoices] ~ div.filter-table table tbody tr:nth-child(2) {
    display: none
  }
  #frame input[name=WFName][value=eInvoices] ~ div.table-header {
    padding: 0
  }
  #frame input[name=WFName][value=eInvoices] ~ div.table-1.einvoices table tbody tr > td {
    padding-left: 35px!important
  }
  #frame input[name=WFName][value=eInvoices] ~ div.table-1.einvoices table tbody tr > td:first-child {
    padding: 0!important
  }
  #frame input[name=WFName][value=eInvoices] ~ div.table-1.einvoices table tbody tr > td:first-child > div {
    position: absolute;
    top: 10px;
    left: 0;
    overflow: visible;
    z-index: 1
  }
  #frame input[name=WFName][value=eInvoices] ~ div.table-1.einvoices table tbody tr > td:first-child > div > .table-checkbox-btn {
    position: initial;
    background: 0 0
  }
  #frame input[name=WFName][value=eInvoiceOrders] ~ div.table-header {
    padding: 0
  }
  #frame input[value*="WFName=BillTypes"] ~ div.data_input_form table tbody tr td select {
    padding: 0;
    max-height: 382px
  }
  #frame input[value*="WFName=BillTypes"] ~ div.data_input_form table tbody tr td select option {
    padding: 10px;
    word-break: break-word;
    white-space: normal
  }
  #frame input[name=DocTName][value=SING_UNI_UPR] ~ div.data_input_form table tbody tr td label {
    width: 100%
  }
  #frame input[name=DocTName][value=N_MULT_UNI_UPR] ~ div.data_input_form table tbody tr td label {
    width: 100%
  }
  #frame input[name=DocTName][value=N_MULT_UNI_UPR] ~ div.table-1 table tbody tr td input.text {
    width: 50%!important
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr:nth-last-child(2) {
    display: none
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row {
    display: flex;
    justify-content: left;
    align-items: baseline
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row td .mustfillstar,
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row th label {
    top: 0
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row th > .thframe-curr {
    width: auto;
    margin: 0
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row td:last-child > div {
    display: flex;
    flex-direction: column-reverse;
    width: 100%
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row td:last-child > div > div {
    width: 100%
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row td:last-child > div .drop-down-cur > .dd,
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row td:last-child > div .drop-down-cur > .dd .ddChild {
    width: 100%!important
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row td:last-child > div .drop-down-cur > .dd .ddChild ul > li {
    display: flex;
    align-items: center;
    min-height: 40px
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row td:last-child > div .drop-down-cur > .dd .ddChild ul > li .ddlabel {
    top: 0
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row td:last-child > div .drop-down-cur .ddcommon-arrow {
    left: auto;
    right: 0;
    width: auto
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr.sell-curr-row td:last-child > div > .select-box > input {
    width: 100%;
    margin: 0
  }
  #frame input[name=DocTName][value=CURR_EXCHANGE] ~ div.data_input_form table tbody tr#timer_row .timer-text {
    text-align: center
  }
  #frame #center div.table-1.inbox table > tbody > tr,
  #frame #center div.table-1.outbox table > tbody > tr {
    position: relative;
    flex-direction: column-reverse;
    padding-left: 50px
  }
  #frame #center div.table-1.inbox table > tbody > tr:first-child,
  #frame #center div.table-1.outbox table > tbody > tr:first-child {
    border-top: none
  }
  #frame #center div.table-1.inbox table > tbody > tr td:first-child,
  #frame #center div.table-1.outbox table > tbody > tr td:first-child {
    display: block;
    position: absolute;
    top: 12px;
    left: 15px
  }
  #frame input[name=DocTName][value=LTR_NOTIFICATION_C] ~ div.data_preview_form table > tbody > tr:nth-last-child(2) {
    display: none
  }
  #frame input[name=DocTName][value=LTR_NOTIFICATION_C] ~ div.data_preview_form table > tbody > tr td p,
  #frame input[name=DocTName][value=LTR_NOTIFICATION_C] ~ div.data_preview_form table > tbody > tr th p {
    word-break: break-word
  }
    #frame input[name=DocTName][value=LTR_PAY_LOAN_C] ~ div.data_input_form table > tbody tr td textarea,
    #frame input[name=DocTName][value=LTR_REQ_CERT_C] ~ div.data_input_form table > tbody tr td textarea,
    #frame input[name=DocTName][value=LTR_REQ_CHECK_BOOK_C] ~ div.data_input_form table > tbody tr td textarea,
    #frame input[name=DocTName][value=LTR_REQ_DEPOSIT_C] ~ div.data_input_form table > tbody tr td textarea,
    #frame input[name=DocTName][value=LTR_SIMPLE_C] ~ div.data_input_form table > tbody tr td textarea,
    #frame input[name=DocTName][value=LTR_SIMPLE_C_Fin_at] ~ div.data_input_form table > tbody tr td textarea,
    #frame input[name=DocTName][value=LTR_SIMPLE_SIGNED_C] ~ div.data_input_form table > tbody tr td textarea,
    #frame input[name=DocTName][value=LTR_SIMPLE_SIGNED_C_] ~ div.data_input_form table > tbody tr td textarea,
    #frame input[name=DocTName][value=LTR_SIMPLE_SIGNED_C1] ~ div.data_input_form table > tbody tr td textarea,
    #frame input[name=DocTName][value=LTR_PAYMENT_DOCS_C] ~ div.data_input_form table > tbody tr td textarea {
        min-width: 100%;
        resize: none
    }
    #frame input[name=DocTName][value=LTR_PAY_LOAN_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem],
    #frame input[name=DocTName][value=LTR_REQ_CERT_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem],
    #frame input[name=DocTName][value=LTR_REQ_CHECK_BOOK_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem],
    #frame input[name=DocTName][value=LTR_REQ_DEPOSIT_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem],
    #frame input[name=DocTName][value=LTR_SIMPLE_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem],
    #frame input[name=DocTName][value=LTR_SIMPLE_C_Fin_at] ~ div.data_input_form table > tbody tr td label[for=select_file_elem],
    #frame input[name=DocTName][value=LTR_SIMPLE_SIGNED_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem],
    #frame input[name=DocTName][value=LTR_SIMPLE_SIGNED_C_] ~ div.data_input_form table > tbody tr td label[for=select_file_elem],
    #frame input[name=DocTName][value=LTR_SIMPLE_SIGNED_C1] ~ div.data_input_form table > tbody tr td label[for=select_file_elem],
    #frame input[name=DocTName][value=LTR_PAYMENT_DOCS_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] {
        line-height: 37px;
        min-width: 100%;
        text-align: center
    }
    #frame input[name=DocTName][value=LTR_PAY_LOAN_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span,
    #frame input[name=DocTName][value=LTR_REQ_CERT_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span,
    #frame input[name=DocTName][value=LTR_REQ_CHECK_BOOK_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span,
    #frame input[name=DocTName][value=LTR_REQ_DEPOSIT_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span,
    #frame input[name=DocTName][value=LTR_SIMPLE_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span,
    #frame input[name=DocTName][value=LTR_SIMPLE_C_Fin_at] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span,
    #frame input[name=DocTName][value=LTR_SIMPLE_SIGNED_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span,
    #frame input[name=DocTName][value=LTR_SIMPLE_SIGNED_C_] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span,
    #frame input[name=DocTName][value=LTR_SIMPLE_SIGNED_C1] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span,
    #frame input[name=DocTName][value=LTR_PAYMENT_DOCS_C] ~ div.data_input_form table > tbody tr td label[for=select_file_elem] > span {
        min-width: 100%
    }
  #frame input[name=DocTName][value=DIRECT_MARKETING] ~ div .data_preview_form {
    display: none
  }
  #frame input[name=DocTName][value=DIRECT_MARKETING] ~ div table[name=tableinside] {
    margin-top: 15px
  }
  #frame input[name=DocTName][value=DIRECT_MARKETING] ~ div table:first-child tr {
    margin-bottom: 0
  }
  #frame input[name=DocTName][value=DIRECT_MARKETING] ~ div table tbody > tr:first-child td:nth-child(3) {
    display: none
  }
  #frame input[name=DocTName][value=DIRECT_MARKETING] ~ div table tbody > tr td div {
    padding-left: 0!important
  }
  #frame input[name=DocTName][value=DIRECT_MARKETING] ~ div table tbody > tr td ul.radio li {
    margin-top: 0;
    padding-top: 0!important
  }
  #frame input[name=DocTName][value=DIRECT_MARKETING] ~ div table tbody > tr th .thframe label {
    font-weight: 700
  }
  #frame input[name=WFName][value=ESignatureJoin] ~ div.data_input_form .hr-wrap-mobile td {
    margin: 0!important
  }
  #frame input[name=WFName][value=ESignatureJoin] ~ div.data_input_form .hr-wrap-mobile td > .hr {
    margin: 0 -15px 15px -15px
  }
  #frame input[name=WFName][value=ESignatureJoin] ~ div.data_input_form p {
    text-align: left!important
  }
  #frame input[name=WFName][value=ESignatureJoin] ~ div.data_input_form + div {
    margin: 0!important;
    padding: 0!important;
    display: flex
  }
  #frame input[name=WFName][value=ESignatureJoin] ~ div.data_input_form + div > .checkbox-btn {
    left: 0!important;
    margin-left: 15px;
    position: relative!important
  }
  #frame input[name=DocTName][value=B2B_OUT_AML] ~ div p {
    padding-top: 0;
    padding-bottom: 0
  }
  #frame input[name=DocTName][value=B2B_OUT_DOK] ~ div .message_box + p {
    display: none
  }
  #frame input[name=DocTName][value=B2B_OUT_DOK] ~ div p {
    padding-top: 0;
    padding-bottom: 0
  }
  #frame input[name=WFName][value=Consents] ~ div.filter-table table tbody tr:first-child td ul.periods {
    width: auto
  }
}
@media (max-width:1200px) and (max-width:768px) {
  #frame input[name=WFName][value=Consents] ~ div.filter-table table tbody tr:first-child td {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }
  #frame input[name=WFName][value=Consents] ~ div.filter-table table tbody tr:first-child td ul.periods {
    min-width: 40%
  }
  #frame input[name=WFName][value=Consents] ~ div.filter-table table tbody tr:first-child td ul.periods > li {
    min-width: 100%
  }
}
@media (max-width:1200px) {
  #frame input[name=WFName][value=Consents] ~ div.filter-table table tbody tr:nth-child(2) {
    display: none
  }
  #frame input[name=WFName][value=Consents] ~ div#center-inner div:first-child + div tbody > tr:first-child {
    border-top: none
  }
  #frame input[name=WFName][value=Consents] ~ div#center-inner div:first-child + div tbody > tr:last-child {
    border-bottom: 2px solid #f5f5f5
  }
  #frame input[name=WFName][value=Consents] ~ div#center-inner .btn-table {
    padding: 15px
  }
  #frame input[name=WFName][value=Consents] ~ div#center-inner .btn-table > button {
    margin-top: 15px
  }
  #frame input[name=WFName][value=AccountDisplay] ~ div.filter-table tbody > tr:not(:last-child) {
    margin-bottom: 20px!important
  }
  #frame input[name=WFName][value=AccountDisplay] ~ div.filter-table tbody > tr:first-child td:last-child ul {
    width: 100%;
    margin-left: 0
  }
  #frame input[name=WFName][value=AccountDisplay] ~ div.filter-table tbody > tr:first-child td:last-child ul > li:last-child {
    margin-left: 5px
  }
}
@media (max-width:1200px) and (min-width:768px) {
  #frame input[name=WFName][value=AccountDisplay] ~ div.filter-table tbody > tr:first-child td:last-child {
    justify-content: center
  }
  #frame input[name=WFName][value=AccountDisplay] ~ div.filter-table tbody > tr:last-child td:last-child {
    max-width: 200px
  }
  #frame input[name=WFName][value=AccountDisplay] ~ div.filter-table tbody > tr td select {
    max-width: 300px
  }
  #frame input[name=WFName][value=AccountDisplay] ~ div.filter-table tbody > tr:first-child td:last-child ul {
    width: auto
  }
  #frame input[name=WFName][value=AccountDisplay] ~ div.filter-table tbody > tr:first-child td:last-child ul li:last-child > label {
    white-space: nowrap
  }
}
@media (max-width:1200px) {
  #frame input[name=WFName][value=AccountDisplay] ~ div.table-1 tbody > tr:first-child {
    display: none
  }
  #frame input[name=WFName][value=ContractDisplay] ~ div.data_input_form table tbody td .mustfillstar {
    display: none
  }
  #frame input[name=DocTName][value=CHANGE_PASSWORD] ~ div.data_preview_form {
    padding-top: 0;
    padding-bottom: 10px
  }
  #frame input[name=DocTName][value=OB_CONSENT] ~ div.table-1 table {
    display: table
  }
  #frame input[name=DocTName][value=OB_CONSENT] ~ div.table-1 table td > td:first-child {
    font-weight: 700
  }
  #frame input[name=DocTName][value=OB_CONSENT] ~ div.table-1 table td > td:first-child::before {
    display: none
  }
  #frame div#tabs-dynamic > .tabs-main > .table-header {
    padding: 0;
    margin: 10px 0 15px;
    border-bottom: 2px solid #f5f5f5
  }
  #frame div#tabs-dynamic > .tabs-main > .table-header > h1 {
    border-bottom: none;
    padding: 0 15px
  }
  #frame div#tabs-dynamic > .tabs-main > div:last-child {
    padding: 15px;
    padding-bottom: 30px!important
  }
  .d-mobile-none {
    display: none!important
  }
  .hr-wrap-mobile td,
  .hr-wrap-mobile th {
    flex: 1;
    margin-left: -15px!important;
    margin-right: -15px!important
  }
  .hr-wrap-mobile h1 {
    padding: 0 15px 9px!important;
    font-size: 16px!important;
    line-height: 20px!important
  }
  .hr-wrap-mobile .hr {
    margin: 0;
    height: 2px;
    background-color: #f5f5f5
  }
  body,
  html {
    height: 100%
  }
  body {
    display: flex;
    flex-direction: column;
    background-color: #fbf7f8;
    background-image: none!important
  }
  #frame {
    flex: 1 0 auto;
    width: 100%;
    min-height: 1px;
    padding-bottom: 80px
  }
  #footer {
    flex: none
  }
  #frame {
    overflow: initial;
    width: 100%
  }
  #page {
    width: 100%;
    float: none
  }
  #page-inner {
    width: 100%;
    float: none
  }
  #wrap {
    float: none;
    width: 100%;
    padding-bottom: 0;
    margin-top: 75px
  }
  #wrap-inner {
    float: none;
    width: 100%;
    margin-top: 0;
    padding: 0 15px
  }
  #center {
    float: none;
    margin: 0;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #dfdfdf;
    width: 100%
  }
  #center h1 {
    float: none;
    width: 100%
  }
  #center > h1 {
    font-size: 18px;
    line-height: 23px;
    color: #022f40;
    border-bottom: 2px solid #f5f5f5;
    padding: 15px;
    padding-right: 60px
  }
  #center > h1 + #page-tools {
    right: 15px
  }
  #center #page-tools li.help {
    display: none
  }
  #center-inner {
    float: none;
    width: 100%
  }
  #content {
    float: none;
    width: 100%
  }
  #content-inner {
    float: none;
    min-width: 0
  }
  #frame .services {
    margin: 0
  }
  #frame .services form input + div > p {
    padding: 5px 15px
  }
  #frame .services form input + div ul {
    padding-left: 15px!important
  }
  #frame .services form input + div ul[style*="list-style-type: disc"] {
    padding-left: 35px!important
  }
  #frame .services form input + div ul[style*="list-style-type: disc"] li {
    display: list-item
  }
  #frame .services div.data_input_form {
    padding-bottom: 15px
  }
  #frame #center > h1:first-child {
    display: flex;
    flex-direction: column
  }
  #frame #center > h1:first-child > span {
    padding: 0;
    font-size: 14px
  }
  #header,
  #header-inner {
    width: 100%;
    float: none
  }
  #header {
    position: fixed;
    position: -ms-device-fixed;
    top: 0;
    z-index: 10
  }
  #header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e7e9ea;
    height: 60px;
    padding: 0 15px
  }
  #logo {
    float: none;
    width: 160px;
    flex: 0 0 160px;
    height: 12px;
    background-position: 50%;
    background-size: contain;
    display: flex;
    padding: 0
  }
  #top-menu {
    width: 100%;
    height: auto;
    float: none;
    display: flex;
    align-items: center
  }
  #languages {
    top: auto;
    float: none;
    display: flex;
    align-items: center;
    margin-left: auto
  }
  #languages li {
    height: auto;
    padding-top: 0;
    float: none;
    margin: 0;
    margin-left: 15px
  }
  #user-links {
    display: none
  }
  #top-menu {
    display: none
  }
  #top-menu-2 {
    display: none
  }
  .header-toolbar-mobile {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    height: 100%
  }
  .header-toolbar-mobile__item {
    padding: 0 15px;
    display: flex;
    align-items: center;
    position: relative
  }
  .header-toolbar-mobile__item:last-child {
    padding-right: 0
  }
  .header-toolbar-mobile__item:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 24px;
    background-color: #e7e9ea;
    top: 50%;
    right: 0;
    margin-top: -12px
  }
  .header-toolbar-mobile__btn {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
  }
  .header-toolbar-mobile__btn._mail {
    background-image: url(../images/design/mail-icon.svg)
  }
  .header-toolbar-mobile__btn._mail._active {
    background-image: url(../images/design/mail-icon-messages.svg)
  }
  .nav-burger {
    display: block;
    position: relative;
    width: 19px;
    cursor: pointer;
    height: 16px;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  .nav-burger span {
    background-color: #002f6a;
    position: absolute;
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 3px;
    top: 50%;
    transform: translateY(-1px)
  }
  .nav-burger span:after,
  .nav-burger span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: #002f6a;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 2px
  }
  .nav-burger span:before {
    transform: translateY(6px)
  }
  .nav-burger span:after {
    transform: translateY(-6px)
  }
  .menu-mobile-open .nav-burger span {
    background-color: transparent
  }
  .menu-mobile-open .nav-burger span:after,
  .menu-mobile-open .nav-burger span:before {
    background-color: #002f6a
  }
  .menu-mobile-open .nav-burger span:after {
    transform: translateY(0) rotate(-45deg)
  }
  .menu-mobile-open .nav-burger span:before {
    transform: translateY(0) rotate(45deg)
  }
  .menu-mobile {
    position: fixed;
    position: -ms-device-fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000
  }
  .menu-mobile__content {
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden
  }
  .menu-mobile__header {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e7e9ea;
    height: 60px;
    padding: 0 15px
  }
  .menu-mobile__logo {
    width: 160px;
    flex: 0 0 160px;
    height: 12px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    padding: 0;
    background-image: url(../images/design/mb-logo.svg)
  }
  .menu-mobile__lang {
    display: flex;
    align-items: center
  }
  .menu-mobile__lang-item:not(:last-child) {
    margin-right: 15px
  }
  .menu-mobile__lang-link {
    display: block;
    width: 16px;
    height: 12px
  }
  .menu-mobile__body {
    flex: 1 1 auto;
    overflow-y: auto
  }
  .menu-mobile__user {
    padding: 20px 15px;
    text-align: center
  }
  .menu-mobile__user-info {
    font-family: "Source Sans Pro SemiBold",sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #022f40
  }
  .menu-mobile__user-info a {
    text-decoration: underline
  }
  .menu-mobile__user-logout {
    margin-top: 20px
  }
  .menu-mobile__user-logout-link {
    font-size: 13px;
    line-height: 17px;
    position: relative;
    color: #ff1944;
    display: inline-flex;
    align-items: center
  }
  .menu-mobile__user-logout-link:after {
    content: "";
    display: block;
    background-image: url(../images/design/log-out-icon.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 19px;
    height: 20px;
    margin-left: 12px
  }
  .menu-mobile__nav-list {
    background-color: #fff
  }
  .menu-mobile__subnav {
    display: none;
    background-color: #fbf7f8
  }
  .menu-mobile__subnav .menu-mobile__nav-item:last-child {
    border-bottom: none
  }
  .menu-mobile__nav-item {
    border-top: 1px solid #e7e9ea
  }
  .menu-mobile__nav-item:last-child {
    border-bottom: 1px solid #e7e9ea
  }
  .menu-mobile__nav-item._active > .menu-mobile__nav-toggle:after {
    transform: rotate(-180deg)
  }
  .menu-mobile__nav-item._active > .menu-mobile__subnav {
    display: block
  }
  .menu-mobile__nav-link {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #022f40;
    font-family: "Source Sans Pro SemiBold",sans-serif;
    padding: 15px;
    text-align: left;
    position: relative
  }
  .menu-mobile__nav-toggle {
    padding-right: 30px
  }
  .menu-mobile__nav-toggle:after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #022f40 transparent transparent transparent;
    transition: all .2s ease
  }
  .menu-mobile__nav-ico {
    width: 20px;
    height: 20px;
    margin-right: 19px
  }
  .menu-mobile-open {
    overflow: hidden;
    -ms-overflow-style: none
  }
  .menu-mobile-open .menu-mobile {
    display: block
  }
  #footer {
    position: relative;
    height: auto;
    margin-top: 0;
    float: none;
    border: none;
    border-top: 1px solid #e7e9ea;
    font-size: 14px;
    line-height: 24px;
    padding: 16px 15px
  }
  #footer-inner {
    float: none
  }
  #footer-inner table {
    width: 100%!important
  }
  #footer-inner table,
  #footer-inner table tbody,
  #footer-inner table td,
  #footer-inner table tfoot,
  #footer-inner table th,
  #footer-inner table thead,
  #footer-inner table tr {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
    vertical-align: inherit;
    text-align: left;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0
  }
  #footer-inner table td:first-child {
    width: 100%!important;
    white-space: normal;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
  }
  #footer-inner table td:first-child a {
    order: -1
  }
  #footer-inner table td:first-child span {
    display: none
  }
  #footer-inner table td:nth-child(2) {
    display: none
  }
  #left {
    display: none
  }
  #left-empty {
    display: none
  }
  input.text {
    width: 100%!important;
    float: none;
    color: #022f40;
    border: 1px solid #dde3e8;
    border-radius: 3px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0
  }
  select.text {
    width: 100%!important
  }
  div.mustfillstar {
    float: none;
    margin: 0;
    margin-left: 3px;
    width: auto;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    text-align: left
  }
  div.help {
    display: inline-flex;
    position: static;
    top: auto;
    align-items: center
  }
  div.help a {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0!important;
    float: none;
    background-position: 0 50%
  }
  ul.radio,
  ul.radio-vertical {
    float: none;
    padding-top: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
  }
  ul.radio .checkbox-btn,
  ul.radio .radio-btn,
  ul.radio-vertical .checkbox-btn,
  ul.radio-vertical .radio-btn {
    margin: 0;
    width: 20px;
    height: 20px
  }
  ul.radio .checkbox-btn label,
  ul.radio .radio-btn label,
  ul.radio-vertical .checkbox-btn label,
  ul.radio-vertical .radio-btn label {
    margin: 0;
    left: 0;
    top: 0
  }
  ul.radio .checkbox-btn:before,
  ul.radio-vertical .checkbox-btn:before {
    width: 11px;
    height: 7px
  }
  ul.radio li,
  ul.radio-vertical li {
    float: none;
    padding: 0
  }
  ul.radio li:nth-child(odd),
  ul.radio-vertical li:nth-child(odd) {
    width: 20px
  }
  ul.radio li:nth-child(even),
  ul.radio-vertical li:nth-child(even) {
    width: calc(100% - 28px)
  }
  ul.radio li:nth-child(n+3),
  ul.radio-vertical li:nth-child(n+3) {
    margin-top: 15px
  }
  ul.radio li label:first-child:last-child,
  ul.radio-vertical li label:first-child:last-child {
    margin-right: 0;
    display: inline-block
  }
  ul.radio li label,
  ul.radio-vertical li label {
    white-space: normal;
    line-height: 1.2!important
  }
  ul.radio li input,
  ul.radio-vertical li input {
    margin: 0;
    padding: 0
  }
  #frame div.data_input_form,
  #frame div.data_preview_form,
  #frame div.filter-table {
    padding: 15px 15px 30px;
    float: none;
    width: 100%;
    margin: 0
  }
  #frame div.data_input_form table,
  #frame div.data_preview_form table,
  #frame div.filter-table table {
    float: none
  }
  #frame div.data_input_form table,
  #frame div.data_input_form table tbody,
  #frame div.data_input_form table td,
  #frame div.data_input_form table tfoot,
  #frame div.data_input_form table th,
  #frame div.data_input_form table thead,
  #frame div.data_input_form table tr,
  #frame div.data_preview_form table,
  #frame div.data_preview_form table tbody,
  #frame div.data_preview_form table td,
  #frame div.data_preview_form table tfoot,
  #frame div.data_preview_form table th,
  #frame div.data_preview_form table thead,
  #frame div.data_preview_form table tr,
  #frame div.filter-table table,
  #frame div.filter-table table tbody,
  #frame div.filter-table table td,
  #frame div.filter-table table tfoot,
  #frame div.filter-table table th,
  #frame div.filter-table table thead,
  #frame div.filter-table table tr {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
    vertical-align: inherit;
    text-align: left;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0
  }
  #frame div.data_input_form table colgroup,
  #frame div.data_preview_form table colgroup,
  #frame div.filter-table table colgroup {
    display: none
  }
  #frame div.data_input_form table tr,
  #frame div.data_preview_form table tr,
  #frame div.filter-table table tr {
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }
  #frame div.data_input_form table tr:not(:last-child),
  #frame div.data_preview_form table tr:not(:last-child),
  #frame div.filter-table table tr:not(:last-child) {
    margin-bottom: 20px
  }
  #frame div.data_input_form table tr.SigningContentRow,
  #frame div.data_preview_form table tr.SigningContentRow,
  #frame div.filter-table table tr.SigningContentRow {
    margin-bottom: 0;
    font-size: 100%!important
  }
  #frame div.data_input_form table tr.SigningContentRow td.d-mobile-none,
  #frame div.data_preview_form table tr.SigningContentRow td.d-mobile-none,
  #frame div.filter-table table tr.SigningContentRow td.d-mobile-none {
    display: block!important;
    font-size: 16px
  }
  #frame div.data_input_form table tr.SigningContentRow ~ .SigningContentRow td.d-mobile-none,
  #frame div.data_preview_form table tr.SigningContentRow ~ .SigningContentRow td.d-mobile-none,
  #frame div.filter-table table tr.SigningContentRow ~ .SigningContentRow td.d-mobile-none {
    display: none!important
  }
  #frame div.data_input_form table tr.SigningContentRow ~ .SigningContentRow + .hr-wrap-mobile,
  #frame div.data_preview_form table tr.SigningContentRow ~ .SigningContentRow + .hr-wrap-mobile,
  #frame div.filter-table table tr.SigningContentRow ~ .SigningContentRow + .hr-wrap-mobile {
    margin-top: 20px
  }
  #frame div.data_input_form table tr.hidden,
  #frame div.data_preview_form table tr.hidden,
  #frame div.filter-table table tr.hidden {
    display: none
  }
  #frame div.data_input_form table th,
  #frame div.data_preview_form table th,
  #frame div.filter-table table th {
    vertical-align: top;
    padding: 0
  }
  #frame div.data_input_form table th div.thframe,
  #frame div.data_preview_form table th div.thframe,
  #frame div.filter-table table th div.thframe {
    width: 100%;
    float: none;
    text-align: left;
    margin: 0;
    padding: 0
  }
  #frame div.data_input_form table th div.thframe label,
  #frame div.data_preview_form table th div.thframe label,
  #frame div.filter-table table th div.thframe label {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0
  }
  #frame div.data_input_form table td,
  #frame div.data_preview_form table td,
  #frame div.filter-table table td {
    padding: 0
  }
  #frame div.data_input_form table td:last-of-type:not(:first-child),
  #frame div.data_preview_form table td:last-of-type:not(:first-child),
  #frame div.filter-table table td:last-of-type:not(:first-child) {
    width: 100%;
    margin-top: 8px
  }
  #frame div.data_input_form table td label,
  #frame div.data_preview_form table td label,
  #frame div.filter-table table td label {
    float: none;
    line-height: 1.2;
    display: inline-block
  }
  #frame div.data_input_form table td input[type=text] + label,
  #frame div.data_preview_form table td input[type=text] + label,
  #frame div.filter-table table td input[type=text] + label {
    margin-top: 5px
  }
  #frame div.data_input_form table td p,
  #frame div.data_preview_form table td p,
  #frame div.filter-table table td p {
    float: none;
    margin: 0!important;
    line-height: 18px!important
  }
  #frame div.data_input_form .d-mobile-none + .d-mobile-none + td,
  #frame div.data_preview_form .d-mobile-none + .d-mobile-none + td,
  #frame div.filter-table .d-mobile-none + .d-mobile-none + td {
    margin-top: 0!important
  }
  #frame div.data_preview_form .thframe {
    font-family: "Source Sans Pro SemiBold",sans-serif
  }
  #frame div.data_input_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow),
  #frame div.data_preview_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) {
    font-size: 100%!important
  }
  #frame div.data_input_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) td > div[style*=table-cell][style*=middle][style*="40px"],
  #frame div.data_preview_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) td > div[style*=table-cell][style*=middle][style*="40px"] {
    display: none!important
  }
  #frame div.data_input_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) td > div[style*=table-cell][style*=middle][style*="40px"].AjaxLoaderImg,
  #frame div.data_preview_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) td > div[style*=table-cell][style*=middle][style*="40px"].AjaxLoaderImg {
    display: block!important
  }
  #frame div.data_input_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row,
  #frame div.data_preview_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row {
    margin-bottom: 0
  }
  #frame div.data_input_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row > td > div,
  #frame div.data_preview_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row > td > div {
    text-align: center;
    width: auto
  }
  #frame div.data_input_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row + tr,
  #frame div.data_preview_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row + tr {
    display: none
  }
  #frame div.data_input_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row + tr + tr,
  #frame div.data_preview_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row + tr + tr {
    margin-bottom: 0
  }
  #frame div.data_input_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row div.timer-text-sign img,
  #frame div.data_preview_form table tbody tr[style*=bold][style*=font-size]:not(.SigningContentRow) + tr#timer_row div.timer-text-sign img {
    display: inline-block
  }
  .button-box {
    margin-top: 30px!important
  }
  .button-box td {
    padding: 0!important;
    width: 100%!important
  }
  a.btn,
  a.btn.btnnegative,
  button.btn,
  button.btn.btnnegative {
    margin: 0;
        -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 40px
  }
  a.btn.btnnegative:not(:last-child),
  a.btn:not(:last-child),
  button.btn.btnnegative:not(:last-child),
  button.btn:not(:last-child) {
    margin-bottom: 20px
  }
  .datepicker {
    margin-right: 0!important
  }
  .ui-datepicker-trigger {
    float: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 27px;
    margin-top: -26px
  }
  .ui-datepicker {
    z-index: 100!important
  }
  #frame div div.message_box {
    float: none;
    display: block;
    padding: 15px 15px 15px 80px;
    width: auto!important;
    margin: 15px!important;
    min-height: 58px;
    text-align: left!important
  }
  #frame div div.message_box a {
    text-decoration: underline
  }
  #frame div div.message_box a:hover {
    text-decoration: none
  }
  div#tabs-static {
    float: none;
    margin: 0
  }
  div#tabs-static > ul,
  div#tabs-static ul.tabs-navigation {
    float: none;
    width: 100%!important;
    margin: 0;
    display: flex
  }
  div#tabs-static > ul > li,
  div#tabs-static ul.tabs-navigation > li {
    display: block;
    width: auto;
    flex: 1
  }
  div#tabs-static > ul > li > a,
  div#tabs-static ul.tabs-navigation > li > a {
    height: auto;
    padding: 15px 10px!important;
    display: block
  }
  div#tabs-static .hr {
    display: none
  }
  div.w780 div.callout {
    width: 100%!important
  }
  div.callout {
    float: none;
    margin: 0;
    background-image: none;
    background-color: #fff;
    width: 100%!important;
    box-shadow: 0 0 5px 0 rgba(27,27,27,.13)
  }
  div.callout b.border-notch {
    display: none
  }
  div.callout b.notch {
    display: none
  }
  #frame div.table-header {
    padding: 10px 15px
  }
  #frame div.table-header > * {
    padding: 0
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) {
    padding: 0;
    width: 100%!important
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table {
    table-layout: fixed
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table colgroup {
    display: none
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table thead {
    display: none
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tr {
    display: flex;
    flex-direction: column;
    border-top: 2px solid #f5f5f5;
    padding: 10px 15px 10px
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tr td {
    position: relative;
    display: flex;
    padding: 7px 0;
    width: 100%;
    border: none;
    word-break: break-word;
    text-align: left!important
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tr td > * {
    width: 50%;
    max-width: 50%;
    text-align: left
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tr td * {
    font-size: 14px
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tr td a {
    text-decoration: underline
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tr td .money {
    display: flex;
    width: 100%;
    max-width: 100%;
    white-space: normal;
    flex-wrap: wrap
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tr td .money > .currency {
    float: none
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tr td .money .small-sum {
    flex-basis: 100%;
    text-align: left!important
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tr td::before {
    content: attr(data-label);
    font-weight: 700;
    color: #022f40;
    width: 50%;
    margin-right: 5px;
    word-break: break-word;
    white-space: break-spaces
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum td,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr td {
    width: auto
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum td:first-child,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr td:first-child {
    flex: 1;
    display: block;
    margin-right: 5px;
    text-align: right!important;
    min-width: 50%
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum td:only-child,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr td:only-child {
    display: flex;
    justify-content: flex-end;
    margin-right: 0
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum td:only-child > *,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr td:only-child > * {
    width: auto
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum td:only-child > div:last-child,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr td:only-child > div:last-child {
    margin-left: 5px
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum td:last-child,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr td:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 115px
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum td:last-child .money,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr td:last-child .money {
    justify-content: flex-end
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum td:last-child p,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr td:last-child p {
    flex-basis: 100%;
    text-align: right
  }
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum td::before,
  #frame div.table-1:not(.firstpage_accounts):not(.accountbalances) table tfoot tr.sum ~ tr td::before {
    display: none
  }
  #frame div.accountbalances,
  #frame div.firstpage_accounts {
    width: 100%!important;
    padding: 0
  }
  #frame div.accountbalances table,
  #frame div.firstpage_accounts table {
    table-layout: fixed
  }
  #frame div.accountbalances table tr,
  #frame div.firstpage_accounts table tr {
    display: flex;
    width: 100%;
    border-top: 2px solid #f5f5f5;
    padding: 10px 15px;
    min-height: 70px
  }
  #frame div.accountbalances table tr td,
  #frame div.firstpage_accounts table tr td {
    border: none;
    padding: 0;
    flex: 1;
    word-break: break-word
  }
  #frame div.accountbalances table tr td > div,
  #frame div.firstpage_accounts table tr td > div {
    width: 100%;
    max-width: 100%
  }
  #frame div.accountbalances table tr td a,
  #frame div.firstpage_accounts table tr td a {
    text-decoration: underline
  }
  #frame div.accountbalances table tr td .money,
  #frame div.firstpage_accounts table tr td .money {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    position: relative;
    white-space: normal
  }
  #frame div.accountbalances table tr td .money .small-sum,
  #frame div.firstpage_accounts table tr td .money .small-sum {
    display: none
  }
  #frame div.accountbalances table tr td .money .amount,
  #frame div.firstpage_accounts table tr td .money .amount {
    margin-top: 5px;
    word-break: break-all
  }
  #frame div.accountbalances table tr td .money .currency,
  #frame div.firstpage_accounts table tr td .money .currency {
    max-width: 100%
  }
  #frame div.accountbalances table tr td .money img,
  #frame div.firstpage_accounts table tr td .money img {
    margin: 0
  }
  #frame div.accountbalances table tr td .money > div:nth-child(3),
  #frame div.firstpage_accounts table tr td .money > div:nth-child(3) {
    position: absolute;
    top: 0;
    right: 25px;
    text-align: right
  }
  #frame div.accountbalances table tr td:not(:last-child),
  #frame div.firstpage_accounts table tr td:not(:last-child) {
    margin-right: 5px
  }
  #frame div.accountbalances table tr:first-child,
  #frame div.firstpage_accounts table tr:first-child {
    display: none
  }
  #frame div.accountbalances table tr:last-child,
  #frame div.firstpage_accounts table tr:last-child {
    border-top-width: 1px
  }
  #frame div.accountbalances table tr:not(.sum) td:nth-child(2),
  #frame div.firstpage_accounts table tr:not(.sum) td:nth-child(2) {
    display: flex;
    justify-content: flex-end
  }
  #frame div.accountbalances table tr.sum,
  #frame div.firstpage_accounts table tr.sum {
    justify-content: flex-end;
    align-items: center;
    min-height: 40px
  }
  #frame div.accountbalances table tr.sum td:first-child,
  #frame div.firstpage_accounts table tr.sum td:first-child {
    min-width: 50%
  }
  #frame div.accountbalances table tr.sum td:last-child,
  #frame div.firstpage_accounts table tr.sum td:last-child {
    flex: unset
  }
  #frame div.accountbalances table tr.sum td .money,
  #frame div.firstpage_accounts table tr.sum td .money {
    flex-direction: row
  }
  #frame div.accountbalances table tr.sum td .money .amount,
  #frame div.firstpage_accounts table tr.sum td .money .amount {
    margin: 0
  }
  #frame div.filter-table table > tbody tr.button-box button:not(:last-child) {
    margin-bottom: 10px
  }
  #frame div.filter-table table > tbody td > ul.periods {
    display: flex;
    justify-content: space-between;
    width: 100%
  }
  #frame div.filter-table table > tbody td > ul.periods > li {
    display: flex;
    width: 44%;
    margin-right: 0
  }
  #frame div.filter-table table > tbody td > ul.periods > li > a {
    width: 100%;
    flex-shrink: 0
  }
  #frame div.filter-table table > tbody td > ul.periods > li .help {
    height: 100%;
    padding-top: 0
  }
}
@media (max-width:1200px) and (min-width:768px) {
  #frame div.filter-table table > tbody > tr {
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 5px!important
  }
  #frame div.filter-table table > tbody > tr th {
    width: 35%;
    display: flex;
    justify-content: right
  }
  #frame div.filter-table table > tbody > tr th > div.thframe {
    text-align: right
  }
  #frame div.filter-table table > tbody > tr td {
    margin-left: 30px;
    width: 65%!important;
    display: flex;
    justify-content: left
  }
  #frame div.filter-table table > tbody > tr td ul.periods {
    display: block
  }
  #frame div.filter-table table > tbody > tr td input,
  #frame div.filter-table table > tbody > tr td select {
    max-width: 250px
  }
  #frame div.filter-table table > tbody > tr:first-child ul.periods > li {
    width: 175px
  }
  #frame div.filter-table table > tbody > tr:first-child ul.periods > li a {
    width: 85%
  }
  #frame div.filter-table table > tbody > tr td {
    position: relative
  }
  #frame div.filter-table table > tbody > tr td img {
    top: 35px;
    left: 225px
  }
  #frame div.filter-table table > tbody > tr.button-box td {
    margin-left: 0;
    justify-content: center
  }
  #frame div.filter-table table > tbody > tr.button-box td > div {
    display: flex
  }
  #frame div.filter-table table > tbody > tr.button-box button {
    max-width: 150px
  }
  #frame div.filter-table table > tbody > tr.button-box button:not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px
  }
}
@media (max-width:1200px) {
  #frame #content-inner div.table-1 table label,
  #frame #content-inner div.table-1 table p {
    line-height: 16px
  }
}
@media (max-width:1200px) {

  #customSpinner{
    display: block;
  }
}

@media (min-width:1200px) {
  #customSpinner{
    display: none;
  }
}

@media (max-width:1200px) {
  #frame #DocTypeSearchInputField{
    display: none;
  }
}