/* Minification failed. Returning unminified contents.
(2137,1): run-time error CSS1019: Unexpected token, found '}'
(6279,2): run-time error CSS1030: Expected identifier, found ' '
(6279,2): run-time error CSS1019: Unexpected token, found ' '
 */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],
input[type=number],
input[type=date],
input[type=password],
textarea,
.ui-combobox-input {
    min-height: 40px !important;
}

/*
.ui-buttons,
.ui-switch a {
    min-height: 28px !important;
}
*/

.bottom-panel .ui-boxes.big {
  height: auto !important;
}

.ui-boxes.info span.ui-icons {
  margin: 15px 10px 10px;
}
.ui-boxes .inner {
  margin: 10px 10px 10px 40px;
}
.ui-boxes .content-text {
  width: auto;
  padding: 0;
}

.ui-boxes.newsfeed .ui-boxes-wrap {
    display: table;
    border:0;
}
    .ui-boxes.newsfeed .inner {
        display: table-cell;
        min-height: 35px;
        vertical-align: middle;
        padding-left: 20px;
    }
    .ui-boxes.newsfeed .inner p span,
    .ui-boxes.newsfeed .inner a {
        display: block;
    }

.ui-icons.s39x39.info {
    width: 19px;
    height: 19px;
    background-position: 0 -120px;
}
	.ui-icons.s39x39.warning {
	    background-position: -20px -120px;
	}
	.ui-icons.s39x39.warning.red,
	.ui-icons.s39x39.error {
		background-position: -35px -150px;
	}

	.ui-icons.side {
		background-position: -17px -43px;
		width: 19px;
		height: 13px;
		margin: 6px 3px 4px 4px !important;
	}
	.ui-icons.close {
		background-position: -40px -40px;
		width: 13px;
		height: 11px;
		margin: 4px !important;
	}

		.ui-buttons.iconic .ui-icons,
		.ui-buttons.iconic .ui-arrows {
			margin: inherit;
		}

		.ui-arrows.blue {
			background-position: -208px -165px;
		}

		.ui-arrows {
			background-position: -46px -5px;
		}


.ui-buttons .ui-arrows,
.ui-buttons.small .ui-arrows {
	/*float: left;*/
	width: 12px;
	height: 14px;
}
/*
.ui-buttons.small .ui-arrows {
	margin-top: 0;
}
*/

	.ui-buttons .ui-arrows.top {
		background: url('/WebApplication.UI/Content/img/ui-icons.png?v=30112019') no-repeat;
		background-position: -140px -660px;
		height: 27px;
		width: 26px;
		margin-left: 5px;
	}
	/*
	.ui-buttons .ui-arrows {
		background-position: -20px -200px;
	}
	*/
	.ui-buttons .ui-arrows.bottom {
		background-position: -40px -200px;
	}
	.ui-buttons .ui-arrows.left {
		background-position: -60px -200px;
	}
/*
		.ui-buttons:hover .ui-arrows.top,
		.ui-buttons:hover .ui-arrows.orange-blank.top {
			background-position: 0 -220px;
		}

		.ui-buttons:hover .ui-arrows,
		.ui-buttons:hover .ui-arrows.orange-blank {
			background-position: -20px -220px;
		}
*/
		.ui-buttons:hover .ui-arrows.bottom,
		.ui-buttons:hover .ui-arrows.orange-blank.bottom {
			background-position: -40px -220px;
		}
		.ui-buttons:hover .ui-arrows.left,
		.ui-buttons:hover .ui-arrows.orange-blank.left {
			background-position: -60px -220px;
		}

	.ui-buttons .ui-arrows.orange-white.top {
		background-position: 0 -240px;
	}
	.ui-buttons .ui-arrows.orange-white {
		background-position: -20px -240px;
	}
	.ui-buttons .ui-arrows.orange-white.bottom {
		background-position: -40px -240px;
	}
	.ui-buttons .ui-arrows.orange-white.left {
		background-position: -60px -240px;
	}
		.ui-buttons:hover .ui-arrows.orange-white.top {
			background-position: 0 -260px;
		}
		.ui-buttons:hover .ui-arrows.orange-white {
			background-position: -20px -260px;
		}
		.ui-buttons:hover .ui-arrows.orange-white.bottom {
			background-position: -40px -260px;
		}
		.ui-buttons:hover .ui-arrows.orange-white.left {
			background-position: -60px -260px;
		}

	.ui-buttons .ui-arrows.orange.top {
		background-position: 0 -280px;
	}
	.ui-buttons .ui-arrows.orange {
		background-position: -20px -280px;
	}
	.ui-buttons .ui-arrows.orange.bottom {
		background-position: -40px -280px;
	}
	.ui-buttons .ui-arrows.orange.left {
		background-position: -60px -280px;
	}

	.ui-buttons .ui-arrows.blue-blank.top {
		background-position: -80px -200px;
	}
	.ui-buttons .ui-arrows.blue-blank {
		background-position: -100px -200px;
	}
	.ui-buttons .ui-arrows.blue-blank.bottom {
		background-position: -120px -200px;
	}
	.ui-buttons .ui-arrows.blue-blank.left {
		background-position: -140px -200px;
	}
		.ui-buttons:hover .ui-arrows.blue-blank.top {
			background-position: -80px -220px;
		}
		.ui-buttons:hover .ui-arrows.blue-blank {
			background-position: -100px -220px;
		}
		.ui-buttons:hover .ui-arrows.blue-blank.bottom {
			background-position: -120px -220px;
		}
		.ui-buttons:hover .ui-arrows.blue-blank.left {
			background-position: -140px -220px;
		}

	.ui-buttons .ui-arrows.blue-white.top {
		background-position: -80px -240px;
	}
	.ui-buttons .ui-arrows.blue-white {
		background-position: -100px -240px;
	}
	.ui-buttons .ui-arrows.blue-white.bottom {
		background-position: -120px -240px;
	}
	.ui-buttons .ui-arrows.blue-white.left {
		background-position: -140px -240px;
	}
		.ui-buttons:hover .ui-arrows.blue-white.top {
			background-position: -80px -260px;
		}
		.ui-buttons:hover .ui-arrows.blue-white {
			background-position: -100px -260px;
		}
		.ui-buttons:hover .ui-arrows.blue-white.bottom {
			background-position: -120px -260px;
		}
		.ui-buttons:hover .ui-arrows.blue-white.left {
			background-position: -140px -260px;
		}

	.ui-buttons .ui-arrows.blue.top,
	.ui-buttons:hover .ui-arrows.blue.top {
		background-position: -80px -280px;
	}
	/*
	.ui-buttons .ui-arrows.blue,
	.ui-buttons:hover .ui-arrows.blue {
		background-position: -100px -280px;
	}
	*/
	.ui-buttons .ui-arrows.blue.bottom,
	.ui-buttons:hover .ui-arrows.blue.bottom {
		background-position: -120px -280px;
	}
	.ui-buttons .ui-arrows.blue.left,
	.ui-buttons:hover .ui-arrows.blue.left {
		background-position: -140px -280px;
	}

	.ui-buttons .ui-arrows.white.top,
	.ui-buttons:hover .ui-arrows.white.top {
		background-position: -160px -240px;
	}
	.ui-buttons .ui-arrows.white,
	.ui-buttons:hover .ui-arrows.white {
		background-position: -180px -240px;
	}
	.ui-buttons .ui-arrows.white.bottom,
	.ui-buttons:hover .ui-arrows.white.bottom {
		background-position: -200px -240px;
	}
	.ui-buttons .ui-arrows.white.left,
	.ui-buttons:hover .ui-arrows.white.left {
		background-position: -220px -240px;
	}

    .ui-arrows.black-white {
        background-position: -340px -240px;
    }
    .ui-arrows.black-white.top {
        background-position: -320px -240px;
    }
    .ui-arrows.black-white.bottom {
        background-position: -360px -240px;
    }
    .ui-arrows.black-white.left {
        background-position: -380px -240px;
    }
    .ui-arrows.black-white.top:hover,
    a:hover .ui-arrows.black-white.top {
        background-position: -320px -240px;
    }
    .ui-arrows.black-white:hover,
    a:hover .ui-arrows.black-white {
        background-position: -340px -240px;
    }
    .ui-arrows.black-white.bottom:hover,
    a:hover .ui-arrows.black-white.bottom {
        background-position: -360px -240px;
    }
    .ui-arrows.black-white.left:hover,
    a:hover .ui-arrows.black-white.left {
        background-position: -380px -240px;
    }


.ui-buttons {
	overflow: hidden;
	line-height: 20px;
}

.ui-buttons,
.ui-buttons.small {
	float: none;
	/*height: 20px;*/
	margin-bottom: 10px;
	font-size: 15px;
	/*line-height: 20px;*/
    margin-right: 0;
    margin-left: 0;
}
/*
.ui-buttons:hover,
.ui-buttons.small:hover {
	border-width: 2px;
}
*/
.ui-buttons.f-right {
	float: none !important;
}
.ui-buttons.center {
	float: none !important;
}
	.ui-buttons.center p,
    .ui-buttons.center em {
		float: none;
		text-align: center;
	}
	.ui-buttons.center .ui-arrows {
		float: right;
		margin-left: 0;
	}

.ui-buttons p {
	line-height: 12px;
}

.ui-buttons {
	text-align: center;
	/*padding: 10px 17px 10px 15px;*/
}

.ui-buttons p,
.ui-buttons .ui-arrows {
	display: inline-block;
	float: none;
}

.ui-buttons.submit p {
	line-height: 40px;
}



/*
.ui-buttons p,
.ui-buttons .ui-arrows {
	display: inline-block;
	float: none;
}
*/

.ui-buttons.last,
.ui-buttons.small.last {
	margin-bottom: 0;
}
	.ui-buttons.orange,
	.ui-buttons.small.orange {
		background-position: 0 -246px;
	}

	.ui-buttons.orange:hover,
	.ui-buttons.small.orange:hover {
		background-position: 0 -271px;
	}

	.ui-buttons.blue,
	.ui-buttons.small.blue {
		background-position: 0 -362px;
	}

	.ui-buttons.blue:hover,
	.ui-buttons.small.blue:hover {
		background-position: 0 -387px;
	}

	.ui-buttons.blank,
	.ui-buttons.small.blank {
		background: none;
		border-color: transparent !important;
		color: #f60 !important;
	}
	.ui-buttons.blank:hover,
	.ui-buttons.small.blank:hover {
		color: #ff9100 !important;
	}

.ui-buttons.iconic {
	padding: 2px 8px;
}

.goToDO-arrow {
    background-position: -212px -168px !important;
}

.ui-buttons:not(.small).disabled:hover .ui-arrows {
    background-position: -20px -200px;
}
.ui-buttons.orange.disabled:hover {
    background-position: 0 -246px;
}
.ui-buttons.orange.disabled:hover .ui-arrows.orange {
    background-position: -20px -280px;
}
.ui-buttons.blue.disabled:hover {
    background-position: 0 -362px;
    color: #fff !important;
}
    /*.ui-buttons.blue.disabled:hover .ui-arrows.blue {
        background-position: -100px -280px;
    }*/


.grid-12, .grid-4,
.grid-3, .grid-3x2, .grid-1 {
	float: none !important;
	width: auto !important;
	/*margin: 0 4px 20px;*/
}
	.grid-3x2.big {
		height: auto !important;
	}
	.grid-3x2 .box-content>div {
		float: none !important;
		border-left: none;
	}

	.ui-boxes .w100pct {
		width: auto;
		padding: 0 18px 0;
	}
	.ui-boxes .w50pct {
		width: 50%;
	}
	.ui-boxes .w25pct {
		width: 25%;
	}

	.ui-boxes.result-box .box-content {
		position: relative;
		height: auto;
	}

		.ui-boxes.result-box .box-bottom {
			position: static;
		}

		.ui-boxes.result-box .ui-buttons.blue {
			width: auto;
		}

		.ui-boxes.result-box .box-content .vseparator {
			display: none;
		}


.ui-form .line {
	margin: 0 0 10px;
}
.ui-form.just-right {text-align: left;}
.ui-form.just-right .line {display: block;}

.slim .ui-form .line {
	width: 100%;
}

	.ui-form .form-element, .ui-form .form-element>.f-left {
		float: none;
		width: auto;
		margin-right: 0;
	}
    /* clearfix */
    .ui-form .form-element,
    .ui-form .form-element>.f-left {
    }
    .ui-form .form-element:before,
    .ui-form .form-element>.f-left:before {
        content: "";
        display: table;
    }
    .ui-form .form-element:after,
    .ui-form .form-element>.f-left:after {
        content: "";
        display: table;
        clear: both;
    }


.ui-form .line .form-element>.f-left,
    .ui-form .line .ui-combobox>input {
        width: 91%

    }
	.ui-form .line .form-element.value {
		font-weight: normal;
	}

		.ui-form.h-form .form-element .jCheckbox:nth-of-type(2n) {
		}
		.ui-form.h-form .form-element .jCheckbox:nth-of-type(2n+1) {
			clear: left;
		}

	.ui-form label {
		font-size: 12px;
	}

	.ui-form label.title, .ui-form div.title {
		display: block;
		float: none;
		width: auto;
		margin-right: 0;
		text-align: left;
		font-size: 12px;
		font-weight: 400;
	}

    .ui-form label.title.onlyIcon {
        float: left;
        width: 20px;
        height: 20px;
        line-height: 0px;
        margin-right: 5px;
        padding-top: 0!important;
    }

    #page .ui-form label.title.onlyIcon + div.ui-form {
        float: left!important;
        width: 90%!important;
        clear: none;
    }

    #page .ui-form label.title.onlyIcon .tooltip-content.active {
       position: absolute;
       margin-top: 8px;
    }

	.ui-form label.title.label {
		font-weight: bold;
		line-height: 21px;
	}

		.ui-form label.title > .ui-icons {
			display: inline-block !important;
			float: none;
			margin-left: 5px;
			margin-right: 0;
		}

	.ui-form .form-element.confirm .description {
		float: none;
		width: 88%;
	}

	.ui-form .form-element .input-tip {
        display: block;
		max-width: 100%;
	}
	.wide .ui-form .input-tip {
		width: auto;
	}

.sbHolder,
.sbHolder.small {
	width: auto;
}

.ui-form .el-inline {
  display: block;
  float: none;
}

.ui-switch {
	margin-left: -5px;
}

.ui-switch a {
	width: auto;
	padding: 0;
	text-align: center;
}
.range-content {
  margin: 0;
}

.range-head {
  float: none;
  width: auto;
  margin-top: 0 !important;
}

.range-head span {
  font-size: 14px;
  padding: 0;
}

.range-input,
.range-input.small {
  float: none;
  margin: 0 0 20px;
  width: auto;
  text-align: left;
}

.range-input label {
  margin: 0 0 2px;
  font-weight: normal;
  font-size: 13px;
}

.first .range-head {
  margin-top: 10px;
}

.number-input {
  display: block;
  padding-right: 24px;
}

.ui-form .number-input input[type=text] {
    width: 100% !important;
    float: none !important;
    text-align: left;
}

.form-half .col-1,
.form-half .col-2,
.form-half label,
.form-half .input-el,
.form-half .col-full .input-el,
.form-third .col-1,
.form-third .col-2,
.form-third .col-3,
.form-third label {
  float: none;
  width: auto;
}

.form-third .col-1,
.form-third .col-2,
.form-third .col-3{
	margin: 0 0 20px;
}

.form-half .col-1 {
  margin-right: 0;
}

.form-half label span {
  padding: 0;
}


table.ui-tables,
table.ui-tables tbody,
table.ui-tables tbody tr,
table.ui-tables tbody tr td,
table.ui-tables tbody tr th {
	display: block;
}

