/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

.tc-global-font, .tc-light, .tc-bold {
	font-family: 'Roboto', Arial, Helvetica, sans-serif ;
}

.ext-card-header-icon-with-text {
	/* margin-top: -10px; */
	top: -12px;
	font-size: 16px;
	font-weight: bold;
}

.ext-card-header-icon-with-text>span:before {
	top: 10px !important;
}

.ext-card-header-icon-before {
	top: -12px;
}

.tc-breadcrumb a, .tc-breadcrumb .tc-breadcrumb-sep, .tc-breadcrumb .tc-breadcrumb-current span {
	color: #444444;
	text-shadow: 0px 0px 0px #000;
}

.tc-table .tc-selected-row-style, .tc-table tr.parent {
	background-color: #eee;
}

.ui-dialog.ui-front {
	z-index: 1070;
}

.ext-large-icon-with-text {
	text-align: left;
	border-radius: .3rem;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-size: 24px;
	text-transform: uppercase;
}

.icon-file-add>span:before, .icon-file-add>label:before {
	/* content:"\e903" */
}

.ext-icon-font-size-md {
	text-align: left;
	border-radius: .3rem;
	font-style: normal;
	font-variant: normal;
	font-size: 18px;
}

/* Styling for share button widget */
.send-iban-button {
	font-size: inherit;
	background-color: transparent;
	border: none;
	cursor: pointer;
	line-height: 0;
}

.send-iban-button:focus {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.send-iban-button > span {
	vertical-align: top;
	top: 0;
}

/* Styling for share button popup */
.send-iban-button .send-iban-button-popup {
	font-size: 1.2rem;
	font-weight: normal;
	opacity: 1;
	display:inline-block;
	text-align: center;
	border-radius: 2px;
	padding: 1rem;
	position: absolute;
	z-index: 1;
	top: -5%;
	right: 0.1%;
	cursor: initial;
}

.send-iban-button-popup.transition {
	opacity: 0; 
	-webkit-transition: opacity 2000ms 1s;
	transition: opacity 2000ms 1s;
}

/* Styling for footer */
.tc-footer-container {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.tc-footer-container > div:first-of-type > .responsive-section {
	padding-top: 1.54rem;
}

.tc-footer-container h5 {
	color: #FFFFFF;
	font-size: 1.28rem; 
	font-weight: bold;
	margin: 0.71rem 0 1.42rem 0;
}

.tc-footer-bg {
	background: none;
}

.tc-footer-container {
	margin-top: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(106, 136, 177, 0)), color-stop(41%, rgba(106, 136, 177, 1)));
	background: linear-gradient(to bottom, rgba(106, 136, 177, 0) 40%, rgba(106, 136, 177, 1) 41%);
}

.tc-footer-container > div:first-child {
	padding-top: 15rem;
	background: url("../../images/Footer.svg");
}

.hide {
	display: none;
}