table.ui-tables {
	border: 0 none;
}

	table.ui-tables tr {
		border: 1px solid #e4e4e4;
		margin-bottom: 5px;
		padding: 5px 10px;
	}
	table.ui-tables tr.odd {
		background: #f4f4f4;
	}

	table.ui-tables td {
		border: 0 none;
		margin-top: 10px;
		padding: 0;
		color: 	#666;
		overflow: hidden;
		line-height: 16px;
	}
	table.ui-tables td:first-child {
		margin-top: 0;
	}

		table.ui-tables td .label {
			display: block;
			float: left;
			width: 60%;
			font-weight: bold;
		}
		table.ui-tables.no-header td .label {
			display: none;
		}

		table.ui-tables td .value {
			border-left: 0 none;
			float: right;
			width: 40%;
			padding: 0;
		}
		table.ui-tables.no-header td .value {
			width: 100%;
		}

		table.ui-tables td .label,
		table.ui-tables td .value,
		table.ui-tables td .label span,
		table.ui-tables td .value span {
			text-align: left !important;
            word-wrap: break-word;
		}


	table.ui-tables tr.table-header {
		display: none;
	}

	table.ui-tables tr.table-subheader {
		padding: 0;
	}
		table.ui-tables tr.table-subheader td {
			background: none;
			margin-bottom: 0;
			padding: 0;
			color: #161616;
			line-height: 21px;
		}

			table.ui-tables tr.table-subheader td .value {
				background: #f4f4f4;
				padding: 8px 10px;
				float: none;
				width: auto;
			}


	table.ui-tables.flexible td {
		border: 0 none;
		padding: 0;
	}

	table.ui-tables tr td {
		background: 0 none !important;
	}


.ui-table-mini {
    width: 100%;
}

table.ui-tables-centered {

}
    table.ui-tables-centered thead {
        display: none;
    }
    table.ui-tables-centered tbody tr {
        margin: 0 0 10px 0;
        padding: 0;
    }
    table.ui-tables-centered tbody td {
        margin: 0;
        border: none;
    }
    table.ui-tables-centered tbody .label,
    table.ui-tables-centered tbody .value {
        padding: 3% 3%;
        line-height: 1.6em;
        box-sizing: border-box;
        position: relative;
    }
    table.ui-tables-centered tbody .label {
        background: #eee;
        width: 50%;
        border-right: 1px solid #e4e4e4;
    }
    table.ui-tables-centered tbody .value {
        width: 50% !important;
        text-align: center !important;
    }
    table.ui-tables-centered tbody .label:after,
    table.ui-tables-centered tbody .value:after {
        content: " ";
        border-bottom: 1px solid #e4e4e4;
        height: 1px;
        position: absolute;
        left: 3%;
        bottom: 0;
        width: 94%;
    }
    table.ui-tables-centered tbody tr td:last-child .label:after,
    table.ui-tables-centered tbody tr td:last-child .value:after {
        display: none;
    }

.ui-icons.s28x28 {
	width: 18px;
	height: 28px;
}

.ui-icons.s28x28.info {
	background-position: 0 -112px;
}

.ui-form input[type=text] {
	height: 40px;
}

.ui-icons.s21x15.approved {
	margin-top: 3px;
}

.ui-buttons p,
.ui-buttons em {
	font-size: 12px;
}

ul li,
ol li{
	font-size: 13px;
}

.ui-arrows.small.blue {
	background-position: -208px -165px;
}

.ui-boxes p {
	font-size: 13px;
}

.ui-buttons .ui-arrows {
	margin-top: 10px;
}

.ui-form .inline-el {
	margin-right: 0;
}

input[type=radio].ui-radiobox,
input[type=checkbox].ui-checkbox {
	display: inline-block;
	float: left;
}

.jRadiobox .trigger,
.jCheckbox .trigger {
	display: none;
}


/*
input[type=radio].ui-radiobox {
	display: inline-block;
	float: left;
	margin-top: 4px;
}

input[type=checkbox].ui-checkbox {
	display: inline-block;
	float: left;
	margin-top: 5px;
}

.jRadiobox .trigger {
	display: none;
}
.jCheckbox .trigger {
	display: none;
}

form .form-element .jRadiobox {
	margin-right: 5px;
}

.ui-form .form-element .jCheckbox {
	margin-right: 5px;
}
*/

.ui-buttons-link {
	float: right;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 5px;
}

.ui-buttons-link .ui-arrows {
	float: left;
	margin-right: 5px;
	margin-top: 1px !important;
}
.ui-icons.s37x38.background.new.topMenu a {
    padding-left:7px!important;
}
.ui-icons.s37x38.background.new.topMenu {
    height:40px!important;
}

.pos-extra-detail .header {
    font-family: INGMe;
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ff6200;
    margin-bottom: 15px;
    display: inline-block;
    text-align: center;
}

.pos-extra-detail .header-image {
    width: 100px;
    height: 80px;
    display: block;
    margin-left: 34%;
    position: relative;
}

.pos-extra-detail .header-image-sm {
    width: 100px;
    height: 80px;
    display: block;
    margin-left: 34%;
    position: relative;
}

.pos-extra-detail .ui-icons {
    margin: 0 10px 0 0;
}
.rectangle .smallRectangleParent {
    display: inline-block;
}

.skk-kmh-text {
    margin-left: 0 !important;
}

.skk-limit-icon {
    padding-left: 36%;
}

.kmh-limit-icon {
    padding-left: 27%;
}

.header-width {
    width: 50% !important;
}

.product-choice-buttons {
    margin-left: 15px !important;
    margin-bottom: 20px !important;
    width: 90%;
    text-align: center;
}

.suggestion-container {
    height: 495px !important;
}

.dv-source-income-childs {
    padding-left: 0px;
}

.m-l220 {
    margin-left: 0px !important;
    display: flex !important;
}

.m-l220.display-none {
    display: none !important;
}

.m-l150 {
    margin-left: 0px !important;
}

.pos-info-table {
    width: 100% !important;
}

.pos-types {
    width: 100% !important;
}

.text-pos {
    width: 78% !important;
}

.OKCDropDown {
    width: 100% !important;
}

.MailIdDropDown {
    width: 100% !important;
}

.fatca-crs-check {
    margin-left: 0px !important;
}

.pos-types {
    width: 100% !important;
}

.text-pos {
    width: 78% !important;
}

.dvCrs {
    padding-top: 0px !important;
}

.dvCrsTable {
    padding: 5px 5px 5px 5px;
}

.dvCrsTableColor {
    background-color: #f2f2f2;
}

.dvCountry {
    width: 100%;
}

.dvCountryTaxNumber {
    width: 100%;
}

.dvCountryTaxNumberInput {
    width: 100%;
}

.dvDeleteCountry {
    margin-top: 10%;
    margin-left: 3%;
}

.infoSourceofIncome {
    margin: 10px 0;
}

.sourcesOfIncomeChks {
    all: unset;
}

.mobileConfirmWrapper {
    flex-direction: column;
}

.mobileConfirmBox {
    width: 100%;
    padding: 30px 35px 40px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    text-align: center;
}

.mobileConfirmDetailBox1 {
    width: auto;
    text-align: center;
}

.mobileConfirmDetailBox2 {
    width: auto;
    text-align: center;
    margin-right: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.m-accordion-detail {
    display: flex;
    flex-flow: column-reverse
}

/* ContractApproval - Start */
.ca-mobile-hide {
	display: none;
}

.ca-mobile-box-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ca-mobile-box {
	height: 144px;
	border-radius: 8px;
	padding: 16px;
	background: rgba(240, 240, 240, 0.5);
}

.ca-mobile-box-title {
	font-size: 19px;
	font-weight: 700;
	line-height: 28px;
	text-align: left;
	color: #FF6200;
}

.ca-mobile-box-content {
	margin-top: 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
}

.ca-mobile-box-content-first {
	margin-top: 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
}

.ca-mobile-button {
	padding: 6px 16px;
	border-radius: 8px;
	border: 1px solid #525199;
	display: flex;
	justify-content: center;
	margin: 16px 16px 0 16px;
	color: #525199;
	font-size: 16px;
	font-weight: 700;
}

.ca-header-img {
	display: flex;
	align-items: center;
}

.ca-seperator {
	margin: 16px 0;
}

.ca-header-content {
	margin-bottom: 20px;
}
/* ContractApproval - End */
.vertical-center {
	display: flex;
	align-items: center;
}

/*Fast Track Start*/

.ft-info-box {
	width: 100% !important;
}

.ft-checkbox input[type=checkbox], input[type=radio].ft-radiobox, input[type=checkbox].ft-checkbox {
	display: none !important;
	float: left;
}

.ft-product-list {
	width: 100%;
}

.ft-product-head {
	justify-content: space-between;
}

.ft-credit-input-small {
	width: 40px !important
}

.ui-form input[type=text].ft-credit-input, .ui-form input[type=password].ft-credit-input, .ui-form textarea.ft-credit-input, .ui-form input.text.ft-credit-input {
	width: 118px !important
}

.ft-checkbox .trigger {
	display: block !important;
}

.ft-result {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ft-result-info {
	width: 100%;
}

.ft-ddlsmall {
	width: 100% !important
}

.ft-company-info-title {
	height: unset !important;
	margin-bottom: 7px;
	justify-content: flex-start;
}

.ft-Company-info-row {
	display: flex;
	flex-direction: column;
}

.ft-store-count {
	margin-bottom: 30px;
}

.ft-Company-info-row-div {
	width: 100%;
	text-align: left;
	margin-bottom: 7px;
}

	.ft-Company-info-row-div input {
		width: 100%;
	}

.ft-bordered-row {
	border-radius: 6px;
	border: 1px solid #D9D9D9;
	padding: 12px 20px;
	margin-bottom: 20px;
	width: 100%;
	margin-left: 0px
}

.ft-company-info-notice {
	margin-top: 24px;
	margin-bottom: 34px;
	margin-left: 0;
	width: 100%;
}

.ft-info-notice-highlight {
	color: #FF6200;
	cursor: pointer
}

.ft-company-info-notice-span {
	margin-top: 16px;
	display: flex;
	align-items: center;
}

.ft-company-activity-toggle-title {
	margin: 0 20px 0 0 !important;
}

.jRadiobox.ft-radiobox .trigger {
	display: flex;
}

.ft-activity-area-detail-first {
	margin-top: 16px;
	margin-right: 0;
	margin-left: 0;
}

.ft-activity-area-detail {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
}

.ft-textbox {
	width: 300px
}

.ft-mobile-full-width {
	width: 100% !important
}

.wrapper.state-nav.g-bg.ft-stepper {
	display: none !important;
}

.ft-mobile-stepper {
	display: flex;
	background: #F6F6F6;
	border-radius: 4px;
	padding: 10px 0;
	display: flex;
	align-items: center;
	margin: 20px 0;
}

.ft-ms-numbers {
	font-size: 19px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
	color: #FF6200;
	margin: 20px 16px;
}

.ft-ms-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ft-ms-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: #FF6200;
}

.ft-ms-detail {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color: #333333;
}

.ft-company-field-of-activity {
	margin-top: 20px;
}

.ft-modal-container {
	min-width: 300px !important;
	margin: 20px;
}

.ft-modal-columns {
	gap: unset !important;
	flex-direction: column;
}

.ft-modal-content {
	max-height: 500px !important;
}

.ft-modal-button {
	width: 100%;
}
/*Fast Track End*/
/*Fast Track Start*/
.d-flex-direction {
	flex-direction: column;
}

.ft-calculate-amount {
	margin-left: 0;
}

.ft-mobile-page-left {
    justify-content: left;
}

.ft-info-box {
    width: 100% !important;
}

.ft-checkbox input[type=checkbox], input[type=radio].ft-radiobox, input[type=checkbox].ft-checkbox {
    display: none !important;
    float: left;
}

.ft-product-list {
    width: 100%;
}

.ft-product-head {
    justify-content: space-between;
}

.ft-credit-input-small {
    width: 40px !important
}

.ui-form input[type=text].ft-credit-input, .ui-form input[type=password].ft-credit-input, .ui-form textarea.ft-credit-input, .ui-form input.text.ft-credit-input {
    width: 118px !important
}

.ui-form input[type=text].ft-credit-input-calculated, .ui-form input[type=password].ft-credit-input-calculated, .ui-form textarea.ft-credit-input-calculated, .ui-form input.text.ft-credit-input-calculated {
	width: 118px !important
}

.ft-checkbox .trigger {
    display: block !important;
}

.ft-result {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ft-result-info {
    width: 100%;
}

.ft-ddlsmall {
    width: 100% !important
}

.ft-company-info-title {
    height: unset !important;
    margin-bottom: 7px;
    justify-content: flex-start;
}

.ft-Company-info-row {
    display: flex;
    flex-direction: column;
}

.ft-store-count {
    margin-bottom: 30px;
}

.ft-Company-info-row-div {
    width: 100%;
    text-align: left;
    margin-bottom: 7px;
}

    .ft-Company-info-row-div input {
        width: 100%;
    }

.ft-bordered-row {
    border-radius: 6px;
    border: 1px solid #D9D9D9;
    padding: 12px 20px;
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0px
}

.ft-company-info-notice {
    margin-left: 0;
    width: 100%;
}

.ft-info-notice-highlight {
    color: #FF6200;
    cursor: pointer
}

.ft-company-info-notice-span {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.ft-other-sector {
    margin-top: 24px;
    margin-bottom: 34px;
    margin-left: 0;
    width: 100%;
}

.ft-other-sector-span {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.ft-company-activity-toggle-title {
    margin: 0 20px 0 0 !important;
}

.jRadiobox.ft-radiobox .trigger {
    display: flex;
}

.ft-activity-area-detail-first {
    margin-top: 16px;
    margin-right: 0;
    margin-left: 0;
}

.ft-activity-area-detail {
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
}

.ft-all-activity {
    margin-left: 0 !important;
}

.ft-textbox {
    width: 300px
}

.ft-mobile-full-width {
    width: 100% !important
}

.wrapper.state-nav.g-bg.ft-stepper {
    display: none !important;
}

.ft-mobile-stepper {
    display: flex;
    background: #F6F6F6;
    border-radius: 4px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.ft-ms-numbers {
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #FF6200;
    margin: 20px 16px;
}

.ft-ms-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ft-ms-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #FF6200;
}

.ft-ms-detail {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
}

.ft-company-field-of-activity {
    margin-top: 20px;
}

.ft-modal-container {
    min-width: 300px !important;
    margin: 20px;
}

.ft-modal-columns {
    gap: unset !important;
    flex-direction: column;
}

.ft-modal-content {
    max-height: 500px !important;
}

.ft-modal-button {
    width: 100%;
}

.ft-g-bg {
    margin-top: 34px;
    padding: 0px !important
}

.ft-company-partner-box {
    width: 331px;
    margin: 0 !important;
    padding: 14px !important;
}

.ft-cp-groups {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.ft-cp-name {
    margin-bottom: 0 !important;
}

.ft-cp-rate {
    width: 95px;
    text-align: right;
}

.ft-cp-birthday-inputs {
    margin-top: 10px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.ft-cp-birthday-inputs-span {
    display: flex;
    margin-right: 12px;
    margin-bottom: 0 !important;
}

.ft-cp-guarantor {
    width: 50%;
}

.ft-other-sector {
    margin-top: 24px;
    margin-left: 0;
    margin-bottom: 34px;
}

.ft-summary-box-container {
    display: flex;
    flex-direction: column;
}

.ft-summary-box {
    width: 100%;
}

.ft-dummy-page-btn {
    height: 42px !important;
    margin-bottom: 0 !important;
}

    .ft-dummy-page-btn p {
        font-size: 14px !important;
        margin-top: 5px !important;
    }

.ft-dummy-page-container {
    flex-direction: column;
    align-items: center;
}

.ft-dummy-page-box {
    margin-right: 0;
    margin-bottom: 20px;
    width: 266px;
    height: 294px;
}

.ft-seperator-summary {
	font-size:17px;
}

.ft-consent {
	margin-bottom: 16px;
}

.ft-consent-header {
	align-items: flex-start;
}

.ft-btn {
	width: 100% !important;
}

.ft-modal-product-container {
	min-width: 335px !important;
}

.ft-modal-product-content {
	padding: 10px 20px 0 20px !important;
}

.ft-modal-product-footer {
	display: flex !important;
	flex-direction: column;
	padding-bottom: 20px !important;
	padding-top: 14px !important;
	border-top: none;
}

.ft-product-preference-modal-btn:nth-of-type(1) {
	margin-bottom: 10px;
}

.ft-pp-modal-limit {
	margin: 10px 0 8px 0;
}

.ft-pp-modal-list-item-space {
	margin-top: 8px;
}

.ft-pp-modal-limit-item-space {
	margin-top: 8px;
}

.ft-summary-stepper-first {
	color: #333;
}

.ft-summary-stepper-pp {
	gap: 10px !important;
}

.ft-summary-preference-btn {
	margin-top: 40px;
	width: 100%;
}

.ft-application-tracking-button {
	width: 100%;
}

.ft-referral-code-description {
	margin: 0 12px;
	font-size: 13px !important;
	color: #666 !important;
}

.ft-txt-referral-code {
	width: 100% !important;
}

.ft-result-title {
	margin-bottom: 6px;
}

.ft-product-leasing-group {
	width: 100%;
}

/*Fast Track End*/
/* ApplicationTracking - Start */

.at-info {
	margin: 33px 0;
	width: 335px;
}

.at-info-message {
	margin: 20px 0 40px 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
}

.at-info-actions {
	display: unset;
}

.at-info-actions-button {
	height: 40px !important;
	display: flex;
	align-items: center;
}

	.at-info-actions-button p {
		font-size: 15px !important;
	}

.at-application-date-row {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

	.at-application-date-row .at-application-date-title {
		justify-content: flex-start !important;
		margin-bottom: 7px;
	}

.at-pre-stepper-info {
	display: none !important;
}

.wrapper.state-nav.at-stepper {
	display: none !important;
}

.at-result-info-actions {
	display: block;
}

.at-result-info-actions-button p {
	font-size: 16px !important;
	padding: 4.83px !important;
}

.at-result-info-actions-button {
	height: 42px !important;
}

.at-summary-info {
	margin: 20px 0 40px !important;
}

.at-success-qr {
	display: none !important;
}

.at-error .at-error-content {
	font-size: 16px;
	font-weight: 400;
	line-height: 20.37px;
	text-align: left;
}

	.at-error .at-error-content span {
		font-size: 16px;
		font-weight: 700;
		line-height: 20.37px;
		text-align: left;
	}

.at-success-mobil.active {
	display: flex !important;
}

.at-success-mobil-content a {
	color: #333333;
}

.at-seperator {
	display: none !important;
}

.at-pre-content-header {
	margin-top: 22px;
	font-size: 14px;
}

.at-header-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #FF6200 !important;
}

.at-pre-header-title {
	font-size: 16px;
}

.at-pre-content-footer {
	font-size: 16px !important;
	font-weight: 700;
}

.at-mobile-stepper.active {
	display: flex;
	background: #F6F6F6;
	border-radius: 4px;
	padding: 10px 0;
	display: flex !important;
	align-items: center;
	margin: 20px 0;
}

.vertical-center {
	display: flex;
	align-items: center;
}

/* ApplicationTracking - End */

.parent-asset-resources {
    margin: 20px 439px 20px 0px !important;
}

.custom-validator-blank {
    margin-left: 0;
}

.checkbox-container .checkbox-checkmark:after {
    top: 2px;
    left: 6px;
    height: 10px;
}

.couries-outside-validator {
    margin-bottom: 0 !important;
}

.m-t-5 {
    margin-top: -5px !important;
}

.chk-clarification-parent {
    margin-top: 10px;
}

.chk-clarification {
    width: 100%;
}

.clarification-text-parent {
	margin-top: 0px;
	width: 100%;
}

.mobile-center {
    display: flex;
    justify-content: center;
}

.pos-digitial-signing-accordions {
	margin-top: 40px;
}

.pos-show-document-list {
	font-size: 12px;
	margin-right: 0;
}

.show-document-list {
    font-size: 12px;
    margin-right: 0;
}

.document-list-modal {
	width: 85%;
	justify-content: center;
}
.chk-info-parent {
    margin-top: -20px;
    margin-left: 0;
    width: 100%;
}

.chk-info div {
    margin-right: 0;
}

/* CPI start */
.cpi-box-container {
	width: 100%;
}

.cpi-header {
	height: 48px;
}

.cpi-header-suggest-parent {
	width: 68px;
}

.cpi-header-suggest {
	padding: 3px 6px;
}

.cpi-modal-header-suggested {
	width: 78px;
}

.cpi-footer {
	height: 51px;
}

.cpi-close-btn {
	height: 42px;
}

.cpi-approve-btn {
	height: 42px;
}

.cpi-modal-container {
	width: 100% !important;
	margin: 0 40px 0 20px;
	justify-content: center;
}

.cpi-modal-footer {
	flex-direction: column-reverse;
}

.cpi-close-btn {
	margin-top: 16px;
}

.cpi-toogle-container {
	width: 100%;
	margin: 20px 0;
}

#cntNumberOfInstallment {
	margin-bottom: 0px;
}

.cpi-request-limit {
	width: 100% !important;
}

.cpi-calculate-div {
	margin-left: 0;
}

	.cpi-calculate-div > a {
		width: 100% !important;
		margin-left: 0px;
		height: 42px;
	}

.cpi-chk-insurance-policy-parent {
	margin: 20px 0;
}

.cpi-chk-insurance-policy {
	width: 100%;
	margin-left: 0;
}

.cpi-toogle-container.cpi-fourwd-togle-container {
	margin-left: 0;
}

.cpi-fourwd-result-container {
	margin-left: 0;
	width: 100%;
}

.cpi-fourwd-result-info {
	width: 100%;
}

.cpi-health-declaration {
	flex-direction: column;
}

	.cpi-health-declaration > h3 {
		width: 100% !important;
	}

.cpi-create-payment-btn {
	width: 100%;
}

.cpi-confirm-table {
	flex-direction: column;
}

.cpi-confirm-table-fr {
	flex-direction: column;
}

.cpi-confirm-table-frfc {
	width: 100%;
	margin-right: 0;
	margin-bottom: 14px;
	height: 69px;
}

.cpi-confirm-table-frsc {
	width: 100%;
	margin-left: 0;
	height: 69px;
}

.cpi-confirm-table-frscfe {
	margin-bottom: 6px;
}

.cpi-confirm-table-frscfe-tooltip {
	display: inline-block !important;
	padding-bottom: 20px;
}

.cpi-confirm-table-contents {
	flex-direction: column;
}

.cpi-confirm-table-contents-box-header {
	margin-bottom: 4px;
}

.cpi-confirm-table-second-contents {
	margin-top: 0;
}

.cpi-confirm-table-contents-box-right-margin {
	margin-right: 0;
}

.cpi-confirm-table-contents-box-left-margin {
	margin-left: 0;
}
/* CPI end */

.center-row-item {
	flex-direction: column;
	align-items: flex-start;
}

.advanced-table td[colspan]:not([colspan="1"]) {
    padding-left: 5px;
}

.ob-wide-grid-row {
	padding-bottom: 20px !important;
}


.ob-m-b10 {
	margin-bottom: 3%;
}

.youtube-video {
    width: 100%;
}

.thirty {
    width: 100% !important;
    margin-bottom: 20px !important;
}

.box-2-out .content .image img {
    width: 78px;
}
}

/* DBS start */
.dbs-autorization-control-message {
	width: 100%;
	font-size: 16px;
}

.dbs-missing-document-btn {
	width: 100% !important;
}

.dbs-go-to-div {
	width: 100%;
}

.dbs-go-to-btn {
	height: 40px;
}

.dbs-mobile-inactive-box {
	width: 100%;
}

.dbs-main-firm-container {
	width: 100%;
	height: 100%;
	border: 1px;
	border-radius: 8px;
	margin-left: 0px;
	padding: 0 20px;
}

.dbs-main-firm-ddl {
	width: 100% !important;
}

.dbs-foreign-account-info {
	margin-left: 20px !important;
	margin-top: 10px;
	align-items: start;
}

.dbs-main-firm-input-container {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid #DDDDDD;
}

.dbs-main-firm-input-area {
	display: flex;
	flex-direction: column;
	padding: 24px 24px 24px 24px;
	gap: 24px;
}

.dbs-firm-seperator {
	width: 100%;
	height: 1px;
	background-color: #F0F0F0;
	margin-top: 30px
}

.dbs-main-limit {
	padding: 0 20px !important;
}

.dbs-main-limit-input {
	width: 280px !important;
}

.dbs-main-firm-seperator {
	width: 100%;
	height: 1px;
	background-color: #F0F0F0;
	margin-left: 0px !important;
	margin-top: 20px;
}

.dbs-main-firm-error-box {
	width: 100% !important;
	text-align: left;
	margin: 20px 0 0 0 !important;
}

.dbs-main-firm-error-box-content {
	display: block;
}

.summary-main-container {
	display: block;
	padding: 0 0 0 20px
}

.summary-container {
	width: 100%;
	height: 100%;
	border: 1px solid #F0F0F0;
	border-radius: 1px;
}

.summary-title {
	color: #FF6701;
	font-family: ING Me;
	font-weight: 400;
	font-size: 30px;
	line-height: 100%;
	text-transform: capitalize;
	padding: 0 0 0 20px;
}

.summary-content-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0px 0px 20px;
}

.summary-content-last {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0px 0px 0px 0px;
}

.summary-content-item-text {
	color: #666666;
	font-size: 16px;
	margin-bottom: 10px;
}

.summary-content-value {
	margin-left: 0px !important;
	text-align: center;
}

.dbs-main-desc .ui-form.form-element.form-selectbox {
	width: 100% !important;
}

.dbs-main-desc {
	margin: 0 20px !important;
}

.dbs-error-message-position {
	margin-top: -17px !important
}
/* DBS end */

.skk-cut-off-date {
	display: flex;
	flex-direction: column;
	align-items: unset;
}

section {
	width: auto;
}

.grid-half {
  float: none;
  margin: 0;
  width: 100%;

}

.wrapper.accordion {
    float:none !important;
    clear:both !important;
}
/*
.wrapper.accordion.aside .wrapper-content {
    display:none;
}
.wrapper.accordion.active .wrapper-content {
    display:inherit;
}
*/
.ui-boxes.no-header .w100pct {
  padding-top: 18px;
}

.ui-form .form-element label + .jRadiobox  {
    clear: left;
}
.ui-form .line.section h3,
.wide .ui-form .line.section h3 {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    width: auto;
    background: #f4f4f4;
    height: auto;
    padding-bottom: 19px;
    background: url(/WebApplication.UI/Content/img/w640-header-bottom.png) no-repeat 50% 100%;
}

.ui-form .line.section h3 .header-wrap {
  display: block;
  background: #f4f4f4;
  height: 60px;
}
.ui-form .line .no-label,
.wide .ui-form .line .no-label {
  padding: 0;
}

.w5.f-left, .w5-1.f-left {
    width: 100% !important;
}
label.w2 {
    width: auto;
}

.ui-icons.s20x20.info {
  background-position: 0 -120px;
  border: 0;
}

.ui-boxes .content-text .ui-buttons {
  position: static;
  width: auto;
  float: none !important;
  margin: 20px 0 0;
  bottom: auto;
  right: auto;
}

.ui-form .line .form-element {
  padding: 0;
  position: relative;
  zoom: 1;
}
.ui-form label.title + .form-element,
.ui-form.public label.title + .form-element {
    margin-left:0;
}
.ui-form label.title + .form-element.f-left {
    float: none !important;
    clear: both !important;
    display: block;
    width: auto !important;
    overflow: hidden;
}
.ui-form .form-element .ui-checkbox + label.inline-el {
    clear: right;
}
label.inline-el + .form-selectbox.f-left {
    clear: both;
    display:block;
    float: none;
}

.ui-form .line .form-selectbox-wrap {
  padding: 0;
}
#page .ui-form .line .form-selectbox {
  float: none;
  width: 100%;
  padding: 0;
  min-width: 0;
}
#page .ui-form .line .form-selectbox.f-left {
    float: none !important;
}

.ui-form .form-element {
  position: relative;
}

.ui-form .form-element .tick {
  position: absolute;
  top: 2px;
  right: -34px;
}
.ui-icons.s39x39 {
  width: 19px;
  height: 20px;
}
.ui-form .form-element, .ui-form .form-element .f-left {
  min-width: 0;
}

.inline-form .inline-el {
    float: none;
    display: block;
    padding: 0 24px 0 0;
    margin: 0 0 15px;
    min-width: 0 !important;
    width: auto;
}
    .inline-form .inline-el.w640-w-full {
        padding-right: 0;
    }

.inline-form .input-radio {
  float: left;
  padding: 0;
}

.inline-form .inline-el.form-selectbox {
  padding: 0;
}

.inline-form .inline-el .sbHolder {
  width: 100% !important;
}

.ui-form .inline-text {
  text-align: center;
}

.ui-form .form-text {
  display: inline-block;
  margin: 0 auto;
  background: #f4f4f4;
  padding: 3px 15px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;

}

.inline-form .action-button {
  margin-right: 0;
}

.inline-form.ui-form input[type=text] {
  width: 100%
}

.inline-form .f-right {
  float: none !important;
  width: auto;
}

.inline-form .search-input {
  margin: 0 0 15px;
  /*padding-right: 24px;*/
}
.ui-form.table-actions .form-selectbox.size-large {
    min-width: 0 !important;
}

.inline-form.ui-form .search-input input {
    width: 100% !important;
}


.small-form .no-label {
  padding: 0;
}

.grid-3x2 .small-form .no-label {
  padding: 0;
}

.big-action {
  margin: 0 0 10px;
}

.ui-boxes.negative .action .ui-buttons {
  float: none;
  margin: 0;
}

ul.activities {
    padding-top: 18px;
}

/*.ui-combobox .ui-button {
    display:none;
}*/

.ui-form .form-element.fe-3 {}
.ui-form .form-element.fe-3 > label {
    display: block !important;
    float: left !important;
    width: auto !important;
}
#viewport .ui-form .form-element.fe-3 > .form-selectbox {
    clear: both;
    display: block;
}

.ui-form label {
    font-size: 12px;
}

.ui-form label.title {
    line-height: 37px;
}

.button .icon-arrow-right {
    background-position: -340px -266px;
}

.ui-form .ui-buttons.small {
    line-height: 32px;
    height: 32px;
    padding: 0;
}

.ui-form .ui-buttons.small p {
    line-height: 32px;
    font-size: 12px;
}

.ui-form a.cancel.small {
    font-size: 12px;
    margin-top: 12px;
    line-height: 32px;
    height: 32px;
}

.ui-buttons,
.ui-buttons.small {
    height: 32px;
    line-height: 32px;
}

.ui-buttons .ui-arrows {
    margin-top: 0;
}

.ui-buttons p {
    line-height: 32px;
}

.ui-boxes .box-content .box-bottom a.blue {
    margin-left: 0;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes {
    margin: 0 0 20px 0;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes .box-head {
    padding-left: 20px !important;
}
.content-area.full .boxes .wrapper-content .group .ui-boxes.last .box-content a {
    width: 100%;
}

.ui-form input.small.pickADate {
    margin: 0 0 15px 0;
}

.ui-form input.pickADate {
    border-color: #d0d0d0;
}

/*
input[type=radio].ui-radiobox {
    margin-top: 4px;
}

input[type=checkbox].ui-checkbox {
    margin-top: 5px;
}

input[type=radio].ui-radiobox {
    margin-top: 5px;
    margin-right: 5px;
}
*/
.w640 {
    display: block !important;
}

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

table.w640 {
    display: table !important;
}

.wfull {
    display: none !important;
}

.w640-clearfix {
    clear: both !important;
}

.w640-reset {
    position: relative !important;
    display:block;
}

.print-auto-height {
    height: auto !important;
}

.w640-w-50p {
    width: 55%;
    display: block;
}
#viewport #page .w640-f-none {
    display: block;
    float: none !important;
    clear: both !important;
}
#viewport #page .w640-f-right {
    float: right!important;
}
#viewport #page .w640-f-left {
    float: left!important;
}
#viewport #page .w640-w-auto {
    width: inherit !important;
}
#viewport #page .w640-w-full {
    width: 100% !important;
    /*margin: 0;*/
}

#viewport #page .w640-m-auto {
    width: inherit !important;
}

#viewport #page .w640-talign-center {
    text-align: center !important;
}

#page .w1:not(.form-element):not(input):not(select):not(label):not(.ui-arrows):not(.ui-icons),
#page .w2:not(.form-element):not(input):not(select):not(label):not(.ui-arrows):not(.ui-icons),
#page .w2-5:not(.form-element):not(input):not(select):not(label):not(.ui-arrows):not(.ui-icons),
#page .w3:not(.form-element):not(input):not(select):not(label):not(.ui-arrows):not(.ui-icons),
#page .w4:not(.form-element):not(input):not(select):not(label):not(.ui-arrows):not(.ui-icons) {
    float: left;
}
#page .w1:not(.form-element) { width: 55px !important; }
#page .w2:not(.form-element) { width: 120px !important; }
#page .w2-5:not(.form-element) { width: 172px !important; }
#page .w3:not(.form-element) { width: 205px !important; }
#page .w4:not(.form-element) { width: 280px !important; }