@media screen and (min-width: 1900px) {
	.tc-footer-container > div:first-child {
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.tc-footer-fixed {
	font-size: 1rem;
	position: relative;
}

@media screen and (max-width: 410px) {
	.tc-footer-fixed {
		/* margin-top: 8rem; */
	}
}

.tc-footer-fixed h2 {
	font-size: 1.2rem;
}

.tc-footer-fixed .contact {
	color: rgba(255, 255, 255, 0.9);
}

.tc-footer-fixed .contact.email {
	color: #ffffff;
}

.tc-footer-fixed a:focus {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.tc-footer-fixed .tc-footer-top:not(:first-of-type) {
	margin-top: 0;
}

.tc-center-align-document {
    text-align: center;
    padding-bottom: 12px;
}

.tc-fs-m2-mandate {
    font-size: .7rem;
}

.tc-footer-fixed .tc-footer-top-border {
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	margin: 0 auto;
	width: 98%;
	/* Max width is footer-first-row-width minus sum of left and right pagination of tc-footer-column */
	max-width: calc(1180px - 2rem);
}
/* 
#EDGE_CONNECT_PHASE {
	max-width: calc(1180px - 2rem);
	margin: auto;
} */

.tc-footer-fixed .footer-first-row-width {
	max-width: 1180px;
	margin: auto;
}

.tc-footer-fixed .tc-footer-top:first-of-type {
	text-align: left;
	line-height: 1.618;
}

.tc-footer-fixed .tc-footer-column {
	padding: 0 1rem 0.5rem 2rem;
}

.tc-footer-fixed fieldset div {
	padding: 0.6rem;
}

.tc-footer-fixed .copyright {
	padding: 0 1rem 0.325rem 1rem;
}

.tc-footer-fixed .footer-link {
	font-size: 1rem;
	color: #FFFFFF;
}

@media screen and (max-width: 384px) {
	.tc-footer-fixed .tc-footer-column {
		display: block;
	}
}

@media screen and (min-width: 385px) and (max-width: 638px) {
	.tc-.footer-fixed .tc-footer-column {
		width: 50%;
	}
}

@media screen and (min-width: 639px) {
	.tc-footer-fixed .tc-footer-column {
		width: 23.3333333%;
	}
}

@media screen and (min-width: 1025px) {
	/* Left sidebar should not cover footer on desktops .tc-footer-container*/
	.tc-show-sidebar:not(.tc-box-on) .tc-content-area:not(.tc-content-area-no-menu), .tc-show-sidebar:not(.tc-box-on) {
		padding-left: 268px;
	}

	/* for office hrs footer issue disabled this style
	.tc-footer-fixed .tc-footer-column {
		padding-left: 12rem;
	} */

	.tc-footer-fixed .tc-footer-section {
		margin: 0 0 0.71rem;
		font-size: 1rem;
	}

	#EDGE_CONNECT_PHASE {
		width: 65vw;
		margin-right: auto; 
		margin-left: auto;
	}
}

.tc-show-sidebar .tc-subtoolbar {
	padding-left: 0 !important;
}

.tc-show-sidebar {
	padding-left: 0 !important;
}

/* Footer fixed distance from top of the screen */
.tc-subtoolbar,
.login-footer-distance-fix {
	min-height: 40vmin;
}

/* Green arrow fix */
.collapse-iban-container {
	display: block;
}

.collapse-iban-container .collapse-iban {
	display: block;
	overflow-wrap: break-word;
	word-wrap: break-word;
	position: relative;
	z-index: 1;
}

/* Responsive arrow styling */
.ext-confirmation-box {
	height: 100%;
	padding: 0.4rem 0;
	margin-top: 4.85rem;
}

.ext-confirmation-box-text-amount > div {
    text-align: center;
    display: block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding: 0 1rem;
}

@media screen and (min-width: 568px) {
	.ext-confirmation-box-text-amount > div {
		width: 90%;
	}
	.ext-confirmation-box::after {
		content: "";
		display: block;
		border-left: none;
		border-top: none;
		border-bottom: none;
		height: 100%;
		width: 5rem;
		position: absolute;
		left: 90%;
		background-image: -webkit-gradient(linear, right top, left bottom, from(white), color-stop(50%, white), color-stop(50%, transparent)),
						  -webkit-gradient(linear, right bottom, left top, from(white), color-stop(50%, white), color-stop(50%, transparent));
		background-image: linear-gradient(to left bottom, white 0%, white 50%, transparent 50%),
						  linear-gradient(to left top, white 0%, white 50%, transparent 50%);
	}
	.ext-confirmation-box-text-small-center span.tc-form-control {
		width: 94% !important;
	}
}
@media screen and (max-width: 567px) {
	.ext-confirmation-box {
		margin-top: 1rem;
		margin-bottom: -11rem;
	}
	.ext-confirmation-box-text-amount > div {
		width: 100%;
	}
	.ext-confirmation-box::after {
		content: "";
		display: block;
		border-top: none;
		width: 100%;
		height: 11rem;
		background-image: -webkit-gradient(linear, right top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, white)),
						  -webkit-gradient(linear, left top, right bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, white));
		background-image: linear-gradient(to left bottom, transparent 0%, transparent 50%, white 50%),
						  linear-gradient(to right bottom, transparent 0%, transparent 50%, white 50%);
		border-left: none;
		border-right:none;
		position: relative;
		top: 10px;
	}
	.age-dependant-children {
		width: 100%;
	}
}

div.tc-nav-col {
	border-right: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	position: absolute;
}

.tc-nav-col.tc-overlay-nav-lg {
	top: 110px !important;
}