#page .form-element,
#page .ui-combobox-input,
#page .w5, #page .w6, #page .w7, #page .w8,
#page .w9, #page .w10, #page .w11, #page .w12,
#page input.large, #page textarea.large, #page select.large,
#page input.medium, #page textarea.medium, #page select.medium,
#page input[type="date"],
#page input.small:not(.w640-fixed):not(.w640-w-auto), #page textarea.small:not(.w640-fixed):not(.w640-w-auto), #page select:not(.w640-fixed):not(.w640-w-auto)
    { width: 100% !important; clear: both; float: none !important;margin-left:0; }

#page input[type="date"] { min-width: 93.75%; }
#page .form-element.fe-3 > .form-selectbox:not(.w640-fixed) { width: 100% !important; clear: both; float: none; }

/* Fixed Input: w640-fixed */
.ui-form input[type=text].xxsmall.w640-fixed, .ui-form input[type=password].xxsmall.w640-fixed,
.ui-form textarea.xxsmall.w640-fixed, .ui-form input.text.xxsmall.w640-fixed {
    width: 40px !important;
}
.ui-form input[type=text].xsmall.w640-fixed, .ui-form input[type=password].xsmall.w640-fixed,
.ui-form textarea.xsmall.w640-fixed, .ui-form input.text.xsmall.w640-fixed {
    width: 80px !important;
}
.ui-form input[type=text].small.w640-fixed, .ui-form input[type=password].small.w640-fixed,
.ui-form textarea.small.w640-fixed, .ui-form input.text.small.w640-fixed {
    width: 114px !important;
}
.ui-form input[type=text].medium.w640-fixed, .ui-form input[type=password].medium.w640-fixed,
.ui-form textarea.medium.w640-fixed, .ui-form input.text.medium.w640-fixed {
    width: 226px !important;
}
.ui-form input[type=text].large.w640-fixed, .ui-form input[type=password].large.w640-fixed,
.ui-form textarea.large.w640-fixed, .ui-form input.text.large.w640-fixed {
    width: 296px !important;
}

.w640-no-bold {
    font-weight:normal!important;
}

.w640-bold {
    font-weight:bold!important;
}

.w640-m-noleft {
    margin-left: 0 !important;
}

.w640-m-fr {
    float: right !important;
}

.w640-m-notop {
    margin-top: 0 !important;
}

.w640-m-no {
    margin: 0 !important;
}

.w640-no-padding {
    padding:0!important;
}

.w640-m-t20, .w640-m-resettop {
    margin-top: 20px !important;
}

.w640-m-t5 {
    margin-top:5px!important;
}

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

.w640-m-nobottom {
    margin-bottom: 0 !important;
}
.w640-m-b20, .w640-m-resetbottom {
    margin-bottom: 20px !important;
}

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

.w640-m-b5 {
    margin-bottom: 5px !important;
}

.w640-m-l10 {
    margin-left: 10px !important;
}

.w640-m-r10 {
    margin-right: 10px !important;
}

.w640-m-l20 {
    margin-left: 20px !important;
}

.w640-lh-24 {
    line-height:24px;
}
.w640-h-40 {
    height: 40px !important;
}
.w640-noborder {
    border: none !important;
}

.section-3 {
  margin: 0 0 80px;
}

.overlay {
    display: none !important;
    background: #000;
    position: absolute;
    left: 0; top: -90px;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    z-index: 500;
}

.container {
    width: auto;
}

#viewport {
    position: relative;
    width: auto;
    margin: 0 auto;
    overflow: hidden;
    min-width: 280px;
}
.fb-popup #viewport.loginbox .container {
    width: auto;
    height :auto;
}
#viewport.system-error {}
    #viewport.system-error header {
        height: auto;
    }
    #viewport.system-error header .logo {
        margin-top: -15px;
    }
    #viewport.system-error .inline-block {
        display: block !important;
        margin-right: 0;
    }

.tooltip-content {
    display: none;
    position: static;
    line-height: 18px;
    margin-bottom: 10px;
}
.tooltip-content.active {
    display: block;
}
.tooltip-content .cursor {
    display: none;
}

#side {
    position: absolute;
    left: -240px;
    right: 0;
    top: 0;
    width: auto;
    z-index: 0 !important;
    overflow: hidden;
}
.side-active #side {
    left: 0;
    right: -240px;
}

#page {
    position: relative;
    left: 0;
    top: 95px;
    padding-bottom: 170px;
}

.side-active #page {
    left: 240px;
    z-index: 1;
}

.w640-bg-grey {
    background: #f4f4f4;
    padding: 10px;
}

img.img-responsive, .img-responsive img {
    width: 100%;
    height: auto;
    clear: both;
    display:block;
}

/*HEADER*/
header {
    position: relative;
    width: 100%;
    padding-top: 40px;
    padding-right: 0;
}

    header .container {
        position: static;
        width: auto;
    }

    header .substation {
        margin-top: 6px;
        padding: 0 15px;
        font-size: 9px;
        margin-right: 10px;
        line-height: 20px;
        height: 23px;
    }

    header .substation .lock {
        background-position: -30px -300px !important;
        width: 7px;
        height: 9px;
        margin-top: 4px;
    }

        /*Top Bar*/
    .ui-buttons.side-toggle {
        position: absolute;
        top: 10px;
        left: 8px;
        /*color: #fff !important;*/
        background: transparent;
        border: none;
    }
        .side-toggle .ui-arrows {
            display: none;
        }
        .side-active .side-toggle .ui-arrows {
            display: inherit;
        }
        .side-active .side-toggle .ui-icons.side {
            display: none;
        }

    .ui-buttons.mobile-home {
        
        position: absolute;
        top: 3px;
        left: 255px;
        padding: 10px;
        padding-top: 5px;
    }

        .ui-buttons.mobile-home span {
            background-position: -236px -629px;
        }

    .ui-buttons.small {
        padding: 0 17px 0 15px;
    }

    #side header .banking-toggle {
        display: inline-block;
        float: right !important;
        color: #fff !important;
        margin: 0 10px 0 0 ;
    }

    .banking-text {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 18px;
    }
    .banking-pass {
        padding: 0 50px 0 16px;
        text-align: center;
    }

    header .primary-nav .social-connect {
        position: absolute;
        top: 0;
        left: 20px;
        max-width: 220px;
        overflow: hidden;
        height: 40px;
    }
    header .primary-nav + .w640 {
        position: absolute;
        top: 0;
        left: 240px;
        right: 0;
        height: 40px;
        overflow: hidden;
        width: auto;
        padding-top: 6px;
    }
    header .w640 .social-connect {
        display: block;
    }
    header .w640 .social-connect .profile {
        margin-top: 0;
    }
    header .w640 .social-connect .profile div {
        margin-right: 0;
    }
    header .w640 .side-toggle {
        float: left;
    }
    header .w640 .social-connect a.ui-buttons {
        margin-top: 0;
    }

    /*Banking Bar*/
    .online-banking {
        background: #f4f4f4;
        position: absolute;
        left: 240px;
        right: 0;
        top: -250px;
        width: auto;
        height: auto;
        padding-top: 50px;
        padding-bottom: 15px;
        z-index: 1000;

        transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
    }
    .banking-active .online-banking {
        top: 0;
    }
    .online-banking .ui-buttons p,
        header .online-banking .ui-buttons em {
        width: 92%;
        text-align: center;
    }

        .banking-active .online-banking .text {
            display: none;
        }

        .online-banking .close {
            margin: 10px 0;
        }

        .online-banking .personal,
        .online-banking .business,
        .online-banking .banking-pass,
        .online-banking .ing-mobile {
            width: auto;
            margin-left: 10px;
            margin-right: 10px;
        }
            .online-banking .separator {
                margin: 10px 20px;
            }

    /*Left Bar*/
    header .search {
        position: absolute;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        left: 20px;
        top: 9px;
        width: 205px;
        height: 30px;
        margin: 0;
        padding: 2px 1px;
    }

        header .search input[type=text] {
            width: 178px;
            height: 18px;
            padding: 2px 10px;
            line-height: 18px;
            min-height: 25px !important;
            color: #767676;
            font-size: 12px;
        }

        header .search input[type="submit"] {
            background: url("/WebApplication.UI/Content/img/ui-icons.png?v=15112017") no-repeat 0 -40px;
            width: 13px;
            height: 13px;
            margin: 5px;
            padding: 0;
        }
        header .search input[type="submit"]:hover {
            background-position: 0 -60px;
        }
        header.rememberme .search {
            position: absolute;
            top: 55px;
        }
        header.rememberme .rememberme {
            position: absolute;
            top: 2px;
            left: 20px;
            background: url(/WebApplication.UI/Content/img/ui-separator-vertical-rememberme.png) no-repeat 100% 5px;
            width: 220px;
            line-height: 16px;
            margin-top: 2px;
            color: #ff6600;
        }
        header.rememberme .rememberme #leaveMeHtmlButton {
            font-size: 12px;
            color: #666;
        }
        header.rememberme .rememberme a:hover{
            border-bottom-color: #666;
        }
        header.rememberme .primary-nav {
            margin-top: 55px;
        }

    header .primary-nav {
        width: 220px;
        margin-top: 15px;
        margin-left: 20px;
    }

        header .primary-nav ul.menu {
            height: auto;
        }

            header .primary-nav .menu li,
            header .primary-nav .menu li:hover {
                position: relative;
                background: #ededed;
                border-radius: 5px;
                height: 35px;
                margin: 0 0 5px;
                float: none;
                color: #fff;
                padding-left: 30px;
                font-weight: 400;
            }

            header .primary-nav .menu li:before {
                content: "";
                background: url('/WebApplication.UI/Content/img/ui-arrows.png?v=14122016') no-repeat;
                background-position: -345px -288px;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -7px;
                width: 5px;
                height: 9px;
                margin-left: 15px;
            }

            header .primary-nav .menu li.active:before {
                background-position: -345px -270px;
            }

            header .primary-nav .menu li a {
                line-height: 35px;
                font-size: 13px;
            }

            header .primary-nav .menu li.active a {
                border-bottom: none;
                padding-left: 0;
                color: #f60 !important;
            }

            header .primary-nav ul.menu {
                margin-left: 0;
                margin-right: 15px;
            }

            /*
            header .primary-nav .menu li.active,
            header .primary-nav .menu li.active:hover {
                background: url('/WebApplication.UI/Content/img/w640-primary-menu-active.png') no-repeat right 0 #f4f4f4;
            }
            */

            header .primary-nav .menu li a,
            header .primary-nav .menu li:hover a {
                display: block;
            }
            header .primary-nav .menu li.active a,
            header .primary-nav .menu li.active:hover a {
                color: #000;
                line-height: 35px;
            }

    header .secondary-nav {
        height: auto;
        margin-top: 20px;
        margin-left: 20px;
    }
    header .side-wrapper,
    header .secondary-nav {
        width: 220px;
    }

        header .secondary-nav ul.menu {
            height: auto;
            padding-right: 15px;
        }

            header .secondary-nav .menu li,
            header .secondary-nav .menu li.active {
                position: relative;
                border-radius: 5px;
                height: 35px;
                margin: 0 0 5px;
                float: none;
                color: #fff;
                line-height: 35px;
                background: #ff6400;
            }

            header .secondary-nav .menu li a,
            header .secondary-nav .menu li.active a {
                display: block;
                border-bottom: 0 none;
                height: inherit;
                padding: 0 15px;
            }

            header .secondary-nav .menu li > a,
            header .secondary-nav .menu li.active > a {
                color: #fff !important;
                font-size: 13px!important;
                font-weight: 400;
                line-height: 35px;
            }

                    header .secondary-nav .menu > li.sup,
                    header .secondary-nav .menu > li.sup a {
                        height: auto;
                    }

                    header .secondary-nav .menu li.sup > a,
                    header .secondary-nav .menu li.sup:hover > a  {
                        display: none;
                    }

                    header .secondary-nav .menu .sub-menu  {
                        display: block;
                        background: #fff;
                        position: static;
                        width: auto;
                        margin: 20px 0 0;
                        padding: 0;
                        border: none;
                    }

                    header .secondary-nav .menu .sub-menu li,
                    header .secondary-nav .menu .sub-menu li:hover {
                        background: #a3a3a3;
                    }

                    header .secondary-nav .menu .sub-menu li {
                        margin: 0 0 5px;
                    }

                    header .secondary-nav .menu .sub-menu li:before {
                        display: none;
                    }

                    header .secondary-nav .menu .sub-menu li span,
                    header .secondary-nav .menu .sub-menu li a,
                    header .secondary-nav .menu .sub-menu li a:hover {
                        color: #666;
                        line-height: 35px;
                    }

                    header .secondary-nav .menu .sub-menu li a {
                        font-size: 13px!important;
                    }

    header .logo {
        position: absolute;
        left: 260px;
        top: 50px;
        margin: 10px 0 0 0;
    }

        header .logo a {            
            width: 180px;
            height: 25px;
            display:block;
        }
        header .logo a img {
            height:17px;
        }

            header .product-prices {
                position: absolute;
                right: 20px;
                top: 62px;
                margin: 0;
            }
    header .product-prices:hover {
        border-bottom: 0 none;
    }
        header .product-prices .magnifier {
            margin-top: 0;
        }
        header .product-prices .text {
            display: none;
        }

/*HEADER*/


/*FOOTER*/
footer .container {
    width: auto;
    margin: 0;
    padding: 40px 20px 0 17px;
}

    footer nav {
        display: block;
    }

    footer .grid-4 {
        margin: 30px 0 20px;
    }

    footer nav h4,
    footer nav .footer-title {
        color: #555;
    }

    footer .menu {
        width: auto;
    }
    footer .h-list li a {
        color: #f60;
    }

        footer .copyright-nav li {
            margin-bottom: 10px;
        }

        footer .copyright-nav li:first-child {
            border-right: none;
        }

            footer .copyright-nav li .ui-icons {
                margin-right: 20px;
            }

        footer .copyright-nav .copyright,
        footer .copyright-nav .social {
            display: block;
        }
/*FOOTER*/


.scrollable {
    clear: both;
    float: none !important;
    width: 100% !important;
}

section {
    /*background: url('/WebApplication.UI/Content/img/w640-section-bg.png') repeat-x 0 0 #FFFFFF;*/
    padding: 0 0 0;
}

    section .container {
        background: #FFF;
        width: auto;
        margin: 0;
        padding: 0;
    }

    section .main-slider,
    section .main-image {
        margin: 0 0 20px;
        width: auto;
        line-height: 0;
    }
    #viewport.home section .main-slider {
            height: auto;
        }

    section .main-image img {
        width: 100%;
        height: auto;
    }

    section .main-slider img {
        float: right;
        width: 180%;
        height: auto;
    }


    section .main-slider .description,
    section .main-image .description {
        background: #f60;
        position: static;
        width: 100%;
        height: auto;
        padding: 25px 25px 20px !important;
        font-size: 18px;
        line-height: normal;
        clear: both;
    }

    section .main-slider li:after {
        display: none;
    }

    section .main-slider .description > h2,
    section .main-slider .description > .banner-sub-title {
        width: auto;
        /* padding-left: 10px; */
        font-size: 23px;
        line-height: 26px;
    }

    section .main-image .description a.blue {
        float: none;
    }

    section .main-image .description {
        background: #c09778;
    }
    body.section .main-image .description,
    body.section .main-slider .description {
        background: #adadad;
    }
    body.sub-section .main-image .description,
    body.sub-section .main-slider .description {
        background: #adadad;
    }
    body.detail .main-image .description,
    body.detail .main-slider .description {
        background: #caa58c;
    }

        section .main-slider .description h1,
        section .main-image .description h1,
        section .main-slider .description h3,
        section .main-image .description h3,
        section .main-image .description .banner-title {
            width: auto;
            margin-bottom: 10px;
            /* padding-left: 10px; */
            font-size: 14px;
            line-height: normal;
        }

        section .main-slider .description .banner-title {
           /* padding-left: 10px;*/
        }

        section .main-slider .description > p,
        section .main-slider .description > .third-title {
            font-size: 13px;
            line-height: 17px;
            width: inherit;
        }

        section .main-slider .description > p,
        section .main-image .description > p,
        section .main-image .description > .third-title {
            width: auto;
            /*padding-left: 10px;*/
        }

        section .main-image .fixed {
            position: static;
        }
        section .main-image .fixed .f-right.last {
                    margin-bottom: 10px;
                }
            section .main-slider .f-right {
                    margin-bottom: 10px;
                }

        section .main-slider .ui-buttons,
        section .main-image .ui-buttons {
            margin-right: 0;
        }
            section .main-image .description br {
                /*display:none;*/
                clear: none;
            }
            section .main-image .description br:before, section .main-image .description br:after {
                content: "";
                display:none;
                clear: none;
            }

    section .side-image img {
        width: 100%;
    }

section .content-area,
section .content-area.f-left,
section .content-area.f-right {
    float: none !important;
    width: auto;
    margin: 0 0 20px;
   padding: 0 20px;
/*padding: 0;*/
}

.filter-area strong {
   float: none;
   margin-bottom: 10px;
}

.filter-area .sbHolder {
   width: 100%;
}

.wrapper.full {
   width: auto;
   padding: 15px 10px;
}

   /*WILL DELETED*/
        .wrapper.full .ui-buttons {
            float: none !important;
        }
            .wrapper.full .ui-buttons p,
            .wrapper.full .ui-buttons em {
                width: 93%;
                text-align: center;
            }
        /*WILL DELETED*/

    .wrapper .wrapper-head {
        float: none !important;
    }
        .wrapper .wrapper-head h3 {
            font-size: 18px;
        }

    .wrapper .wrapper-head.small h4 {
      font-size: 16px;
      line-height: 1.2;
    }
    .wrapper .ui-boxes {
        margin: 0 0 20px;
    }

        .wrapper .ui-boxes .h-list li {
            display: block;
            border-right: 0 none;
            margin-right: 0;
            padding-right: 0;
        }

        .wrapper .ui-boxes .more-information {
            margin-left: 26px;
        }

        .wrapper .ui-boxes .more-information .ui-arrows {
            float: none;
        }

        .ui-boxes.announcements p.item {
            height: auto;
            margin-bottom: 20px;
        }

        .ui-boxes.h3:not(.h-fixed) {
          height: auto;
        }
            .ui-boxes.h3:not(.h-fixed) a.ui-buttons.small {
              position: static;
              margin: 10px 18px 15px;
            }
            .ui-boxes.h3.h-fixed a.ui-buttons.small {
              position: absolute;
              margin: 0;
              left: 10px;
              right: 10px;
              width: auto;
            }

.ui-boxes.newsfeed .ui-boxes-wrap {
    display: table;
    border:0;
}
    .ui-boxes.newsfeed .inner {
        display: table-cell;
        min-height: 35px;
        vertical-align: middle;
        padding-left: 20px;
    }
    .ui-boxes.newsfeed .inner p span,
    .ui-boxes.newsfeed .inner a {
        display: block;
    }
    .ui-boxes.newsfeed .inner a {
        margin-top: 5px;
    }
    .ui-boxes.newsfeed .inner span {
        margin-bottom: 5px;
    }

.ui-boxes.result-box .box-bottom {
    margin-top: 40px;
}


.wrapper.boxes .wrapper-head h4 {
    font-size: 18px;
    line-height: 30px;
    display: block;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
    .wrapper.boxes .wrapper-head h4 em {
        width: auto;
        font-size: 17px;
        line-height: 22px;
    }
    .wrapper.boxes .wrapper-head span {
        display: block;
        clear: both;
        float: none;
        line-height: 20px;
    }
        .wrapper.boxes .wrapper-head h4 + span {
            font-size: 14px;
            line-height: 1em;
        }

    .wrapper.boxes .market-info .box-content .ui-icons {
        margin-right: 10px;
    }

.wrapper.accordion img {
    /*width: 100%;*/
    height: auto;
}

.wrapper.article {
    padding: 0;
}

    .wrapper.article .wrapper-head h4,
    .wrapper.article .wrapper-head h2 {
        font-size: 24px;
        padding-left: 20px;
    }

    .wrapper.article > .highlighted,
    .wrapper.article > p {
        margin: 0 0 10px;
    }

    .wrapper .highlighted {
        font-size: 15px;
    }

    .wrapper.features .wrapper-content h4,
    .wrapper.features .wrapper-content .title {
        display: block;
        padding: 0 10px 10px;
        font-size: 18px;
        line-height: normal;
    }

    .wrapper.features .wrapper-content img {
        float: none;
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .wrapper.features .wrapper-content p {
        float: none;
        width: auto;
        padding: 0 10px 10px;
    }

    .wrapper.downloads .wrapper-content .ui-buttons {
        clear: both;
        float: left;
        margin-left: -10px;
        padding-right: 0;
    }

    .wrapper.downloads .wrapper-content .ui-arrows {
        float: left;
    }

    .wrapper.bar {
        height: auto;
        background-image: none;
        padding: 0 0 15px;
        background: transparent;
    }

        .branch-boxes .ui-boxes,
        .branch-boxes .wrapper-content {
            height: auto !important;
        }
        .wrapper.branch-boxes .item label {
            float: left;
            width: 25%;
            font-weight: bold;
        }
        .wrapper.branch-boxes .item p {
            float: left;
            width: 75%;
        }

    #locatorCanvas {
        height: 420px;
    }
    .wrapper.switch.map iframe,
    #locatorCanvas {
        width: 100% !important;
    }
    .wrapper.switch.map iframe {
        height: 205px;
    }
    .maps-infoBox {
        max-width: 240px;
    }

    .maps-infoBox .box-content {
        height: auto;
    }

            .wrapper.summary .wrapper-content table td,
            .wrapper.summary .wrapper-content table tr:last-child td {
                display: block;
                padding-bottom: 0;
                color: #999;
                font-style: italic;
            }
            .wrapper.summary .wrapper-content table tr td:last-child {
                padding-bottom: 20px;
                color: #666;
                font-style: normal;
            }
            .wrapper.summary .wrapper-content table tr:last-child td:last-child {
                padding-bottom: 0;
            }

                /* CSS Responsive Tables */
                table.has-css-responsive, table.has-css-responsive thead, table.has-css-responsive tbody,
                table.has-css-responsive th, table.has-css-responsive td, table.has-css-responsive tr {
                    display: block;
                }
                table.has-css-responsive thead tr {
                    position: absolute;
                    top: -9999em;
                    left: -9999em;
                }
                table.has-css-responsive { border: none; }
                table.has-css-responsive tr { border: 1px solid #ccc; margin: 3px 0; }
                table.has-css-responsive tr:nth-of-type(2n) { background: #f4f4f4; }
                table.has-css-responsive td {
                    position: relative;
                    padding-left: 50%;
                }
                table.has-css-responsive td:before {
                    position: absolute;
                    top: 2px;
                    left: 6px;
                    width: 45%;
                    padding-right: 10px;
                    white-space: nowrap;
                    font-weight: bold;
                }
                table.has-css-responsive.label-can-wrap td:before {
                    white-space: normal ;
                }
                table.has-css-responsive.label-small td:before {
                    padding-top:10px;
                    width: 35%;
                    white-space: normal;
                    line-height: 14px;
                }
                table.has-css-responsive.label-small td {
                    min-height:50px;
                    padding-left: 40%;
                }
                table.has-css-responsive .col  input[type=text]{margin-top:-10px;}
                table.has-css-responsive .col .spanCurrencyNameClass{margin-top:2px;}

.content-box.p-v60,.content-box.p-v90,.content-box.p-v120 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

section .side-area {
    float: none !important;
    width: auto;
    margin: 0 20px 20px 20px;
}
    section .side-area .w100pct {
        min-height: 0;
    }

    .side-area .wrapper.boxes .wrapper-head h4 {
        line-height: 50px;
    }
    .side-area .wrapper.boxes .box-head h4 {
        font-size: 21px;
    }

.breadcrumbs .ui-buttons,
.breadcrumbs .ui-buttons.small  {
    float: left;
    margin-bottom: 10px;
}
.breadcrumbs .home {
    margin-bottom: 20px;
}

.sbHolder {
    display: block;
    width: auto;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

a.sbSelector {
    background: transparent;
    border-right: none;
}

.summary-box .header {
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.summary-box .header .main-header {
  float: none;
  font-size: 16px;
}

.summary-box .header .sub-header {
  float: none;
  font-size: 16px;
}

.border-box {
  border-width: 1px;
}

.border-box.compact {
  padding: 0;
}

.border-box.fill {
  height: auto;
}

.border-box.mobile-fill {
  border: 0;
  background: #f4f4f4;
}
.border-box.mobile-fill .border-1 {
    border-top-color: #f4f4f4;
    border-width: 9px;
    left: 50%;
    margin-left: -9px;
}
.border-box.mobile-fill .border-2 {
  display: none;

}
.border-box .info-text {
  margin: 20px 0;
  padding: 10px 20px;
  font-size: 14px;
}
    .border-box .info-text:before,
    .border-box .info-text:after {
        left: 11%;
    }

.range-list {
    margin: 0;
    font-size: 12px;
}
.range-list li {
    margin: 0 0 0 1% !important;
    width: 24%;
}
    .range-list li:first-child {
        margin-left: 0 !important;
    }
.range-list a {
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 11px;
}
.range-list .active {
    transform: none;
}


.slider-box, .slider-box.modify {
  margin: 0 0 10px;
  padding: 0;
}

.slider-box .textbox {
  width: 100% !important;
}


.slider-box .form-element {
  padding-right: 0;
}

.loan-info {
  border-bottom: 1px solid #f4f4f4;
  float: none;
  padding: 10px;
  text-align: left;
}

.summary-list {
  float: none;
}

.summary-list li {
  float: none;
  border-right: 0;
  border-bottom: 1px solid #f4f4f4;
  text-align: left;
  padding: 10px;
  margin: 0;
  width: auto;
}

.summary-list li strong {
  display: inline-block;
  margin-left: 10px;
}

.summary-list .last {
  padding: 10px;
}

.full-list {
  display: block;
}

.apply-box {
  margin: 0 0 10px;
}

.apply-box .text {
  width: auto;
}

.apply-box .border-box {
  margin: 0 0 10px;
}

.apply-box .action {
  position: static;
  top: auto;
  right: auto;
}

.apply-box .action .w2 {
  width: auto !important;
}

.apply-list li {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
}

.apply-list li:nth-child(1):nth-last-child(1) {
    width: 100%;
}

.apply-list li:nth-child(1):nth-last-child(2),
.apply-list li:nth-child(2):nth-last-child(1) {
    width: 49%;
}

.apply-list li:nth-child(1):nth-last-child(3),
.apply-list li:nth-child(2):nth-last-child(2),
.apply-list li:nth-child(3):nth-last-child(1) {
    width: 33%;
}

.apply-list li:nth-child(1):nth-last-child(4),
.apply-list li:nth-child(2):nth-last-child(3),
.apply-list li:nth-child(3):nth-last-child(2),
.apply-list li:nth-child(4):nth-last-child(1) {
    width: 25%;
}

.apply-list li strong {
  display: block;
  font-size: 12px;
}

.apply-box .action.result {
    line-height: 21px;
}
.apply-box .action .ui-buttons {
  margin-right: 0;
}

.apply-list.island li {
  text-align: left;
}

.apply-list.island li strong {
  display: inline;
}


/* info list { */

.info-list {
  margin: 0 0 15px;
}

.info-list li a {
  padding: 10px;
}

.info-list,
.info-list .head {
  font-size: 12px;
}

.info-list .item {
  margin: 0 0 5px;
}

.info-list .head .header {
  width: 51%;
  margin-right: 3%;
}

.info-list .head-full .header {
  width: 100%;
  margin-right: 0;
}

.info-list .head-small .header {
  font: bold 12px/18px arial, helvetica, sans-serif;
}

.info-list .head .value {
  font-weight: bold;
  width: 46%;
  text-align: right;
}

.info-list .description .last {

  text-align: left;

}

.info-list .description small {
  display: block;
  margin-top: 3px;
}

/* info list } */

.tab-commands .f-right + .f-left { position: static; }

.responsive-table .row {
  color: #161616;
  border: 1px solid #e4e4e4;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 5px;
}

.responsive-table .odd {
  background: #f4f4f4;
}

.responsive-table .summary {
  font-weight: bold;
  border-bottom: 1px solid #e4e4e4;
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.responsive-table .summary small {
  color: #666;
  font-size: 12px;
  font-weight: normal;
  display: block;
  margin: 5px 0 0;
}

.responsive-table .summary .col-1,
.responsive-table .summary .col-2 {
  float: left;
  width: 50%;
}

.responsive-table .col-2 {
  text-align: right;
}

.responsive-table .description {
  color: #666;
}

.responsive-table .description small {
  display: block;
}

.responsive-table .description-list {
  color: #666;
  font-weight: normal;
  font-size: 11px;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.responsive-table .description-list li {
  border-bottom: 1px dashed #dedede;
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.responsive-table .odd .description-list li {
  border-color: #d5d5d5;
}

.responsive-table .description-list .last {
  margin: 0;
  border: 0;
}

.responsive-table .description-list h6 {
  font-weight: normal;
  font-style: italic;
}

.responsive-table .actions {
  text-align: center;
}

.responsive-table .actions > a {
  display: block;
  margin-right: 0;
  margin-left: 0;
  border: 0;
}

.table-partners {}
    .table-partners span {
        padding: 0 !important;
        border: 0 !important;
    }
    .table-partners thead,
    .table-partners tbody{
        float: left;
    }
    .table-partners tr {
        display: block;
        padding: 0 5%;
    }
    .table-partners thead,
    .table-partners tbody {
        display: block;
    }
    .table-partners thead {
        width: 40% !important;
    }
    .table-partners tbody {
        width: 59.5% !important;
    }
    .table-partners tbody tr {
        width: 65%;
        float: left;
    }
    .table-partners tbody tr.w640 {
        text-align: center;
        width: 14.4%;
    }
    .table-partners thead th,
    .table-partners tbody td {
        padding: 4.4% 0;
        display: block;
        border-top: 1px solid #ccc;
        border-bottom: 0;
        line-height: 20px;
        overflow: hidden;
    }
        .table-partners tbody td {
            text-align: center;
            width: auto !important;
        }

        .table-partners tbody td .ui-checkbox {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }

    .table-partners thead th:first-child,
    .table-partners tbody td:first-child {
        border-top: 0;
    }
    .table-partners thead,
    .table-partners tbody tr:first-child{
        border-right: 1px solid #ccc;
    }

.table-partners table + table {
    border-top: none;
}
.table-partners table + table thead {
    display: block;
    border-top: none;
}

/* Site Map */
.sitemap section, .sitemap .group {
    margin-left: 0 !important;
    width: 100% !important;
}

/*SPESIFIC STYLES*/
#viewport.article section .content-area {
    float: none;
    width: auto;
    margin: 0;
}

#viewport.article section .side-area {
    display: none;
}

.has-phone-number *, .has-phone-number *:hover {
    font-size: inherit !important;
    font-style: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    border: none !important;
}


/* logout-bar */
body.warning-bar #viewport {
    margin-top: 64px;
}
    body.warning-bar.logged-out #viewport {
        margin-top: 49px;
    }
#login-bar {
    overflow: hidden;
    padding: 0 10px
}
#login-bar.logged-out {
    height: 39px;
}
#login-bar, #viewport, #login-bar * {
    -webkit-transition: color 0.5s, margin 0.3s;
    -moz-transition: color 0.5s, margin 0.3s;
    transition: color 0.5s, margin 0.3s;
}
    #login-bar .container > div {
        margin-right: 2%;
        width: 49%;
        line-height:30px !important;
        font-size: 12px;
    }
    #login-bar .container > div:not(.hseperator) + div {
        margin-right: 0;
        width: 49%;
        text-align: right;
    }
    #login-bar div.remaining {
        margin-top: 0;
    }
    #login-bar .ui-bar-icons {
        margin-top: 7px;
        vertical-align: middle;
    }
    #login-bar .ui-bar-icons.remaining {
        float: none;
        margin-right: 5px;
        margin-top: -5px;
    }
    #login-bar .hseperator {
        display: inline-block;
        background: url(/WebApplication.UI/Content/img/ui-layouts.png?v=14122016) no-repeat center -450px;
        width: 100% !important;
        height: 3px;
        margin: 0 !important;
    }


#whatsnew.tinytip {
    position: absolute;
    top: 53px;
    right: 20px;
    width: 220px;
    padding: 15px;
}
    #whatsnew.tinytip .arrow {
        background-position: 0 -10px;
        left: 165px;
        right: -8px;
        top: -9px;
    }
#addToHome.tinytip {
    display: block;
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: -128px;
    width: 220px;
    padding: 15px;
}
    #addToHome.tinytip .arrow {
        background-position: 0 -61px;
        left: 50%;
        right: auto;
        bottom: -9px;
        margin-left: -8px;
        top:auto;
    }

.widgets { display: block; }
.widgets .widget { display: block; float: none; width: 100% !important; height: auto; }
.widgets .widget .footer { position: static; margin-top: 10px; }