@media (max-width: 567px) {
	html:not(.tc-box-on) .tc-nav-col.tc-overlay-nav-sm{
		top: 90px;
		width: 100%;
	}
	.tc-menu {
		width: 100%;
	}
	.tc-accordion-menu.tetris_navPart.ext-tc-accordion-menu.menu_container {
		width: 100%;
	}
	.show-on-small-screens {
		display: block;
	}
}


@media (min-width: 568px) and (max-width: 767px){
	html:not(.tc-box-on) .tc-nav-col.tc-overlay-nav-sm{
		top: 90px;
	}
}

@media (min-width: 768px) and (max-width: 1023px){
	html:not(.tc-box-on) .tc-nav-col.tc-overlay-nav-md{
		top: 90px;
	}
}


.payees-table.tc-table > * > tr{
	height: 20px;
}

.tc-compact .payees-table.tc-table tbody tr {
	height: 20px;
}


.payees-table.tc-table span.tc-form-control {
	padding: 0px;
}

.tc-header {
	padding-left: 0!important;
}

.tc-accordion-menu .tc-truncated-item {
	overflow: visible;
	width: 95%;
}

.account-detail-box {
	width: 560px;
}

.tc-accordion-menu li {
	white-space: normal;
}

.tc-dummy-menu-item, .tc-dummy-menu-item-with-rollover, .tc-accordion-menu ul li a {
	line-height: 1.4rem;
	padding: 1rem;
}

.tc-compact .tc-accordion-menu ul li a {
	line-height: 1.4rem;
	padding: 0.7rem 1rem;
}

.add-payee-button {
	margin-top: 1rem;
	white-space: nowrap;
}

.add-payee-button>span {
	position: relative;
	top: -2px;
}

@media (max-width: 390px) {
	.add-payee-button {
		padding-left: 0.5rem!important;
		padding-right: 0rem!important;
	}
}

#C3__p1_BUT_42E968BB7F8C7D991800888 {
	display: none;
}

.tc-profile-section {
	min-height: 0;
	line-height: 1rem;
}

#C1__p2_QUE_90E72B357D6B86CF894858 {
	padding-left: 0!important;
}

#C1__p4_QUE_90E72B357D6B86CF894858 span.tc-form-control {
	min-height: 2.0rem;
}

/* Fix for distance between account founds and word BALANCE in account details*/

.tc-postfix-part {
	padding: 0 .5rem;
}
	
	
.tc-header-bg, .tc-header .tc-accent-bg, .tc-header .tc-menu-trigger.icon-cancel {
	background-color: white;
}


.tc-header .tc-header-icon-on, .tc-header a.tc-header-icon:focus, .tc-header .tc-header-icon[href]:hover{
	color: #C3B354;
	background-color: white;
}

.tc-icon {
	cursor: default;
}

.tc-icon:focus {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.tc-header-color, .tc-card .tc-icon {
	color: #c5a237;
}

.tc-show-sidebar .tc-menu-trigger, .tc-menu-trigger, .tc-menu-trigger.tc-icon-on, a.tc-menu-trigger.tc-header-icon:focus{
	color: #282D46;
	background-color: white;
}

.tc-nav-col.tc-nav-col-alt {
	background-color: #282D46;
}

.tc-nav-col-alt .tc-accordion-menu a:hover, .tc-nav-col.tc-accent-bg .tc-accordion-menu a:hover, .tc-nav-col-alt .tc-dummy-menu-row a:hover, .tc-nav-col.tc-accent-bg .tc-dummy-menu-row a:hover {
	background-color: #C3B354;
}
.tc-profile-section {
	background-color: #383d59;
}

.tc-card-title {
	color: rgb(106, 136, 177);
}

div.tc-tab-header-selected, a.tc-tab-header-selected, span.tc-table-nav-item,
#EDGE_CONNECT_PROCESS .dataTables_wrapper .ui-toolbar .dataTables_paginate span .fg-button.ui-button.ui-state-default.ui-state-disabled {
	border-color: rgb(106, 136, 177);
	color: rgb(106, 136, 177);
}

/* div.tc-tab-header-selected {
	border-color: #282d46;
	color: #282d46;
} */

.tc-tab-section {
	padding-top: 0;
}

#EDGE_CONNECT_PROCESS .tc-help-icon a:not([href]) {
	background-color: rgb(106, 136, 177);
}

.tc-button.tc-accent-bg {
	/* border-color: #282D46;
	background-color: #282D46; */
	background: #C5a237;
	border-color: #C5a237;
	border-radius: 66px;
	color: White;
	white-space:nowrap;
}