.editwidgets .widgets { display: block; width: 297px; margin: auto; }
.editwidgets .widgets .widget { display: block; float: none; width: 100% !important; height: auto;background-repeat: no-repeat!important; }


/* Investor Table */
.ui-tables.table-investor .centered-inputs {
    position: static;
    top: 0;
    margin-top: 0;
}

    table.ui-tables.table-investor tr {
        margin-bottom: 20px;
        padding: 0;
    }
    table.ui-tables.table-investor td {
        margin: 0;
        padding: 10px;
        border-top: 1px solid #e4e4e4;
        line-height: 27px;
    }
        .ui-tables.table-investor td:first-child {
            width: auto;
            padding-left: 10px;
            padding-right: 10px;
            border-top: none;
            border-left: none; /*1px solid #e4e4e4;*/
            text-align: left;
        }
    .ui-tables.table-investor .label {
        width: 75%;
    }
        .ui-tables.table-investor .label > * {
            display: inline-block;
            line-height: 140%;
        }
    .ui-tables.table-investor .value {
        text-align: center !important;
        border-left: 1px solid #e4e4e4;
        width: 25%;
    }
        .ui-tables.table-investor td .value > p {
            width: 92%;
        }
        .ui-tables.table-investor td .value > span {
            width: 3%;
        }
    .ui-tables.table-investor td:first-child .value {
        display: block;
        width: auto;
        text-align: left !important;
        float: none;
        overflow: hidden;
    }
    .ui-tables.table-investor td + td {
        border-left: none;
    }
        .ui-tables.table-investor td + td .value {
            border-left: 1px solid #e4e4e4;
        }

.ui-boxes .box-content .box-bottom a.blue {
    float: none;
    margin-right: 0;
}

.ui-boxes .box-content .box-bottom .ui-buttons {
    text-align: center;
}

.ui-boxes .box-content .box-bottom .ui-buttons span,
.ui-boxes .box-content .box-bottom .ui-buttons p {
    display: inline-block;
    float: none;
}

.main-slider .description .fixed {
    width: 100%;
}

.main-slider .description a.blue {
    float: none;
}

#side header .primary-nav .h-list {
    float: none;
    margin-bottom: 17px;
}

#side header .primary-nav .h-list li .ui-icons.s26x26.profile {
    background-position: -110px -660px;
    width: 21px;
    height: 21px;
    margin-top: 5px;
}

#side header .primary-nav .h-list li {
    width: 100%;
    border-radius: 0;
    border-right: none;
    border-bottom: 1px solid #bdbdbd;
    padding-left: 5px;
    background: transparent;
}

#side header .primary-nav .h-list li a {
    color: #f60;
    line-height: 33px;
}

#side header .primary-nav .h-list li:before {
    display: none;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes {
    width: 100%;
}
.content-area.full .boxes .wrapper-content .group .ui-boxes.calculating-tools {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-right: none;
    border-left: none;
    padding: 4px 0;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes.knowledge-base {
    padding: 0;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes.knowledge-base .box-content ul.v-list li{
    margin-left: 5px;
}

section .main-slider li:before {
    display: none;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes.calculating-tools .box-content .item {
    padding: 5px 18px 35px 0;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes.market-info {
    padding-bottom: 10px;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes .box-head {
    padding-left: 0;
}

.market-info .box-content .item {
    padding-left: 0;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes.gray {
    margin-right: 0;
    margin-bottom: 20px;
}

/*
.wrapper .wrapper-content .group .ui-boxes.gray .box-head h4 {
    margin-left: 20px;
}
*/
.content-area.full .boxes .wrapper-content .group .ui-boxes.gray {
    padding-bottom: 30px;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes.gray .box-content .box-bottom {
    float: right;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes.gray .box-content .box-bottom .ui-buttons {
    display: inline;
    margin-right: 0;
}

.wrapper.branch-boxes .box-content {
    height: 100%;
}

a.sbSelector {
    background: transparent;
    border-right: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ui-boxes-confirmation {
    padding: 10px 18px;
}

.ui-boxes-confirmation .title {
    line-height: 24px;
    margin-bottom: 20px;
    width: 100%;
    display: inline-flex;
}
.ui-boxes-confirmation .orange-blank {
    width: 100%;
    line-height: 30px;
    margin-top: 10px;
}

.ui-combobox-input {
    height: 40px;
}

.ui-combobox {
    width:100%;
}

.sbHolder.small {
    height: 40px;
}

.wrapper.g-bg .ui-buttons.blank,
.wrapper.g-bg .ui-buttons.blue {
    width: 100%;
}

.wrapper.g-bg .ui-buttons.blue p {
    float: none;
}

.wrapper.g-bg .ui-buttons.blue .ui-arrows.blue {
    float: none;
}

.wrapper.article.narrow h1,
.wrapper.article.narrow .narrow-title {
    margin: 30px 0 40px 0 !important;
}

.wrapper.article h1,
.wrapper.article .page-title {
    padding: 0 20px;
    line-height: 34px;
    font-size: 19px;
    margin-bottom: 10px;
}
.top-bar {
    border-bottom: 1px solid #e3e4e8;
}

.wrapper.accordion > .wrapper-head h5,
.wrapper.accordion > .wrapper-head .accordion-title {
    font-size: 14px;
    padding: 0;
    font-weight: 700;
}

.wrapper.accordion > .wrapper-head .toggle {
    background-position: -51px -8px;
    height: 12px;
    width: 12px;
}

.wrapper.accordion.active > .wrapper-head .toggle  {
    background-position: -88px -11px;
}

section .side-area .knowledge-base .box-head h5 {
    font-size: 17px;
}

section .side-area a {
    font-size: 13px;
}

.side-area .ui-boxes.knowledge-base .box-content li:before {
    background-position: -51px -8px;
    top: 7px;
}

.ui-boxes.knowledge-base .box-content li {
    font-size: 13px;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes.calculating-tools .box-content span {
    font-size: 15px;
}

.content-area.full .boxes .wrapper-content .group .ui-boxes.last .box-content a {
    font-size: 13px;
}

.wrapper.article > p,
.detail-spot {
    font-size: 13px;
}

.deepnote {
    font-size: 10px;
}

/*
.wrapper h4 {
    font-size: 16.5px;
}
*/
.wrapper h2 {
    font-size: 19px;
    margin-bottom: 10px;
    display: block;
}

.wrapper.g-bg .ui-buttons p {
    line-height: 38px;
}

section .wrapper .list-large-point li {
    font-size: 12px;
}

section .main-image .description > h3,
section .main-image .description > .banner-title {
    font-size: 23px;
    padding-left: 0;
    margin-bottom: 10px;
    line-height: 26px;
    font-weight: 400;
}

section .main-image .description > p {
    font-size: 13px;
    line-height: 17px;
    font-weight: 300;
}

input.dp-active {
    /*
    background: url(/WebApplication.UI/Content/plugins/jquery-datepicker/mobile-calendar.png) no-repeat right 8px top 10px !important;
    height: 16px !important;
    width: 16px !important;
*/
}

.market-info .box-head {
    font-size: 12px;
}

.wrapper .wrapper-content .ui-buttons em {
    font-size: 13px;
}

.content-area .boxes .wrapper-content .group .result-box .box-bottom .ui-buttons.small.blank {
    padding-right: 0;
    margin-right: 0;
    float: none;
}

.m-r7 {
    margin-right: 13px;
}

#viewport #page .page-title {
    /*padding: 0 20px;*/
    line-height: 34px;
    font-size: 19px;
    margin-bottom: 10px;
}

#viewport #page .aside-title {
    margin-bottom: 0;
}

section .wrapper.article .list-title {
    padding: 0;
    font-size: 14px;
}



.fb-documents-pp {
    padding: 30px 15px 15px !important;
}

.fb-documents-pp .fancybox-close {
    right: 10px;
    top: 10px;
}

.wrapper.state-nav {
    padding-top: 15px;
}

.wrapper.article.scroll-text-area {
    padding: 0;
    max-height: 53vw;
}

.wrapper.state-nav.stepped .state {
    width: 25px;
}
.wrapper.state-nav.stepped .state.active.complete {
    margin-right: 8px;
    margin-top: 10px;
}
.wrapper.state-nav.stepped .state .name {
    line-height: 1.1;
    font-size: 0;
    text-indent: -9999px;
}
.wrapper.state-nav.stepped .state .name:before {
    background-position: -40px -60px;
    width: 20px;
    height: 19px;
    margin-bottom: 3px;
}
.wrapper.state-nav.stepped .state .no {
    font-size: 14px;
    margin:11px 0;
}
.wrapper.state-nav.stepped .arrow {
    background-position: -210px -375px;
    width: 9px;
    height: 18px;
    margin: 12px 0;
}


/* Landing Page Widget */

#viewport section .main-image .tab-widget-container {
    padding: 0 !important;
}

section .tab-widget-container .tab-widget .widget-title {
    font-size: 18px;
    padding-left: 0;
}

section .tab-widget-container .tab-widget .ui-form {
    width: 100%;
}

section .tab-widget-container .tab-widget .ui-form .form-element label {
    font-size: 13px;
    line-height: 20px;
}

section .tab-widget-container .tab-widget .ui-form .widget-list li {
    width: 25%;
}

section .tab-widget-container .tab-widget .ui-form .widget-list li.item a {
    font-size: 12px;
    width: 100%;
}

section .tab-widget-container .tab-widget .ui-form .widget-list li:first-child {
    font-size: 14px;
}

section .main-image .tab-widget-container .tab-widget {
    padding: 20px 15px 0 20px;
    width: 100%;
}

section .main-image .tab-widget-container .tab-widget .w50pct {
    width: 48%
}

.tab-content-widget .ui-buttons.small {
    padding: 0 14px 0 15px;
    line-height: 30px;
}

section .tab-widget-container .tab-widget .ui-form .line .ui-buttons {
    margin-top: 20px;
}

.tab-content-widget input[type=number] {
    min-height: 25px !important;
    height: 25px !important;
}
#viewport #page .page-title {
    /* padding: 0 20px; */
    margin-bottom: 10px;
    line-height: 31px;
    font-size: 19px;
}

.lightbox-background {
    padding: 40px 20px 10px 20px!important;
}

.rateme-popup-options {
    top: 100px;
    width: 100%;
    z-index: 1001;
    position: absolute;
}
.rateme-popup-innerframe {
    top: 10%;
    width: 93%;
    z-index: 1001;
    position: fixed;
    margin: 4%;
    bottom: 45%;
}
.rateme-popup-innerframe .ui-boxes {
    max-width: 450px;
    margin-left: auto!important;
    margin-right: auto!important;
    display: block;
}
.rate-me-popup textarea {
    width: 100%!important;
    max-width: 276px;
}
.rate-me-popup .button_container {
    width:100%;
    max-width: 276px;
    margin:auto;
}
.rate-me-popup ul.rates, .rate-me .GuideText, .rate-me-popup .GuideText {
    width:100%;
    max-width: 276px;
}
.rate-me ul.rates {
    width: 91%;
}
.rate-me ul.rates li {
    float: left;
    width: 7%;
    text-align: center;
    margin-left: 0;
    margin-right: 5px;
}
.rate-me-popup ul.rates li {
    float: left;
    width: 20.0%;
    text-align: center;
    margin-left: 0;
}
.ui-icons.s37x38.background.new.topMenu a {
    padding-left:7px!important;
}
.ui-icons.s37x38.background.new.topMenu {
    height:40px!important;
}

#ForeCastChart {
    height:355px!important;
}

.ForeCast-ChartTotalLimit, .ForeCast-CurrentAmount, .ForeCast-PredictedAmount {
    padding-top: 17px;
    line-height: 1.4;
    height: 52px;
    margin-top: 12px;
    padding: 17px 10px 14px 55px;
}

.detail-box {
    float: none !important;
    width: auto !important;
}

.detail-box-content {
    height: auto !important;
}

.btn-continue {
    margin-left: 0 !important;
}

/* Document Redirect Page Start */
.drpage-frame160 {
    display: grid !important;
    align-items: flex-start !important;
    gap: 20px !important;
    margin-top: 0px !important;
}

.groupRectangle {
    width: 100% !important;
}

#PaymentPanel > div > svg {
    margin-top: 3% !important;
    margin-right: 2%;
}

.drpage-header-img {
    display: flex;
    align-items: center;
    margin-top: 45px;
}

.drpage-seperator {
    margin: 16px 0;
}

.drpage-header-content {
    margin-bottom: 20px;
}

/* Document Redirect Page End */
.w640-inline-button {
    margin-top: 60px !important;
    margin-left: 0px !important;
    clear: both !important;
}

#login-bar {
    position: fixed !important;
}

.m-r2 {
    margin-right: 2px !important;
}


.slim .ui-form label.title, .slim .ui-form div.title, .slim .ui-form h3.section {
    width:inherit!important;
}

.widgets table .col {
   margin: auto;
}

.ui-form .form-element .ui-checkbox + label {
    margin-left: 28px!important;
}
.ui-form .title .jCheckbox, .ui-form .title .jRadiobox, .ui-form .form-element .jCheckbox, .ui-form .form-element .jRadiobox {
    margin-right:5px!important;
}

.fxtrader-section .fxtrader-amoout .ui-form input.text.xxsmall.w640-fixed {
        width: 25px!important;
}

.fancybox-inner .w640-w-auto{width:inherit!important;}

/*Orange*/
.rule-cats-container  {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width:93%;
    float:left;    
}
.rule-cats {
    white-space: nowrap;
}

/* Responsive Tabs */
.tab-commands{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.tab-commands li a {
  white-space: nowrap;    
}
.tab-commands ul{
  display: inline-flex;
}
.tab-commands-container{
  position: relative;
}
.tab-commands-container:after {
  content: "";
  display: table;
  clear: both;
}
.tab-commands-container::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  width: 60px;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #ffffff, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #ffffff, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.tab-commands-container.is-ended::after{
	display:none!important
}
/*rate-me*/

.rate-me {
    width: 90%;
    right: 5%;
    left: 5%;
    height: 346px;
}
.rate-me .rates, .rate-me .GuideText, .rate-me textarea, .rate-me .button_container {
    width: 90%;
}
.rate-me ul.rates li {
    width: 7%;
}

/*Custom*/
.ui-icons.s37x38.background.new.topMenu {
    padding-top:2px!important;
    top: -14px!important;
}

/*pegasus özel banner*/

.pgs-campaign-o-banner > span {
    width: 55%;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 0;
}

.pgs-campaign-o-banner .minicard {
    margin-left: 15px;
}

.pgs-campaign-o-banner a {
    bottom: 0px;
    right: 0px;
    font-size: 12px;
    position:absolute;
}
.pgs-campaign-o .ing-pg-kart > a {
    font-size: 22px;
    text-align: left;
}

.pgs-campaign-o .ing-pg-kart {
    margin-bottom: 0;
    width: auto;
    min-height: 0;
    text-align: left!important;
    margin-top: 20px;
    border-bottom: 1px solid #e8e8e8!important;
    padding-bottom: 10px;
}

.pgs-campaign-o .ing-pg-kart-550height > a {
    font-size: 22px;
    text-align: left;
}

.pgs-campaign-o .ing-pg-kart-550height {
    margin-bottom: 0;
    width: auto;
    min-height: 0;
    text-align: left!important;
    margin-top: 20px;
    border-bottom: 1px solid #e8e8e8!important;
    padding-bottom: 10px;
}

.pgs-campaign-o .kart-alt {
    position: static;
}

.pgs-campaign-o .kart-alt > span {
    text-align:left!important;
}
.pgs-campaign-o .kart-ozellikleri ul li {
    border-bottom: none;
    margin-bottom: 4px!important;
    line-height: 30px!important;
    margin-left:0!important;
}

.pgs-campaign-o .card {
    background: url(/WebApplication.UI/Content/img/pegasus_icons_mobile.png) no-repeat;
    display: block;
    height: 59px;
    width: 91px;
}
.pgs-campaign-o .card.plus {
        background-position: -70px -79px;
}
.pgs-campaign-o .card.classic-plus {
        background-position: -70px -79px;
}
.pgs-campaign-o .card.premium {
    background-position: -70px -5px;
}
.pgs-campaign-o .kart-ozellikleri {
    padding-left:0!important;
}
header {
    background-image: url('/WebApplication.UI/Content/img/w640-header-bg-online.png');
}
header .logo {
}
    header .logo a {
        /*top: -9px;
        height: 46px;
        */
        margin-top: 0;
    }
.ui-buttons.side-toggle {
    left: 250px;
    padding: 0;
}


/*
header .account-toggle {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #f60 !important;
    padding: 0 17px 4px 15px !important;
}
*/

header .container {
  margin-right: 280px;
}
.account-info .visit-link span {
  color: #f60;
}

.account-info .visit-link:hover span,
.account-info .visit-link:active span {
  color: #ff9100;
}

.main-content {
  padding: 15px 10px;
}

.welcome-header {
  font-size: 18px;
  padding: 0;
  margin: 0;
}

.sub-header {
  text-align: left;
  font-size: 19px;
    font-weight: 400;
}

.account-info.logged-out {
  position: absolute;
  width: auto;
  right: 0;
  top: 0;
  padding: 0 15px;
}
    /*Banking Bar*/
    header .online-logout {
        background: #f4f4f4;
        position: absolute;
        left: 240px;
        right: 0;
        top: -162px;
        width: auto;
        height: 110px;
        padding-top: 50px;
        z-index: 1000;
        transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        text-align: center;
    }

  header .online-logout .wrap {
    padding: 0 10px;
  }

  header .online-logout .question-text {
    margin: 0 0 10px;
    font-size: 16px;
    color: #666;
  }
    .account-active .online-logout {
        top: 0;
    }

        .online-logout .account-info .text {
            display: none;
        }

        header .online-logout .close {
            margin: 10px 0;
        }

        header .online-logout .personal,
        header .online-logout .business {
            width: auto;
            margin-left: 10px;
            margin-right: 10px;
        }
    header .banking-text {
      color: #161616;
    }
header .account-info {
    position: static;
    clear: both;
    margin-left: 250px;
    padding: 10px;
    width: 100%;
}

header .logo {
    left: 250px;
    position: relative;
    top: 0;
}

.breadcrumbs {
  margin: 0 0 10px;
  padding: 0 10px;
}

.top-actions {
    float: none;
    padding: 0 10px;
    margin: 0 0 10px;
}

.top-actions .inline-el {
    width: 100%;
    margin: 0 !important;
}

.top-actions .sbHolder {
    width: 100%;
}

.wrapper h5, .wrapper h4, .wrapper h3, .wrapper h2 {
    font-size: 16px;
}

.big-header {
    font-size: 16px !important;
    line-height: 20px !important;
    margin: 0 0 10px;
}

.big-header .link {
    float: right;
    text-decoration: none;
}

.big-header .link:hover {
  text-decoration: none;
}

#page {
    left: 0;
    padding: 0 20px 170px 20px;
    position: relative;
    top: 100px;
}

#viewport.logged-out #page {
    top: 100px;
}

header .secondary-nav {
    float:left !important;
    margin:0;
}

header .side-wrapper,
header .secondary-nav {
    position: relative;
    left: 20px;
    top: -15px;
    clear: both;
}

header .side-wrapper li {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    line-height: 40px;
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
    width: 200px;
    border-right: none;
    padding-right: 0;
}
header .side-wrapper li a {
    color: #3a3a3a;
    display: block;
    line-height: 40px;
}

header .side-wrapper .menu {
    margin-top: 30px;
}

header .side-wrapper li a .ui-icons.s16x16.settings {
    background-position: -116px -630px;
    height: 20px;
    width: 22px;
    margin-top: 10px;
    margin-right: 10px;
}

header .side-wrapper li a .ui-icons.s16x16.home {
       
    background-position: -116px -630px;
    height: 20px;
    width: 22px;
    margin-top: 12px;
    margin-right: 10px;
}

header .side-wrapper li a .ui-icons.s16x16.chat {
    background-position: -176px -630px;
    height: 20px;
    width: 22px;
    margin-top: 12px;
    margin-right: 10px;
}

header .side-wrapper li a .ui-icons.s16x16.edev {
    background-position: -145px -630px;
    height: 20px;
    width: 22px;
    margin-top: 12px;
    margin-right: 10px;
}

header .side-wrapper li.active a .ui-icons.s16x16.settings {
    background-position: -323px -630px!important;
}
header .side-wrapper li.active a .ui-icons.s16x16.chat {
    background-position: -267px -630px!important;
}
header .side-wrapper li.active a .ui-icons.s16x16.edev {
    background-position: -347px -630px!important;
}

    header .side-wrapper li.active a .ui-icons.s16x16.messages {
        background-image: url("/WebApplication.UI/Content/img/mail-s-orange.png");
    }

    header .side-wrapper li a .ui-icons.s16x16.messages {
        background-image: url("/WebApplication.UI/Content/img/mail-s-grey.png");
        height: 20px;
        width: 22px;
        margin-top: 12px;
        margin-right: 5px;
        margin-left: 5px;
    }

header .side-wrapper li.active a {
    color:#f60;
}
header .side-wrapper li:last-child {
    border-bottom: none;
}

section {
    width: auto;
    background-position: 0 -130px;
}

section .main-area {
    background: none;
    width: auto;
    margin: 0;
    padding: 0;
}

section .container {
}

.simple-list,
.simple-dl {
    float: none;
    width: auto;
}

.simple-list .action {
    margin-top: 5px;
}

.simple-dl dt,
.simple-dl dd {
    float: none;
    width: auto;
    text-align: left;
}

.simple-dl dd {
  margin-bottom: 10px;
}

/* confirm pages */

.wrapper.article {
    font-size: 12px;
    line-height: 16px;
}

.wrapper.confirm .info-group {
    margin: 0 0 10px 0;

    /*
    border: 1px solid #e4e4e4;
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    */
}

.wrapper.confirm .group-head {
    /*border-bottom: 1px solid #e4e4e4;*/
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 0;
    padding-bottom: 7px;
}

    .wrapper.confirm .simple-list .group-head {
        text-align: left;
    }
        .wrapper.confirm .group-head h5 {
            font-size: 14px;
            text-align: left;
        }

        .wrapper.confirm h4 {
            font-size: 19px;
            line-height: 28px;
            margin-left: 0;
            margin-bottom: 17px;
        }

    .wrapper.confirm .group-content {
        float: none;
        width: auto;
    }
        .wrapper.confirm ul {
            overflow: hidden;
        }

        .wrapper.confirm li {
            margin-bottom: 10px;
            line-height: 24px;
        }
        .wrapper.confirm li.last {
            margin-bottom: 0;
        }

            .wrapper.confirm .label {
                float: none;
                width: auto;
                font-size: 12px;
            }
            .wrapper.confirm .value {
                float: none;
                width: auto;
                font-size: 12px;
                line-height: 20px;
            }

.summary-box {
    border: none;
}

.summary-box .content-area {
  width: auto;
}

.summary-box .simple-list {
  float: none !important;
  width: 100%;
  margin: 0 0 20px;
}


.summary-box .simple-dl {
  float: none !important;
  width: 100%;
}

.summary-box .side-area {
    width: 100%;
    border-left: none;
}

.summary-box .side-area .arrow {
    background: none;
}

.summary-box .side-area .ui-buttons {
  margin-left: 0;
  margin-right: 0;
}

.login-form {
  padding: 0;
}

.login-box {
  margin: 0 0 20px;
}

.login-box.big,
.login-box.big-tb,
.login-box.mega,
.login-box.mega-tb,
.login-box.mega-tbl {
    padding: 0;
}

    .login-box.big-tb .l-col, .login-box.mega-tb .l-col,
    .login-box.big-tb .m-col, .login-box.mega-tb .m-col,
    .login-box.big-tb .r-col, .login-box.mega-tb .r-col {
        margin: 0 0 10px;
        line-height: normal;
        text-align: left;
    }
    .login-box.big-tb .l-col, .login-box.mega-tb .l-col,
    .login-box.big-tb .r-col, .login-box.mega-tb .r-col {
        text-align: left;
    }

    .login-box .input-tip,
    .ui-form label.small + .form-element .input-tip {
        margin-left: 0;
    }

.arrow-box {
    position: relative;
/*  border: 1px solid #ccc;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 20px;
*/
}


/*
.arrow-box:after,
.arrow-box:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}
.arrow-box:before {
    border-color: rgba(244, 244, 244, 0);
    border-top-color: #ccc;
    border-width: 11px;
    left: 50%;
    margin-left: -11px;
}
*/

.general-table table,
.general-table thead,
.general-table tbody,
.general-table th,
.general-table td,
.general-table tr {
  display: block;
}

.general-table thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.general-table tr {
  position: relative;
}

.general-table td {
  border: 0;
}

.general-table td .col {
  border: 0;
  line-height: 16px;
  padding: 0 10px;
}


.general-table .col-1 {
  padding-top: 15px;
  padding-bottom: 0;
  width: 100%;
}

.general-table .col-1 .col {
  border-bottom: 1px solid #e4e4e4 !important;
  padding: 0 0 10px;
  margin: 0 10px;
}

.general-table .col-3 .col,
.general-table .col-1 .col {
  font-weight: bold;
}

.general-table .col-3 {
  padding: 0;
}

.general-table .col-3 .col {
  font-weight: bold;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  padding: 10px;
}

.general-table .col-2 {
  padding: 15px 0;
}

.general-table .col-2 .col {
  color: #666;
}

.general-table td:before {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 100%;
  padding-right: 10px;
  white-space: nowrap;
}

.general-table .link {
  display: block;
  text-align: center;
  text-decoration: none !important;
}

.info-box {
  border: 1px solid #f4f4f4;
}

.info-box.bordered {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 0;
}

.negative-header {
    line-height: 18px;
    padding: 10px;
}


.negative-header .header {
    width: auto;
    font-size: 16px;
    line-height: 33px;
}

.negative-header .info {
    float: none;
    width: 100%;
    clear: both;
    padding: 10px 0 0;
}

.negative-header .info-label {
    float: none;
    margin-right: 0;
    font-size: 13px;
    padding-left: 42px;
}

.negative-header .info-value {
  font-size: 16px;
}

.show-more {
  margin: 0 0 5px;
}

.h-list-wrapper {
  text-align: center;
}

.h-list-wrapper .h-list {
  display: inline-block;
}

.edit-list-wrap .content-area {
  margin: 0 !important;
}
.edit-list-wrap .sub-header {
  margin-bottom: 15px;
}
.edit-list {
  font-size: 12px;
    margin-bottom: 10px;
}

.edit-list li {
  line-height: 18px;
  margin: 0 0 10px;
}

.edit-list .last {
  margin: 0;
}

.edit-list .action {
  width: auto;
  float: none;
  margin: 10px 0 0;
}

.edit-list .title {
  width: auto !important;
  float: none !important;
}

.edit-list .value {
  width: auto !important;
  float: none !important;
}

.edit-list .has-info .title {
  margin: 0 0 10px;
}

.edit-list .has-info .value {
  position: absolute;
  top: 0;
  right: 5px;
  float: none;
  width: auto;
}

.edit-list .has-info .title .ui-icons {
  float: none;
  display: inline-block;
}

.edit-list .action .ui-buttons {
  display: block;
  margin: 0;
  float: none;
    padding: 0;
}

.edit-list .action a p,
.edit-list li .ui-buttons .ui-icons {
    float: left;
}

.edit-list li .ui-buttons.small {
    height: inherit;
    line-height: inherit;
}

.edit-list ul li {
  margin: 0;
}

.edit-list ul li .value {
  margin: 0;
}

.edit-list .additional {
  display: block;
  margin: 0;
}

.action-box {
  padding: 5px 10px;
}

.action-box .header {
  float: none;
  font-size: 12px;
  margin: 5px;
}

.action-box .action-button {
  margin-right: 0;
}

.table-actions .link-list {
  float: right !important;
  padding: 10px 0 5px;
}

.table-actions .has-radio {
  margin-left: 35px;
}

.table-actions .no-label {
  margin-left: 0;
}
.bottom-link a {
  padding-right: 0 !important;
  padding-left: 0 !important;
  border: 0 !important;
}
.wrapper.accordion.active .wrapper-head h4, .wrapper.accordion .wrapper-head h4 {
  font-size: 17px !important;
}

.bottom-panel .ui-boxes.no-icon .box-head {
  padding: 18px;
}

.bottom-panel .ui-boxes.no-icon .box-head h5 {
    line-height: 18px;
}

.bottom-panel .boxes .f-left.w3 {
    width: 210px !important;
}

footer {
  border-top: 1px solid #e5e4e4;
  padding-top: 15px;
}

footer nav {
    margin: 0;
}

.overlay {
  opacity: 0.3;
  top: -120px;
}

.strength-indicator {
  float: left;
  margin: 5px 0 20px;

  width: 95%;
}

html.fb-offers .buttons.inline-block {
    display: block !important;
}
html.fb-offers .buttons.inline-block > .ui-buttons {
    margin: 10px 0 !important;
}


.ui-boxes.offer-box {
}
    .ui-boxes.offer-box .header {
    }
    .ui-boxes.offer-box .subheader {
    }
    .ui-boxes.offer-box .box-content {
    }
    .ui-boxes.offer-box img.f-left,
    .ui-boxes.offer-box img.f-right {
        margin: 0;
        float: none !important;
        display: block;
        width: 100%;
        height: auto;
    }
    .ui-boxes.offer-box .buttons {
        margin-top: 20px;
        position: static;
    }
    .ui-boxes.offer-box .buttons-right {
        position: static;
    }

.suggestions .ui-boxes {
    padding-bottom: 0;
    margin-bottom: 20px;
    min-height: 0 !important;
}
    .suggestions .ui-boxes .w100pct {
        padding-bottom: 0;
    }
    .suggestions .ui-boxes .ui-buttons {
        position: static;
        left: auto;
        bottom: auto;
        margin: 40px 0 0 0;
    }
    .suggestion { margin-bottom: 20px; }
        .suggestion .image { margin: 0 auto !important; display: block; max-width: 100%; width: 100%; float: none !important; }
        .suggestion .ui-buttons { margin: 20px 0 0 0 !important; }
        .suggestion .fixed { position: static; bottom: auto; left: auto; }
        .suggestion .description { padding: 0; }

/* Help Center */
.help-center {
}
    #page .help-center .form-element {
        margin-top: 0;
        width: auto !important;
    }
    .help-center .form-element .ui-buttons {
        margin-right: 0;
    }
    .help-center .ui-boxes {
        /*display: block;*/
        float: none;
        margin-left: 0;
        min-width: 0;
    }
    .help-center .ui-boxes.m-l20 {
        margin-left: 0 !important;
    }
    .help-center .form-element .ui-boxes:not(.box-indent) {
        margin-left: -20px !important;
    }
    .help-center .form-element .form-element .ui-boxes:not(.box-indent) {
        margin-left: -40px !important;
    }
        .help-center .form-element .form-element .form-element .ui-boxes:not(.box-indent) {
            margin-left: -60px !important;
        }
        .help-center .ui-boxes .inner > * + * {
            margin-left: 0 !important;
        }
        .help-center .ui-boxes .inner.action-box {
            margin: 0;
        }
            .help-center .ui-boxes .inner.action-box .header {
                line-height: 2;
            }

/* Live Chat */
.livechat { right: 20px; }
    .livechat .header { height: 25px; width: 25px; padding: 5px; }
        .livechat .header .actions { margin-top: 12px; display: none; }


.livechat.open { top:auto; left: 0; right: 0; bottom: 0; width: auto; max-height: 85%; min-height: 280px; }
    .livechat.open .header { width: auto; height: auto; }
        .livechat.open .header .actions { display: block; }
    .livechat.open .content { padding: 20px; }
    .livechat.open input, .livechat.maximized .textarea { padding: 2% 3% !important; width: 93% !important; }
.livechat.active input.inline-el { margin:0; }

.livechat .textarea.big { height: 200px; }

.tooltip-mini.w4 { width: 99% !important; }

@media screen and (orientation:landscape) {
    .livechat.open { min-height: 210px; }
    .livechat.open .content { padding: 10px; }
    .livechat .textarea.big { height: 40px; }
}

/* Footer Last Login */
.lastLogin { }
    .lastLogin span { float: none; border: none; display: block; line-height: 1.75em; }


.mail-orange.has-count em {
    right: -7px;
    top: -7px;
}

.ui-icons.side {
    margin: 10px 3px 4px 4px !important;
}

/*
.infoline-action .account-toggle p {
    color: #fff;
    font-size: 10px;
}

header .bar .infoline-action .account-toggle .ui-arrows {
    background-position: -425px -289px ;
    width: 4px;
    height: 6px;
    margin-right: 0;
}


header .bar .infoline-action .ui-buttons {
    height: 20px;
    line-height: 20px;
}

header .bar .infoline-action .ui-buttons p {
    line-height: 20px;
}
*/