.tc-button-tertiary,
.tc-secondary-card-button {
    color:  #C5a237 !important;
	background: white;
	border: 3px solid #C5a237;
	border-radius: 66px;
	white-space:nowrap;
}

.tc-small .tc-small, .tc-med .tc-med, .tc-big .tc-big, .onoffswitch-inner::before{
	background-color:rgb(106, 136, 177);
}


#C2__C1__TBL_387196DCE3ACADF91889019 .dtr-data {
	pointer-events: auto;
}

@media (max-width: 360px) {
	#C2__C1__TBL_387196DCE3ACADF91889019 td {
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
	}
}

.tc-header-icon {
	padding-top: 34px;
}

.tc-header-dimensions {
	height:auto;
}

.tc-logo {
	padding: 9px 5px;
	height: 75px;
	margin: 7px 0;
}

.tc-logo-container {
	height:90px
}

@media (max-width: 567px) {
	.tc-logo-container {
		width: 62px;
	}
}


.tc-header .tc-logo-container:hover {
	background-color: white;
}

/* Welcome growl styling */
.growl-welcome {
	color:#ffffff;
	background-color: #C3B354 !important;
}

/* Table fixing for small devices */

@media (max-width: 767px) {
	.table-fixed-first-column {
		margin-left: -2rem;
		margin-right: 0.5rem;

	}
	.table-fixed-first-column-content {
		margin-left: -1.3rem;
		margin-right: 0.2rem;
	}

	.table-fixed-second-column {
		margin-right:2rem;
	}
	
	.table-fixed-second-column-content {
		margin: 0 0.9rem;
	}

	.table-fixed-second-column-content span {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	.table-fixed-third-column {
		margin-right: 0.4rem;
	}

	.table-fixed-third-column-content {
		/* margin-right: 0.2rem; */
	}
	
	#C2__TBL_99900AB330551EB6127590 .tc-prefix-part, .tc-postfix-part {
		display: inline-block;
                padding-bottom: 0;
                margin: 0;

	}
	
	#C2__TBL_99900AB330551EB6127590 {
	  white-space: nowrap;
	}
	
	/* Fix for tables that goes out of the screen on small devices*/
	.dataTables_wrapper {
		overflow-x: scroll;
	}
}

@media (max-width: 339px) {
	/* Fix for TransactionList header covered by 'Completed' button */
	#C2__C2__HEAD_419320BE4FFA5116111154 {
		margin-bottom: 1rem;
	}
}

@media (max-width: 389px) {
	#C2__C3__C1__HEAD_B876280FE5FD1CE88681,
	#C2__C4__C1__HEAD_B876280FE5FD1CE88681 {
		word-wrap: break-word;
		display: block;
		width: 60%;
	}
}

@media (max-width: 320px) {
	#C2__TBL_99900AB330551EB6127590 .reverse-align{
	  text-align: center;

	}
}

.no-clickable-table tr {
	cursor: not-allowed !important;
}

/* Styling for messages content */
.no-padding-left {
	padding-left: 0 !important;
}

.default-cursor-table tr {
	cursor: default !important;
}

.ext-corporate-bg-color {
	background-color:#ffffff;
	color:#000;
 }

 .ext-corporate-bg-color .tc-corporate-color {
	color:#000;
 }

 .ext-corporate-bg-color .tc-icon {
	color:#000;
 }

 .ext-corporate-bg-color .tc-icon:not(.icon-no-hover):hover,
 .ext-corporate-bg-color .tc-icon.tc-icon-on {
	color:#000;
 }

 .ext-corporate-bg-color .tc-icon.tc-corporate-color:hover {
	color:#000;
 }

 .ext-corporate-bg-color .tc-label-button {
	background-color:#ffffff;
	color:#000;
	opacity:1
 }
 .ext-corporate-bg-color .tc-label-button:not(.icon-no-hover):hover {
	background:#f5f5f5;
	color:#000;
 }

 .tc-table span.ext-form-control-no-padding {
	min-width: 0;
	padding: 0;
 }

 .tc-table tr.message {
	 height: 1rem;
 }

/*Styling for address table content in CustomerDetails */
.address-styling table {
	margin-top: -0.3rem !important;
	margin-bottom: -1.5rem !important;
}

.address-styling thead {
	display: none;
}

.address-styling table tr {
 padding: 0; 
 color: #444444 !important; 
 background: white !important; 
 cursor: default !important;
 border: none;
}

.address-styling table tr span {
	padding: 0 !important;
}

.address-styling .fg-toolbar {
	display: none;
}

#EDGE_CONNECT_PROCESS {
	display: block;
}

/*FAQ styling*/
#FAQ_SECTION {
	padding: 0 2rem;
}

.faq-question-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}

.faq-question-container > a:focus {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.faq-question-and-answer {
	font-size: 1rem;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #444;
}

.faq-demo {
	max-width: 560px;
	max-height: 315px;
	position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.faq-demo  iframe {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	max-height: 315px;
}

@media (min-width: 570px) {
	.faq-demo {
		padding-bottom: 315px;
	}
}


/* FILTER ALIGNMENT FIX IN MEMBER DOCUMENTS */
#C2__TBL_387196DCE3ACADF94024132_filter input {
	margin-left: 6px;
}

/* TRANSACTIONS LIST GAP REDUCE & 13PX FONT*/

@media (min-width: 570px) {
	#C2__FMT_C1F553AF78F2748F665968 .table-fixed-first-column-content,
	#C2__FMT_C1F553AF78F2748F665968 .table-fixed-first-column,
	#C2__FMT_C1F553AF78F2748F665968 .table-fixed-third-column-content,
	#C2__FMT_C1F553AF78F2748F665968 .table-fixed-third-column
	{
		width: 15%;
	}

	#C2__FMT_C1F553AF78F2748F665968 .table-fixed-second-column,
	#C2__FMT_C1F553AF78F2748F665968 .table-fixed-second-column-content
	{
		width: 30%;
	}

	#C2__FMT_C1F553AF78F2748F665968 .table-fixed-second-column-content .tc-answer-part{
		width: 90%;
	}
}

#C2__FMT_C1F553AF78F2748F665968 .tc-answer-part 
{
	font-size: calc(1rem + 1px);
}

#C2__C2__FMT_9BA2256B00894D29114354 label {
	font-weight: normal;
}

/* CAPITALIZATION */
.tc-menu, 
.tc-card-expander .ext-more-less-btn,
.icon-download,
.ext-capitalized,
.tc-tab-header,
.tc-button,
.tc-icon,
.add-payee-button {
	text-transform: inherit;
	white-space:nowrap;
}

.tc-accordion-menu a:not(:empty)::after {
	text-transform: none;
	top:15px;
}

.tc-breadcrumb {
	font-size: 0.95rem;
}

#EDGE_CONNECT_PROCESS .tc-breadcrumb a:hover {
	font-weight: 400;
	color: #383d59;
}

#EDGE_CONNECT_PROCESS .tc-breadcrumb .tc-breadcrumb-current a:not([href]),
#EDGE_CONNECT_PROCESS .tc-breadcrumb .tc-breadcrumb-current a:not([href]):hover{
	font-weight: 400;
	color: #282D46;
}

/* NO MENU BORDER */
div.tc-nav-col {
	border-right: none;
}

.tetris_menuItem.tc-current-active.active {
	background-color: rgb(195, 179, 84);
}

.tc-nav-col-alt .tc-accordion-menu ul li.active > a {
	background-color: rgba(0, 0, 0, 0);
}

/*New header styling */

.ext-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	font-size: 1.3rem;
	color: #282d46;
}

.ext-card-header {
	min-height: 3.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	position: relative;
}

.ext-hide-responsive-table {
	display: none;
}

.ext-capitalize,
.ext-capitalize * {
	text-transform: capitalize;
}

@media (min-width: 380px) {
	.ext-hide-responsive-table {
		display: table-cell; 
	}
}

@media (min-width: 670px) {
	.width-reduction {
		width: 60%;
		margin: 20px auto 0 auto;
	}
}

.spinner {
	background-image: url("../../images/loader.gif");
	background-size: cover;
	width: 30px;
	height: 30px;
	position: relative;
	left: 51vw;
}