.tab-commands li:first-child a {
    margin-left: 0;
}

.tab-commands .ui-arrows {
    background-position: -345px -270px ;
    height: 9px;
    width: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.tab-commands li a {
    margin: 0 8px;
}

.ui-buttons .ui-arrows.orange-white.bottom {
    background-position: -51px -5px !important;
}
.wrapper .highlighted {
    font-size: 14px;
}

.callcenter .box-bottom {
    position: relative;
    right: inherit;
    bottom: inherit;
    margin: 20px 15px;
}

.lastLogin {
    text-align: left;
}

.ui-buttons.small.iconic .ui-arrows {
    margin: 6px 0 0 12px;
}

header:before {
    height: 38px;
}

header .secondary-nav .menu li > a,
header .secondary-nav .menu li.active > a {
    font-size: 13px;
}

.tab-commands li a {
    font-size: 13px;
}

.ui-buttons.side-toggle {
    top: 2px;
}

section .side-area {
    margin: 0 0 20px 0;
}

section .content-area {
    padding: 0;
    margin: 0 0 30px;
}

section .content-area.f-right.omega {
    padding: 0;
}

.link-list li {
    padding: 0;
    margin: 0;
}
.ui-icons.s35x34.tick + h5 {
    display: flex;
    padding-left: 10px;
    float: none;
    font-size: 16px;
}

section .side-area p {
    font-size: 14px;
    line-height: 21px;
}

.link-list li a {
    font-size: 12px;
}

.top-bar {
    border-bottom: none;
}

.edit-list .has-info .ui-icons.s28x28.info {
    background-position: 0 -120px;
    height: 18px;
    margin-left: 5px;
}

section .main-image {
    margin: 0 -20px 20px;
}

.wrapper.article h1 {
    padding: 0;
}

.callcenter .box-bottom .ui-buttons.small .ui-arrows.small {
    background-position: -209px -165px;
}

.horizontal-center-wrap .ui-arrows.small.orange-white.bottom {
    background-position: -51px -5px !important;
}

section .main-image .description h3 {
    font-size: 23px;
}

section .main-image .description > p {
    font-size: 13px;
}

.content-area .wrapper.boxes {
    margin-top: 25px;
}

.wrapper.article > p.fs-14 {
    font-size: 12px !important;
}

.infoline-action {
    position: absolute;
    right: 10px;
    top: 6px;
    margin-top: 0;
}

.infoline-action .ui-buttons {
    height: 23px;
    line-height: 15px;
    margin-top: 0;
}

.infoline-action .ui-buttons > p {
    font-size: 10px;
    line-height: 20px;
}

.infoline-action .ui-buttons .ui-arrows {
    background-position: -425px -288px;
    width: 4px;
    height: 8px;
}

.content-area .wrapper.confirm .info-group {
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 12px;
}

.side-area .main-content {
    padding: 0;
    min-height: 100%;
}

.link-list.non-border {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.link-list.non-border li {
    width: 100%;
}

.link-list.non-border li a.button {
    padding: 0 0 0 15px;
}

.summary-box .content-area .main-content .content .simple-list {

}

.summary-box .content-area .main-content .content .simple-list li {
    margin-bottom: 0;
}

.summary-box .content-area .main-content .content .simple-list li.action {
    margin-top: 0;
}

.summary-box .content-area .main-content .content .simple-dl dt,
.summary-box .content-area .main-content .content .simple-dl dd {
    width: 50%;
    float: left;
}

.summary-box .content-area .main-content .content .simple-dl {
    width: 100%;
}

.summary-box .content-area .main-content .content .simple-dl dd {
    text-align: right;
}
.content-area .main-content {
    padding: 17px 0 27px 0;
}

.ui-boxes .box-content ul.activities {
    margin-left: 0;
}

.ui-boxes .box-content ul.activities .ui-buttons.blue p {
    color: #fff;
}

.loan-detail-box {
    width: inherit;
}




. .desktop {
    display: none;
}

.mobile {
    display: block;
}

.top-title {
    font-family: INGMe;
    font-size: 24px;
    margin-left: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ff6701;
    margin-top: 43px;
}

    .top-title.special-offer {
        margin-top: 40px;
        margin-left: 20px;
    }

.top-title-2 {
    font-family: INGMe;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    margin-left: 21px;
}

.box-bordered-radius {
    clear: both;
    width: 88%;
    margin: 6px 0 0 20px;
}

.dropdown {
    width: 88%;
    height: auto;
    margin-bottom: 26px;
    padding: 12px 20px 12px 11px;
    border-radius: 4px;
    border: solid 1px #e1e1e1;
    background-color: #ffffff;
    font-family: INGMe;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.08px;
    color: #333333;
    margin-top: 14px;
    margin-left: 20px;
}

.full-width-mobile {
    width: 107%;
}

.question-box {
    width: 20px;
    height: 20px;
    padding: 5px;
    border-radius: 5px;
    margin-left: 20px;
}

    .question-box .questionMark {
        width: 12px;
        height: 12px;
        font-size: 18px;
    }

.only-clear-mobile {
    display: block;
    clear: both;
}

.box-bordered-radius {
    margin-top: 16px;
}

.box-signal {
    margin-left: 25px;
    margin-top: 16px;
}

    .box-signal img {
        width: 17px;
    }

.box-signal-title {
    font-size: 14px;
    margin-top: 16px;
}

.box-title-2 {
    font-size: 18px;
}

.box-title-3 {
    font-size: 16px;
    margin-top: 15px;
}

.box-title-percentage {
    font-size: 27px;
    width: 100%;
}

.base a.link {
    font-size: 14px;
    margin-left: 10px;
}

.arrow-right-white {
    padding: 3px;
    margin-top: 6px;
    margin-right: -116px;
    margin-left: 61px;
    border-width: 0 2px 2px 0;
}

.arrow-right {
    padding: 4px;
    margin-top: 16px;
    margin-right: 25px;
    margin-left: 25px;
}

.link-box-2 {
    margin-top: 10px;
    margin-left: -20px;
}

.option-box-container {
    width: 82%;
    margin-left: auto;
    margin-right: auto;
    min-height: 378px;
    height: auto;
    padding: 25px;
    margin-bottom: 10px;
}

    .option-box-container.last {
        margin-right: auto !important;
    }

.new-tag {
    position: relative;
    top: -26px;
    left: -28px;
    width: 51px;
    height: 51px;
    float: left;
}

.new-tag-empty {
    position: relative;
    top: -26px;
    left: -28px;
    width: 51px;
    height: 51px;
    float: left;
}

.button-1 {
    width: auto;
    height: 28px;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 14px;
    margin-right: 10px;
}

    .button-1#tek-cekim-btn {
        margin-left: 20px;
    }

.option-box-container .title {
    font-size: 18px;
    position: absolute;
    left: 50px;
}

.option-box-container .bonus {
    width: 80px;
    clear: both;
}

.box-title-3-2 {
    font-size: 16px;
}

.box-title-percentage-2 {
    font-size: 27px;
}

.box-title-3-3 {
    font-size: 16px;
}

.btn {
    position: relative;
    margin-top: 55px !important;
    bottom: 0px;
    width: 100%;
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 1rem;
}

.clear-last-option-bonus {
    clear: both;
    width: 100%;
    height: 70px;
}

.margin-top-60 {
    margin-top: 0px;
}

.btn-posextra {
    color: #fff;
    background-color: #559bd1;
    border-color: #559bd1;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 7px 3px;
    font-size: 12pt;
    border-radius: .30rem;
    text-shadow: none;
    margin-left: auto;
    margin-right: auto;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    overflow: visible;
    line-height: 1.5;
    width: 200px!important;
    margin-left: 40px!important;
}
.posExtra-subexplanation {
    margin: auto;
    display: table;
}




.desktop {
    display: block;
}

.mobile {
    display: none;
}

.top-title {
    font-family: INGMe;
    font-size: 27px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ff6701;
}

.top-title-2 {
    font-family: INGMe;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
}

.dropdown {
    width: 271px;
    height: 44px;
    margin: 0 406px 6px 0;
    padding: 12px 12px 12px 11px;
    border-radius: 4px;
    border: solid 1px #e1e1e1;
    background-color: #ffffff;
    font-family: INGMe;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.08px;
    color: #333333;
}

.two-three-desktop, .two-three-tablet {
    width: 60%;
}

.one-three-desktop, .one-three-tablet {
    width: 40%;
    text-align: right;
}

.option-box-container {
    float: left;
    position: relative;
    width: 195px;
    height: 421px;
    margin-right: 20px;
    padding: 24px 20px 30px 20px;
}

.box-signal {
    margin-top: 5px;
}

.box-signal-title {
    margin-top: 5px;
}

.box-title-3-3 {
    font-size: 13px;
}

.option-box-container .title {
    font-size: 18px;
}

.bonus.extra-margin {
    margin-top: 42px;
    margin-bottom: 25px;
}






.INGMe {
    font-family: "INGMe" !important;
}

.INGMe-Bold {
    font-family: "INGMe-Bold" !important;
}

.top-title {
    margin-bottom: 29px;
}

    .top-title.special-offer {
        margin-top: 35px;
    }

.top-title-2 {
    margin-bottom: 13px;
}

.base {
    font-family: "INGMe" !important;
    color: black;
    max-width: 939px;
    /*border: 1px solid black;*/
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding-bottom: 45px;
}

.pull-left {
    float: left;
    position: relative;
}

.pull-right {
    float: right;
    position: relative;
}

.question-box {
    width: 20px;
    height: 20px;
    padding: 4px;
    border-radius: 4px;
    background-color: #ff6701;
    text-align: center;
    float: left;
    position:absolute;
}

    .question-box .questionMark {
        width: 12px;
        height: 12px;
        object-fit: contain;
        color: white;
    }

.link-box {
    margin-top: 5px;
    float: left;
    position: relative;
    float: right;
    margin-top:0px;
}

.base a.link {
    font-family: INGMe;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ff6701;
    text-decoration: underline;
    margin-left: 15px;
    margin-top: 15px;
}

.box-bordered-radius {
    clear: both;
    width: 100%;
    margin: 6px 0 0;
    padding: 15px 0 22px;
    border-radius: 5px;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
}

.box-signal {
    float: left;
    position: relative;
    margin-left: 25px;
    margin-right: 10px;
}

.box-signal-title {
    float: left;
    position: relative;
    font-family: INGMe;
    font-size: 10pt;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
}

.hr {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 1px;
    margin-top: 20px;
    background-color: #e0e0e0;
    border: 0px;
}

.hr-line {
    width: 100%;
    height: 1px;
    margin-top: 19px;
    background-color: #e0e0e0;
    border: 0px;
}

.box-title-2 {
    font-family: INGMe;
    font-size: 13pt;
    margin-left: 25px;
    margin-top: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
}

.box-title-3 {
    margin-top: 15px;
    margin-left: 25px;
    font-family: INGMe;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
}

.box-title-percentage {
    margin-top: 2px;
    margin-left: 25px;
    font-family: INGMe;
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
    float: left;
    position: relative;
}

.link-box-2 {
    float: left;
    position: relative;
    margin-right: 30px;
    margin-top:2px;
}

.bold {
    font-weight: bold;
}

.arrow-right {
    float: left;
    border: solid #ff6701;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: 7px;
    margin: auto;
    margin-top: 7px;
    margin-right: 10px;
}

.arrow-right-white {
    float: left;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: 7px;
    margin: auto;
    margin-top: 8px
}

.button-1 {
    width: auto;
    height: 28px;
    padding: 4px 12px;
    border-radius: 16px;
    border: solid 1px #a8a8a8;
    background-color: #ffffff;
    font-family: INGMe;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #333333;
}

    .button-1:hover, .button-1.active {
        border: solid 1px #525199;
        background-color: #e6e5f0;
        color: #525199;
        cursor: pointer;
    }

.banner {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}

    .banner img {
        width: 100%;
    }

.option-box-container {
    border-radius: 5px;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
}

    .option-box-container.last {
        margin-right: 0px !important;
    }

    .option-box-container .title {
        font-family: INGMe;
        font-size: 12pt;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ff6701;
        margin-left: 10px;
    }

    .option-box-container .bonus {
        margin-left: 10px;
        margin-top: 20px;
        width: 82px;
        height: 30px;
    }

        .option-box-container .bonus img {
            width: 100%;
        }

.box-title-3-2 {
    margin-top: 25px;
    margin-left: 10px;
    font-family: INGMe;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
}

.box-title-3-3 {
    margin-top: 25px;
    margin-left: 10px;
    font-family: INGMe;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
}

.box-title-percentage-2 {
    margin-top: 2px;
    margin-left: 10px;
    font-family: INGMe;
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
    float: left;
    position: relative;
}

.new-tag {
    width: 51px;
    height: 51px;
    background-image: url("/WebApplication.UI/Content/css/img/new-tag.svg");
    background-size: cover;
    position: absolute;
    top: 0px;
    left: -4px;
}

.new-tag-empty {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 0px;
    left: -4px;
}

.margin-top-25 {
    margin-top: 25px;
}

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

.margin-top-60 {
    margin-top: 60px;
}

.btn {
    color: #fff;
    background-color: #559bd1;
    border-color: #559bd1;
    margin-top: .17rem !important;
    margin-bottom: .17rem !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 7px 30px;
    font-size: 12pt;
    line-height: 1.5;
    border-radius: .30rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    overflow: visible;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-indent: 0px;
    text-shadow: none;
    align-items: flex-start;
    font-family: "INGMe" !important;
    margin-bottom: 25px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 70px;
    margin-left: -7px
}

    .btn::after, .btn::before {
        box-sizing: border-box;
    }

.only-clear-mobile {
    display: none;
}

.clear-last-option-bonus {
    clear: both;
}

.tip-box {
    display: none;
    width: auto;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(167, 167, 167, 0.5);
    border: solid 1px #d4d4d4;
    background-color: #ffffff;
    position: absolute;
    top: 25px;
    left: 7px;
    z-index: 9999999999999999999999;
    margin-left:-40px;
}

    .tip-box p {
        text-align: left;
        font-family: INGMe;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
    }
 
    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }

    .top-title {
        font-family: INGMe;
        font-size: 27px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ff6701;
    }

    .top-title-2 {
        font-family: INGMe;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
    }

    .dropdown {
        width: 271px;
        height: 44px;
        margin: 0 406px 6px 0;
        padding: 12px 12px 12px 11px;
        border-radius: 4px;
        border: solid 1px #e1e1e1;
        background-color: #ffffff;
        font-family: INGMe;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.08px;
        color: #333333;
    }

    .two-three-desktop, .two-three-tablet {
        width: 66.666666%;
    }

    .one-three-desktop, .one-three-tablet {
        width: 33.333333%;
    }

    .option-box-container {
        float: left;
        position: relative;
        width: 228px;
        height: 490px;
        margin-right: 34px;
        padding: 24px 30px 30px 30px;
    }

    .box-signal {
        margin-top: 5px;
    }

    .box-signal-title {
        margin-top: 5px;
    }
.infoSection {
    position: absolute;
    bottom: 18px;
}

.infoImage {
    top: 2px;
    position: relative;
    top: 4px;
    margin-right: 8px;
}


section .main-content-image {
    margin: 0 0 20px;
    width: auto;
    line-height: 0;
    border-radius: 0;
}

    section .main-content-image .image {
        float: right;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }

    section .main-content-image .description {
        background: #f60;
        position: static;
        width: 100%;
        height: auto;
        padding: 25px 25px 20px !important;
        font-size: 18px;
        line-height: normal;
        clear: both;
        color: #fff;
        margin-top: 20px;
        width: auto;
        margin: auto
    }

    section .main-content-image h1, section .main-image h3, section .main-image .banner-title {
        font-size: 23px;
        padding-left: 0;
        margin-bottom: 10px;
        line-height: 26px;
        font-weight: 400;
    }

.main-content-image .description {
    background: url(/WebApplication.UI/Content/img/PosExtra/text-bg-brown.png) no-repeat;
}

.three-dl {
    font-size: 12px !important;
    width: auto;
    height: 200px;
}

    .three-dl > .lightgray {
        background-color: #FFF;
    }

.three-dl dt,
.three-dl dd {
    float: left;
    width: 50%;
}

    .three-dl dt.queryrange {
        float: left;
        width: 50%;
    }

    .three-dl dd.queryrange {
        float: left;
        width: 50%;
    }

    .three-dl dd.hasdivider {
        border-right-style: none;
    }