.tc-menu-scroll-container {
	height: auto;
	padding: 3rem 0;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

 div.tc-nav-col {
	height: auto !important;
}

.tc-card {
	background: white;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	        box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.ext-gold-icon-color {
	color: #c5a237 !important;
}

.header-zero-padding {
	padding-top: 0 !important;
}

.activeMenuItem {
	border-left: 0 !important;
}
.tc-form-control-align-font {
	border-style: solid;
    border-width: 1px;
    margin-right: .4rem;
	padding-top: 0px;
}
.ext-black-header th {
	color: black;
}

.ext-account-tab-header {
	color: #282d46;
	font-weight: normal;
	font-size: 1.42rem;
}

.ext-account-number-iban,
.ext-account-number-iban h3 {
	color: #282d46;
	font-weight: normal;
	font-size: 1.14rem;
}

.ext-account-number-iban span,
.ext-account-number-iban h3 span {
	font-weight: bold;
}

.ext-account-balance {
	/* margin-left: 0.5rem; */
	color: white;
	background-color: #6a88b1;
	border-radius: 4.71rem;
	min-width: 70%;
	font-size: 1.28rem;
}
.tc-card-subtitle-heading{
	margin:.5rem 0;
	line-height:5rem;
	font-weight:normal
	}
.ext-account-balance > div > div {
	min-width: 20.5rem;
	min-height: 5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	width: 100%;
}

.ext-account-overview-tabs > div > .ext-tc-radio-input .tc-tab-header-wrapper .tc-tab-header {
	color: #282d46;
	font-size: 1.07rem;
	border-bottom: 0 !important;
}

.ext-account-overview-tabs > div > .ext-tc-radio-input .tc-tab-header-wrapper .tc-tab-header.tc-tab-header-selected {
	color: #c5a237;
}

.ext-download-button {
	position: relative;
	top: 3.3rem;
	z-index: 10;
}

@media (max-width: 358px) {
	.ext-download-button {
		right: 10.5rem;
		top: 2.3rem;
	}
	
	.ext-transactions-tabs {
		margin-top: 0 !important;
	}

	.tc-card-header-with-popout div.tc-popup.ext-download-button-popup {
		right: -12.76rem !important;
	}
}

.ext-transactions-tabs > div > div > div > * {
	border: none !important;
	background: none !important;
}

.ext-transactions-tabs .tc-tab-header.tc-tab-header-selected {
	color: #6a88b1;
}

.ext-transactions-tabs .tc-tab-header:not(:last-of-type)::after {
	content: " | ";
	white-space: pre;
	color: #444444;
	font-weight: normal;
}

.ext-transactions-tabs .tc-tab-header {
	padding: 0;
	min-width: 0;
}

.ext-transactions-tabs .tc-tab-pane {
	border-top: none !important;
	padding-top: 0;
	border-bottom: 1px solid #eeeeee;
}

.ext-transactions-tabs > .tc-scroll-tab-icon.tc-table-icon.icon-chevron-left,
.ext-transactions-tabs > .tc-scroll-tab-icon.tc-table-icon.icon-chevron-right {
	display: none !important;
}

.tc-card-header.ext-transactionTitleAccountsLoansDeposits {
	margin-top: -3rem;
}

.ext-italic-font {
	font-style: italic;
}

.ext-currency-align {
	position: absolute; 
	left: -0.7rem;
	top: 0.5rem;
}

.ext-background-color-orange {
	background-color: #23c162;
}

.ext-amount-currency {
	padding-right: 0 !important;
}

.tc-mand-part:not(:empty) {
	padding-left: 0;
}

.tetris_tableHeader.sorting {
	pointer-events: none;
}

.DataTables_sort_icon {
	background-image: none !important;
}

.error-bg {
	background-color: white;
}

.error-border-style {
	color: red;
	border: solid 2px;
	border-radius: 20px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.border-currency {
	padding: 0.05rem !important;
}

.tc-card .tc-detail-section {
	background-color: white;
	border: 1px solid #282d46;
	border-radius: 15px;
}

.dataTable .group {
	display: none;
}

.ext-question-part {
	font-size: calc(0.9rem + 2px);
}

.ext-no-of-dependants-row {
	display: flex; 
	justify-content: center; 
	margin-bottom: 1.5rem;
}

.ext-big-screen-income-table {
	display: none;
}

.ext-small-screen-income-table {
	display: block;
}

@media(min-width: 1250px) {
	.ext-big-screen-income-table {
		display: block;
	}
	
	.ext-small-screen-income-table {
		display: none;
	}
	.loan-application-buttons {
		display: inline-flex !important; 
		padding-top: 0 !important;
	}
	.padding-top-0 {
		padding-top: 0 !important;
	}
}

.ext-popup {
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 500ms;
    z-index: 100000;
}

.ext-popup .tc-card {
    position: fixed;
    top:5%;
    left: 33%;
    width: 33%;    
    z-index: 200000;
}

.ext-popup-tcmb .tc-card {
    position: fixed;
    top: 5%;
    left: 1%;
    width: 98%;
    z-index: 200000;
}

.ext-popup.calculator-popup .tc-card{
	top: 5%;
 	left: 25%;
	right: 25%;
	height: auto;
	width: auto;
	min-width: 50%;
	max-height: 90%;
    overflow: auto;
}
@media(max-width: 567px) {
    .ext-popup.calculator-popup .tc-card{
        left: 5%;
		right: 5%;
    }
}

@media (max-width: 1079px) and  (min-width: 568px) {
    .ext-popup.calculator-popup .tc-card{
        left: 10%;
		right: 10%;
    }
}

@media (max-width: 1279px) and  (min-width: 1080px) {
    .ext-popup.calculator-popup .tc-card{
        left: 15%;
		right: 15%;
    }
}

@media (max-width: 1439px) and  (min-width: 1280px) {
    .ext-popup.calculator-popup .tc-card{
        left: 20%;
		right: 20%;
    }
}

.ext-popup.error-popup .tc-card {
    position: fixed;
    top:10%;
    left: 33%;
    width: 33%;    
    z-index: 200000;
}

.button-aligned {
	display: flex;
	justify-content: flex-end;
}

.ext-checkbox-row {
    display: flex;
    flex-direction: row;
}

.ext-checkbox-a{
    order:1;
}

.ext-checkbox-q{
    order:2;
}

.ext-checkbox-row input[type="checkbox"] + label::before {
    margin-left: 0px;
    margin-right: 10px;
	padding: .1rem .1rem .1rem .1rem !important;
	font-size: 1.7rem !important;
	height: 2rem !important;
	width: 2rem !important;
}

.ext-checkbox-row .tc-checkbox input[type="checkbox"] + label {
    margin-right: 0px;
}

.ext-smaller-cancel-sign span::before {
	font-size: 0.8rem;
}

.tc-progressbar-wrapper .tc-progressbar .tc-progressstep {
	text-transform: capitalize !important;
}

.ext-age-of-dependants-table .dependant-answer {
	width: 2rem;
}
.ext-age-of-dependants-table > div:not(:first-child) .dependant-question {
	visibility: hidden;
	height: 0;
	padding: 0;
}

.ola-list-heading-section {
	display: flex; 
	justify-content: space-between;  
	align-items: center;
}

@media(max-width: 600px) {
	.ola-description-width {
		max-width: 13rem;
	}
}

@media(max-width: 423px) {
	.ola-description-width {
		max-width: 10rem;
	}
}

@media(max-width: 374px) {
	.ola-description-width {
		max-width: 6rem;
	}
}

@media(max-width: 675px) {
    .ext-mobile-max-width {
        width: 100%;
    }
}
.tc-card-header {
    min-height: 4rem;
    padding-top: 0.5rem;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    content: '>';
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, 
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    content: 'v';
    font-weight: normal;
}

.reduced-font-size {
    font-size: 0.85rem;
}

@media (max-width: 396px) {
    table.payees-table.tc-table > thead > tr > th {
        position: relative;
        left: -33px;
    }
}

@media (max-width:411px) {
    span.hide-on-small-devices {
        display: none;
    }
		
	#C2__C3__COL_ABECD68799A89286474552 {
		display: none;
	}

}
@media (max-width:564px) {
	
	.hide-on-mobiles {
        display: none;
    }   
	.padding-on-mobiles {
		width: 10%
	}
	.desc-layout-mobile {
		margin-right: 0;
		width: 55%;
	}
	.amount-layout-mobile {
		width: 35%;
		margin-left: 13%;
	}
	#C2__C2__COL_096373137D166634812086 {
		padding-left: 15%;
	}
	.font-mobile1 {
		font-size: calc(1.2rem - 2px) !important;
	}
	.font-mobile2 {
		font-size: calc(1rem + 1px - 2px) !important;
	}
	#C2__C4__row_HEAD_917906F10752499E56899 {
		padding-bottom: 35px;
		padding-top: 15px;
	}	
}

@media (max-width:387px) {

	#C2__C1__FS_QUE_ED4A621E8A559E80146455 > div:nth-child(3) > label:nth-child(2) {
		display: flex;
	}
	#C2__C1__COL_D9CA05210BB6A4A0102199 {
		padding-left: 10%;
	}
}

.ui-dialog {
	margin-left: 0px;
}

@media (min-width:388px) and (max-width:762px) {

	#C2__C1__COL_D9CA05210BB6A4A0102199 {
		padding-left: 20%;
	}
}


@media (max-width:344px) {

	#C2__C1__COL_D9CA05210BB6A4A0102199 {
		padding-left: 5%;
	}
	#C2__C1__COL_3EB7D68F815A4543584977 {
		margin-left: -30px;
	}
}
@media (max-width:566px) {

	#C2__C1__FMT_B6E0BC706F4B64DC431499 {
		height: 0;
	}
	#C2__C1__p4_QUE_EE9E2CFD98FC5382273028 > div:nth-child(1) {
	padding-top: 8%;
	padding-bottom: 3%;
	}
	#C2__C2__FMT_FFD222F9DC1DCE79714204 {
		height: 0;
	}
	#C2__C2__p4_QUE_A3E230A4CAEEEF80506282 > div:nth-child(1) {
		padding-top: 8%;
		padding-bottom: 2%;
	}
}
@media (max-width:768px) {

	#C2__C4__p1_QUE_62D7538CABF856BE1013781 > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
		display: none;
	}
	
	.hide-on-mobiles1 {
        display: none;
    } 
	#C2__TBL_9CD2BA4DB6D8D181185175_wrapper {
		margin-top: -10px;
	}
	#C2__FMT_FA2BC403B53BD1562095981 {
		margin-top: -28px;
	}
	#C2__C3__p1_HEAD_F59A98CD98F1A342126299 > div:nth-child(1) {
		display: none;
	}
	#C2__C3__BUT_42E968BB7F8C7D991800888 {
		padding-left: 20px;
		padding-top: 5px;
	}
	#C2__C3__FMT_D786621B5804E84D116232 {
		display: none;
	}
	#C2__C3__p4_BUT_42E968BB7F8C7D991800888 > div:nth-child(1) {
		margin-top: 10px;
	}
	#C2__TAB_2 {
		display: none;
	}
	#C2__TAB_3 {
		display: none;
	}
	#C2__TAB_4 {
		display: none;
	}
}
#C2__p4_BUT_2B877470A88FCA0E28328 {
	width: 100%;
}

@media (min-width:768px) {
	#C2__C3__row_BUT_42E968BB7F8C7D991800888 {
		width: 100%;
	}
}
@media (max-width: 1339px) {
	.age-dependant-children {
		width: 195px;
	}
}
.text-to-upper {
  text-transform: uppercase;
}

.tc-header-locked {
	padding-top: 30px;
}
.tc-align{
	width:34.33%;
	height:0;
}
.tc-form-table {
    
	line-height:2rem;
	white-space:nowrap;
	
}
.tc-form-table-align{
	padding-right:0;
	margin-right:0;
	min-width:0;
	padding-left:0;
	}
	
.tc-error-color-flag{
	color: #c0392b;
}
.tc-heading-color{
	color: #c5a237;
}
.tc-checkbox-color{
	color: #6a88b1;
}
.tc-full-width{
	width:50%;
	line-height:10vh;
	word-break:break-all;
	word-wrap:break-word;
	overflow-wrap: break-word;
}
.tc-width{
	width:100%;
}

	

.tc-default-input-top {
    min-height: 1rem;
    width: auto;
	padding-top:0px;
}
.tc-form-width{
	width:50%;
	line-height:10vh;
	word-break:break-all;
	word-wrap:break-word;
	overflow-wrap: break-word;
}

@media only screen and (max-width: 600px) {
	.ext-popup .tc-card {
		left: 2%;
        width: 96%;
	}
}
@media only screen and (max-width: 600px) 
{
	.tc-table-wrapper{
		overflow:auto;
		padding-bottom:0.1rem;
	}
	.tc-table {
    margin-top: 0.1rem;
}
  th[id^="QUE_36D27C42EE71C0381503499"] {
    visibility: hidden;
    display: none;
  }


}