/*! jQuery UI - v1.10.1 - 2013-02-25
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
.ui-helper-hidden {
	display: none
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse
}
.ui-helper-clearfix:after {
	clear: both
}
.ui-helper-clearfix {
	min-height: 0
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}
.ui-front {
	z-index: 100
}
.ui-state-disabled {
	cursor: default!important
}
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.ui-datepicker {
	display: none;
	width:248px;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .4em 0;
	margin-bottom:3px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 10px;
	width: 23px;
	height: 23px;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
	background:none!important;
}
.ui-datepicker .ui-datepicker-prev {
	left: 10px
}
.ui-datepicker .ui-datepicker-next {
	right: 10px
}
.ui-datepicker .ui-datepicker-prev-hover span {
	background:url(../../_img/sprite.png) -13px -1731px no-repeat!important;
}
.ui-datepicker .ui-datepicker-next-hover span {
	background:url(../../_img/sprite.png) -13px -1774px no-repeat!important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 0;
	margin-left: 0;
	top: 0;
	margin-top: 0;
	width:23px; height:23px;
}
.ui-datepicker .ui-datepicker-prev span{
	background:url(../../_img/sprite.png) -14px -1414px no-repeat;
}
.ui-datepicker .ui-datepicker-next span{
	background:url(../../_img/sprite.png) -14px -1457px no-repeat;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	font-family:"dosisbold";
	font-size:18px;
	font-weight:normal;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 14px;
	margin: 5px 0;
	font-family:"dosissemibold";
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 49%
}
.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
}
.ui-datepicker th {
	padding:10px 0 5px 0;
	text-align: center;
	font-size:15px;
	font-family:"dosisbold";
	color:#fff;
	border: 0
}
.ui-datepicker td {
	border: 0;
}

.ui-datepicker-today a{
	background:url(../../_img/sprite.png) -7px -1536px no-repeat !important;
}
*:first-child+html .ui-datepicker-today a{
	background:url(../../_img/sprite.png) -8px -1535px no-repeat !important;
}
.ui-datepicker-current-day a, .current-month.selected
{
    background:url(../../_img/sprite.png) -8px -1496px no-repeat !important;
    color: #fff !important;
}
.current-month.selected
{
    background-position: -8px -1497px !important;
}

.ui-dp-selected a{
	background:url(../../_img/sprite.png) -7px -1496px no-repeat;
}
*:first-child+html .ui-datepicker-current-day a, .ui-dp-selected a{
	/*background:url(../../_img/sprite.png) -7px -1495px no-repeat;*/
}

.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
	width:35px;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}
.ui-datepicker.ui-datepicker-multi {
	width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}
.ui-datepicker-rtl {
	direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
	float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}
.ui-widget {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em
}
.ui-widget .ui-widget {
	font-size: 1em
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em
}
.ui-widget-content {
	color: #333;
	background:url(../../_img/calendar-bg.png) 0 48px no-repeat;
	padding-bottom:8px;
	border-radius:0 0 5px 5px;
	border-bottom:1px solid #1569a4;
}
.ui-widget-content a {
	color: #333
}
.ui-widget-header {
	background: url(../../_img/calendar-head-bg.png) 0 0 no-repeat;
	color: #fff;
	font-weight: bold
}
.ui-widget-header a {
	color: #fff
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	font-size:14px; font-family:"dosisbold"; color:#fff;
}
.ui-state-disabled .ui-state-default{
	color:#0a466e;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	/*border: 1px solid #fbcb09;
	font-weight: bold;*/
	cursor:pointer;
	background:url(../../_img/sprite.png) -8px -1684px no-repeat;
	color:#0a466e;
}

*:first-child+html .ui-state-hover,
*:first-child+html .ui-widget-content .ui-state-hover,
*:first-child+html .ui-widget-header .ui-state-hover,
*:first-child+html .ui-state-focus,
*:first-child+html .ui-widget-content .ui-state-focus,
*:first-child+html .ui-widget-header .ui-state-focus {
	background:url(../../_img/sprite.png) -7px -1683px no-repeat;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
	color: #c77405;
	text-decoration: none
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	/*border: 1px solid #fbd850;
	background: #fff url(../../_css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00*/
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	/*border: 1px solid #fed22f;
	background: #ffe45c url(../../_css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
	color: #363636*/
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
	color: #363636
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url(../../_css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
	color: #fff
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
	color: #fff
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
	color: #fff
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
	font-weight: bold
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}
.ui-datepicker-calendar .ui-state-disabled{opacity:1; filter: Alpha(Opacity=100);}
.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px
}
.ui-icon, .ui-widget-content .ui-icon {
	background-image: url(../../_css/images/ui-icons_222222_256x240.png)
}
.ui-widget-header .ui-icon {
	background-image: url(../../_css/images/ui-icons_ffffff_256x240.png)
}
.ui-state-default .ui-icon {
	background-image: url(../../_css/images/ui-icons_ef8c08_256x240.png)
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url(../../_css/images/ui-icons_ef8c08_256x240.png)
}
.ui-state-active .ui-icon {
	background-image: url(../../_css/images/ui-icons_ef8c08_256x240.png)
}
.ui-state-highlight .ui-icon {
	background-image: url(../../_css/images/ui-icons_228ef1_256x240.png)
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
	background-image: url(../../_css/images/ui-icons_ffd27a_256x240.png)
}
.ui-icon-carat-1-n {
	background-position: 0 0
}
.ui-icon-carat-1-ne {
	background-position: -16px 0
}
.ui-icon-carat-1-e {
	background-position: -32px 0
}
.ui-icon-carat-1-se {
	background-position: -48px 0
}
.ui-icon-carat-1-s {
	background-position: -64px 0
}
.ui-icon-carat-1-sw {
	background-position: -80px 0
}
.ui-icon-carat-1-w {
	background-position: -96px 0
}
.ui-icon-carat-1-nw {
	background-position: -112px 0
}
.ui-icon-carat-2-n-s {
	background-position: -128px 0
}
.ui-icon-carat-2-e-w {
	background-position: -144px 0
}
.ui-icon-triangle-1-n {
	background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}
.ui-icon-triangle-1-e {
	background-position: -32px -16px
}
.ui-icon-triangle-1-se {
	background-position: -48px -16px
}
.ui-icon-triangle-1-s {
	background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}
.ui-icon-triangle-1-w {
	background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}
.ui-icon-arrow-1-n {
	background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}
.ui-icon-arrow-1-e {
	background-position: -32px -32px
}
.ui-icon-arrow-1-se {
	background-position: -48px -32px
}
.ui-icon-arrow-1-s {
	background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}
.ui-icon-arrow-1-w {
	background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
	background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}
.ui-icon-arrow-4 {
	background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}
.ui-icon-extlink {
	background-position: -32px -80px
}
.ui-icon-newwin {
	background-position: -48px -80px
}
.ui-icon-refresh {
	background-position: -64px -80px
}
.ui-icon-shuffle {
	background-position: -80px -80px
}
.ui-icon-transfer-e-w {
	background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}
.ui-icon-folder-collapsed {
	background-position: 0 -96px
}
.ui-icon-folder-open {
	background-position: -16px -96px
}
.ui-icon-document {
	background-position: -32px -96px
}
.ui-icon-document-b {
	background-position: -48px -96px
}
.ui-icon-note {
	background-position: -64px -96px
}
.ui-icon-mail-closed {
	background-position: -80px -96px
}
.ui-icon-mail-open {
	background-position: -96px -96px
}
.ui-icon-suitcase {
	background-position: -112px -96px
}
.ui-icon-comment {
	background-position: -128px -96px
}
.ui-icon-person {
	background-position: -144px -96px
}
.ui-icon-print {
	background-position: -160px -96px
}
.ui-icon-trash {
	background-position: -176px -96px
}
.ui-icon-locked {
	background-position: -192px -96px
}
.ui-icon-unlocked {
	background-position: -208px -96px
}
.ui-icon-bookmark {
	background-position: -224px -96px
}
.ui-icon-tag {
	background-position: -240px -96px
}
.ui-icon-home {
	background-position: 0 -112px
}
.ui-icon-flag {
	background-position: -16px -112px
}
.ui-icon-calendar {
	background-position: -32px -112px
}
.ui-icon-cart {
	background-position: -48px -112px
}
.ui-icon-pencil {
	background-position: -64px -112px
}
.ui-icon-clock {
	background-position: -80px -112px
}
.ui-icon-disk {
	background-position: -96px -112px
}
.ui-icon-calculator {
	background-position: -112px -112px
}
.ui-icon-zoomin {
	background-position: -128px -112px
}
.ui-icon-zoomout {
	background-position: -144px -112px
}
.ui-icon-search {
	background-position: -160px -112px
}
.ui-icon-wrench {
	background-position: -176px -112px
}
.ui-icon-gear {
	background-position: -192px -112px
}
.ui-icon-heart {
	background-position: -208px -112px
}
.ui-icon-star {
	background-position: -224px -112px
}
.ui-icon-link {
	background-position: -240px -112px
}
.ui-icon-cancel {
	background-position: 0 -128px
}
.ui-icon-plus {
	background-position: -16px -128px
}
.ui-icon-plusthick {
	background-position: -32px -128px
}
.ui-icon-minus {
	background-position: -48px -128px
}
.ui-icon-minusthick {
	background-position: -64px -128px
}
.ui-icon-close {
	background-position: -80px -128px
}
.ui-icon-closethick {
	background-position: -96px -128px
}
.ui-icon-key {
	background-position: -112px -128px
}
.ui-icon-lightbulb {
	background-position: -128px -128px
}
.ui-icon-scissors {
	background-position: -144px -128px
}
.ui-icon-clipboard {
	background-position: -160px -128px
}
.ui-icon-copy {
	background-position: -176px -128px
}
.ui-icon-contact {
	background-position: -192px -128px
}
.ui-icon-image {
	background-position: -208px -128px
}
.ui-icon-video {
	background-position: -224px -128px
}
.ui-icon-script {
	background-position: -240px -128px
}
.ui-icon-alert {
	background-position: 0 -144px
}
.ui-icon-info {
	background-position: -16px -144px
}
.ui-icon-notice {
	background-position: -32px -144px
}
.ui-icon-help {
	background-position: -48px -144px
}
.ui-icon-check {
	background-position: -64px -144px
}
.ui-icon-bullet {
	background-position: -80px -144px
}
.ui-icon-radio-on {
	background-position: -96px -144px
}
.ui-icon-radio-off {
	background-position: -112px -144px
}
.ui-icon-pin-w {
	background-position: -128px -144px
}
.ui-icon-pin-s {
	background-position: -144px -144px
}
.ui-icon-play {
	background-position: 0 -160px
}
.ui-icon-pause {
	background-position: -16px -160px
}
.ui-icon-seek-next {
	background-position: -32px -160px
}
.ui-icon-seek-prev {
	background-position: -48px -160px
}
.ui-icon-seek-end {
	background-position: -64px -160px
}
.ui-icon-seek-start {
	background-position: -80px -160px
}
.ui-icon-seek-first {
	background-position: -80px -160px
}
.ui-icon-stop {
	background-position: -96px -160px
}
.ui-icon-eject {
	background-position: -112px -160px
}
.ui-icon-volume-off {
	background-position: -128px -160px
}
.ui-icon-volume-on {
	background-position: -144px -160px
}
.ui-icon-power {
	background-position: 0 -176px
}
.ui-icon-signal-diag {
	background-position: -16px -176px
}
.ui-icon-signal {
	background-position: -32px -176px
}
.ui-icon-battery-0 {
	background-position: -48px -176px
}
.ui-icon-battery-1 {
	background-position: -64px -176px
}
.ui-icon-battery-2 {
	background-position: -80px -176px
}
.ui-icon-battery-3 {
	background-position: -96px -176px
}
.ui-icon-circle-plus {
	background-position: 0 -192px
}
.ui-icon-circle-minus {
	background-position: -16px -192px
}
.ui-icon-circle-close {
	background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}
.ui-icon-circle-zoomin {
	background-position: -176px -192px
}
.ui-icon-circle-zoomout {
	background-position: -192px -192px
}
.ui-icon-circle-check {
	background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}
.ui-icon-circlesmall-close {
	background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}
.ui-icon-squaresmall-close {
	background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	/*border-top-left-radius: 4px*/
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	/*border-top-right-radius: 4px*/
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	/*border-bottom-left-radius: 4px*/
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	/*border-bottom-right-radius: 4px*/
}
.ui-widget-overlay {
	background: #666 url(../../_css/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50)
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000 url(../../_css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 5px
}

.ui-autocomplete{padding:20px; background:#fff; border-radius:3px; z-index:350;}
.ui-autocomplete.ui-singleSearch{width:899px;}
.ui-autocomplete.ui-smartSearch{width:939px;}
		.ui-autocomplete li a{font-size:14px; color:#afafaf; font-family:"dosisbold"; padding:15px 0; border-bottom:1px solid #e5e5e5; display:block;}
		.ui-autocomplete li a:hover{color:#87bc38;}

.bigCalendar .ui-datepicker td{vertical-align:middle; width:139px; height:79px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.bigCalendar .ui-datepicker td span, .bigCalendar .ui-datepicker td a{padding:0 0 0 15px;  text-align:left;}
.bigCalendar .ui-widget-content{background:none; width:100%;}
.bigCalendar .ui-datepicker-calendar{border:1px solid #e6e6e6;}
.bigCalendar .ui-widget-content{border-bottom:0 none;}
.bigCalendar .ui-state-default,
.bigCalendar .ui-widget-content .ui-state-default,
.bigCalendar .ui-widget-header .ui-state-default{font-size:18px; color:#9e9e9e; font-family:"dosisregular";}
/*.bigCalendar .ui-datepicker-today a{background:none!important;}*/
.bigCalendar .ui-datepicker-today > a { height: 28px; background-position: -4px -1497px !important; line-height: 28px; }
.bigCalendar .ui-datepicker-current-day a,
.bigCalendar .ui-dp-selected a{background:none;}
.bigCalendar .ui-state-disabled .ui-state-default{color:#d8d8d8;}
.bigCalendar .ui-widget-header{background:url(../../_img/pattern-4.jpg) 0 0 repeat;}
.bigCalendar .ui-datepicker th{font-size:16px; color:#87bc38; font-family:"dosissemibold"; background:#fafafa; padding:20px; border-right:1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6;}

*:first-child+html .bigCalendar .ui-state-hover,
*:first-child+html .bigCalendar .ui-widget-content .ui-state-hover,
*:first-child+html .bigCalendar .ui-widget-header .ui-state-hover,
*:first-child+html .bigCalendar .ui-state-focus,
*:first-child+html .bigCalendar .ui-widget-content .ui-state-focus,
*:first-child+html .bigCalendar .ui-widget-header .ui-state-focus {
	background:none;
}
*:first-child+html .ui-datepicker-today a{
	background:none!important;
}
.ui-datepicker-today a {
background: url(../../_img/sprite.png) -7px -1536px no-repeat!important;
}
.ui-datepicker .hasData {
background: url(../../_img/sprite.png) -8px -3744px no-repeat;
}/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
    visibility: hidden;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../_img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../_img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -35px;
	right: -35px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
	background: url('../../_img/fancy-close.png') center center no-repeat;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../_img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../_img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}.validatorContainer
{
    width: 20px;
    height: 20px;
    padding-left: 5px;
    margin-top: 10px;
    position:relative;
    z-index:60;
    *display: inline;
    *zoom: 1;
}
span.textbox .validatorContainer, span.dropdown .validatorContainer
{
    width: 0;
    position: absolute;
    right: -8px;
    top: -2px;
}

.fiba_icon_form
{
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
}
.fiba_bubble
{
    display: none;
    width: 200px;
    position: absolute;
    color: #fff;
    background: url(../../_img/sprite_bubble.png) no-repeat 5px bottom;
    z-index: 1000;
    padding-bottom: 5px;
    bottom: 20px;
    left: 0;
    text-align: center;
}
.fiba_icon_form a.fiba_icon
{
    width: 20px;
    height: 20px;
    background: url(../../_img/warning_error.png) no-repeat center bottom;
    display: inline-block;
    cursor: pointer;
    *display: inline;
    *zoom: 1;    
}
        
.fiba_bubble .fiba_bubble_content
{
    background: #f10000;
    padding: 5px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    border-radius: 5px;
}
span.textbox.validate, span.dropdown.validate
{
    margin-right: 25px !important;
}
.validatorContainer.reverse .fiba_bubble
{
    right: auto;
    left: 0;
    background-position: 5px bottom;
}
/* Dropdown validator */
.validatorContainer.dropdownError
{
    margin-top: 0;
}
.validatorContainer.dropdownError a.fiba_icon
{
    display: none;
}
.validatorContainer.dropdownError .fiba_bubble
{
    display: block !important;
    z-index: auto;
}
.dropdown .ddSelected.validationError, .formField input[type="text"].validationError,
.formField input[type="password"].validationError, .formField textarea.validationError,
.selectBox-dropdown.validationError, .formField input[type="text"].redborder,
.formField input[type="password"].redborder, .formField textarea.redborder,
.selectbox-container.validationError .chzn-container
{
    border-color: red;
}
/* Dropdown validator */
.gridContent .validatorContainer {
    /*visibility: hidden !important;
    width: 0;
    height:0;
    padding: 0;
    display: none !important;*/
}
.gridContent table.transactionRightList .validatorContainer {
    margin-left: -5px;
    margin-right: -5px;
    width: auto;
}
.gridContent .validatorContainer .fiba_bubble_content {
    padding: 0;
    font-size: 11px;
}
.avatarBrowse .validatorContainer {
    position: absolute;
    right: -15px;
    top: -2px;
}
.optionBox .validatorContainer { width: 0; margin-top: 5px; position: relative; width: 100%; }
.optionBox .validatorContainer span { padding: 0 !important; }



.validatorContainer {
    width: 100%;
    height: auto;
    padding-left: 0;
    margin-top: 5px;
    clear: both;
    float: none !important;
}
.fiba_icon_form {
    width: 100%;
    position: relative;
    height: auto;
}
.fiba_icon_form a.fiba_icon {
    position: absolute;
    top: 2px;
    display: none;
}
.fiba_bubble {
    display: block !important;
    position: relative;
    background: none;
    width: 100%;
    padding-left: 0;
    bottom: 0;
    padding-bottom: 0;
    text-align: left;
}
.fiba_bubble .fiba_bubble_content {
    font-family: inherit;
    width: 100%;
    background: none;
    color: rgb(241, 0, 0);
}/* @group Base */
.chzn-container {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    color: #000;
    cursor: default;
    display: inline-block;
    height: 36px;
    min-width: 150px;
    outline: medium none;
    /*position: absolute;*/
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    z-index: 1000;
    zoom: 1;
    *display: inline;
}

.selectbox-container {
    position: relative;
    display: inline-block;
}

.chzn-container .chzn-drop {
    position: relative;
    top: 0;
    left: -9999px;
    z-index: 1010;
    width: 100%;
}

.chzn-container.chzn-with-drop .chzn-drop {
    left: 0;
}

/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
    background-color: transparent;
    display: block;
    white-space: nowrap;
    position: relative;
    height: 100%;
    line-height: 36px;
    padding: 0 0 0 10px;
    color: #333 !important;
    text-decoration: none;
    font-size: 13px;
}

.chzn-container-single .chzn-default {
    color: #999;
}

.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url('../../_css/chosen-sprite.png?v=3232132312') -42px 1px no-repeat;
}

.chzn-container-single .chzn-single abbr:hover {
    background-position: -42px -10px;
}

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: -42px -10px;
}

.chzn-container-single .chzn-single div {
    background: url(../../_img/Facelift/dropdown_arrow.svg) center no-repeat;
    background-size: 18px auto;
    height: 100%;
    position: absolute;
    right: 0;
    top: 1px;
    width: 25px;
}

.chzn-container-single .chzn-single div:hover {
    /*background-position: -41px 0;*/
}

.chzn-container-single .chzn-single div b {
    display: block;
    width: 100%;
    height: 100%;
}

.chzn-container-single .chzn-search {
    padding: 4px;
    border: 1px solid #5E8421;
    background: #fff;
    border-radius: 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
    filter: alpha(opacity=0); /*For IE7*/
}

.chzn-container-single .chzn-search input {
    background: #fff url('../../_css/chosen-sprite.png?v=3232132312') no-repeat 100% -20px;
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    margin: 1px 0 !important;
    padding: 4px;
    outline: 0;
    border: 1px solid #aaa;
    font-size: 13px;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}

.chzn-container-single .chzn-drop {
}

.chzn-container-single-nosearch .chzn-search {
    position: absolute;
    left: -9999px;
}
/* @end */

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}

.chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none;
}

.chzn-container-multi .chzn-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input {
    color: #666;
    background: transparent !important;
    border: 0 !important;
    font-size: 100%;
    height: 15px;
    padding: 5px;
    margin: 1px 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-field .default {
    color: #999;
}

.chzn-container-multi .chzn-choices .search-choice {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default;
}

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
    border: 1px solid #cccccc;
    padding-right: 5px;
}

.chzn-container-multi .chzn-choices .search-choice-focus {
    background: #d4d4d4;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url('../../_css/chosen-sprite.png?v=3232132312') -42px 1px no-repeat;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
    position: relative;
    float: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    max-height: 200px;
    min-height: 1em;
}

#main_reservation .chzn-container .chzn-results {
    width: 50px;
}

.chzn-container-multi .chzn-results {
    margin: 0;
    padding: 0;
}

.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    margin: 0;
    float: none;
    list-style: none;
    border-bottom: 1px solid #e2e2e2;
    color: #333;
    font-size: 13px;
    overflow: hidden;
    padding: 10px;
    cursor: default;
}

#main_reservation .chzn-container .chzn-results li, #entrance_reservation .chzn-container .chzn-results li {
    padding: 5px 5px;
}

.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item;
}

.chzn-container .chzn-results .highlighted {
    background-color: #e2e2e2;
    color: #333;
}

.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
    background: transparent;
}

.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}

.chzn-container .chzn-results .group-result {
    cursor: default;
}

.chzn-container .chzn-results .group-option {
    padding-left: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}

.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px; /* This should by dynamic with js */
    z-index: 1;
}

.chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}

.chzn-container .chzn-results-scroll-down {
    bottom: 0;
}

.chzn-container .chzn-results-scroll-down span {
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat -4px -3px;
}

.chzn-container .chzn-results-scroll-up span {
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
    /*
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
  */
}

.chzn-container-active.chzn-with-drop .chzn-single {
    /*
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
  */
}

/*.chzn-container-active.chzn-with-drop .chzn-single div {
    background-position: -41px -40px;
}*/

.chzn-container-active.chzn-with-drop .chzn-single div b {
}

.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}

.chzn-container-active .chzn-choices .search-field input {
    color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

.chzn-disabled .chzn-single {
    cursor: default;
}

.chzn-disabled .chzn-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @group Right to Left */
.chzn-rtl {
    text-align: right;
}

.chzn-rtl .chzn-single {
    padding: 0 8px 0 0;
    overflow: visible;
}

.chzn-rtl .chzn-single span {
    margin-left: 26px;
    margin-right: 0;
    direction: rtl;
}

.chzn-rtl .chzn-single div {
    left: 3px;
    right: auto;
}

.chzn-rtl .chzn-single abbr {
    left: 26px;
    right: auto;
}

.chzn-rtl .chzn-choices .search-field input {
    direction: rtl;
}

.chzn-rtl .chzn-choices li {
    float: right;
}

.chzn-rtl .chzn-choices .search-choice {
    padding: 3px 5px 3px 19px;
    margin: 3px 5px 3px 0;
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
    left: 4px;
    right: auto;
}

.chzn-rtl .chzn-search {
    left: 9999px;
}

.chzn-rtl.chzn-with-drop .chzn-search {
    left: 0px;
}

.chzn-rtl .chzn-drop {
    left: 9999px;
}

.chzn-rtl.chzn-container-single .chzn-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chzn-rtl .chzn-results .group-option {
    padding-left: 0;
    padding-right: 15px;
}

.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
    border-right: none;
}

.chzn-rtl .chzn-search input {
    background: #fff url('../../_css/chosen-sprite.png?v=3232132312') no-repeat -30px -20px;
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../../_css/chosen-sprite.png?v=3232132312') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    padding: 4px 5px 4px 20px;
    direction: rtl;
}

.chzn-container-single.chzn-rtl .chzn-single div b {
    background-position: 6px 2px;
}

.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
    background-position: -12px 2px;
}
/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
        background-image: url('../../_css/chosen-sprite@2x.png') !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important;
    }
}
/* @end */
/*
.selectbox-container.multipleListbox .chzn-drop { display: block !important; left: 0 !important; }
.selectbox-container.multipleListbox .chzn-container .chzn-results { max-height: 250px; height: 250px; }
*/
/* Dropdown control */
.selectBox-dropdown {
	min-width: 80px;
	height:40px;
	position: relative;
	border: solid 1px #e2e2e2;
	line-height: 1.5;
	text-decoration: none;
	text-align: left;
	color: #000;
	outline: none;
	vertical-align: middle;
	background: none;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	cursor: default;
}
.selectBox-dropdown:focus .selectBox-arrow {
	background: url(../../_img/dropdown-opener.png) 0 -40px no-repeat;
}
.selectBox-dropdown:hover .selectBox-arrow:hover {
	background-position:-41px 0;
}
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow:hover {
	background-position:-41px -40px;
}
.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.selectBox-dropdown .selectBox-label {
	padding-top:15px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	font-size:13px;
	line-height:13px;
	color:#616161;
	text-align:left;
	height:25px;
	padding-left:15px;
}
.dDay, .dMonth {
	width:82px!important;
}
.dDay .selectBox-label, .dMonth .selectBox-label {
	width:41px!important;
}
.dYear {
	width:107px!important;
}
.dYear .selectBox-label {
	width:66px!important;
}
.slt150 .selectBox-dropdown { width:150px !important;}
.slt160 .selectBox-dropdown { width:160px !important;}
.slt170 .selectBox-dropdown { width:170px !important;}
.slt180 .selectBox-dropdown { width:180px !important;}
.slt190 .selectBox-dropdown { width:190px !important;}
.slt200 .selectBox-dropdown { width:200px !important;}
.slt220 .selectBox-dropdown { width:220px !important;}
.slt240 .selectBox-dropdown { width:240px !important;}
.slt260 .selectBox-dropdown { width:260px !important;}

.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 41px;
    height: 100%;
    background: url(../../_img/Facelift/dropdown_arrow.svg) center no-repeat;
    background-size: 18px auto;
}
/* VRP EDIT
.accountNoField .selectBox-label {
	width:39px!important;
}
*/
/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	min-height: 1em;
	border: solid 1px #5e8421; /* should be the same border width as .selectBox-dropdown */
	background: #fff;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
	border-radius:4px;
}
/* Inline control */
.selectBox-inline {
	min-width: 250px;
    min-height: 300px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}
.selectBox-inline:focus {
	border-color: #666;
}
/* Options */
.selectBox-options, .selectBox-options LI, .selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}
.selectBox-options LI A {
	padding:10px 15px;
	color: #333;
	font-size:13px;
	overflow: hidden;
	border-bottom:1px solid #e6e6e6;
}
.selectBox-options LI.selectBox-hover A {
	background-color: #207EC1;
	color:#fff;
}
.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}
.selectBox-options LI.selectBox-selected A {
	background-color: #176298;
	color:#fff;
}
.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}
/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}
.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}
.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}

.counterPopupOverlay {
    display: none;
    background-image: url(../../_img/fancybox_overlay.png);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1030;
}

.counterPopup {
    font-family: Arial;
    font-size: 13px;
    width: 500px;
    position: absolute;
    display: block;
}

.counterPopup .box_top, .counterPopup .box_bottom {
    height: 5px;
}

.counterPopup .box_top_left, .counterPopup .box_top_right,
.counterPopup .box_bottom_left, .counterPopup .box_bottom_right {
    float: left;
    width: 50%;
    height: 5px;
    display: none;
}

.counterPopup .box_top_left {
    background-position: left top;
    background-image: url(../../img/pagecontainer_top.png);
}

.counterPopup .box_top_right {
    background-position: right top;
    background-image: url(../../img/pagecontainer_top.png);
}

.counterPopup .box_bottom_left {
    background-position: left bottom;
    background-image: url(../../img/pagecontainer_bottom.png);
}

.counterPopup .box_bottom_right {
    background-position: right bottom;
    background-image: url(../../img/pagecontainer_bottom.png);
}

.counterPopup .box_content {
    text-align: center;
    padding: 50px 25px;
    background-color: #fff;
    font-size: 18px;
    color: #7D7D7D;
    line-height: 20px;
    border: 0px solid #7D7D7D;
    border-radius: 4px;
}

.counterPopup .box_content label {
    width: 25px;
    display: inline-block;
    margin: 0 3px;
    background: #fff;
    font-size: 17px;
    color: #7D7D7D;
    font-family: 'dosissemibold';
    line-height: 22px;
}

.counterPopup .box_content .button {
    margin-top: 0 !important;
    float: none;
    margin: 10px 5px !important;
    width: 150px;
    display: inline-block !important;
}

.counterPopup .box_content .button.logout {
    margin-right: 133px;
    margin-left: 17px;
    font-weight: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    outline: none;
    vertical-align: top;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'SommetRounded';
    font-weight: 400;
    font-style: normal;
    src: url('../../fonts/sommet-regular.otf') format('opentype');
}

@font-face {
    font-family: 'SommetRounded';
    font-weight: 300;
    font-style: normal;
    src: url('../../fonts/sommet-light.otf') format('opentype');
}

@font-face {
    font-family: 'SommetRounded';
    font-weight: bold;
    font-style: normal;
    src: url('../../fonts/sommet-bold.otf') format('opentype');
}

html, html body, html body * {
    /*font-family: "sommet-rounded", sans-serif;*/
    font-family: "SommetRounded", sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

a {
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hidden {
    display: none;
}

img {
    display: block;
}

textarea {
    resize: none;
}

input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin-top: 0;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '';
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

*:first-child + html .clearfix {
    zoom: 1;
}

/*Variables Start*/

/*Variables End*/

/*Recaptcha Override*/

#recaptcha_widget_div {
    position: relative;
    z-index: 10;
}

.login {
    position: relative;
    z-index: 15;
}

html {
    /*background: url("../../_img/pattern-5.jpg") 0 0 repeat;*/
}

html, body, form, .main {
    width: 100%;
    height: 100%;
}

    body form > .main {
        height: auto;
        min-height: 100%;
        width: 1024px;
        margin: 0;
    }

        body form > .main .contentCapsule {
            min-height: calc(100vh - 64px);
            display: flex;
        }

body {
    background: #fafafa;
}

.wrapper {
    width: 100%;
    width: 1024px;
}

.holder {
    margin: 0;
    width: 1024px;
}

.dot {
    width: 3px;
    height: 3px;
    display: block;
    background: url(../../_img/sprite.png) -24px -858px no-repeat;
}

.seperator {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

/*.main.isube, .main.isube .contentCapsule {
    background: url(../../_img/pattern-8.jpg) 0 0 repeat;
}*/

.toolTip {
    width: 22px;
    height: 22px;
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent center -902px no-repeat;
    position: absolute;
}

.tl:before {
    content: "t";
    font-family: "AbakuTLSymSansRegular", serif;
    padding-right: 5px;
}

.headerCapsule {
    height: 64px;
    background: #fff;
    display: flex;
    box-shadow: 0 5px 7px 0 rgba(153, 153, 153, 0.08);
}

    .headerCapsule a.menuButton {
        min-width: 65px;
        max-width: 65px;
        min-height: 64px;
        max-height: 64px;
        background: url(../../_img/Facelift/icons-hamburger-menu-grey.png) no-repeat center;
        border: 0;
        cursor: pointer;
        outline: none;
    }

    .headerCapsule .header.holder {
        position: relative;
        padding-left: 15px;
    }

        .headerCapsule .header.holder:before {
            content: '';
            position: absolute;
            width: 1px;
            height: 34px;
            background-color: #e6e6e6;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

.logo-wrapper {
    display: flex;
    flex: 1;
}

.logo {
    width: 159px;
    height: 34px;
    background: url(../../_img/Facelift/logos-fiba-big.png) left center no-repeat;
    background-size: contain;
    margin-top: 15px;
    float: left;
    display: block;
    text-indent: -9999px;
}

.switch-app-icon {
    width: 24px;
    height: 24px;
    background: url(../../_img/switch-app.png) center center no-repeat;
    display: block;
    float: right;
    margin: 20px 0 0 0;
}

.welcome {
    float: left;
}

.infoText {
    float: left;
    font-size: 13px;
}

.profileInfo {
    min-height: 64px;
    max-height: 64px;
    background-color: rgba(51, 51, 51, 0.5);
    display: flex;
    flex: 1;
    flex-direction: row;
}

.infoText.welcome {
    width: 100%;
    height: 64px;
    display: none;
    align-items: center;
    transition-property: display;
    transition-delay: 500ms;
    transition-timing-function: inherit;
}

.infoText.lastLogin {
    width: 100px;
    display: none;
}

body.menuActive .profileInfo .infoText.welcome {
    display: flex;
}

.infoText p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
}

    .infoText p a {
        font-weight: 700;
        color: #fff;
    }

.infoText .userName {
}

.infoText span {
}

.userImage {
    display: flex;
    position: relative;
    min-width: 64px;
    max-width: 64px;
    min-height: 64px;
    max-height: 64px;
    align-items: center;
    justify-content: center;
}

    .userImage img {
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 50%;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .userImage span {
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #fafafa url(../../_img/Facelift/ayarlar.svg) no-repeat center;
        background-size: 11px auto;
        display: block;
        position: absolute;
        right: 8px;
        bottom: 8px;
        box-shadow: 5px 5px 11px 0 rgba(0, 0, 0, 0.2);
    }

    .userImage:hover span {
        display: block;
    }

.header > .dot {
    float: left;
    margin: 50px 0 0 25px;
}

.lastLogin {
    float: left;
}

.topMenu {
    float: right;
}

    .topMenu ul li {
        float: left;
    }

        .topMenu ul li a {
            font-size: 12px;
            color: #fff;
            display: block;
            padding: 28px 0 0 0;
            margin: 28px 0 0 0;
            min-width: 22px;
            text-align: center;
        }

        .topMenu ul li a, .topMenu ul li > span {
            cursor: pointer;
            font-size: 12px;
            color: #333;
            display: block;
            padding: 28px 0 0 0;
            margin: 15px 0 0 0;
            min-width: 22px;
            text-align: center;
        }

        .topMenu ul li.dot {
            margin: 60px 15px 0 15px;
        }

        .topMenu ul li.tmEN a {
            background: url(../../_img/sprite.png) transparent -16px -645px no-repeat;
        }

        .topMenu ul li.tmAyarlar a {
            background: url(../../_img/sprite.png) transparent -7px -684px no-repeat;
        }

        .topMenu ul li.tmYardim a {
            background: url(../../_img/facelift/help.svg) no-repeat center top;
            background-size: auto 22px;
            display: none;
        }

        .topMenu ul li.tmGuvenlik a {
            background: url(../../_img/Facelift/security.svg) no-repeat center top;
        }

@media (max-width: 767px) {
    .dropdown .ddSelected .cardDropdownType {
        right: 0px !important;
        top: 0px !important;
        border-top-right-radius: 10px !important;
    }

    .topMenu ul li.tmGuvenlik a {
        background-size: auto 20px;
    }

    .new-password-column .changePassType {
        top: 8.5px;
    }
}

@media (min-width: 768px) {
    .topMenu ul li.tmGuvenlik a {
        background-size: auto 20px;
    }
}

.topMenu ul li.tmLogOut a {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    height: 34px;
    background: url(../../_img/Facelift/logout2.jpg) no-repeat 15px center;
    /*background-size: 20px auto;*/
    border-left: 1px solid #e6e6e6;
    padding: 0 15px 0 44px;
    margin: 15px 0;
    line-height: 34px;
}

.contentCapsule {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

    .contentCapsule > div > .clearfix {
        /*display: none;*/
    }

    .contentCapsule > div > .content.holder {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

.menuCapsule {
    width: 64px;
}

    .menuCapsule > div {
        /*background: linear-gradient(160deg, #0055b8 0%, #7ebc00);*/
        background-image: url(../../_img/Facelift/menu_bg.jpg);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 256px auto;
        background-color: #7ebc00;
        width: 64px;
        left: 0;
        top: 0;
        bottom: 0;
        position: relative;
        min-width: 0;
        overflow: hidden;
        z-index: 99;
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }

    .menuCapsule.visible > div {
        width: 256px;
    }

    .menuCapsule.visible .menu.kurumsal ul > li > a {
        font-size: 13px;
        display: block;
        width: auto !important;
        text-align: left;
        padding: 0 0 0 40px;
        background: none !important;
        margin: 15px 0;
        height: 61px;
    }

.menu {
    position: relative;
    z-index: 5;
    width: auto;
}

    .menu ul {
        width: auto;
        margin: 0 auto;
        position: relative;
        z-index: 10;
    }

        .menu ul li {
            position: relative;
            z-index: 15;
            font-size: 0;
        }

            .menu ul li a {
                display: block;
                padding: 0;
                color: #fff;
                text-align: center;
            }

            .menu ul li ul {
                display: none;
            }

                .menu ul li ul li {
                    padding: 0;
                }

            .menu ul li + li {
                border-top: 1px solid rgba(255, 255, 255, 0.1);
            }

            .menu ul li ul li a {
            }

    /*.menu.kurumsal ul > li > a {
    font-size: 0;
}*/
    .menu.kurumsal {
        flex: 1;
        position: absolute,
    }

        .menu.kurumsal li {
            padding: 0;
        }

        .menu.kurumsal.menuActive > ul > li:not(.active) {
            display: none;
        }

        .menu.kurumsal.menuActive > ul > li.active > a {
            background-color: rgba(51, 51, 51, 0.5);
        }

        .menu.kurumsal.menuActive > ul > li.active > ul {
            display: block;
        }

        .menu.kurumsal.menuActive > ul > li > ul.subMenuActive > li:not(.active) {
            display: none;
        }

        .menu.kurumsal.menuActive > ul > li > ul.subMenuActive > li.active > a {
            background-color: rgba(51, 51, 51, 0.3);
        }

        .menu.kurumsal.menuActive > ul > li > ul.subMenuActive > li.active ul {
            display: block;
        }

        .menu.kurumsal.menuActive > ul li.subMenu > a {
            padding-right: 34px;
        }

        .menu.kurumsal.menuActive > ul li.subMenu.active > a:after {
            content: '';
            position: absolute;
            right: 20px;
            width: 12px;
            top: 0;
            bottom: 0;
            opacity: 1;
            background: url(../../_img/Facelift/upWhite.png) no-repeat center;
            background-size: contain;
        }

        .menu.kurumsal.menuActive > ul li.subMenu:not(.active) > a:after {
            transform: scaleY(-1);
        }

        .menu.kurumsal li.mnHome > a {
            background-color: rgba(51, 51, 51, 0.5);
        }

        .menu.kurumsal li > a {
            display: flex;
            min-height: 60px;
            max-height: 60px;
            align-items: center;
            justify-content: flex-start;
            padding-left: 64px;
            position: relative;
        }

        .menu.kurumsal > ul > li > a:before {
            content: '';
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            width: 22px;
            height: 60px;
            left: 21px;
            position: absolute;
        }

body.menuActive .menu.kurumsal li > a {
    padding-right: 36px;
}

body.menuActive .menu.kurumsal > ul > li > a:after, body.menuActive .menu.kurumsal > ul > li ul li > a:after {
    content: '';
    position: absolute;
    right: 20px;
    width: 6px;
    top: 0;
    bottom: 0;
    background: url(../../_img/Facelift/rightWhite.png) no-repeat center;
    opacity: 0.2;
    background-size: contain;
}

.menu.kurumsal li.mnHome > a:before {
    background-image: url(../../_img/Facelift/anasayfa.svg);
}

.menu.kurumsal li.mnCekSenet > a:before {
    background-image: url(../../_img/Facelift/cek-senet.svg);
}

.menu.kurumsal li.mnMaas > a:before {
    background-image: url(../../_img/Facelift/nakit.svg);
}

.menu.kurumsal li.mnHesaplar > a:before {
    background-image: url(../../_img/Facelift/urunler.svg);
}

.menu.kurumsal li.mnAgriculture > a:before {
    background-image: url(../../_img/Facelift/tarim.svg);
}

.menu.kurumsal li.mnYatirim > a:before {
    background-image: url(../../_img/Facelift/yatirim.svg);
}

.menu.kurumsal li.mnOdemeler > a:before {
    background-image: url(../../_img/Facelift/odemeler.svg);
}

.menu.kurumsal li.mnParaTransfer > a:before {
    background-image: url(../../_img/Facelift/transfer.svg);
}

.menu.kurumsal li.mnPortfoyum > a:before {
    background-image: url(../../_img/Facelift/finansal.svg);
}

.menu.kurumsal li.mnOnayEkran > a:before {
    background-image: url(../../_img/Facelift/onay-islemleri.svg);
}

.menu.kurumsal li.mnKrediKart > a:before {
    background-image: url(../../_img/Facelift/credit_card.svg);
}

.menu.kurumsal li.mnKullaniciYonetimi > a:before {
    background-image: url(../../_img/Facelift/user_menu.svg);
}

.menu.kurumsal li.mnFirmaYonetimi > a:before {
    background-image: url(../../_img/Facelift/users_menu.svg);
}

.menu.kurumsal li.mnDisTicaret > a:before {
    background-image: url(../../_img/Facelift/disTicaret.svg);
    width: 28px;
    left: 18px;
}

.menu.kurumsal li.mnTariff > a:before {
    background-image: url(../../_img/Facelift/tariff.svg);
    width: 28px;
    height: 28px;
    left: 19px;
}

.menu.kurumsal li.mnCashManagement > a:before {
    background-image: url(../../_img/Facelift/cash_management.svg);
    width: 28px;
    height: 28px;
    left: 19px;
}

.menu.kurumsal > ul > li:last-child > a:before, .menu.kurumsal > ul > li.mnGorus > a:before {
    background-image: url(../../_img/Facelift/gorusVeOneri.svg);
}

.menu.kurumsal > ul > li.mnFx > a:before {
    background-image: url(../../_img/Facelift/fx.svg);
    width: 42px;
    left: 12px;
}

.menu.kurumsal li.mnCredit > a:before {
    background-image: url(../../_img/Facelift/credit.svg);
}

.menu.kurumsal li.mmIsbirlik > a:before {
    background-image: url(../../_img/Facelift/collabration.svg);
}


.menu.kurumsal li.mmDirection > a:before {
    background-image: url(../../_img/Facelift/direction.svg);
}

body.menuActive .menu.kurumsal li a {
    font-size: 13px;
    line-height: 1.3;
    color: #fff;
    font-weight: 400;
    text-align: left;
}

body.menuActive .menuCapsule > div {
    width: 256px;
    z-index: 8000;
}

.contentCapsule:before {
    content: '';
    background-color: rgba(51, 51, 51, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8000;
    opacity: 0;
    transition-duration: 300ms;
    transition-property: opacity;
    transition-timing-function: ease-in;
}

body.menuActive form > .main .contentCapsule:before {
    opacity: 1;
    right: 0;
    bottom: 0;
}
/*body.menuActive form > .main .contentCapsule:before {
    content: '';
    background-color: rgba(51, 51, 51, 0.5);
    position: absolute;
    top: 0;
    left: 256px;
    right: 0;
    bottom: 0;
    z-index: 9999;
}*/
.capsuleContainer {
    flex: 1;
}

.menu.kurumsal li.subMenu:hover ul {
    /*display: block;*/
}

    .menu.kurumsal li.subMenu:hover ul li {
        padding: 0;
    }

.menu.kurumsal li.subMenu:hover > a {
    color: #fff;
}

.menu.kurumsal li.mnShowHidden {
    display: none;
    padding: 0 30px;
}

    .menu.kurumsal li.mnShowHidden > a {
        width: 32px;
        height: 6px;
        display: block;
        text-indent: -9999px;
        background: url(../../_img/768/menu-hidden-dots.png) 0 25px no-repeat !important;
    }
/*
.menu.kurumsal li.mnHesaplar > a {
    width: 62px;
}

.menu.kurumsal li.mnOdemeler > a {
    width: 63px;
}

.menu.kurumsal li.mnKrediler > a {
    width: 57px;
}

.menu.kurumsal li.mnParaTransfer > a {
    width: 78px;
}

.menu.kurumsal li.mnCekSenet > a {
    width: 53px;
}

.menu.kurumsal li.mnYatirim > a {
    width: 60px;
}

.menu.kurumsal li.mnTopluIslem > a {
    width: 56px;
}

.menu.kurumsal li.mnMaas > a {
    width: 80px;
}

.menu.kurumsal li.mnDisTicaret > a {
    width: 69px;
}

.menu.kurumsal li.mnKullaniciYonetimi > a {
    width: 75px;
}

.menu.kurumsal li.mnOnayEkran > a {
    width: 65px;
}*/

.menu.kurumsal li ul {
    position: relative;
    top: 0;
}

.level2Menu {
    background: url(../../_img/pattern-2.jpg) 0 0 repeat;
    border-top: 1px solid #d2d2d2;
    margin-top: 20px;
    outline: 1px solid #e6e6e6;
    #position: relative;
    #height: 56px;
}

    .level2Menu ul {
        padding: 20px 0;
        display: table;
        #position: absolute;
        #top: 50%;
        #left: 50%;
        #margin-left: -490px;
    }

        .level2Menu ul li {
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            #position: relative;
            #display: block;
            #top: -50%;
            #float: left;
            #width: 10%;
        }

            .level2Menu ul li a {
                color: #fff;
                font-size: 14px;
            }

                .level2Menu ul li a:hover {
                    color: #a5daf0;
                }

        .level2Menu ul .dot {
            height: 4px;
            padding: 10px 10px 0 10px;
            background-position: -14px -3036px;
            #width: 4px;
        }

.smartSearch {
    border: 1px solid #bdbdbd;
    background: #fff;
    position: relative;
    margin-top: 20px;
    margin-bottom: 25px;
    border-radius: 2px;
    height: 54px;
    #z-index: 3;
}

    .smartSearch input {
        width: 88%;
        color: #616161;
        font-size: 14px;
        line-height: 18px;
        padding: 17px 17px 18px 17px;
        border-radius: 2px;
    }

    .smartSearch .searchButton {
        width: 50px;
        height: 52px;
        display: block;
        text-indent: -9999px;
        position: absolute;
        right: 1px;
        top: 1px;
        background: url(../../_img/sprite.png) transparent 0 -928px no-repeat;
    }

    .smartSearch .toolTip {
        top: 17px;
        right: 60px;
    }

    .smartSearch.on {
        border: 2px solid #87bc38;
        height: 52px;
    }

        .smartSearch.on input {
            padding: 16px 17px 17px 17px;
        }

        .smartSearch.on .searchButton {
            top: 0;
        }

        .smartSearch.on .toolTip {
            top: 16px;
        }

    .smartSearch .toolTipOver {
        right: -68px;
        top: -30px;
        padding: 13px;
        width: 256px;
        height: 21px;
    }

.singleSearch {
    border: 20px solid #207ec1;
    margin: 150px auto 0 auto;
    background: #fff;
    position: relative;
    z-index: 310;
    border-radius: 2px;
    height: 54px;
}

    .singleSearch input {
        width: 88%;
        color: #616161;
        font-size: 14px;
        line-height: 18px;
        padding: 18px 17px 17px 17px;
        border-radius: 2px;
    }

    .singleSearch .searchButton {
        width: 50px;
        height: 52px;
        display: block;
        text-indent: -9999px;
        position: absolute;
        right: 1px;
        top: 1px;
        background: url(../../_img/sprite.png) transparent 0 -928px no-repeat;
    }

    .singleSearch .toolTip {
        top: 17px;
        right: 60px;
    }

    .singleSearch.on {
        border: 2px solid #87bc38;
        height: 52px;
    }

        .singleSearch.on input {
            padding: 16px 17px 17px 17px;
        }

    .singleSearch .toolTipOver {
        right: -68px;
        top: -30px;
        padding: 13px;
        width: 256px;
        height: 21px;
    }

.outlink {
    font-size: 13px;
    color: #87bc38;
    float: right;
    display: block;
    padding: 10px;
}

.ssLogo {
    width: 143px;
    height: 143px;
    margin: 80px auto;
    clear: both;
}

.ssOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(../../_img/ssOverlay.png) 0 0 repeat;
    z-index: 300;
    top: 0;
    left: 0;
    display: none;
}

.approval {
    font-size: 15px;
    color: #616161;
    line-height: 1.2;
    padding-left: 11px; /*Eklendi*/
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin-bottom: 25px;
}

    .approval p {
        font-size: 18px;
        color: #616161;
        padding-left: 11px;
        background: url(../../_img/4.png) transparent 0 7px no-repeat;
    }

        .approval p .green {
            color: #75a927;
        }

        .approval p .blue {
            color: #0a659a;
        }

    .approval span {
        padding: 10px;
        background: #87bc38;
        display: inline-block;
        color: #fff;
        border: 1px solid #79ab30;
        border-radius: 3px;
        margin: -10px 5px;
    }

    .approval.exist {
        background: whitesmoke 13px 21px no-repeat; /* Eklendi */
        padding: 15px 15px 13px 25px;
    }

    .approval.none {
        background: whitesmoke 13px 21px no-repeat; /* Eklendi */
        padding: 15px 15px 13px 25px;
    }

    .approval.warning {
        background: whitesmoke 13px center no-repeat; /* Eklendi */
        padding: 15px 15px 13px 25px;
    }

    .approval.info {
        background: whitesmoke 13px 21px no-repeat; /* Eklendi */
        padding: 15px 15px 13px 25px;
    }

    .approval.info {
        padding: 15px 15px 13px 25px;
        background-position: 10px center;
        background-image: none;
        background-color: #fafafa;
        border: 1px solid #e2e2e2;
        margin: 20px 10px;
    }

    .approval p, .approval li, .approval label {
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: #999;
        padding: 0;
        background: none;
        position: relative;
    }

    .approval li {
        list-style-type: disc;
        padding: 5px 0;
    }

.mainArea .approval.info {
    margin-top: 0;
}

.approval.timeleft {
    background: url(../../_img/timeleft.png) whitesmoke 13px 21px no-repeat; /* Eklendi */
    padding: 25px 15px 25px 55px;
}

.message {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin-bottom: 25px;
    padding: 20px;
    background: url(../../_img/pattern-5.jpg) 0 0 repeat;
}

    .message p {
        font-size: 18px;
        color: #616161;
        padding-left: 11px;
    }

.pageTitle {
    border-bottom: 1px solid #e9e9e9;
    display: none;
}

    .pageTitle .button.type01 {
        float: right;
        width: 78px;
        text-align: center;
        padding-left: 0;
    }

    .pageTitle h1 {
        float: left;
        font-size: 26px;
        line-height: 28px;
        color: #616161;
        padding: 0 0 0 35px;
        margin: 30px 0 0 0;
        display: none;
    }

        .pageTitle h1.shape01 {
            background: url(../../_img/menu-icons.png) -103px 5px no-repeat;
        }

        .pageTitle h1.shape02 {
            background: url(../../_img/menu-icons.png) -103px -63px no-repeat;
        }

        .pageTitle h1.shape03 {
            background: url(../../_img/menu-icons.png) -103px -134px no-repeat;
        }

        .pageTitle h1.shape04 {
            background: url(../../_img/menu-icons.png) -103px -205px no-repeat;
        }

        .pageTitle h1.shape05 {
            background: url(../../_img/menu-icons.png) -103px -275px no-repeat;
        }

        .pageTitle h1.shape06 {
            background: url(../../_img/menu-icons.png) -103px -344px no-repeat;
        }

        .pageTitle h1.shape07 {
            background: url(../../_img/menu-icons.png) -103px -416px no-repeat;
        }

        .pageTitle h1.shape08 {
            background: url(../../_img/menu-icons.png) -103px -486px no-repeat;
        }

        .pageTitle h1.shape09 {
            background: url(../../_img/menu-icons.png) -103px -558px no-repeat;
        }

        .pageTitle h1.shape10 {
            background: url(../../_img/menu-icons.png) -103px -623px no-repeat;
        }

        .pageTitle h1.shape11 {
            background: url(../../_img/menu-icons.png) -103px -696px no-repeat;
        }

        .pageTitle h1.shape12 {
            background: url(../../_img/menu-icons.png) -103px -768px no-repeat;
        }

        .pageTitle h1.shape13 {
            background: url(../../_img/menu-icons.png) -103px -835px no-repeat;
        }

        .pageTitle h1.shape14 {
            background: url(../../_img/sprite.png) transparent -15px -334px no-repeat;
        }

        .pageTitle h1.shape15 {
            background: url(../../_img/sprite.png) transparent -12px -1832px no-repeat;
        }

        .pageTitle h1.shape16 {
            background: url(../../_img/sprite.png) transparent -12px -3611px no-repeat;
        }

    .pageTitle h3 {
        font-size: 22px;
        padding: 0 0 20px 0;
        float: left;
        margin: 34px 0 0 10px;
    }

        .pageTitle h3.blue {
            color: #207ec1;
        }

        .pageTitle h3.dark {
            color: #616161;
        }

.tab {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
    display: flex;
}

    .tab a {
        flex: 1;
        height: 46px;
        padding-top: 0;
        align-items: center;
        justify-content: center;
        display: flex;
        font-size: 11px;
        font-weight: bold;
        line-height: 46px;
        border-bottom: 3px solid transparent;
        color: #999;
    }

        .tab a.on, .tab a:hover {
            color: #0055b8;
            border-bottom-color: #0055b8;
        }

    .tab.three a {
    }

        .tab.three a:hover, .tab.three a.on {
            /*background-color: #207ec1;*/
        }

        .tab.three a.first {
            /*border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;*/
        }

        .tab.three a.last {
            /*border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;*/
        }

.container { /*Eklendi*/ /*Eklendi*/
}

    .container tr:hover {
        background: #f2f2f2;
    }

    .container tr.on {
        background: #efefef;
    }

    .container th, .container th td {
        font-size: 12px;
        color: #999;
        height: 39px;
        font-weight: 700;
        background: #fff;
        text-align: left;
        line-height: 12px;
    }

        .container th[align=left], .container th td[align=left] {
            text-align: left;
        }

        .container th[align=center], .container th td[align=center] {
            text-align: center;
        }

        .container th[align=right], .container th td[align=right] {
            text-align: right;
        }

        .container th span {
            color: #555;
        }

    .container .ttip p {
        float: left;
    }

    .container td {
        font-size: 13px;
        line-height: 16px;
        color: #333;
        height: 49px;
    }

        .container td p, .container td span, .container td input, .container td label {
            font-size: 13px !important;
        }

            .container td input[type="radio"], .container td input[type="checkbox"] {
                float: left;
                margin: 2px;
            }

            .container td input ~ p {
                float: left;
                padding-left: 5px;
            }

        .container td.s-asc {
            background: #eaeaea;
        }

        .container td.s-desc {
            background: #efefef;
        }

    .container th, .container td {
        border: 1px solid #e6e6e6;
        border-left: 0;
        border-right: 0;
        padding: 4px 8px;
        vertical-align: middle;
    }

    .container tr.odd td {
        background-color: #f5f5f5;
    }

    .container .expander {
        display: none;
    }

    .container .hesapTuru {
        position: relative;
        float: right;
        min-width: 150px;
        margin: -17px -14px 0 0;
    }

        .container .hesapTuru > span {
            width: 42px;
            height: 57px;
            display: block;
            background: url(../../_img/hesapBg.png) 0 -6px no-repeat;
            position: absolute;
            right: 0;
            top: 6px;
        }

            .container .hesapTuru > span:hover {
                background-position: 0 -75px;
            }

        .container .hesapTuru .shape21, .container .hesapTuru .shape22 {
            width: 22px;
            height: 22px;
            display: block;
            margin: 20px 0 0 15px;
        }

        .container .hesapTuru p {
            font-size: 12px;
            color: #fff;
            padding: 20px 10px;
            background: url(../../_img/hesapOver.png) right -6px no-repeat;
            position: absolute;
            right: 38px;
            top: 6px;
            display: none;
        }

.browse, .edit, .delete, .edit-process {
    width: 20px;
    height: 20px;
    background-image: url(../../_img/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -9999px;
}

.browse {
    background-position: center -2px;
}

    .browse:hover {
        background-position: center -25px;
    }

.edit {
    background: url(../../_img/Facelift/icons-edit.svg) no-repeat center;
    background-size: 26px auto;
    padding: 0 20px;
}

    .edit:hover {
        /*background-position: center -68px;*/
    }

.delete {
    background: url(../../_img/Facelift/icons-clear.svg) no-repeat center;
    background-size: contain;
}

    .delete:hover {
        /*background-position: center -123px;*/
    }

.edit-process {
    width: 24px;
    height: 25px;
    background-position: center -3658px;
}

    .edit-process:hover {
        background-position: center -3702px;
    }

.dropdown {
    position: relative;
    /*z-index: 45;*/
}

    .dropdown .column {
        float: left;
        padding: 15px 0 15px 15px;
        height: 45px;
    }

        .dropdown .column p {
            font-size: 13px;
            padding: 3px 0;
        }

    .dropdown .ddOpener {
        width: 9px;
        height: 7px;
        display: block;
        text-indent: -9999px;
        background: url(../../_img/Facelift/blue.png) transparent center no-repeat;
    }

    .dropdown .ddSelected {
        border: 1px solid #E3E3E3;
        border-radius: 5px;
        height: 104px;
        background-color: #fafafa;
        color: #333;
        font-size: 13px;
        font-weight: 400;
        display: flex;
    }

        .dropdown .ddSelected .column p {
        }

        /*.dropdown .ddSelected .col02 {
    border-right: 1px solid #fff;
}*/

        .dropdown .ddSelected .col04 {
            background: transparent;
            width: 39px;
        }

            .dropdown .ddSelected .col04:hover {
                background: #2B97D1;
            }

        .dropdown .ddSelected .column {
            flex: 1;
            min-height: 100%;
            max-height: 100%;
            border-left: 1px solid #f5f5f5;
        }

        .dropdown .ddSelected .col01 {
            min-width: 257px;
            max-width: 257px;
            width: auto;
            background-color: #fff;
            padding-top: 20px;
            padding-bottom: 20px;
            margin-right: 0;
            line-height: 1.2;
            position: relative;
            line-height: 1.2;
        }

            .dropdown .ddSelected .col01:after {
                content: '';
                display: block;
                position: absolute;
                left: 30px;
                bottom: -7px;
                height: 7px;
                width: 14px;
                background: url(../../_img/Facelift/triangle.png) no-repeat center;
            }
            /*.dropdown .ddSelected .col01:after {
    content: '';
    display: block;
    right: -35px;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px 0 45px 35px;
    border-color: transparent transparent transparent #ffffff;
}*/

            .dropdown .ddSelected .col01 > p {
                font-size: 15px;
                color: #333;
                font-weight: 400;
                padding: 0;
            }

            .dropdown .ddSelected .col01 p:nth-child(1) {
                color: #999;
                /*font-size: 10px;*/
                font-weight: 400;
            }

                .dropdown .ddSelected .col01 p:nth-child(1) strong {
                    font-weight: 400;
                }

        .dropdown .ddSelected .col02 {
            display: flex;
            min-width: 252px;
            max-width: 252px;
            padding-left: 15px;
            padding-top: 29px;
            border-left: 0;
        }

            .dropdown .ddSelected .col02 p {
                display: flex;
                flex-direction: column-reverse;
                justify-content: flex-end;
                font-size: 15px;
                font-weight: bold;
                color: #333334;
                flex: 1;
                padding: 0;
            }

                .dropdown .ddSelected .col02 p strong {
                    font-weight: 400;
                    font-size: 12px;
                    letter-spacing: 0.5px;
                    color: #999;
                    margin-top: 5px;
                }

                .dropdown .ddSelected .col02 p + p {
                    color: #333;
                }

        .dropdown .ddSelected .openerColumn {
            min-width: 51px;
            max-width: 51px;
            padding: 0;
        }

            .dropdown .ddSelected .openerColumn a {
                width: 100%;
                height: 100%;
                margin: 0;
            }

.dropDownContent .ddHeader .col01 {
    width: 296px;
}

.dropDownContent .ddHeader .col02 {
    width: 372px;
}

.dropDownContent .ddContent .col01 {
    width: 301px;
}

.dropDownContent .ddContent .col02 {
    width: 351px;
    border-right: none;
}

.dropdown .column {
    padding-top: 5px;
}

.dropdown strong {
    font-weight: bold;
}

.formField {
    position: relative;
    max-width: 100%;
}

    .formField.confirm {
        flex-wrap: wrap;
        margin: 0 -15px;
        max-width: inherit;
    }

        .formField.confirm + .formField h4 {
            border: 0;
            display: none;
        }

        .formField.confirm .confirmFieldRow {
            display: flex;
        }

        .formField.confirm label {
            min-width: 230px;
            max-width: 230px;
            font-size: 13px;
            font-weight: 400;
            color: #999;
            text-align: right;
            background: none;
            padding: 0;
            align-items: flex-start;
        }

        .formField.confirm .valueLabel {
            min-width: 360px;
            max-width: 360px;
            text-align: right;
            padding-right: 165px;
            background: none;
            border: 0;
            padding-left: 10px;
        }

        .formField.confirm .containerRow > label {
            min-width: 230px !important;
            max-width: 230px !important;
        }

            .formField.confirm .containerRow > label + div {
                text-align: right;
                padding-right: 165px;
                background: none;
                border: 0;
                padding-left: 10px;
                justify-content: flex-end;
                display: flex;
                padding-bottom: 0;
                align-items: center;
            }

        .formField.confirm.innerConfirm .containerRow > label + div {
            justify-content: flex-start;
            padding-right: 0 !important;
        }

            .formField.confirm.innerConfirm .containerRow > label + div label {
                text-align: left;
            }

        .formField.confirm .containerRow > label + div.editable {
            padding-right: 0 !important;
            margin-right: 265px !important;
        }

            .formField.confirm .containerRow > label + div.editable .edit2 {
                right: 10px;
            }

        .formField.confirm .containerRow > label + div > label {
            font-weight: bold;
        }

.mainArea.wide .formField.confirm .containerRow > label + div {
    padding-right: 265px;
}

.formField.confirm .valueLabel label {
    min-width: 0;
    max-width: 100%;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    text-align: right;
    background: none;
    word-break: break-word;
}

.formField.confirm a.button.green {
    float: right;
    margin-right: 15px;
    box-shadow: 5px 5px 15px 0 rgba(0, 85, 184, 0.25);
}

    .formField.confirm a.button.green + a.button.blue {
        float: left;
        /*background: #333;
    box-shadow: 5px 5px 15px 0 rgba(51, 51, 51, 0.25);*/
        margin-left: 15px;
    }

.formField div.containerRow, .formField.containerRow {
    display: flex;
    flex-direction: row;
}

    .formField div.containerRow .button.blue, .formField.containerRow .button.blue {
        margin: 0 0 0 10px !important;
    }

    .formField div.containerRow.ipRow > div, .formField.containerRow.ipRow > div {
        padding-bottom: 15px;
    }

        .formField div.containerRow.ipRow > div input, .formField.containerRow.ipRow > div input {
            padding-left: 5px;
            padding-right: 5px;
            margin-right: 5px;
        }

    .formField div.containerRow .ipRangeContainer, .formField.containerRow .ipRangeContainer {
        width: 185px;
    }

    .formField div.containerRow .ipRangeContainer, .formField.containerRow .ipRangeContainer, .formField div.containerRow .ipRangeSeperator, .formField.containerRow .ipRangeSeperator {
        float: left;
    }

    .formField div.containerRow .ipRangeSeperator, .formField.containerRow .ipRangeSeperator {
        padding: 0 10px 0 0;
        line-height: 36px;
    }

    .formField div.containerRow.verticalTable table td, .formField.containerRow.verticalTable table td {
        padding-bottom: 10px;
        vertical-align: middle;
    }

    .formField div.containerRow.buttonWithNoMargin .button, .formField.containerRow.buttonWithNoMargin .button {
        margin: 0;
        float: none;
    }

        .formField div.containerRow.buttonWithNoMargin .button + .button, .formField.containerRow.buttonWithNoMargin .button + .button {
            margin-top: 15px;
        }

    .formField div.containerRow .formField {
        flex: 1;
    }

    .formField .containerRow > label, .formField .accountNoField label, .formField .ibanField label, .formField.containerRow > label {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        margin-top: 0;
        color: #999;
        min-width: 159px;
        max-width: 159px;
        width: auto;
        text-align: right;
        padding-right: 15px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        float: none;
        padding-top: 0;
        min-height: 36px;
        max-height: 36px;
        flex: 1;
    }

        .formField .containerRow > label + div {
            padding-bottom: 14px;
            z-index: inherit !important;
        }

/*.mainArea.wide .formField .containerRow > label, .mainArea.wide .formField .accountNoField label, .mainArea.wide .formField .ibanField label, .mainArea.wide .formField.containerRow > label {
    min-width: 135px;
    max-width: 135px;
}*/
/*VRP Change width 143 to 200px*/
.formField label {
    font-size: 15px;
    line-height: 18px;
    /*color: #87bc38;*/
    width: 200px;
    float: left;
}

.formField .infoLabel {
    padding-top: 11px;
}

.formField > .accountNoField label, .formField .ibanField label, .formField label {
}

.formField .form {
    flex: 1;
    margin-bottom: 14px;
    width: auto !important;
    position: relative;
}

    .formField .form label {
        color: #616161;
        font-size: 13px;
        padding-left: 5px;
    }

    .formField .form input[type="radio"], .formField .form input[type="checkbox"] {
        /*position: relative;*/
        /*top: 13px;*/
    }

.formField .formFieldInfo {
    margin-bottom: 10px;
}

    .formField .formFieldInfo input, .formField .formFieldInfo label {
        float: left;
    }

    .formField .formFieldInfo label {
        display: block;
        padding-top: 11px;
    }

    .formField .formFieldInfo input[type="radio"] {
        /*position: relative;
    top: 18px;*/
    }

    .formField .formFieldInfo .formInfo {
        float: left;
        margin-left: 10px;
    }

        .formField .formFieldInfo .formInfo input {
            width: 40px;
        }

.formField .toolTip {
    bottom: 34px;
    right: 10px;
}

.formField .toolTipOver {
    right: -118px;
    bottom: 61px;
    top: auto;
}

    .formField .toolTipOver p {
        color: white !important;
    }

.formField .noInput {
    padding: 13px 0;
}

.formField .noLabel {
    width: 100%;
}

.formField .field-size-1 {
    width: 111px;
}

.formField .field-size-2 {
    width: 41px;
}

.formField .longLabel {
    width: 300px !important;
}

.formField input[type="text"], .formField input[type="tel"], .formField input[type="number"], .formField input[type="password"], .formField textarea {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-size: 13px;
    color: #333;
    padding: 10px;
    height: 36px;
    line-height: 16px;
}

.formField .complaintTextArea {
    border: 0;
}

.formField input:disabled, .formField textarea:disabled {
    opacity: 0.7;
    background-color: #f5f5f5;
}

.formField .multiple { /*Eklendi*/
}

    .formField .multiple input, .formField .multiple label {
        /*float: left;*/
    }

    .formField .multiple input {
        /*margin-right: 5px;*/
    }

    .formField .multiple label {
        /*margin-right: 15px;
    width: auto;*/
    }

    .formField .multiple input[type="radio"], .formField .multiple input[type="checkbox"] {
        position: relative;
        top: 6px;
    }

.formField .single input, .formField .single textarea {
    width: 98%;
}

.formField .addaction { /*Eklendi*/
}

    .formField .addaction input {
        float: left;
        width: 82%;
    }

    .formField .addaction a {
        float: right;
        margin: 4px 0 0 0;
    }

.formField .editable {
    position: relative;
}

    .formField .editable.on input {
        background: #fff;
        color: #207ec1;
    }

    .formField .editable.on .edit2 {
        display: none;
    }

    .formField .editable.on .accept2, .formField .editable.on .cancel2 {
        display: block;
    }

    .formField .editable .edit2, .formField .editable .accept2, .formField .editable .cancel2 {
        display: block;
        text-indent: -9999px;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 10px;
    }

    .formField .editable .edit2 {
        background: url(../../_img/sprite.png) transparent center -2361px no-repeat;
        right: 50px;
        font-size: 0;
    }

    .formField .editable .accept2 {
        background: url(../../_img/sprite.png) transparent -18px -2432px no-repeat;
        right: 45px;
        display: none;
    }

    .formField .editable .cancel2 {
        background: url(../../_img/sprite.png) transparent center -2402px no-repeat;
        right: 70px;
        display: none;
    }

.formField .exceedLimWarn {
    border: 1px solid red !important;
}

.formField .exceed {
    display: none;
    padding: 10px;
    background: #f00;
    color: #fff;
    font-size: 13px;
    position: absolute;
    top: -44px;
    left: -52px;
    border-radius: 3px;
}

    .formField .exceed:after {
        width: 0;
        height: 0;
        position: absolute;
        bottom: -15px;
        right: 5px;
        content: "";
        border: 8px solid #000;
        border-color: transparent;
        border-top-color: #f00;
    }

.formField p {
    font-size: 13px;
    color: #616161;
}

.formField .field-size-1 ~ .field-size-2 {
    margin-left: 5px;
}

.formField .field-size-2 ~ p {
    padding-left: 30px;
    background: url(../../_img/sprite.png) transparent -10px -1110px no-repeat;
    float: left;
    padding-top: 15px;
}

dl dt {
    font-size: 18px;
    color: #fff;
    padding: 13px 0 13px 45px;
    margin-bottom: 10px;
    background: url(../../_img/sprite.png) #207ec1 0 -3124px no-repeat;
    border-radius: 3px;
}

    dl dt.togglePanelHeader {
        display: none;
    }

dl dd {
    padding: 10px 0;
}

    dl dd h3 {
        font-size: 13px;
        color: #333;
        padding-left: 15px;
        /*background: url(../../_img/sprite.png) transparent -24px -1125px no-repeat;*/
        margin: 0 0 10px 0;
        font-weight: normal;
        line-height: 16px;
        position: relative;
    }

        dl dd h3.on {
            /*background-position: -23px -2323px;*/
        }

        dl dd h3:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: -2px;
            zoom: 1.3;
            width: 15px;
            height: 15px;
            background: url(../../_img/sprite.png) transparent -24px -1125px no-repeat;
        }

        dl dd h3.on:before {
            background-position: -23px -2323px;
        }

        dl dd h3.back:hover {
            cursor: pointer;
        }

    dl dd blockquote {
        border: 1px solid #e2e2e2;
        background: #fafafa;
        padding: 10px 15px;
        margin: 20px 0;
        border-radius: 3px;
        font-size: 13px;
        font-weight: 400;
        color: #999;
        line-height: 15px;
    }

        dl dd blockquote p {
            font-size: 11px;
            font-weight: 400;
            color: #999;
            line-height: 15px;
            padding: 0;
        }

    dl dd.confirm {
        display: none;
    }

        dl dd.confirm .form label {
            background: #f6f6f6;
            border: 1px solid #e4e4e4;
            border-radius: 3px;
            font-size: 14px;
            color: #616161;
            padding: 10px 5px;
            width: 98%;
            display: block;
        }

dl .final {
    display: none;
}

dl .accordion {
    display: none;
}

/*.VeriBranchSectionRow .sectionRowHeader.off:not(.on) {
    display: none;
}*/
.VeriBranchSectionRow {
    margin-bottom: 20px;
}

    .VeriBranchSectionRow .sectionRowContainer {
        padding-top: 10px;
    }

.mainTogglePanelContainer .toggleSteps {
    display: flex;
    flex-direction: row;
    height: 44px;
    margin: -15px -15px 20px;
    position: relative;
}

    .mainTogglePanelContainer .toggleSteps:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        background-image: linear-gradient(to right, #0055b8, #7ebc00);
        z-index: 2;
    }

    .mainTogglePanelContainer .toggleSteps span {
        border-bottom: 3px solid #f5f5f5;
        background-color: #fff;
        font-size: 11px;
        font-weight: bold;
        flex: 1;
        color: #999;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: relative;
        z-index: 3;
        overflow: hidden;
    }

        .mainTogglePanelContainer .toggleSteps span.active {
            color: #0055b8;
        }

        .mainTogglePanelContainer .toggleSteps span.complete {
            color: rgba(0, 85, 184, 0.5);
        }

        .mainTogglePanelContainer .toggleSteps span.active, .mainTogglePanelContainer .toggleSteps span.complete {
            z-index: 1;
        }

        .mainTogglePanelContainer .toggleSteps span + span {
            border-left: 1px solid #f5f5f5;
        }

        .mainTogglePanelContainer .toggleSteps span:after {
            content: '';
            width: 8px;
            height: 8px;
            border-radius: 50%;
            position: absolute;
            bottom: -4px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #f5f5f5;
        }

        .mainTogglePanelContainer .toggleSteps span:nth-child(1).active:before, .mainTogglePanelContainer .toggleSteps span:nth-child(1).complete:before {
            background-color: #166798;
        }

        .mainTogglePanelContainer .toggleSteps span:nth-child(2).active:before, .mainTogglePanelContainer .toggleSteps span:nth-child(2).complete:before {
            background-color: #40895b;
        }

        .mainTogglePanelContainer .toggleSteps span:nth-child(3).active:before, .mainTogglePanelContainer .toggleSteps span:nth-child(3).complete:before {
            background-color: #69ab1e;
        }

.mainTogglePanelContainer > dl {
    /*display: flex;*/
}

    .mainTogglePanelContainer > dl .VeriBranchTogglePanel:last-child {
        text-align: center;
    }

        .mainTogglePanelContainer > dl .VeriBranchTogglePanel:last-child .formField h4 {
            border: 0;
            font-size: 15px;
            line-height: 1.4;
            font-weight: bold;
            color: #333;
        }

            .mainTogglePanelContainer > dl .VeriBranchTogglePanel:last-child .formField h4:before {
                content: '';
                display: block;
                width: 65px;
                height: 54px;
                background: url(../../_img/Facelift/approve.jpg) no-repeat center;
                margin: 0 auto 10px;
            }

        .mainTogglePanelContainer > dl .VeriBranchTogglePanel:last-child > dd > div {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

            .mainTogglePanelContainer > dl .VeriBranchTogglePanel:last-child > dd > div .formField {
                min-width: 100%;
            }

            .mainTogglePanelContainer > dl .VeriBranchTogglePanel:last-child > dd > div a.button {
                margin: 15px 8px;
                min-width: 185px;
                font-size: 13px;
                font-weight: bold;
            }

/*.mainTogglePanelContainer > dl .VeriBranchTogglePanel:last-child > dd > div .formField a.button {
    border-color: #0055b8;
    color: #0055b8;
    background: #fff;
}*/

dl .shape16 {
    width: 28px;
    height: 20px;
    display: block;
    float: right;
    margin-right: 20px;
}

dl.accordion dd {
    display: none;
}

.ddHeader .column {
    padding: 8px;
    height: auto;
    background: #e7e7e7;
    border-right: 1px solid #fff;
}

    .ddHeader .column h5 {
        font-size: 14px;
        color: #9a9a9a;
    }

.dropDownContent {
    position: absolute;
    /*z-index: 50;*/
    top: 90px;
    left: 0;
    width: 100%;
    display: none;
    box-shadow: 0 10px 40px 0 rgba(51, 51, 51, 0.2);
    border: 1px solid #f5f5f5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .dropDownContent .ddHeader .col01 {
        width: 122px;
        border-right: 1px solid #fff;
        border-radius: 3px 0 0 0;
    }

    .dropDownContent .ddHeader .col02 {
        width: 254px;
        border-right: 1px solid #fff;
    }

    .dropDownContent .ddHeader .col03 {
        width: 89px;
        border-right: 1px solid #fff;
    }

    .dropDownContent .ddHeader .col04 {
        width: 170px;
        border-right: 0 none !important;
        border-radius: 0 3px 0 0;
    }

.dropdown.isActive .ddSelected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropDownContent .ddContent {
    overflow: auto;
    max-height: 224px;
}

    .dropDownContent .ddContent li {
        border-bottom: 1px solid #e7e7e7;
        background: #fff;
        display: flex;
        cursor: pointer;
        /*transition-property: background;
    transition-duration: 50ms;
    transition-timing-function: ease-in;*/
    }

        .dropDownContent .ddContent li:hover {
            background: #0055b8;
        }


        .dropDownContent .ddContent li.last {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

    .dropDownContent .ddContent .column {
        height: 55px;
        float: none;
        padding-top: 0;
        padding-bottom: 0;
        border-left: 0;
    }

    .dropDownContent .ddContent .col01 {
        flex: 1;
        min-height: 100%;
        max-height: 100%;
        border-left: 0;
        min-width: 257px;
        max-width: 257px;
        width: auto;
        padding-top: 0;
        margin-right: 0;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }

        .dropDownContent .ddContent .col01 > p:last-child {
            display: none;
        }

    .dropDownContent .ddContent .col02 {
        flex: 1;
        min-height: 100%;
        max-height: 100%;
        min-width: 252px;
        max-width: 252px;
        border-left: 0;
        display: flex;
        padding-left: 15px;
        border-left: 0;
        align-items: center;
    }

        .dropDownContent .ddContent .col02 p {
            flex: 1;
            font-weight: bold;
            color: #999;
            font-size: 13px;
        }

            .dropDownContent .ddContent .col02 p + p {
                color: #333;
            }

            .dropDownContent .ddContent .col02 p strong {
                display: none;
            }

    .dropDownContent .ddContent .col03 {
        width: 95px;
        border-right: 1px solid #e7e7e7;
    }

    .dropDownContent .ddContent .col04 {
        width: 158px;
        border-radius: 0 3px 0 0;
    }

    .dropDownContent .ddContent p {
        color: #616161;
    }

.CollapseTable {
    width: 100%;
    margin-bottom: 20px;
}

    .CollapseTable th {
        padding: 10px 15px;
    }

    .CollapseTable td {
        padding: 10px 15px;
    }

.dateSelector {
    position: relative;
    z-index: 50;
}

    .dateSelector .date {
        float: left;
        padding-right: 11px;
        position: relative;
    }

    /*OpenTimeDepositAccount Tarih Se�imi*/

    .dateSelector .Opentime {
        float: left;
        padding-right: 53px;
    }

    .dateSelector .date label {
        font-size: 13px;
        color: #616161;
        float: left;
        padding-left: 5px;
    }

    .dateSelector .date input, .dateSelector .date label {
        margin-top: 15px;
    }

    .dateSelector .date input, .dateSelector .date .dateSelect, .dateSelector .date select {
        float: left;
    }

    .dateSelector .date .dateSelect {
        margin-left: 20px;
        position: relative;
        z-index: 30;
    }

    .dateSelector .date .dpf {
        border: 1px solid #e2e2e2;
        margin: 5px 0 0 11px;
        border-radius: 5px;
        height: 36px;
        font-size: 13px;
        color: #333;
        padding: 10px 30px 10px 10px;
        background: url(../../_img/sprite.png) #fff 56px -2624px no-repeat;
    }

.breadcrumbs {
    display: none;
    margin: 0;
    background-color: #e4edf6;
    height: 44px;
    padding: 0 15px;
    line-height: 44px;
}

    .breadcrumbs .breadCrumbLink {
        font-size: 11px;
        font-weight: 400;
        float: left;
        margin-right: 6px;
    }

        .breadcrumbs .breadCrumbLink:first-child {
            display: none;
        }

        .breadcrumbs .breadCrumbLink a {
            color: #333;
            cursor: default;
        }

        .breadcrumbs .breadCrumbLink.active a {
            font-weight: bold;
        }

.accountFilters {
    clear: both;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    z-index: 1;
}

    .accountFilters > table {
        width: 100%;
    }

        .accountFilters > table, .accountFilters > table tbody, .accountFilters > table tr {
            display: block;
        }

            .accountFilters > table > tbody > tr > td {
                display: block;
            }

    .accountFilters .options p.toolTip {
        display: none !important;
    }

    .accountFilters .dpick {
        float: left;
        width: 320px;
        margin: 20px 0;
    }

        .accountFilters .dpick input.dp {
            width: 73px;
            height: 33px;
            border: 1px solid #1b6ea7;
            background: #207ec1;
            font-size: 13px;
            text-align: center;
        }

        .accountFilters .dpick a.dp {
            width: 32px;
            height: 33px;
            text-indent: -9999px;
            display: inline-block;
            margin-left: 3px;
            border: 1px solid #0f4b75;
            background: url(../../_img/pattern-6.jpg) 0 0 no-repeat;
        }

            .accountFilters .dpick a.dp span {
                width: 32px;
                height: 33px;
                display: block;
            }

        .accountFilters .dpick .dp {
            border-radius: 3px;
        }

        .accountFilters .dpick span {
            color: #87bc38;
            font-size: 18px;
            display: inline-block;
            padding: 8px 0;
        }

        .accountFilters .dpick .button {
            margin: 0;
        }

    .accountFilters .options {
        float: none;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .accountFilters .options .button {
            position: relative;
            height: auto;
            background: none;
            border: 0;
            float: none;
            box-shadow: none;
            min-width: 50%;
            max-width: 50%;
            margin: 0 0 20px;
            cursor: default;
        }

        .accountFilters .options > .button.dateFilterContainer {
            flex: 1;
            min-width: 0;
            max-width: inherit;
            padding-left: 0;
            padding-top: 0;
            margin-bottom: 0;
        }

            .accountFilters .options > .button.dateFilterContainer .optionBox {
                flex-direction: row;
                flex-wrap: wrap;
            }

                .accountFilters .options > .button.dateFilterContainer .optionBox h6 {
                    min-width: 134px;
                    max-width: 134px;
                    color: #999;
                    text-align: right;
                    display: flex;
                    padding-right: 0;
                    align-items: center;
                    justify-content: flex-end;
                    font-size: 11px;
                }

                .accountFilters .options > .button.dateFilterContainer .optionBox .containerRow {
                    flex: 1;
                    max-width: 230px;
                    padding-left: 15px;
                }

                    .accountFilters .options > .button.dateFilterContainer .optionBox .containerRow .pickADate {
                        width: 100% !important;
                    }

        .accountFilters .options .button span.popupBtn {
            display: none;
        }

        .accountFilters .options .button.green span {
            background: url(../../_img/close.png) center center no-repeat;
        }

        .accountFilters .options .button.greennobgimage span {
            background: none;
        }

        .accountFilters .options .button.green .optionBox {
            display: block;
        }

            .accountFilters .options .button.green .optionBox .button {
                margin: 10px 0 0;
            }

        .accountFilters .options .toolTip {
            top: -50px;
            left: 0;
            color: #fff;
            padding: 10px;
            background: url(../../_img/pattern-7.jpg) center center no-repeat;
            text-indent: 0;
            width: 135px;
            text-align: center;
            display: none;
        }

            .accountFilters .options .toolTip:after {
                width: 0;
                height: 0;
                position: absolute;
                bottom: -14px;
                left: 5px;
                content: "";
                border: 7px solid #000;
                border-color: transparent;
                border-top-color: #7da834;
            }

    .accountFilters .advanced-search-toggle {
        background: #fff;
        border: 1px solid #0055b8;
        min-width: 160px;
        max-width: 160px;
        height: 36px;
        border-radius: 18px;
        padding: 10px 25px 10px 10px;
        color: #0055b8;
        font-size: 13px;
        text-align: center;
        font-weight: bold;
        line-height: 16px;
        cursor: pointer;
        position: relative;
        margin-left: auto;
    }

        .accountFilters .advanced-search-toggle:after {
            content: '';
            display: block;
            width: 10px;
            height: 34px;
            position: absolute;
            right: 15px;
            top: 0;
            transform: scaleY(-1);
            background: url(../../_img/Facelift/blue_down.svg) no-repeat center;
            background-size: contain;
        }

        .accountFilters .advanced-search-toggle.advanced-search-active:after {
            transform: none;
            top: 1px;
        }

    .accountFilters .accountSearch {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

        .accountFilters .accountSearch .expand {
            display: none;
        }

        .accountFilters .accountSearch input {
            width: 260px;
            float: left;
            height: 36px;
            border: 1px solid #e2e2e2;
            background: url(../../_img/sprite.png) #fff right -594px no-repeat;
            padding: 5px;
            font-size: 12px;
            color: #7e7e7e;
            float: left;
            border-radius: 5px;
            line-height: 23px;
        }

.portFoyDetails {
    font-size: 15px;
    margin: 10px 0 0;
}

.accountFilters ul.cbox {
}

    .accountFilters ul.cbox > div {
        float: left;
    }

    .accountFilters ul.cbox li {
        text-align: left;
    }

        /*.accountFilters ul.cbox li div:not(.chzn-container) {
    padding: 5px 0 !important;
}*/
        .accountFilters ul.cbox li .checkbox {
            float: none;
            width: auto;
            height: auto;
            margin: 0;
            /*padding: 0;*/
        }

            .accountFilters ul.cbox li .checkbox:after {
                content: '';
                display: block;
                clear: both;
            }
/*.accountFilters .accountSearch a {
    width: 35px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    background: url(../../_img/pattern-6.jpg) 0 0 no-repeat;
    float: left;
    margin-left: 10px;
    border-radius: 3px;
    display: none;
}

.accountFilters .accountSearch a span {
    width: 35px;
    height: 35px;
    display: block;
    background: url(../../_img/sprite.png) transparent -6px -153px no-repeat;
}

.accountFilters .accountSearch a.collapse span {
    background-position: -10px -376px;
}*/
.accountFilters .options .optionBox {
    width: auto !important;
    background: none;
    border: 0;
    box-shadow: none;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    display: flex !important;
    flex-direction: column;
    padding: 0;
    color: #000;
    flex-wrap: wrap;
}

    .accountFilters .options .optionBox.scrollableOptionBox {
        margin-left: 20px;
    }

        .accountFilters .options .optionBox.scrollableOptionBox > h6 {
            min-width: 100%;
            max-width: 100%;
            justify-content: flex-start;
        }

    .accountFilters .options .optionBox .containerRow {
        display: flex;
        flex-direction: row;
        padding-bottom: 12px;
    }

        .accountFilters .options .optionBox .containerRow.checkBoxList table {
            margin-left: 30px;
        }

            .accountFilters .options .optionBox .containerRow.checkBoxList table, .accountFilters .options .optionBox .containerRow.checkBoxList table tbody {
                display: flex;
            }

                .accountFilters .options .optionBox .containerRow.checkBoxList table tr {
                    margin-right: 10px;
                }

                    .accountFilters .options .optionBox .containerRow.checkBoxList table tr td {
                        display: flex;
                        align-items: center;
                    }

    .accountFilters .options .optionBox span.checkbox {
        display: block;
    }

    .accountFilters .options .optionBox input[type=checkbox] {
        margin-right: 5px;
    }

        .accountFilters .options .optionBox input[type=checkbox] + label {
            font-size: 13px;
            font-weight: 400;
            color: #333;
            line-height: 18px;
            padding-left: 0;
            padding-bottom: 5px;
        }

    .accountFilters .options .optionBox td > input[type=checkbox] + label {
        padding-bottom: 0;
        padding-top: 2px;
    }

    .accountFilters .options .optionBox .containerRow > label {
        min-width: 149px;
        max-width: 149px;
        color: #999;
        text-align: right;
        display: flex;
        padding-right: 15px;
        align-items: center;
        justify-content: flex-end;
        font-size: 11px;
    }

    .accountFilters .options .optionBox .containerRow > div {
        flex: 1;
        text-align: left;
    }

        .accountFilters .options .optionBox .containerRow > div .selectbox-container {
            width: 100% !important;
        }

        .accountFilters .options .optionBox .containerRow > div .selectbox-container, .accountFilters .options .optionBox .containerRow > div select, .accountFilters .options .optionBox .containerRow > div .chzn-container {
            max-width: 215px;
        }

    .accountFilters .options .optionBox h6 {
        font-size: 13px;
        font-weight: bold;
        line-height: normal;
        margin-top: 0;
        color: #333;
        min-width: 149px;
        max-width: 149px;
        width: auto;
        text-align: right;
        padding-right: 15px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        float: none;
        padding-top: 0;
        min-height: 36px;
        max-height: 36px;
        flex: 1;
        padding-bottom: 0;
    }

.dateFilterContainer {
}
/*.mainArea.wide .accountFilters .options .optionBox h6 {
    min-width: 100%;
    max-width: 100%;
}*/
.accountFilters .options .optionBox input[type=text], .accountFilters .options .optionBox input[type=tel] {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    height: 36px;
    padding-left: 15px;
    padding-right: 15px;
}

.accountFilters .options .optionBox .amountBoxContainer {
    width: 100%;
    max-width: 260px;
    float: none;
}

    .accountFilters .options .optionBox .amountBoxContainer input.amountBox {
        width: 100% !important;
        max-width: 215px !important;
    }

.tip {
    font-size: 12px;
    color: #7e7e7e;
    padding-bottom: 15px;
}

.optionBox {
    width: 215px;
    padding: 15px;
    border-radius: 3px;
    background: #0f5383;
    border: 1px solid #0b4266;
    position: absolute;
    left: 0;
    top: 35px;
    display: none;
    /*z-index: 100;*/
    text-indent: 0;
    cursor: default;
}

    .optionBox input[type="text"] {
        width: 68px;
        height: 16px;
        padding: 7px 10px;
        border-radius: 3px;
        background: #fff;
        font-size: 12px;
        line-height: 16px;
        color: #616161;
        float: left;
    }

    .optionBox p {
        float: left;
        padding: 5px;
    }

    .optionBox h6 {
        color: #fff;
        font-size: 13px;
        clear: both;
        padding-bottom: 20px;
    }

    .optionBox .add {
        width: 26px;
        height: 30px;
        background: url(../../_img/add.png) 0 0 no-repeat !important;
        padding: 0;
        float: left;
        margin-left: -3px;
        cursor: pointer;
    }

    .optionBox .cbox ul:not(.chzn-results) li {
        font-size: 12px;
        color: #fff;
        float: left;
        padding: 5px;
        width: 100%;
    }

        .optionBox .cbox ul:not(.chzn-results) li tr td {
            padding-bottom: 5px;
        }

        .optionBox .cbox ul:not(.chzn-results) li label {
            padding-left: 5px;
            color: #333;
            font-weight: 400;
        }

/*.optionBox div.dp-container {
    left: -16px !important;
}*/

.pager {
    float: left;
    margin-top: 20px;
    overflow: hidden;
}

    .pager ul li {
        float: left;
        background: #fff;
        margin-right: 0;
        border-radius: 0;
        border: 1px solid #e2e2e2;
    }

        .pager ul li + li {
            margin-left: 4px;
        }

        .pager ul li a {
            width: 33px;
            height: 35px;
            display: block;
            text-align: center;
            font-size: 14px;
            color: #999;
            padding-top: 8px;
            line-height: 20px;
        }

        .pager ul li:hover {
            border-color: #333;
        }

            .pager ul li:hover a {
                color: #333;
            }

        .pager ul li.on {
            border-color: #333;
        }

            .pager ul li.on a {
                color: #333;
            }

        .pager ul li.first, .pager ul li.prev, .pager ul li.next, .pager ul li.last {
            background-color: #e2e2e2;
            color: #333;
        }

            .pager ul li.first a, .pager ul li.prev a, .pager ul li.next a, .pager ul li.last a {
                text-indent: 9999px;
            }

            .pager ul li.first a {
                background: url(../../_img/sprite.png) transparent center -477px no-repeat;
            }

            .pager ul li.prev a {
                background: url(../../_img/sprite.png) transparent center -454px no-repeat;
            }

            .pager ul li.next a {
                background: url(../../_img/sprite.png) transparent center -523px no-repeat;
            }

            .pager ul li.last a {
                background: url(../../_img/sprite.png) transparent center -501px no-repeat;
            }

    .pager.right {
        float: right;
        border-top: 1px solid #ebebeb;
    }

        .pager.right li {
            margin-left: 3px;
            margin-right: 0;
        }

.expand {
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -16px -162px no-repeat;
}

.collapse {
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -19px -385px no-repeat;
}

.open {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent center -230px no-repeat;
}

.close {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent center -197px no-repeat;
}

.print, .save, .dpbtn, .arrows, .file, .hand {
    text-indent: -9999px;
    padding: 0 !important;
}
/*.print span, .save span, .dpbtn span, .arrows span, .file span, .hand span {
    width: 20px;
    height: 20px;
    display: block;
    padding: 7px 10px;
}*/
.default-print, .default-save, .default-dpbtn, .default-arrows, .default-file, .default-hand, .default-expand, .default-collapse, .default-open, .default-close {
    width: 20px;
    height: 20px;
    display: block;
    padding: 7px 10px;
}

.print-button a, .save-button a, .dpbtn-button a, .arrows-button a, .file-button a, .hand-button a, .expand-button a, .collapse-button a, .open-button a, .close-button a {
    width: 20px;
    height: 20px;
    display: block;
    padding: 7px 10px;
}

.default-print {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 -6px -253px no-repeat;
}

.default-save {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 -16px -162px no-repeat;
}

.default-dpbtn {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 -6px -417px no-repeat;
}

.default-arrows {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 -4px -2051px no-repeat;
}

.default-file {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 -5px -2088px no-repeat;
}

.default-hand {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 -6px -2124px no-repeat;
}

.default-expand {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 -4px -150px no-repeat;
}

.default-collapse {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 -5px -151px no-repeat;
}

.default-open {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 center -216px no-repeat;
}

.default-close {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #1d7ec2 center -185px no-repeat;
}

.default-print:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 -6px -253px no-repeat;
}

.default-save:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 -16px -162px no-repeat;
}

.default-dpbtn:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 -6px -417px no-repeat;
}

.default-arrows:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 -4px -2051px no-repeat;
}

.default-file:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 -5px -2088px no-repeat;
}

.default-hand:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 -6px -2124px no-repeat;
}

.default-expand:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 -4px -150px no-repeat;
}

.default-collapse:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 -5px -151px no-repeat;
}

.default-open:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 center -216px no-repeat;
}

.default-close:hover {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) #145482 center -185px no-repeat;
}

.print-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -6px -253px no-repeat;
}

.save-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -16px -162px no-repeat;
}

.dpbtn-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -6px -417px no-repeat;
}

.arrows-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -4px -2051px no-repeat;
}

.file-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -5px -2088px no-repeat;
}

.hand-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -6px -2124px no-repeat;
}

.expand-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -4px -150px no-repeat;
}

.collapse-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent -5px -151px no-repeat;
}

.open-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent center -216px no-repeat;
}

.close-button a {
    display: block;
    text-indent: -9999px;
    background: url(../../_img/sprite.png) transparent center -185px no-repeat;
}

.sort {
    width: 7px;
    height: 12px;
    display: block;
    text-indent: -9999px;
    background: url(../../_img/Facelift/dropdown_arrow.svg) center no-repeat;
    background-size: 16px auto;
    float: right;
}

    .sort.asc {
        background: url(../../_img/sprite.png) transparent -22px -3522px no-repeat;
    }

    .sort.desc {
        background: url(../../_img/sprite.png) transparent -22px -3549px no-repeat;
    }

.event {
    width: 139px;
    height: 77px;
    position: relative;
}

    .event .eventDay {
        width: 36px;
        height: 49px;
        float: left;
        background: url(../../_img/event-day.gif) 0 0 no-repeat;
        font-size: 18px;
        color: #fff;
        text-align: center;
        padding-top: 28px;
    }

    .event .eventDetail {
        width: 107px;
        height: 100%;
        float: left;
        margin-left: -4px;
        background: url(../../_img/pattern-6.jpg) 0 0 repeat;
        position: relative;
        overflow: hidden;
    }

    .event .eventCount {
        font-size: 12px;
        color: #fff;
        position: absolute;
        right: 15px;
        top: 20px;
    }

    .event ul {
        position: absolute;
        bottom: 20px;
        left: 0;
    }

        .event ul li {
            font-size: 13px;
            color: #fff;
            float: left;
            width: 89px;
            padding-left: 15px;
        }

    .event .eventNav {
        background: url(../../_img/sprite.png) transparent -14px -1901px no-repeat;
        width: 25px;
        height: 13px;
        position: absolute;
        left: 15px;
        top: 20px;
    }

        .event .eventNav a {
            width: 7px;
            height: 12px;
            display: block;
            text-indent: -9999px;
            padding: 0 !important;
        }

        .event .eventNav .eventPrev {
            background: url(../../_img/sprite.png) transparent -14px -1886px no-repeat;
            float: left;
        }

            .event .eventNav .eventPrev:hover {
                background: url(../../_img/sprite.png) transparent -14px -1918px no-repeat;
            }

        .event .eventNav .eventNext {
            background: url(../../_img/sprite.png) transparent -32px -1886px no-repeat;
            float: right;
        }

            .event .eventNav .eventNext:hover {
                background: url(../../_img/sprite.png) transparent -32px -1918px no-repeat;
            }

    .event .eventEdit {
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 27px;
        bottom: 10px;
        background: url(../../_img/sprite.png) transparent -20px -2674px no-repeat;
        padding: 0 !important;
    }

        .event .eventEdit:hover {
            background: url(../../_img/sprite.png) transparent -20px -2684px no-repeat;
        }

    .event .eventDelete {
        display: block;
        width: 11px;
        height: 10px;
        position: absolute;
        right: 10px;
        bottom: 10px;
        background: url(../../_img/sprite.png) transparent -20px -2696px no-repeat;
        padding: 0 !important;
    }

        .event .eventDelete:hover {
            background: url(../../_img/sprite.png) transparent -20px -2708px no-repeat;
        }

.dp .eventCalenderContainer {
    display: none;
    height: 87px;
    left: -54px;
    position: absolute;
    top: -75px;
    z-index: 999;
}

    .dp .eventCalenderContainer .event ul li {
        text-align: left;
    }

.dp .ui-datepicker td > a {
    position: relative;
    display: block;
}

.content {
    padding: 30px 0 75px 0;
    position: relative;
}

    .content h2 {
        font-size: 18px;
        line-height: 25px;
        position: relative;
        clear: both;
        margin-bottom: 20px;
    }

        .content h2 .configUserName {
            padding-bottom: 0;
        }

        .content h2.shape01 {
            background: url(../../_img/sprite.png) transparent -14px -989px no-repeat;
            padding-left: 35px;
        }

    .content > h3 {
        font-size: 17px;
        font-weight: 400;
        padding: 0 0 20px 0;
        color: #333;
        letter-spacing: 0.2px;
    }

        .content > h3.blue {
        }

        .content > h3.dark {
        }

    .content > p {
        font-size: 13px;
        color: #616161;
        padding-bottom: 20px;
    }

    .content h4 {
        font-size: 20px;
        padding: 25px 0;
        border-top: 1px solid #f0f0f0;
    }

        .content h4:after {
            content: '';
            display: block;
            clear: both;
        }

    .content h5 {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .content .accordion h4 {
        border: 0;
    }

.mainArea {
    width: 590px;
    float: left;
    position: relative;
    padding: 16px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 1px 20px 0 rgba(0, 0, 0, 0.08);
}

    .mainArea.wide {
        width: 100%;
    }

        .mainArea.wide .mainArea {
            width: 100%;
            float: none;
            box-shadow: none;
            padding: 0;
            border-radius: 0;
        }

        /*.mainArea.wide .dropdown .ddSelected .openerColumn {
    min-width: 0;
    max-width: inherit;
}*/

        .mainArea.wide .dropdown .ddSelected .openerColumn > a {
            background: none !important;
            position: relative;
        }

            .mainArea.wide .dropdown .ddSelected .openerColumn > a:before {
                content: '';
                position: absolute;
                right: 0;
                width: 51px;
                top: 5px;
                bottom: 5px;
                background: url(../../_img/Facelift/blue.svg) transparent center no-repeat;
            }

        .mainArea.wide .formField.confirm .confirmFieldRow > label {
            min-width: 230px;
            max-width: 230px;
        }

        .mainArea.wide .formField.confirm .confirmFieldRow .valueLabel {
            max-width: 670px;
            padding-right: 265px;
        }

            .mainArea.wide .formField.confirm .confirmFieldRow .valueLabel > label {
                min-width: 100%;
                max-width: 100%;
            }

    .mainArea .header {
        background: url(../../_img/pattern-2.jpg) 0 0 repeat;
    }

    .mainArea .product-title {
        float: left;
    }

    .mainArea .summary {
        margin: 15px 0;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        padding: 7px 0;
    }

        .mainArea .summary > div {
            float: left;
            width: 320px;
            padding: 13px 0;
            border-bottom: 1px solid #ebebeb;
        }

            .mainArea .summary > div p {
                float: left;
                font-size: 13px;
                color: #616161;
                padding: 5px 0 5px 28px;
            }

            .mainArea .summary > div span {
                float: right;
                font-size: 16px;
                color: #aeaeae;
                padding: 3px 0;
            }

        .mainArea .summary .last1, .mainArea .summary .last2 {
            border-bottom: 0 none;
        }

        .mainArea .summary .green p {
            background: url(../../_img/sprite.png) transparent -17px -1022px no-repeat;
        }

        .mainArea .summary .red p {
            background: url(../../_img/sprite.png) transparent -17px -1051px no-repeat;
        }

        .mainArea .summary .left {
            padding-right: 31px;
            margin-right: 31px;
        }

    .mainArea h2.header {
        padding: 10px 10px 10px 0;
        font-size: 17px;
        color: #333;
        font-weight: 400;
        border: 0;
        background: none;
        border-radius: 0;
        margin-bottom: 10px;
    }

        .mainArea h2.header span {
            position: absolute;
            right: 15px;
            top: 10px;
            width: 31px;
            height: 28px;
            display: block;
        }

        .mainArea h2.header .dot {
            float: right;
            width: 3px;
            height: 3px;
            position: static;
            padding: 12px 15px;
            margin: 0;
            background-position: -11px -845px;
        }

        .mainArea h2.header .expand, .mainArea h2.header .collapse, .mainArea h2.header .open, .mainArea h2.header .close {
            float: right;
            margin-top: 5px;
        }

    .mainArea .shape02 {
        background: url(../../_img/sprite.png) transparent -10px -1082px no-repeat;
    }

.list.twoColumns li > :first-child {
    width: 80%;
}

.list.twoColumns li .last {
    width: 19.8%;
}

.list.twoColumns li > :last-child {
    width: 19.8%;
}

.list.twoColumns div {
    float: left;
}

.list.default {
    border: 1px solid #ebebeb;
    padding: 5px 0;
    border-radius: 0 0 3px 3px;
}

    .list.default li {
        border: 0 none;
        font-size: 12px;
        color: #8b8b8b;
    }

        .list.default li p {
            padding: 5px 0;
        }

.list li:last-child {
    border-radius: 0 0 3px 3px;
}

.list > li {
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #ebebeb;
    font-size: 13px;
    color: #616161;
    background: url("../../_img/2.png") 15px center no-repeat;
    padding-left: 30px;
}

    .list > li .linker {
        font-size: 14px;
        color: #616161;
        padding: 16px 0;
        display: block;
        background: none;
    }

.list .arrow {
    padding: 15px 0 0 0;
}

.list .darken {
    background: #fafafa;
    padding: 16px;
    border-left: 1px solid #e6e6e6;
}

.list .middle {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.list p {
    padding: 5px 0 5px 40px;
}

    .list p .blue {
        color: #207ec1;
    }

    .list p .green {
        color: #87bc38;
    }

* + html .slist > li {
    background: url(../../_img/sprite.png) transparent -10px -1110px no-repeat;
}

.slist.twoColumns li > :first-child {
    width: 80%;
}

.slist.twoColumns li .last {
    width: 19.8%;
}

.slist.twoColumns li > :last-child {
    width: 19.8%;
}

.slist.twoColumns div {
    float: left;
}

.slist.default {
    border: 1px solid #ebebeb;
    padding: 5px 0;
    border-radius: 0 0 3px 3px;
}

    .slist.default li {
        border: 0 none;
        background-position: -10px -1121px;
        font-size: 12px;
        color: #8b8b8b;
    }

        .slist.default li p {
            padding: 5px 0;
        }

.slist li:last-child {
    border-radius: 0 0 3px 3px;
}

.slist > li {
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #ebebeb;
    font-size: 13px;
    color: #616161;
    background: url(../../_img/sprite.png) transparent -10px -1117px no-repeat;
    padding: 5px 0 5px 15px;
}

    .slist > li .linker {
        font-size: 12px;
        color: #616161;
        background: none;
    }

    .slist > li .clear {
        float: right;
        display: block;
        width: 17px;
        height: 17px;
        background: url(../../_img/sprite.png) transparent -16px -2476px no-repeat;
        margin: 4px 10px 0px 0;
    }

.slist .arrow {
    padding: 15px 0 0 0;
}

.slist .darken {
    background: #fafafa;
    padding: 16px;
    border-left: 1px solid #e6e6e6;
}

.slist .middle {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.slist p {
    padding: 5px 0 5px 40px;
}

    .slist p .blue {
        color: #207ec1;
    }

    .slist p .green {
    }

.mainArea .searchResult {
    font-size: 13px;
    color: #616161;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

    .mainArea .searchResult span {
    }

.mainArea .resultBox {
    margin-top: 30px;
}

    .mainArea .resultBox .inner {
        border: 1px solid #dddddd;
        border-radius: 3px;
    }

        .mainArea .resultBox .inner .title {
            padding: 10px 20px;
            height: 20px;
            background-color: #eeeeee;
            border-bottom: 1px solid #dddddd;
        }

            .mainArea .resultBox .inner .title span {
                font-size: 15px;
                color: #207ec1;
                float: left;
                line-height: normal;
            }

            .mainArea .resultBox .inner .title p {
                float: right;
            }

                .mainArea .resultBox .inner .title p .time, .mainArea .resultBox .inner .title p .date {
                    color: #616161;
                    padding: 2px 0 0 23px;
                    height: 20px;
                    float: left;
                    font-size: 13px;
                    margin-left: 20px;
                }

                .mainArea .resultBox .inner .title p .time {
                    background: url(../../_img/sprite.png) transparent -16px -2503px no-repeat;
                }

                .mainArea .resultBox .inner .title p .date {
                    background: url(../../_img/sprite.png) transparent -16px -2531px no-repeat;
                }

        .mainArea .resultBox .inner .process {
            padding: 20px 15px;
            color: #616161;
            font-size: 13px;
        }

.shape03 {
    background: url(../../_img/sprite.png) transparent -11px -1152px no-repeat;
}

.shape04 {
    background: url(../../_img/sprite.png) transparent -11px -1189px no-repeat;
}

.shape05 {
    background: url(../../_img/sprite.png) transparent -11px -1232px no-repeat;
}

.shape06 {
    background: url(../../_img/sprite.png) transparent -11px -1271px no-repeat;
}

.shape07 {
    background: url(../../_img/sprite.png) transparent -11px -1271px no-repeat;
}

.shape08 {
    background: url(../../_img/sprite.png) transparent -11px -1584px no-repeat;
}

.shape10 {
    background: url(../../_img/sprite.png) transparent -17px -1648px no-repeat;
}

.shape11 {
    background: url(../../_img/sprite.png) transparent center -1880px no-repeat;
}

.shape12 {
    background: url(../../_img/sprite.png) transparent center -3335px no-repeat;
}

.shape13 {
    background: url(../../_img/sprite.png) transparent -6px -259px no-repeat;
}

.shape14 {
    background: url(../../_img/sprite.png) transparent center -289px no-repeat;
}

.shape15 {
    background: url(../../_img/sprite.png) transparent -10px -421px no-repeat;
}

.shape16 {
    background: url(../../_img/sprite.png) transparent -13px -2012px no-repeat;
}

.shape17 {
    background: url(../../_img/sprite.png) transparent -7px -420px no-repeat;
}

.shape18 {
    background: url(../../_img/sprite.png) transparent -4px -2054px no-repeat;
}

.shape19 {
    background: url(../../_img/sprite.png) transparent -5px -2091px no-repeat;
}

.shape20 {
    background: url(../../_img/sprite.png) transparent -6px -2127px no-repeat;
}

.shape21 {
    background: url(../../_img/sprite.png) transparent -16px -2239px no-repeat;
}

.shape22 {
    background: url(../../_img/sprite.png) transparent -16px -2287px no-repeat;
}

.shape23 {
    background: url(../../_img/sprite.png) transparent -12px -2579px no-repeat;
}

.shape24 {
    background: url(../../_img/sprite.png) transparent -12px -3795px no-repeat;
}

.shape25 {
    background: url(../../_img/sprite.png) transparent -12px -3846px no-repeat;
}

.shape26 {
    background: url(../../_img/sprite.png) transparent -12px -3899px no-repeat;
}

.shape27 {
    background: url(../../_img/sprite.png) transparent -12px -3958px no-repeat;
}

.shape28 {
    background: url(../../_img/sprite.png) transparent -12px -4017px no-repeat;
}

.shape29 {
    background: url(../../_img/sprite.png) transparent -12px -4074px no-repeat;
}

.shape30 {
    background: url(../../_img/sprite.png) transparent -12px -4137px no-repeat;
}

.shape31 {
    background: url(../../_img/sprite.png) transparent -12px -4206px no-repeat;
}

.shape32 {
    background: url(../../_img/sprite.png) transparent -12px -4270px no-repeat;
}

.shape33 {
    background: url(../../_img/sprite.png) transparent -12px -4331px no-repeat;
}

.shape34 {
    background: url(../../_img/sprite.png) transparent -12px -4396px no-repeat;
}

.shape35 {
    background: url(../../_img/sprite.png) transparent -12px -4596px no-repeat;
}

.shape36 {
    background: url(../../_img/sprite.png) transparent -12px -4596px no-repeat;
}

.dark {
    color: #616161;
}

.light {
    color: #fff;
}

.button {
    display: block !important;
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0 20px 10px;
    float: right;
    cursor: pointer;
    height: 36px;
    border-radius: 18px;
}

    .button.blue {
        background-image: linear-gradient(to left, #0464d1, #0055b8);
        min-width: 125px;
        height: 36px;
        border-radius: 18px;
        /*box-shadow: 5px 5px 15px 0 rgba(0, 85, 184, 0.25);*/
        line-height: 16px;
        font-size: 15px;
        text-align: center;
        font-weight: bold;
        padding: 0 15px;
    }

        .button.blue.navCancel {
            float: left;
            background: #333;
            color: #fff;
        }

    .button.light-white {
        background: #fff;
        min-width: 125px;
        height: 36px;
        border-radius: 18px;
        box-shadow: none;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        font-size: 15px;
        line-height: 16px;
        text-align: center;
        font-weight: bold;
        padding: 10px 20px !important;
        color: #0055b8;
        border: 1px solid #0055b8;
    }

        .button.light-white.navBack {
            float: left;
        }

        .button.light-white.filter-button {
            float: right;
            margin-top: 0;
            margin-bottom: 0;
        }
    /*.button.blue:hover {
    background: url(../../_img/pattern-6.jpg) 0 0 repeat;
}*/
    .button.absolute {
        position: absolute;
    }

    .button.right {
        right: 0;
    }

    .button.left {
        left: 0;
    }

    .button.top {
        top: 0;
    }

    .button.bottom {
        bottom: 0;
    }

    .button.disabled {
        background: url(../../_img/pattern-10.jpg) 0 0 repeat;
    }

        .button.disabled:hover {
            background: url(../../_img/pattern-10.jpg) 0 0 repeat;
        }

    .button.orange {
        background: url(../../_img/pattern-3.jpg) 0 0 repeat;
    }

    .button.green, .button.active, .button.greennobgimage {
        background-image: linear-gradient(to left, #0464d1, #0055b8);
        min-width: 125px;
        height: 36px;
        border-radius: 18px;
        /*box-shadow: 5px 5px 15px 0 rgba(0, 85, 184, 0.25);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);*/
        line-height: 16px;
        font-size: 15px;
        text-align: center;
        font-weight: bold;
    }
    /*.button.green:hover, .button.active:hover, .button.greennobgimage:hover {
    background: url(../../_img/pattern-9.jpg) 0 0 repeat;
}*/
    .button.type01 {
        width: 91px;
        padding: 13px 0 13px 10px;
        border-radius: 3px;
    }

        .button.type01 span, .button.type03.btn-more span {
            padding-right: 30px;
            background: url(../../_img/sprite.png) transparent 125% -1309px no-repeat;
        }

    .button.type02 {
        width: auto;
        padding: 13px;
        margin: 0;
        border-radius: 0 0 3px 3px;
        text-align: left;
        border-top: 1px solid #dd5f13;
        float: none;
    }

        .button.type02 span {
            width: 100%;
            display: block;
            background: url(../../_img/sprite.png) transparent 108% -1382px no-repeat;
        }

    .button.type03 {
        padding: 10px 20px;
    }

        .button.type03.buttonGraphic {
            padding-top: 0;
            padding-bottom: 0;
        }

            .button.type03.buttonGraphic span {
                height: 36px;
                line-height: 16px;
                padding-top: 10px;
                padding-bottom: 10px;
                background-position: left 4px;
            }

    .button.type04 {
        padding: 5px;
        border-radius: 3px;
    }

    .button.fix {
        width: 40%;
        font-size: 15px;
        float: left;
        margin: 0 20px 20px 0;
        padding: 10px 20px;
    }

    .button .type03 {
        padding: 10px;
        border-radius: 3px;
    }

    .button .graphic {
        padding: 5px 6px 5px 31px;
        font-size: 15px;
        background: url(../../_img/graphic.png) 0 0 no-repeat;
        display: block;
    }

.radius {
    border-radius: 3px;
}

.linker {
    display: inline-block;
    font-size: 12px;
    color: #272727;
    background: url(../../_img/sprite.png) transparent -24px -1121px no-repeat;
    padding: 5px 10px;
}

    .linker.popup {
        margin-top: 25px;
    }

.dipNot { /*position:absolute; bottom:25px;*/
    line-height: 20px;
    margin-top: 25px;
    clear: both;
}

    .dipNot p {
        font-size: 13px;
        color: #999999;
    }

        .dipNot p .blueText {
            color: #1d7cc0;
        }

        .dipNot p .redText {
            color: #ff2256;
        }

.pageTools {
    width: 280px;
    float: left;
    margin-left: 30px;
    padding-bottom: 30px;
}

    .pageTools div .form > div {
        width: 100%;
    }

.banner {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 1px;
    text-align: center;
}

    .banner img {
        margin: 1px auto;
        border-radius: 3px 3px 0 0;
        max-width: 100%;
    }

    .banner .button span {
        background: none;
    }

    *:first-child + html .banner img {
        padding-top: 4px;
    }

.favorites {
    margin-top: 30px;
    clear: both;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    width: auto;
}

    .favorites h2 {
        background: #0055b8;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        font-size: 16px;
        height: 46px;
        line-height: 20px;
        padding: 13px 10px;
        margin-bottom: 0;
    }

    .favorites ul li {
        padding: 0;
    }

        .favorites ul li + li {
            border-top: 1px solid #e2e2e2;
        }

        .favorites ul li a.linker {
            padding: 10px;
        }

            .favorites ul li a.linker:hover {
                color: #000;
            }

    .favorites span {
        position: absolute;
        right: 15px;
        top: 10px;
        width: 31px;
        height: 28px;
        display: block;
    }

    .favorites .edit-process {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.searchOptions {
    margin-bottom: 30px;
}

    .searchOptions h2 {
        padding: 10px;
        font-size: 18px;
        border: 1px solid #226697;
        border-radius: 3px 3px 0 0;
        background: url(../../_img/pattern-4.jpg) 0 0 repeat;
        position: relative;
    }

    .searchOptions span {
        position: absolute;
        right: 15px;
        top: 10px;
        width: 31px;
        height: 28px;
        display: block;
    }

.calendar {
    margin-top: 15px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 3px;
}

    .calendar .button {
        margin: 0;
    }

    .calendar .ui-widget-content {
        background: none;
        width: 100%;
        border-bottom: 0;
        border-radius: 0;
    }

    .calendar .ui-widget-header {
        background: #0055b8;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        height: 46px;
    }

    .calendar .ui-datepicker .ui-datepicker-title {
        font-size: 16px;
        font-family: inherit;
        margin-top: 4px;
    }

.ui-datepicker .ui-datepicker-title span {
    margin: 0 2px;
}

.calendar .ui-widget-header:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #e2e2e2;
    left: 0;
    right: 0;
    bottom: -30px;
    position: absolute;
}

.calendar .ui-datepicker .ui-datepicker-prev span, .calendar .ui-datepicker .ui-datepicker-next span {
    display: none;
}

.calendar .ui-datepicker .ui-datepicker-prev, .calendar .ui-datepicker .ui-datepicker-next {
    width: 23px;
    height: 20px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url(../../_img/Facelift/arrow_white.svg) !important;
    top: 13px;
}

.calendar .ui-datepicker .ui-datepicker-prev {
    transform: scaleX(-1);
}

.calendar .ui-datepicker table.ui-datepicker-calendar {
    background: none;
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    width: auto;
    margin: 0 auto;
}

.calendar .ui-datepicker th {
    padding: 10px 0 5px 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #999;
    border: 0;
}

.calendar .ui-datepicker td {
    font-size: 13px;
    color: #333;
    width: 34px;
    height: 34px;
    padding: 0;
    vertical-align: middle;
    font-weight: 400;
}


.calendar .button.type01 {
    border-radius: 0 0 3px 3px;
    padding: 13px 0 13px 30px;
    background: url(../../_img/sprite.png) #13527f -8px -1298px no-repeat;
    width: auto;
    font-size: 12px;
}

.pageToolsLeft {
    width: 248px;
    float: left;
    margin-right: 30px !important;
}

.footerCapsule {
    height: 73px;
    background: url(../../_img/pattern-5.jpg) white 0 bottom repeat-x;
    border-top: 1px solid #e9e9e9;
    padding-top: 1px;
    margin-top: -75px;
    clear: both; /*position: relative; removed for IE7 issues*/
}

.footer {
    padding-top: 25px;
    display: none;
}

    .footer p, .footer a {
        font-size: 13px;
    }

    .footer .footerLeft {
        float: left;
        width: 220px;
    }

        .footer .footerLeft p {
            color: #207ec1;
            float: left;
            padding: 3px 0;
        }

        .footer .footerLeft .phone {
            padding: 3px 0 3px 25px;
        }

        .footer .footerLeft .dot {
            margin: 8px 15px;
        }

    .footer .footerRight {
        float: right;
    }

        .footer .footerRight a {
            color: #207ec1;
            display: block;
            float: left;
        }

        .footer .footerRight .dot {
            margin: 6px 15px;
        }

    .footer .dot {
        float: left;
        background-position: -24px -1625px;
    }

    .footer .secure {
        width: 95px;
        height: 54px;
        display: block;
        text-indent: -9999px;
        background: url(../../_img/norton.png) 0 0 no-repeat;
        margin-top: -18px;
    }
/*Internet Sube*/
.iHolder {
    width: 820px;
    margin: 0 auto;
}

.iHolderNarrow {
    width: 550px;
    margin: 0 auto;
}

    .iHolderNarrow .iRight {
        display: none;
    }

    .iHolderNarrow .iLeft {
        margin-right: 0;
    }

    .iHolderNarrow .inpField {
        width: 60%;
    }

        .iHolderNarrow .inpField.hint input {
            width: 90%;
        }

.iSubeArea {
    padding-top: 25px;
}

    .iSubeArea .approval p {
        font-size: 13px;
        line-height: 18px;
    }

    .iSubeArea .formField p {
        color: #8B8B8B;
    }

.iSubeBaslik {
    float: right;
    margin-top: 20px;
}

    .iSubeBaslik p {
        font-size: 20px;
        color: #a3d35a;
        background: url(../../_img/sprite.png) transparent -18px -1936px no-repeat;
        padding: 20px 0 20px 50px;
    }

.iLeft {
    width: 550px;
    margin-right: 30px;
    float: left;
}

    .iLeft .welcome {
        padding-bottom: 25px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e7e7e7;
        float: none;
    }

    .iLeft h1 {
        font-size: 21px;
        float: left;
    }

    .iLeft h2 {
        font-size: 18px;
        color: #207ec1;
        padding-bottom: 20px;
    }

        .iLeft h2.logout {
            padding: 15px 0 15px 50px;
            background: url(../../_img/sprite.png) transparent 0 -3209px no-repeat;
            float: left;
        }

    .iLeft ul {
        float: right;
    }

        .iLeft ul li {
            float: left;
        }

            .iLeft ul li a {
                display: block;
                background-image: url(../../_img/lang.png);
                background-repeat: no-repeat;
                font-size: 14px;
                color: #898989;
                text-align: center;
                height: 29px;
                padding-top: 13px;
            }

        .iLeft ul .lnTR {
            margin-right: -4px;
        }

            .iLeft ul .lnTR a {
                width: 46px;
                background-position: 0 bottom;
            }

                .iLeft ul .lnTR a:hover, .iLeft ul .lnTR a.on {
                    background-position: 0 0;
                    color: #fff;
                }

        .iLeft ul .lnEN a {
            width: 50px;
            background-position: right 0;
        }

            .iLeft ul .lnEN a:hover, .iLeft ul .lnEN a.on {
                background-position: right bottom;
                color: #fff;
            }
/*.iBtn {
    display: inline-block;
    padding: 0 50px 0 15px;
    background: url(../../_img/iBtn.png) right 0 no-repeat;
    border-radius: 3px;
    float: right;
    margin-top: 20px;
    margin-right: 25px;
}*/
/*.iBtn span {
    display: block;
    padding: 14px 0 14px 0;
    font-size: 16px;
    color: #fff;

    border-radius: 3px;
}*/
.iBtn.gap {
    margin-bottom: 30px;
    margin-top: 5px;
    padding: 10px 50px 10px 15px;
    width: 185px;
    background: url(../../_img/iBtn2.png) right 0 no-repeat;
}

.iBtn:hover {
    background-position: right bottom;
}

.iBtn.stick {
    margin-right: 0;
}

.iLink {
    font-size: 13px;
    padding: 0 0 0 20px;
    color: #616161;
    background: url(../../_img/sprite.png) transparent -15px -3178px no-repeat;
    float: left;
}

    .iLink.forgotPass {
        margin: 40px 0;
    }

    .iLink.sendPass {
        margin: 35px 0 40px 0;
    }

    .iLink:hover {
        color: #87bc38;
    }

.notHolder {
    /*padding: 15px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    clear: both;*/
}

    .notHolder .iBtn {
        margin-top: 0;
    }

.sonGirisHolder {
    padding-bottom: 15px;
    clear: both;
}

.not {
    padding: 5px 0;
    font-size: 13px;
    color: rgb(51, 51, 52);
    /*background: url(../../_img/2.png) transparent 0 9px no-repeat;*/
}

    .not.password {
        text-align: center;
    }

    .not a {
        font-weight: 600;
    }

    .not span {
        color: #87bc38;
    }

    .not.single {
        margin-bottom: 10px;
    }

    .not.sonGiris {
        color: #207ec1;
    }

        .not.sonGiris span {
            color: #616161;
        }

.validation-container {
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    z-index: auto;
}

    .validation-container.on .error {
        display: block;
    }

.error {
    position: absolute;
    z-index: 500;
    padding: 10px;
    border: 1px solid #f00;
    background: #ff3030;
    font-size: 13px;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
    display: none;
    z-index: 2;
}

    .error.e-top {
        right: 0;
        top: -40px;
    }

        .error.e-top span {
            background: url(../../_img/e-top.png) 0 0 no-repeat;
            width: 9px;
            height: 7px;
            right: 5px;
            bottom: -5px;
        }

    .error.e-left {
        left: 0;
        top: 12px;
    }

        .error.e-left span {
            background: url(../../_img/e-left.png) 0 0 no-repeat;
            height: 9px;
            right: -8px;
            top: 5px;
            width: 9px;
        }

    .error.e-right {
        right: 0;
        top: 12px;
    }

        .error.e-right span {
            background: url(../../_img/e-right.png) 0 0 no-repeat;
            height: 9px;
            left: -6px;
            top: 5px;
            width: 9px;
        }

    .error span {
        display: block;
        position: absolute;
    }
/*.error{position:absolute; z-index:500; padding:10px; border:1px solid #f00; background:#ff3030; font-size:13px; color:#fff; @include db; @include radius(3px); white-space:nowrap;
&.p-top:after{width:0; height:0; position:absolute; bottom:-14px; right:5px; content:""; border:7px solid #000; border-color:transparent; border-top-color:#f00;}
&.p-left:after{width:0; height:0; position:absolute; bottom:10px; left:-12px; content:""; border:6px solid #000; border-color:transparent; border-right-color:#f00;}
&.p-bottom:after{width:0; height:0; position:absolute; top:-12px; right:5px; content:""; border:6px solid #000; border-color:transparent; border-bottom-color:#f00;}
&.p-right:after{width:0; height:0; position:absolute; bottom:10px; right:-12px; content:""; border:6px solid #000; border-color:transparent; border-left-color:#f00;}
&.r-top { right:0; top:-45px;}
}
*/
input::-ms-clear {
    display: none;
}

.inpField {
    margin-bottom: 10px;
    position: relative;
}

    .inpField .validation-container {
        width: 100%;
    }

    .inpField input {
        font-size: 14px;
        color: #aeaeae;
        height: 18px;
        padding: 15px;
        width: 95%;
        border: 1px solid #e9e9e9;
        border-radius: 3px;
    }

        .inpField input.showKeyboardIcon {
            background: url(../../_img/Facelift/keyboard.png) #fff no-repeat;
            background-position: right center;
            background-size: 25px auto;
        }

        .inpField input.ui-keyboard-input-current {
            border: 2px solid #87bc38;
            padding: 14px;
        }

    .inpField .toolTip {
        top: 13px;
        right: 10px;
    }

    .inpField.hint input {
        width: 94%;
        background: #fff;
    }

.secure {
    width: 127px;
    height: 74px;
    display: block;
    text-indent: -9999px;
    background: url(../../_img/norton2.png) 0 0 no-repeat;
    margin-top: 20px;
}

.iRight {
    /*width: 240px;*/
    /*float: left;*/
}

    .iRight h2 {
        font-size: 30px;
        line-height: 36px;
        font-weight: bold;
        color: #fff;
        padding-bottom: 15px;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    .iRight .button {
        float: none;
        margin: 0 0 20px 0;
    }

        .iRight .button span {
            padding: 10px;
            display: block;
        }

    .iRight .button {
        padding: 0;
    }

    .iRight .newUser span {
        background: url(../../_img/sprite.png) transparent 185px -4590px no-repeat;
    }

    .iRight .newCorporateUser span {
        background: url(../../_img/sprite.png) transparent 185px -4645px no-repeat;
    }

    .iRight .announcement_container {
        margin: 0;
        width: 376px;
        float: right;
        position: absolute;
        right: 30px;
        bottom: 120px;
        text-align: right;
    }

    .iRight .announcement {
        width: 320px;
        float: right;
    }

        .iRight .announcement li {
            /*background: url(../../_img/2.png) 8px 16px no-repeat;
    padding: 0 20px;*/
        }

            .iRight .announcement li p {
                font-size: 18px;
                line-height: 26px;
                color: #fff;
                letter-spacing: 0.6px;
                white-space: pre-wrap;
                overflow-wrap: break-word;
            }

                .iRight .announcement li p a {
                    color: #fff;
                    text-decoration: underline;
                }

            .iRight .announcement li.bigger {
                background: url(../../_img/2.png) 8px 24px no-repeat;
            }

                .iRight .announcement li.bigger p {
                    padding: 15px 0;
                }

    .iRight .iLinker {
        color: #fff;
        font-size: 12px;
        padding: 10px;
        background: url(../../_img/3.png) #13527f 97% center no-repeat;
        display: block;
        border-radius: 0 0 3px 3px;
    }

.anindaSifre {
    background: url(../../_img/pattern-7.jpg) 0 0 repeat;
    height: 42px;
    border: 1px solid #77a82b;
    border-radius: 3px;
    margin-bottom: 20px;
}

    .anindaSifre a {
        font-size: 18px;
        color: #fff;
        display: block;
        padding: 12px;
        background: url(../../_img/sprite.png) transparent right -2174px no-repeat;
    }

.creditCard {
    position: relative; /*.error{left:285px; top:13px;}*/
}

    .creditCard input {
        width: 40px;
        height: 20px;
        padding: 10px;
        border: 1px solid #e9e9e9;
        border-radius: 3px;
        font-size: 13px;
        color: #616161;
        background: #fff;
        margin: 10px 0 25px 0;
    }

.otherInfo {
    margin-bottom: 15px;
}

    .otherInfo .left {
        width: 290px;
        float: left;
        position: relative;
    }

        .otherInfo .left .toolTip {
            bottom: 34px;
            right: 40px;
        }

        .otherInfo .left .toolTipOver {
            right: -88px;
            bottom: 61px;
            top: auto;
        }

            .otherInfo .left .toolTipOver p {
                color: white !important;
            }

    .otherInfo .right {
        width: 260px;
        float: left;
    }

    .otherInfo .type01 {
        width: 60px;
    }

    .otherInfo .type02 {
        width: 10px;
    }

    .otherInfo .type03 {
        width: 110px;
    }

    .otherInfo .type04 {
        width: 235px;
    }

    /*.otherInfo input[type="text"], .otherInfo input[type="password"] {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    background: #fff;
    padding: 10px;
    height: 20px;
    margin: 10px 0 25px 0;
    font-size: 13px;
    color: #616161;
}*/

    .otherInfo .selectBox {
        margin: 10px 0 25px 0;
    }

.secureArea {
    margin-bottom: 15px;
}

    .secureArea .left {
        width: 80px;
        float: left;
    }

        .secureArea .left .secImg {
            width: 80px;
            height: 80px;
            background: #fff;
        }

            .secureArea .left .secImg img {
                max-width: 80px;
                max-height: inherit;
            }

        .secureArea .left h2 {
            display: none;
        }

    .secureArea .approval.warning {
        padding: 0 0 0 105px;
        background: none;
        border: 0;
        border-radius: 0;
        font-size: 13px;
        color: #333;
        line-height: 1.3;
        margin-bottom: 15px;
    }

        .secureArea .approval.warning font {
            font-weight: bold;
        }

        .secureArea .approval.warning p {
            font-size: 13px;
            color: #333;
            font-weight: 400;
            padding: 0;
        }

body.loginMaster .secureArea .securityMessage {
    display: flex;
    flex-direction: row;
}

    body.loginMaster .secureArea .securityMessage h2 {
        font-size: 11px;
        font-weight: bold;
        color: #999;
        display: flex;
        min-width: 130px;
        max-width: 130px;
        text-align: right;
        justify-content: flex-end;
        line-height: 1.3;
        align-items: center;
        min-height: 36px;
        max-height: 36px;
        padding-right: 15px;
        padding-bottom: 0;
    }

.accountFilters .options .optionBox > p {
    /*font-size: 0;*/
}

body.loginMaster .secureArea .securityMessage input {
    border: 0;
    background: none;
    flex: 1;
}

body.loginMaster .secureArea .right {
    width: auto;
    float: none;
    clear: both;
}

    body.loginMaster .secureArea .right div input {
        padding: 0 10px;
        border-radius: 5px;
        border: 1px solid #e2e2e2;
        font-size: 13px;
        color: #616161;
        min-width: 260px;
        max-width: 260px;
        min-height: 36px;
        max-height: 36px;
    }

body.loginMaster .secureArea .loginButtonContainer {
    width: auto;
    float: none;
    padding-left: 130px;
    line-height: 36px;
}

    body.loginMaster .secureArea .loginButtonContainer:after {
        content: '';
        display: block;
        clear: both;
    }

    body.loginMaster .secureArea .loginButtonContainer > label {
        float: left;
        margin-right: 20px;
    }

    body.loginMaster .secureArea .loginButtonContainer .timerContainer {
        padding-bottom: 0;
        line-height: inherit;
    }

    body.loginMaster .secureArea .loginButtonContainer .iBtn {
        float: right;
        display: inline-block;
        margin-right: 0px;
        display: inline-block;
        float: right;
        line-height: 36px;
        min-width: 125px;
        padding: 0 30px;
    }

.secureArea .smsGiris {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.secureArea .not.loginName {
    display: flex;
    padding: 0;
}

    .secureArea .not.loginName > label {
        font-size: 13px;
        color: #999;
        min-width: 130px;
        max-width: 130px;
        min-height: 30px;
        max-height: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 15px;
        text-align: right;
        line-height: 1.3;
    }

.secureArea .not span {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    min-height: 30px;
    display: flex;
    align-items: center;
}

.secureArea .smsGiris .validation-container {
    width: 100%;
}

.secureArea .smsGiris h4 {
    font-size: 13px;
    color: #999;
    min-width: 130px;
    max-width: 130px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 15px;
    text-align: right;
    line-height: 1.3;
}

.secureArea .smsGiris p {
    font-size: 12px;
    line-height: 18px;
    padding: 5px 0;
    display: block;
}

    .secureArea .smsGiris p.infoSmall {
        padding-top: 10px;
        padding-bottom: 0;
    }

    .secureArea .smsGiris p span {
        color: #374f14;
    }

.secureArea .smsGiris .selectbox {
    width: 96% !important;
}

.secureArea .smsGiris .error {
    right: 9px;
    bottom: -30px;
}

.secureArea .smsGiris input {
    padding: 10px;
    border-radius: 3px;
    font-size: 13px;
    color: #616161;
    width: 93%;
}

.secureArea .smsGiris .toolTip {
    right: 20px;
    bottom: 20px;
    display: none;
}

.secureArea .smsGiris .selectBox-dropdown {
    width: 100% !important;
    height: 45px;
    border: 0 none;
    background: #fff;
    margin-top: -7px;
}

    .secureArea .smsGiris .selectBox-dropdown .selectBox-label {
        padding: 15px 10px;
        height: auto;
        text-align: left;
    }

    .secureArea .smsGiris .selectBox-dropdown .selectBox-arrow {
        width: 31px;
        height: 46px;
        background: url(../../_img/dropdown-opener-2.png) 0 0 no-repeat; /*&:hover{background-position:0 bottom;} */
    }

    .secureArea .smsGiris .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {
        width: 31px;
        height: 46px;
        background: url(../../_img/dropdown-opener-2.png) 0 bottom no-repeat;
    }

.recaptcha {
    width: 240px;
    height: auto;
    border: 1px solid #cccccc;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    display: block;
    clear: both;
}

    .recaptcha iframe {
        height: 50px !important;
        margin: auto;
        width: 100%;
        border: 1px solid #ccc;
    }

    .recaptcha .imageArea {
        height: auto;
        padding: 5px;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .recaptcha .imageArea img {
            border: 1px solid #ccc;
            float: left;
        }

        .recaptcha .imageArea .newImage {
            padding-left: 25px;
            margin: 10px 20px 0;
            display: block;
            height: 18px;
            color: #999;
            font-size: 14px;
            font-weight: bold;
            line-height: 18px;
            background: url(../../_img/sprite.png) transparent -15px -3583px no-repeat;
        }

    .recaptcha input {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 13px;
        color: #333;
        padding: 10px;
        height: 36px;
        line-height: 16px;
        width: calc(100% - 10px);
        margin: 5px 5px 10px;
    }

.toolTipOver {
    width: 262px;
    height: 27px;
    background: url(../../_img/tt.png) 0 0 no-repeat;
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding: 10px;
    top: 50px;
    right: -109px;
    position: absolute;
    z-index: 520;
    display: none;
}

    .toolTipOver .right_tt {
        display: block;
        width: 7px;
        height: 15px;
        background: url(../../_img/tt_span.png) 0 0 no-repeat;
        position: absolute;
        right: -7px;
        top: 13px;
    }

.gorunumOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: url(../../_img/0.png) 0 0 repeat;
}

.gorunumSec {
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -273px;
    width: 545px;
    height: 300px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
}

    .gorunumSec h2 {
        font-size: 21px;
        color: #87bc38;
        padding: 25px 0;
        text-align: center;
    }

    .gorunumSec p {
        font-size: 14px;
        color: #7d7d7d;
        text-align: center;
        line-height: 20px;
        padding-bottom: 25px;
    }

    .gorunumSec .viewClassic, .gorunumSec .viewSearch {
        width: 163px;
        display: inline-block;
        text-align: center;
        font-size: 16px;
        color: #87bc38;
        padding-top: 125px;
        margin: 0 25px;
    }

    .gorunumSec .viewClassic {
        background: url(../../_img/klasik.gif) 0 0 no-repeat;
    }

        .gorunumSec .viewClassic:hover {
            background-position: 0 -189px;
        }

    .gorunumSec .viewSearch {
        background: url(../../_img/akilli.gif) 0 0 no-repeat;
    }

        .gorunumSec .viewSearch:hover {
            background-position: 0 -189px;
        }

.logOutContent {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
}

    .logOutContent .lock, .logOutContent .logOutText {
        float: left;
    }

    .logOutContent .lock {
        width: 120px;
        height: 129px;
        background: url(../../_img/lock.gif) 0 0 no-repeat;
    }

    .logOutContent .logOutText {
        text-align: center;
        padding: 30px 0;
        width: 425px;
    }

    .logOutContent p {
        font-size: 13px;
        color: #616161;
        padding-bottom: 15px;
    }

        .logOutContent p strong {
            color: #131313;
            font-weight: normal;
        }

    .logOutContent h3 {
        font-size: 18px;
        /*color: #87bc38;*/
    }

.docField {
    font-size: 13px;
    padding: 20px 0 0 0;
    background: #fff;
}

    .docField h2 {
        color: #207ec1;
        padding-bottom: 16px;
    }

    .docField p {
        color: #616161;
        padding-bottom: 16px;
    }

    .docField table tr td {
        color: #207ec1;
        vertical-align: middle;
        padding-bottom: 16px;
    }

        .docField table tr td input[type="text"], .docField .docField table tr td input[type="password"], .docField .docField table tr td textarea {
            width: 90%;
            border: 1px solid #e4e4e4;
            border-radius: 3px;
            background: #f6f6f6;
            padding: 10px;
        }

.logoutPopupContent .button {
    float: none;
    margin: 0px 15px 20px !important;
}

.logoutPopupContent .docField {
    display: flex;
    justify-content: center;
}

.calendarField {
    font-size: 13px;
    width: 277px;
    padding: 20px 0 0 0;
    background: #fff;
}

    .calendarField h2 {
        color: #207ec1;
        padding-bottom: 16px;
    }

    .calendarField p {
        color: #616161;
        padding-bottom: 16px;
        line-height: 18px;
    }

    .calendarField table tr td {
        color: #207ec1;
        vertical-align: middle;
        padding-bottom: 16px;
    }

        .calendarField table tr td .dp-wrapper td {
            padding-bottom: 8px;
        }

        .calendarField table tr td input[type="text"], .calendarField .docField table tr td input[type="password"], .calendarField .docField table tr td textarea {
            border: 1px solid #ccc;
            margin: 0;
            border-radius: 3px;
            font-size: 13px;
            color: #616161;
            padding: 5px;
            width: 265px;
            font-style: italic;
        }

    .calendarField .dpf {
        border: 1px solid #ccc;
        margin: 0;
        border-radius: 3px;
        font-size: 13px;
        color: #616161;
        padding: 5px;
        width: 265px;
        background: url(../../_img/sprite.png) white 237px -2627px no-repeat;
    }

.popupField {
    /*width: 350px;*/
    background: #fff;
}

    .popupField.green .popupFormField {
    }

        .popupField.green .popupFormField p {
            color: #333;
        }

        .popupField.green .popupFormField input[type="text"] {
        }

    .popupField.wide {
        width: 100%;
    }

        .popupField.wide img {
            margin: 0 auto;
        }

    .popupField .popupFormField {
        width: auto;
        height: auto;
        padding: 15px;
        position: relative;
    }

        .popupField .popupFormField p {
            font-size: 12px;
            line-height: 16px;
            padding-bottom: 20px;
        }

        .popupField .popupFormField input[type="text"] {
            padding: 8px 11px;
            border-radius: 3px;
            background: #FFF;
            width: 308px;
            border: 1px solid #e7e7e7;
        }

        .popupField .popupFormField .toolTip {
            bottom: 37px;
            right: 20px;
        }

        .popupField .popupFormField .toolTipOver {
            border-radius: 0 3px 3px 0;
            width: 168px;
            height: 20px;
            right: 55px;
            top: 78px;
        }

        .popupField .popupFormField.bordered p {
            background: #f5f5f5;
            padding: 20px;
            text-align: center;
            line-height: 20px;
            margin: 30px 0;
            font-size: 17px;
            color: #545454;
            width: 350px;
            border: 1px solid #dfdfdf;
            border-radius: 4px;
        }

.portfoy {
    padding-bottom: 20px;
}

    .portfoy .CollapseTable {
        margin-bottom: 20px;
    }

        .portfoy .CollapseTable h2.header, h2.header.togglePanelHeader {
            border-bottom: 1px solid #e2e2e2;
        }

            .portfoy .CollapseTable h2.header:after, h2.header.togglePanelHeader:after {
                content: '';
                display: block;
                clear: both;
            }

    .portfoy .tableheader {
        margin-bottom: 20px;
    }

        /*.portfoy .tableheader.green tr th {
    background: #87bc38;
    color: #FFF;
}*/

        .portfoy .tableheader.blue tr th {
            background: #1d7ec3;
            color: #FFF;
        }

        .portfoy .tableheader.orange tr th {
            background: #ea7818;
            color: #FFF;
        }

        .portfoy .tableheader.grey tr th {
            background: #d0d0d0;
            color: #FFF;
        }

        .portfoy .tableheader.black tr th {
            background: #616161;
            color: #FFF;
        }

        .portfoy .tableheader.red tr th {
            background: #9b0134;
            color: #FFF;
        }

    .portfoy .portFoyDetails {
        float: right;
        padding-right: 20px;
        margin-top: 0;
    }

    .portfoy .CollapseTable table th {
        border-top: 0;
    }

    .portfoy .portFoyDetails ul li {
        float: left;
        margin: 0 0 0 20px;
        font-size: 16px;
    }

.details {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background: url(../../_img/Facelift/icons-search-grey.png) no-repeat center;
    background-size: contain;
}

.avatarField {
    width: 100%;
    background: #f9f9f9;
    height: 235px;
    overflow: hidden;
}

    .avatarField h2 {
        color: #207ec1;
        font-size: 13px;
        padding-bottom: 16px;
    }

    .avatarField p {
        font-size: 14px;
        line-height: 1.3;
        padding-bottom: 20px;
    }

    .avatarField .avatarFieldContainer {
        position: relative;
    }

        .avatarField .avatarFieldContainer .avatarImageChanger {
            border: 2px solid #a8a8a8;
            width: 113px;
            height: 137px;
            overflow: hidden;
            border-radius: 20px;
            float: left;
        }

            .avatarField .avatarFieldContainer .avatarImageChanger + .avatarBrowse {
                float: right;
                margin-right: 5px !important;
            }

        .avatarField .avatarFieldContainer .avatarBrowse {
            background-image: linear-gradient(to left, #0464d1, #0055b8);
            min-width: 125px;
            height: 36px;
            border-radius: 18px;
            box-shadow: 5px 5px 15px 0 rgb(0 85 184 / 25%);
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            line-height: 16px;
            font-size: 15px;
            text-align: center;
            font-weight: bold;
            padding: 10px 20px;
            display: block !important;
            font-weight: bold;
            margin: 20px 0 20px 10px;
            float: right;
            cursor: pointer;
            height: 36px;
            color: #fff;
        }

            .avatarField .avatarFieldContainer .avatarBrowse input {
                position: absolute;
                top: 0;
                display: block;
                width: 87px;
                font-size: 18px;
                height: 36px;
                left: 0;
                opacity: 0;
                filter: alpha(opacity=0);
                cursor: pointer;
            }

        .avatarField .avatarFieldContainer .button {
            float: right !important;
            margin: 95px 0 0 0 !important;
        }

.mainArea .avatarField {
    max-width: 350px;
}

.timerContainer {
    padding-bottom: 20px;
    color: #616161;
    line-height: 22px;
}

    .timerContainer .timer {
        font-size: 19px;
        color: #333;
        font-weight: bold;
    }

        .timerContainer .timer .toolTipOver {
            top: -10px;
        }

    .timerContainer strong {
        color: #F00;
    }

    .timerContainer span {
        display: block;
        float: left;
        width: 595px;
    }

.textRight {
    text-align: right !important;
}
/*Replace Edilecek*/
.browseFile {
    width: 215px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: right;
    padding-right: 43px;
    background: url(../../_img/browse.png) right 0 no-repeat;
    font-size: 14px;
    color: #FFF;
    padding-left: 10px;
}

    .browseFile span {
        position: absolute;
        line-height: normal;
        text-align: left;
        left: 0;
        top: 0;
        display: block;
        width: 150px;
        white-space: nowrap;
        height: 20px;
        padding: 7px 10px;
        border: 1px solid #e9e9e9;
        border-radius: 3px;
        font-size: 13px;
        color: #616161;
        background: #fff;
        margin: 0;
    }

    .browseFile input {
        position: absolute;
        top: 0;
        display: block;
        width: 230px;
        font-size: 15px;
        height: 36px;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
    }
/*Replace Edilecek*/
.count {
    display: inline-block;
    color: #000 !important;
}

.securityImages {
    width: 550px;
    overflow: hidden;
}

    .securityImages fieldset {
        width: 600px;
    }

        .securityImages fieldset label {
            display: block;
            width: 114px;
            height: 109px;
            margin: 0 30px 30px 0;
            float: left;
            position: relative;
            cursor: pointer;
            text-align: center;
        }

            .securityImages fieldset label input {
                position: absolute;
                left: 50px;
                bottom: 11px;
            }

            .securityImages fieldset label img {
                display: inline-block;
                width: 114px;
                height: 109px;
                border: 1px solid #eee;
            }

.securityImages {
    width: 550px;
    overflow: hidden;
}

    .securityImages fieldset {
        width: 600px;
    }

        .securityImages fieldset label {
            display: block;
            width: 114px;
            height: 109px;
            margin: 0 30px 30px 0;
            float: left;
            position: relative;
            cursor: pointer;
            text-align: center;
        }

            .securityImages fieldset label input {
                position: absolute;
                left: 50px;
                bottom: 11px;
            }

            .securityImages fieldset label img {
                display: inline-block;
                width: 114px;
                height: 109px;
                border: 1px solid #eee;
            }

.OpenTimeContainer {
    margin-left: 200px;
}

#AnnouncementPanel strong {
    font-weight: bolder
}

#AnnouncementPanel em, i {
    font-style: italic !important
}

.zoom-out .topMenu ul li.dot {
    margin: 60px 0 0 5px;
}

body.loginMaster {
    background: #fff;
}

    body.loginMaster .main.isube {
        background: #fafafa;
    }

        body.loginMaster .main.isube .contentCapsule {
            background: url(../../_img/Facelift/mask.png) no-repeat left bottom;
        }

        body.loginMaster .main.isube .iLeft {
            width: auto;
            min-width: 414px;
            max-width: 414px;
            margin: 0;
            padding: 131px 87px 0;
        }

    body.loginMaster .headerCapsule .iHolder {
        width: 100%;
        padding: 0 30px;
        display: flex;
    }

        body.loginMaster .headerCapsule .iHolder .iSubeBaslik {
            float: left;
            margin: 15px 0 0 23px;
            height: 34px;
            border-left: 1px solid #e6e6e6;
            padding-left: 23px;
            display: flex;
            align-items: center;
        }

            body.loginMaster .headerCapsule .iHolder .iSubeBaslik p {
                font-size: 19px;
                color: #999;
                font-weight: 400;
                padding: 0;
            }

    body.loginMaster .main.isube .iBtn {
        display: flex;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        align-items: center;
        height: 36px;
        -webkit-box-pack: center;
        justify-content: center;
        border-radius: 22px;
        box-sizing: border-box;
        background: rgb(0, 85, 184);
        padding: 0px 60px;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
    }

    body.loginMaster .iLeft .welcome {
        display: none;
    }

    body.loginMaster .iLeft h2 {
        font-size: 16px;
        color: #333;
        letter-spacing: 0;
        text-align: center;
        padding-bottom: 40px;
        line-height: normal;
    }

    body.loginMaster ul.lang {
        display: flex;
        margin: 17px 0;
        border: 1px solid #DEE2E6;
        border-radius: 5px;
        height: 32px;
        padding: 0 5px;
        margin-left: -10px;
        margin-right: 20px;
    }

        body.loginMaster ul.lang li {
            margin: 0;
            float: none;
            display: flex;
            flex: 1;
            height: 13px;
            padding: 0 5px;
            position: relative;
            top: 9px;
        }

            body.loginMaster ul.lang li:first-child {
                border-right: 1px solid #DEE2E6;
                padding-left: 0px;
            }

            body.loginMaster ul.lang li:last-child {
                padding-right: 0px;
            }

        body.loginMaster ul.lang a {
            font-size: 13px;
            font-weight: bold;
            color: #6C757D;
            height: auto;
            padding: 0;
            background: none;
            width: auto;
        }

    body.loginMaster .customFooter {
        height: 90px;
        border-top: 1px solid #fff;
        position: absolute;
        left: 30px;
        right: 30px;
        bottom: 0;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        text-align: center;
        z-index: 1;
    }

        body.loginMaster .customFooter a {
            font-size: 13px;
            font-weight: bold;
            color: #fff !important;
            flex: auto;
            line-height: 16px;
        }

        body.loginMaster .customFooter p {
            color: rgb(51, 51, 52);
            min-width: 300px;
            max-width: initial;
            font-size: 14px;
            flex: 1;
            font-weight: 400;
            text-align: left;
            margin-left: 40px;
        }

        body.loginMaster .customFooter > table {
            width: 130px;
        }

    body.loginMaster .iLeft .inpField input {
        appearance: none;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0px;
        border: 0px solid black;
        box-sizing: border-box;
        font-size: 14px;
        padding: 0px;
        resize: none;
        outline: initial;
        flex: 1 1 0%;
        width: 100%;
        height: 35px;
        font-size: 15px;
        border-radius: 0px;
        border-bottom-width: 2px;
        border-color: rgb(0, 85, 184);
        color: #000;
    }

    body.loginMaster ul.lang a.on {
        /*display: none;*/
        color: #0057b8;
    }

    body.loginMaster .iLeft .inpField {
        /*display: none;*/
    }

    body.loginMaster .iSube {
        width: 100%;
    }

    body.loginMaster .iSubeArea {
        padding: 0;
        display: flex;
        flex-direction: row;
        width: 100%;
        position: relative;
        background-color: #fff;
    }

        body.loginMaster .iSubeArea > div {
            flex: 1;
        }

    body.loginMaster .headerCapsule {
        position: relative;
        z-index: 10;
        background: transparent;
    }

    body.loginMaster .main.isube .iLeft + div {
        background: url(../../_img/Facelift/web-app-bg.png) no-repeat left top;
        min-height: 704px;
    }

lottie-player {
    width: 50px;
    height: 50px;
}

.sectionRowContainer .sectionRowButton {
    margin-bottom: 0;
    margin-top: 10px;
}

body.loginMaster .iSubeArea.iHolderNarrow {
    padding: 25px;
    border-radius: 5px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05);
    max-width: 590px;
    float: left;
    margin-left: 94px;
    margin-top: 65px;
}

    body.loginMaster .iSubeArea.iHolderNarrow .iLeft {
        padding: 0;
        min-width: 100%;
        max-width: 100%;
    }

.advanced-search {
    display: none;
}

    .advanced-search.show-advanced {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

        .advanced-search.show-advanced > .containerRow {
            width: 100%;
        }

.accountFilters .options .advanced-search .button {
    margin-bottom: 0;
}

.gridContent table.container th[align=right] {
    text-align: right;
}

.gridContent .amount-column p {
    color: #333 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: bold !important;
}

.gridContent a.receipt-button {
    font-size: 13px !important;
    line-height: 20px !important;
    color: rgb(0, 85, 184) !important;
    text-decoration: none !important;
}

.customExportControl {
    margin: 20px 0;
    padding: 8px 15px;
}

.button.blue + .customExportControl {
    float: right;
}

.customExportControl:after {
    content: '';
    display: block;
    clear: both;
}

.customExportControl a {
    font-size: 13px;
    font-weight: 400;
    color: #0055b8;
    float: right;
    line-height: 20px;
    position: relative;
    padding-right: 30px !important;
    margin-left: 40px;
    text-indent: 0;
}

    .customExportControl a:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 2px;
        width: 20px;
        height: 15px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .customExportControl a.print:after {
        background-image: url(../../_img/Facelift/print.svg);
    }

    .customExportControl a.email:after {
        background-image: url(../../_img/Facelift/email.svg);
    }

    .customExportControl a.excel:after {
        background-image: url(../../_img/Facelift/download.svg);
    }

    .customExportControl a.pdf:after {
        background-image: url(../../_img/Facelift/pdf.svg);
        background-size: contain;
    }

.businessContract:after {
    content: '';
    display: block;
    clear: both;
}

dl dd blockquote p {
    font-size: 13px !important;
    line-height: 1.3;
}

.formField.confirm .confirmFieldRow > div:first-child {
    width: 100%;
}

    .formField.confirm .confirmFieldRow > div:first-child .contractQuote {
        margin: 5px 15px;
    }

.fancybox-wrap .formField .form input[type="radio"] + label, .formField .form input[type="radio"] + label {
    float: none;
    margin-right: 20px;
}

.togglePanelContainer {
    padding: 20px 0;
}

.lblBankList {
    display: inline-block;
    font-size: 13px;
    padding: 10px 0 0 20px;
    line-height: 16px;
    text-decoration: underline;
    color: #333;
}

    .lblBankList br {
        display: none;
    }

body:not(.loginMaster) .not {
    line-height: 1.3;
}

.transactionsListGrid table.transactionRightList span.checkbox {
    float: none;
    margin: 0;
}

    .transactionsListGrid table.transactionRightList span.checkbox input[type=checkbox] {
        top: 0;
        margin: 0;
    }

.transactionsListGrid table.transactionRightList th, table.transactionRightList td {
    padding-left: 5px;
    padding-right: 5px;
}

table.transactionRightList tr.rightListRow {
    /*height: auto;*/
}

table.transactionRightList td {
    /*vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;*/
}

.formField .transactionsListGrid table.transactionRightList td input {
    padding-left: 5px;
    padding-right: 5px;
}

.formField .transactionsListGrid table.transactionRightList td .amountBoxContainer {
    float: none;
    margin: 0 -5px;
}

    .formField .transactionsListGrid table.transactionRightList td .amountBoxContainer input {
        width: calc(100% - 30px) !important;
    }

.formField .transactionsListGrid table.transactionRightList td > span {
    width: auto !important;
}


table.radioSelectionContainer td {
    padding: 0 5px 15px;
    width: 33.3%;
}

table.radioSelectionContainer .radioSelection {
    position: relative;
}

    table.radioSelectionContainer .radioSelection input {
        position: absolute;
        left: 0;
        top: 10px;
    }

        table.radioSelectionContainer .radioSelection input + label {
            margin: 0;
            padding: 0 0 0 15px;
            display: flex;
            min-height: 36px;
            max-height: 36px;
            align-items: center;
        }

body.loginMaster .iSubeArea.extend .iLeft {
    min-width: 0;
    max-width: inherit;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
}

    body.loginMaster .iSubeArea.extend .iLeft .securityImagePanel {
        margin: 0 0 20px;
    }

    body.loginMaster .iSubeArea.extend .iLeft .iBtn {
        float: right;
    }

    body.loginMaster .iSubeArea.extend .iLeft .bottom {
        display: none;
    }

body.loginMaster table.creditCardTable td {
    padding-right: 5px;
}

    body.loginMaster table.creditCardTable td input {
        padding-left: 5px;
        padding-right: 5px;
    }

.fancybox-wrap .formField.confirm {
    margin: 0;
}

#btnOpenAccount .button {
    margin-top: 10px;
}

.formField .toolTip {
    position: relative;
    margin: 5px 0 0 10px;
    bottom: 0;
    right: 0;
    display: inline-block;
}

.creditCardBoxes input {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.help-title {
    text-align: center;
}

.loginBanner {
}

.customUplaodRow .avatarField {
    height: 36px;
    min-height: 0;
    width: auto;
    overflow: visible;
    background: transparent;
}

.customUplaodRow .fileWrapper, .customUplaodRow .fileDelete {
    float: right;
}

.customUplaodRow .fileWrapper {
    margin: 10px 0 0;
    float: right;
}

    .customUplaodRow .fileWrapper a {
        color: #333;
        text-decoration: underline;
        font-size: 14px;
    }

    .customUplaodRow .fileWrapper.avatarField {
        margin: 0;
    }

        .customUplaodRow .fileWrapper.avatarField .avatarFieldContainer .avatarBrowse {
            margin: 0 0 0 10px;
        }

.customUplaodRow.fileDelete .fileDelete + .fileDelete {
    float: right;
    margin: 10px 15px 0 0;
}

.customUplaodRow.fileDelete .fileDelete input.button {
    margin: 0;
}

.customUplaodRow.fileDelete .fileDelete > span {
    color: #333;
    font-size: 14px;
}



.fontBoldandBlue p {
    color: #207EC1;
}

.mobile-application {
    left: 26px;
    bottom: 122px;
    position: absolute;
}

    .mobile-application img {
        width: 133px;
        height: 38px;
    }

        .mobile-application img + img {
            margin-top: 9px;
        }

.prewrap {
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.contentCapsule .active .newMenuPoint {
    width: 0px !important;
    height: 0px !important;
}

.newMenuPoint, .newMenuPointSub, .newMenuPointSub2 {
    width: 13px;
    height: 13px;
    border-radius: 13px;
    margin-left: auto;
    background-color: rgb(255, 255, 255);
}

.newMenuText {
    line-height: 1.3;
    color: #fff;
    font-size: 13px;
    width: 35px;
    height: 15px;
    text-align: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: auto;
    background-color: rgb(126, 188, 0);
    border-radius: 3px;
}

@media screen and (min-width: 768px) {
    .visible-xs {
        display: none !important;
    }

    .hidden-xs {
        display: block !important;
    }

    .dropdown {
        margin-bottom: 16px;
    }

        .dropdown .ddSelected .col01:after {
            display: none;
        }


    .businessContract {
        padding: 0 15px;
    }

    .amountBoxContainer {
        max-width: 205px;
    }

        .amountBoxContainer input.amountBox {
            max-width: calc(100% - 76px);
            margin-right: 0;
        }

            .amountBoxContainer input.amountBox.noDecimal {
                max-width: 100%;
            }

        .amountBoxContainer input.decimal {
            margin-left: 0;
            margin-right: 0;
        }

        .amountBoxContainer .amountBoxSeperator {
            width: 5px;
            text-align: center;
        }

        .amountBoxContainer .amountBoxCurrency {
            width: 30px !important;
            text-align: center;
        }

    .formField.containerRow.rangeInputRow > div .amountBoxContainer + .amountBoxContainer, .formField div.containerRow.rangeInputRow > div .amountBoxContainer + .amountBoxContainer {
        margin-left: 10px;
    }

    .fancybox-wrap .formField div.containerRow > label, .fancybox-wrap .formField.containerRow > label {
        min-width: 135px;
        max-width: 135px;
    }

    .formField div.containerRow.phoneNumberBoxes > div, .formField.containerRow.phoneNumberBoxes > div {
    }

        .formField div.containerRow.phoneNumberBoxes > div input[type=text], .formField.containerRow.phoneNumberBoxes > div input[type=text] {
            flex: 1;
            padding-left: 10px;
            padding-right: 10px;
        }

            .formField div.containerRow.phoneNumberBoxes > div input[type=text] + input[type=text], .formField.containerRow.phoneNumberBoxes > div input[type=text] + input[type=text] {
                margin-left: 10px;
            }

        .formField div.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(1), .formField.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(1) {
            min-width: 50px;
            max-width: 50px;
            text-align: center;
        }

        .formField div.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(2), .formField.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(2) {
            min-width: 45px;
            max-width: 45px;
            text-align: center;
        }

        .formField div.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(3), .formField.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(3) {
            min-width: 100px;
            max-width: 100px;
        }

    .formField div.containerRow .checkIbanButton, .formField.containerRow .checkIbanButton {
        margin-top: 0;
        float: none;
        display: inline-block !important;
        margin-bottom: 0;
    }

    body:not(.loginMaster) .main {
        padding-top: 64px;
    }

    body:not(.loginMaster) .headerCapsule {
        z-index: 100;
        position: fixed;
        left: 0;
        top: 0;
        width: 1024px;
    }

        body:not(.loginMaster) .headerCapsule h3 {
            display: none !important;
        }

    .GVColorGreenCenter p {
        text-align: center !important;
    }

    .formField div.containerRow .formField.confirm {
        margin: 0 15px;
    }

    .formField div.containerRow.rangeInputRow > div > .fl {
        margin-right: 5px;
    }

    body .menuCapsule > div .topMenu {
        display: none;
    }

    .fancybox-wrap .fancybox-inner > div {
        overflow: auto;
        padding-right: 15px;
    }

    .fancybox-skin {
        overflow: inherit;
        padding-top: 35px !important;
        padding-right: 0 !important;
    }

    .fancybox-wrap .avatarField .avatarFieldContainer .avatarImageChanger + .avatarBrowse {
        margin-bottom: 0;
        margin-top: 95px;
    }

    .button.light-white.filter-button {
        min-width: 160px;
    }

    body.loginMaster .main.isube .iRight {
        position: relative;
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    html.iosDevice {
        --safe-area-inset-top: env(safe-area-inset-top);
        --safe-area-inset-bottom: env(safe-area-inset-bottom);
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
        overflow: hidden;
    }

        html.iosDevice > body {
            overflow: auto;
        }

            html.iosDevice > body .pageTools {
                padding-bottom: 20px;
            }

            html.iosDevice > body.menuActive .menuCapsule > div {
                min-height: calc(100% - 64px);
                max-height: calc(100% - 64px);
            }

    .visible-xs {
        display: block !important;
    }

    .hidden-xs {
        display: none !important;
    }

    body {
        background: #fff;
    }

        body form > .main, .wrapper, .holder, .capsuleContainer {
            width: 100%;
        }

    .menuCapsule, .menuCapsule > div {
        width: 0;
    }

        .menuCapsule > div {
            top: 64px;
            position: fixed;
        }

    body.menuActive .menuCapsule > div {
        width: 100vw;
    }

    .mainArea {
        width: 100%;
        float: none;
        box-shadow: none;
        border-radius: 0;
    }

    .pageTools {
        width: 100%;
        float: none;
        margin: 30px 0 0;
        padding: 0 15px;
    }

    .contentCapsule > div > .content.holder {
        padding: 0;
        margin-top: -36px;
    }

        .contentCapsule > div > .content.holder > .approval {
            margin-bottom: 10px;
        }

    .headerCapsule .header.holder {
        margin: 0;
        padding: 0;
        max-width: 59px;
        min-width: 59px;
    }

        .headerCapsule .header.holder > .logo, .headerCapsule .header.holder li:not(.tmLogOut), .headerCapsule .header.holder:before {
            display: none;
        }

        .headerCapsule .header.holder li a {
            border: 0;
            font-size: 0;
        }

    .landingPage a.button {
        float: none;
        margin: 20px auto;
        width: auto;
    }

    .content > h3 {
        font-size: 13px;
        font-weight: bold;
        color: #333;
        text-align: center;
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
        margin-bottom: 2px;
        padding-left: 45px;
        padding-right: 30px;
    }

    .breadcrumbs {
        display: none;
    }

    .formField div.containerRow, .formField.containerRow {
        flex-direction: column;
        padding-bottom: 10px;
    }

        .formField div.containerRow.customTopMargin, .formField.containerRow.customTopMargin {
            margin-top: 10px;
        }

        .formField div.containerRow.rangeInputRow > div input[type=text], .formField div.containerRow.rangeInputRow > div textarea,
        .formField.containerRow.rangeInputRow > div input[type=text], .formField.containerRow.rangeInputRow > div textarea,
        .formField.containerRow.rangeInputRow > div .amountBoxContainer, .formField div.containerRow.rangeInputRow > div .amountBoxContainer {
            max-width: 49%;
        }

        .formField div.containerRow.rangeInputRow > div .fl input[type=text], .formField div.containerRow.rangeInputRow > div .fl textarea,
        .formField.containerRow.rangeInputRow > div .fl input[type=text], .formField.containerRow.rangeInputRow > div .fl textarea,
        .formField.containerRow.rangeInputRow > div .fl .amountBoxContainer, .formField div.containerRow.rangeInputRow > div .fl .amountBoxContainer {
            max-width: inherit;
        }

        .formField.containerRow.rangeInputRow > div .amountBoxContainer, .formField div.containerRow.rangeInputRow > div .amountBoxContainer {
            float: left;
        }

            .formField.containerRow.rangeInputRow > div .amountBoxContainer + .amountBoxContainer, .formField div.containerRow.rangeInputRow > div .amountBoxContainer + .amountBoxContainer {
                /*margin-left: 2%;*/
            }

            .formField.containerRow.rangeInputRow > div .amountBoxContainer input.amountBox, .formField div.containerRow.rangeInputRow > div .amountBoxContainer input.amountBox {
                max-width: 100% !important;
                width: 100% !important;
            }

        .formField div.containerRow.creditCardBoxes > div {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
        }

            .formField div.containerRow.creditCardBoxes > div input[type=text], .formField div.containerRow.creditCardBoxes > div input[type=tel] {
                flex: 1;
                min-width: 23%;
                max-width: 23%;
            }

        .formField div.containerRow.phoneNumberBoxes > div, .formField.containerRow.phoneNumberBoxes > div {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .formField div.containerRow.phoneNumberBoxes > div input[type=text], .formField.containerRow.phoneNumberBoxes > div input[type=text] {
                flex: 1;
            }

                .formField div.containerRow.phoneNumberBoxes > div input[type=text] + input[type=text], .formField.containerRow.phoneNumberBoxes > div input[type=text] + input[type=text] {
                    margin-left: 2%;
                }

            .formField div.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(1), .formField.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(1) {
                min-width: 50px;
                max-width: 50px;
            }

            .formField div.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(2), .formField.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(2) {
                min-width: 45px;
                max-width: 45px;
            }

            .formField div.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(3), .formField.containerRow.phoneNumberBoxes > div input[type="text"]:nth-child(3) {
                min-width: 0;
                max-width: inherit;
            }

        .formField div.containerRow.customCheckBoxRow {
            flex-direction: row
        }

            .formField div.containerRow.customCheckBoxRow > label, .mainArea.wide .formField div.containerRow.customCheckBoxRow > label {
                min-width: 0;
                max-width: inherit;
                flex: inherit;
            }

    .mainArea .formField div.containerRow.customCheckBoxRow .form > .checkbox:after {
        content: '';
        display: block;
        clear: both;
    }

    .formField div.containerRow.customCheckBoxRow > .form > input[type=checkbox], .mainArea .formField div.containerRow.customCheckBoxRow .form > .checkbox {
        top: 0;
        margin-left: 10px;
        margin-top: 0;
    }

        .formField div.containerRow.customCheckBoxRow > .form > input[type=checkbox], .mainArea .formField div.containerRow.customCheckBoxRow .form > .checkbox input[type=checkbox] {
            top: 0;
        }

    .formField div.containerRow .chzn-container, .formField div.containerRow select, .formField div.containerRow .selectbox-container, .formField.containerRow select, .formField.containerRow .selectbox-container, .formField.containerRow .selectbox-container .chzn-container {
        width: 100% !important;
    }

    .formField div.containerRow .amountBoxContainer {
        width: 100%;
        float: none;
    }

    .mainArea .formField > div > label, .mainArea .formField .accountNoField label, .mainArea .formField .ibanField label {
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        min-width: 100%;
        max-width: 100%;
        padding-right: 0;
        justify-content: flex-start;
    }

    .mainArea .formField .containerRow > label, .mainArea .formField.containerRow > label, .mainArea .formField .accountNoField label, .mainArea.wide .formField .ibanField label {
        min-width: 100%;
        max-width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        min-height: 0;
        max-height: inherit;
        align-items: flex-end;
        justify-content: flex-start;
        line-height: 18px;
        /*color: #7A7A7A;*/
        font-weight: 700;
        padding-bottom: 0;
    }

    .formField input[type="text"], .formField input[type="password"], .formField textarea {
        max-width: 100%;
        width: 100% !important;
        height: 36px;
        float: none;
    }

    .mainArea .formField p.field-size-2 {
        float: none !important;
        width: 100% !important;
        padding: 5px 0 !important;
    }

    .formField.confirm {
        margin: 0;
        flex-wrap: inherit;
    }

        .formField.confirm .confirmFieldRow {
            flex-direction: row;
            padding: 10px 0;
        }

            .formField.confirm .confirmFieldRow + .confirmFieldRow {
                border-top: 1px solid #e2e2e2;
            }

        .formField.confirm .valueLabel, .mainArea.wide .formField.confirm .confirmFieldRow .valueLabel {
            padding-right: 0;
        }

        .formField.confirm label, .formField.confirm .valueLabel {
            min-width: 0 !important;
            max-width: inherit !important;
            padding: 0;
            align-items: center;
        }

            .formField.confirm .valueLabel label {
                float: right;
            }

        .formField.confirm a.button.green, .formField.confirm a.button.green + a.button.blue {
            float: none;
            margin: 13px 15px;
            height: 44px;
            font-size: 15px;
            line-height: 24px;
        }

    .headerCapsule a.menuButton {
        z-index: 10;
    }

    .mainTogglePanelContainer .toggleSteps span:not(.active) {
        font-size: 0;
        height: 3px;
    }

    .mainTogglePanelContainer .toggleSteps {
        border-bottom: 3px solid #f5f5f5;
        height: 57px;
        margin-bottom: 20px;
    }

        .mainTogglePanelContainer .toggleSteps span {
            padding-top: 13px;
            position: static;
            border: 0 !important;
            height: 3px;
        }

            .mainTogglePanelContainer .toggleSteps span label {
                position: absolute;
                left: 30px;
            }

            .mainTogglePanelContainer .toggleSteps span + span {
                border-left: 0;
                border-bottom: 1px solid #e2e2e2;
            }

            .mainTogglePanelContainer .toggleSteps span.active {
                font-size: 13px;
                font-weight: bold;
                height: 50px;
            }

        .mainTogglePanelContainer .toggleSteps:after {
            top: 0;
            bottom: auto;
        }

    .sectionRowContainer .sectionRowButton, .sectionRowContainer .sectionRowPostbackButton {
        float: none;
        margin: 13px 15px;
    }

    .dropdown .ddSelected {
        flex-direction: column;
        height: auto;
        position: relative;
    }

        .dropdown .ddSelected .col01 {
            min-width: 100%;
            max-width: 100%;
            padding-top: 10px;
            padding-bottom: 10px;
            justify-content: center;
            display: flex;
            flex-direction: column;
            border-bottom: 1px solid #e2e2e2;
        }

            .dropdown .ddSelected .col01:after {
                display: none;
            }

        .dropdown .ddSelected .col02 {
            flex-direction: row;
            padding-bottom: 16px !important;
            align-items: center;
            min-width: 100%;
            max-width: 100%;
        }

    .containerRow:not(.account_list_row) .dropdown .ddSelected .col02 {
        padding-top: 0 !important;
    }

    .containerRow.account_list_row .dropdown:not(.cardDropdownList) .ddSelected .col02 {
        padding-top: 22px !important;
    }

    .confirm .containerRow.account_list_row .dropdown .ddSelected .col02 {
        padding-top: 4px !important;
    }

    .containerRow.account_list_row .dropdown .ddSelected .col02 p strong {
        position: absolute;
        margin-top: -24px;
    }

    .containerRow.account_list_row .dropdown .ddSelected .col01 p:nth-child(1) strong {
        font-weight: bold;
    }

    .containerRow.account_list_row .dropdown .ddSelected .col01 {
        padding-top: 16px !important;
    }

    .confirm .containerRow.account_list_row .dropdown .ddSelected .col01 {
        padding-bottom: 16px !important;
    }

    .containerRow.account_list_row .dropdown .ddSelected .col01 p {
        padding-right: 44px;
    }

    .containerRow.account_list_row .dropdown .ddContent .col02 p {
        display: block !important;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
    }

    .containerRow.account_list_row .dropdown .ddContent li {
        min-height: auto;
        border-radius: 12px;
    }

    .dropdown .ddContent li.active {
        border: 2px solid #84BD00;
    }

    .containerRow.account_list_row .dropdown .ddContent .col02 {
        background: white;
        padding-top: 0;
        min-height: auto;
        max-height: max-content;
        height: auto;
    }

        .containerRow.account_list_row .dropdown .ddContent .col02 p strong {
            margin-bottom: 4px;
        }

    .containerRow.account_list_row .dropdown .ddContent .col01 {
        padding-top: 16px;
    }

        .containerRow.account_list_row .dropdown .ddContent .col01 p:last-child {
            font-size: 12px;
            padding-right: 44px;
        }

        .containerRow.account_list_row .dropdown .ddContent .col01 p strong {
            font-size: 14px;
            line-height: 18px;
            color: #333333;
        }

    .dropdown .ddContent li:after {
        content: '';
        position: absolute;
        right: 0;
        width: 50px;
        top: calc(50% - 25px);
        bottom: 5px;
        background: url(../../_img/Facelift/blue.svg) transparent center no-repeat;
        visibility: visible;
        height: 50px;
        transform: rotate(-90deg);
    }

    .dropdown .ddSelected .openerColumn {
        position: absolute;
        right: 0;
        top: 0;
        min-height: 81px;
        max-height: 81px;
        border-bottom: 0;
        border-left: 0;
        background-color: transparent;
        min-width: calc(100% - 250px) !important;
        max-width: calc(100% - 250px) !important;
    }

    /*.dropdown .ddSelected .col01:after {
        display: none;
    }*/

    body.menuActive form > .main .contentCapsule:before {
        top: 64px;
    }

    .button, .button.light-white {
        float: none !important;
        display: block !important;
    }

        .button:not(.margin-left-or-right-0), .button.light-white:not(.margin-left-or-right-0) {
            margin: 10px 15px !important;
        }

        .button.margin-left-or-right-0, .button.light-white.margin-left-or-right-0 {
            margin: 10px 0 !important;
        }

        .button.light-white.filter-button {
            margin-top: 20px !important;
        }

        .button.light-white span {
            display: block;
            text-align: center;
        }

    body.loginMaster .logo {
        width: 110px;
        margin-top: 15px;
    }

    body.loginMaster .main.isube .iLeft {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 40px;
        min-width: 100%;
        max-width: 100%;
    }

        body.loginMaster .main.isube .iLeft + div {
            display: none;
        }

    body.loginMaster .inpField {
        margin-bottom: 20px;
    }

    body.loginMaster .main.isube .iBtn {
        height: 44px;
        width: 100%;
    }

    body.loginMaster .iLeft h2 {
        padding-bottom: 38px;
    }

    body.loginMaster .customFooter {
        display: none;
    }

    body.loginMaster .headerCapsule .iHolder .iSubeBaslik {
        max-width: calc(100% - 175px);
        margin-left: 10px;
        padding-left: 10px;
    }

        body.loginMaster .headerCapsule .iHolder .iSubeBaslik p {
            font-size: 14px;
            margin-top: 2px;
        }

    body.loginMaster .iSubeArea {
        background: transparent;
    }

    .VeriBranchSectionRow .sectionRowContainer .formField .amountBoxContainer {
        float: none;
    }

        .VeriBranchSectionRow .sectionRowContainer .formField .amountBoxContainer .amountBoxCurrency, .amountBoxContainer .amountBoxCurrency {
            min-width: 35px;
            max-width: 35px;
            text-align: center;
        }

        .VeriBranchSectionRow .sectionRowContainer .formField .amountBoxContainer > input.amountBox, .amountBoxContainer > input.amountBox {
            width: calc(100% - 90px) !important;
            margin-right: 0;
        }

        .VeriBranchSectionRow .sectionRowContainer .formField .amountBoxContainer > input.decimal, .amountBoxContainer > input.decimal {
            padding-left: 0;
            padding-right: 0;
            width: 35px;
            text-align: center;
            margin-right: 0;
        }

    .formField textarea {
        width: 100% !important;
    }

    .accountFilters .accountSearch {
        width: 100%;
        float: none;
    }

    .accountFilters .options .button {
        min-width: 100%;
        max-width: 100%;
        margin: 0 !important;
    }

    .accountFilters .options .optionBox {
        display: flex !important;
        justify-content: flex-start;
        text-align: left;
        flex-wrap: wrap;
        width: 100%;
    }

    .mainArea.wide .accountFilters .options .optionBox h6 {
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        min-width: 100%;
        max-width: 100%;
    }

    body.loginMaster .headerCapsule {
        height: 59px;
        background-color: #fff;
        box-shadow: none;
    }

    body:not(.loginMaster) .headerCapsule {
        border-bottom: 1px solid #e2e2e2;
        box-shadow: 0 4px 5px 0 rgba(153, 153, 153, 0.03);
    }

    body.loginMaster .main.isube {
        background: #fafafa url(../../_img/Facelift/mask.png) no-repeat left bottom;
    }

        body.loginMaster .main.isube .contentCapsule {
            background: none;
        }

    .accountFilters .accountSearch {
        margin-top: 0;
    }

        .accountFilters .accountSearch input {
            float: none;
            width: 100%;
        }

    .gridContent {
        margin-left: -15px;
        margin-right: -15px;
    }

        .gridContent table.container tr th {
            display: none;
        }

        .gridContent table.container, .gridContent table.container tbody {
            display: none;
        }

            .gridContent table.container > tbody > tr {
                display: flex;
                position: relative;
                padding: 10px 20px;
                flex-direction: row;
                flex-wrap: wrap;
            }

                .gridContent table.container > tbody > tr.odd {
                    background: #f5f5f5;
                }

                .gridContent table.container > tbody > tr > td {
                    flex: 1;
                    min-width: 50%;
                    max-width: 50%;
                    /*display: flex;*/
                    align-items: center;
                    padding: 5px;
                    border: 0;
                    height: auto;
                    text-align: left;
                    justify-content: flex-start;
                    word-break: break-all;
                }

                    .gridContent table.container > tbody > tr > td td {
                        height: auto;
                    }

                    .gridContent table.container > tbody > tr > td:nth-child(even) {
                        text-align: right;
                        justify-content: flex-end;
                    }

            .gridContent table.container .ttip p {
                float: none;
            }

    .gridView > h2.header {
        padding: 10px 0 0;
    }

    .counterPopup {
        width: 90%;
        left: 5% !important;
    }

    .formField input.search_input {
        width: 100%;
    }

    .no-float-xs {
        float: none !important;
    }

    .gridContent .amount-column p {
        color: #333 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: bold !important;
    }

    .gridContent .amount-column.green p {
        color: #7ebc00 !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.red p {
        color: red !important;
    }

    .gridContent .amount-column.gray p {
        color: #999 !important;
        font-size: 13px !important;
        font-weight: 300 !important;
    }

    .gridContent a.receipt-button {
        font-size: 13px !important;
        line-height: 20px !important;
        color: rgb(0, 85, 184) !important;
        text-decoration: none !important;
    }

    .accountFilters .options {
        align-items: flex-start;
        flex-direction: row;
    }

        .accountFilters .options > .button {
            flex: 1;
            padding-right: 0;
            min-width: 0;
            max-width: inherit;
        }

    .formField.complaintField .accountFilters .options {
        flex-direction: column;
    }

        .formField.complaintField .accountFilters .options > .button {
            width: 100%;
            margin-left: 0;
        }

    .accountFilters .options .optionBox .amountBoxContainer, .accountFilters .options .optionBox .amountBoxContainer input.amountBox {
        max-width: 100% !important;
    }

    .accountFilters .options .button.dateFilterContainer .optionBox {
        flex-direction: row;
    }

    .accountFilters .options .optionBox.scrollableOptionBox {
        margin-left: 0;
    }

    .accountFilters .options .button.dateFilterContainer .optionBox .containerRow {
        padding-left: 0;
        padding-right: 8px;
    }

        .accountFilters .options .button.dateFilterContainer .optionBox .containerRow + .containerRow {
            padding-left: 8px;
            padding-right: 8px;
        }

    .accountFilters .options > .advanced-search-toggle {
        min-width: 36px;
        max-width: 36px;
        display: block;
        width: 36px;
        height: 36px;
        padding: 0;
        margin: 0;
        text-align: center;
        font-size: 0;
        border: 0;
        background: url(../../_img/Facelift/advancedFilter.png) no-repeat center;
        margin-bottom: 12px;
        margin-left: auto;
        margin-top: 35px;
    }

        .accountFilters .options > .advanced-search-toggle:after {
            display: none;
        }

    .accountFilters {
        margin-bottom: 10px;
    }

        .accountFilters .options .button.dateFilterContainer {
            padding: 0;
        }

        .accountFilters .advanced-search-toggle:after {
            right: auto;
            left: 50%;
            transform: translateX(-50%);
        }

        .accountFilters ul.cbox {
            max-width: 100%;
        }

        .accountFilters .options .advanced-search {
            min-width: 100%;
            max-width: 100%;
        }

        .accountFilters .options .optionBox .containerRow {
            flex-direction: column;
        }

            .accountFilters .options .optionBox .containerRow > div select, .accountFilters .options .optionBox .containerRow > div .chzn-container, .accountFilters .options .optionBox .containerRow .selectbox-container {
                width: 100% !important;
                max-width: 100%;
            }

            .accountFilters .options .optionBox .containerRow > div .selectbox-container, .accountFilters .options .optionBox .containerRow > div select, .accountFilters .options .optionBox .containerRow > div .chzn-container {
                width: 100% !important;
                max-width: 100%;
            }

            .accountFilters .options .optionBox .containerRow > label {
                justify-content: flex-start;
                padding-top: 0px;
                padding-bottom: 5px;
                text-align: left;
            }

    .advanced-search.show-advanced > div {
        display: block;
        width: 100%;
    }

    .dropDownContent .ddContent .col01, .dropDownContent .ddContent .col02 {
        min-width: 100%;
        max-width: 100%;
    }

    .dropDownContent .ddContent li {
        flex-direction: column;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dropDownContent .ddContent .column {
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    body.loginMaster .iSubeArea.iHolderNarrow .secureArea .approval.warning {
        line-break: 1.2;
    }

    body.loginMaster .iSubeArea.iHolderNarrow {
        float: none;
        max-width: 100%;
        background: #fff;
        margin-left: 0;
        margin-top: 0;
        padding: 15px;
    }

        body.loginMaster .iSubeArea.iHolderNarrow .iBtn {
            padding-left: 20px;
            padding-right: 20px;
        }

        body.loginMaster .iSubeArea.iHolderNarrow .secureArea .not.loginName > label, body.loginMaster .iSubeArea.iHolderNarrow .secureArea .not.loginName > label {
            min-height: 0;
            max-height: inherit;
        }

        body.loginMaster .iSubeArea.iHolderNarrow .iLeft {
            padding: 0 !important;
        }

    body.loginMaster .secureArea .securityMessage, .secureArea .smsGiris {
        flex-direction: column;
    }

        .secureArea .smsGiris h4, body.loginMaster .secureArea .securityMessage h2 {
            justify-content: flex-start;
            align-items: flex-end;
            text-align: left;
            min-width: 100%;
            max-width: 100%;
            min-height: 0;
            max-height: inherit;
        }

        .secureArea .smsGiris p {
            padding: 0;
        }

    body.loginMaster .secureArea .loginButtonContainer {
        padding-left: 0;
        margin-top: 10px;
    }

    .pager {
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
    }

    .customExportControl a {
        margin-left: 30px;
    }

        .customExportControl a.print {
            display: none;
        }

    .VeriBranchSectionRow.hesapDropDown {
        display: none;
    }

    body span.checkbox {
        position: relative;
        padding-left: 23px;
        margin-right: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        float: none;
        display: block;
    }

    span.checkbox input[type=checkbox] {
        position: absolute;
        left: 0;
        top: 0;
    }

    .formField .form > span > label {
        font-size: 13px;
    }

    span.checkbox > label {
        font-size: 13px;
        float: none;
        display: block;
        padding: 0;
    }

    .mainArea .formField .containerRow > label, .mainArea .formField .accountNoField label, .mainArea .formField .ibanField label {
        justify-content: flex-start;
        text-align: left;
    }

    .formField .containerRow > label + div {
        padding-bottom: 0;
    }

    div.OpenTimeContainer {
        margin-left: 0;
    }

        div.OpenTimeContainer .selectbox-container, div.OpenTimeContainer .selectbox-container select, div.OpenTimeContainer .selectbox-container .chzn-container {
            width: 100% !important;
            max-width: 100% !important;
        }

    .fl, .fr {
        float: none;
    }

    dl dd blockquote {
        font-size: 13px;
        line-height: 1.4;
        margin: 10px 0;
    }

    .formField.confirm .containerRow:not(.selectedCardPanel) {
        flex-direction: row;
        padding: 10px 15px;
        align-items: center;
    }

    .formField.confirm .containerRow.multipleRow {
    }

        .formField.confirm .containerRow.multipleRow > label + div {
            flex-direction: column;
        }

        .formField.confirm .containerRow.multipleRow.multipleConfirm > label + div {
            align-items: flex-end
        }

            .formField.confirm .containerRow.multipleRow.multipleConfirm > label + div .button {
                margin: 10px 0 !important;
            }

    .formField.confirm .containerRow + .containerRow {
        border-top: 1px solid #e2e2e2;
    }

    .formField.confirm .containerRow.editableRowContainer > label {
        min-width: 30% !important;
        max-width: 30% !important;
    }

        .formField.confirm .containerRow.editableRowContainer > label + div {
            margin-right: 0 !important;
        }

    .formField.confirm .containerRow > label {
        min-width: 0 !important;
        max-width: inherit !important;
        padding-bottom: 0 !important;
        min-height: 0;
        max-height: inherit;
    }

        .formField.confirm .containerRow > label, .formField.confirm .containerRow > label + div {
            flex: auto;
        }

            .formField.confirm .containerRow > label + div {
            }

            .formField.confirm .containerRow > label + div, .mainArea.wide .formField.confirm .containerRow > label + div {
                padding-right: 0 !important;
            }

    body.loginMaster .secureArea .right div input {
        min-width: 310px;
        max-width: 310px;
    }

    body.loginMaster .secureArea .right div .selectbox-container, body.loginMaster .secureArea .right .chzn-container {
        min-width: 310px;
        max-width: 310px;
    }

    .formField div.containerRow.rangeInputRow > div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .mainContentPlacePanel .approval.info {
        margin: 0 0 10px;
        padding: 10px 5px 10px 35px;
        background-position: 9px 11px;
    }

    body .businessContract .checkbox {
        min-height: 25px;
        margin-top: 20px;
    }

        body .businessContract .checkbox label {
            text-align: left;
            font-size: 13px;
            padding-top: 1px;
        }

    .formField div.containerRow table.radioButtonList, .formField.containerRow table.radioButtonList {
        margin: 0 0 10px;
        width: 100%;
    }

        .formField div.containerRow table.radioButtonList td > input[type=radio], .formField.containerRow table.radioButtonList td > input[type=radio] {
            margin-right: 5px;
            top: 1px;
        }

            .formField div.containerRow table.radioButtonList td > input[type=radio] + label, .formField.containerRow table.radioButtonList td > input[type=radio] + label {
                margin-right: 5px !important;
                padding-left: 0 !important;
            }

    table.radioButtonList input + label {
        width: calc(100% - 30px) !important;
        float: left;
        margin: 0 !important;
        padding: 0 0 0 5px !important;
        display: inline-block;
    }

    .fancybox-wrap {
        width: 94vw !important;
        left: 3vw !important;
    }

        .fancybox-wrap .popupField {
            width: 100%;
        }

        .fancybox-wrap .fancybox-inner, .fancybox-wrap .fancybox-inner > div {
            width: 100% !important;
            height: auto !important;
        }

            .fancybox-wrap .fancybox-inner .popupField.green .popupFormField input[type="text"] {
                max-width: calc(100% - 70px);
            }

        .fancybox-wrap .fancybox-skin {
            max-height: 90vh;
        }

    .dropdown {
        margin-bottom: 20px;
    }

    .accountFilters .options .optionBox .containerRow.checkBoxList table {
        margin-left: 0;
    }

    .fancybox-wrap .formField div.containerRow > label, .fancybox-wrap .formField.containerRow > label {
        min-width: 100%;
        max-width: 100%;
        text-align: left;
        justify-content: flex-start;
        align-items: flex-end;
        padding-bottom: 5px;
    }

    table.radioButtonList {
        margin: 10px 0;
    }

    body:not(.loginMaster) .main .approval {
        padding: 10px 20px;
        background-position: 8px 11px;
        display: flex;
        min-height: 55px;
        flex-direction: column;
        justify-content: center;
    }




    .portfoy .portFoyDetails {
        float: none;
    }

        .portfoy .portFoyDetails ul li {
            margin: 0;
            font-size: 15px;
        }

    .portfoy .CollapseTable .mobileGrid {
        margin-top: 0;
    }

    table.countrySelectBox, table.countrySelectBox tbody, table.countrySelectBox tr, table.countrySelectBox tr td {
        display: block;
        width: auto !important;
    }

        table.countrySelectBox tr td .ListBoxDefaultStyle {
            width: 100% !important;
            display: block;
            height: auto !important;
            min-height: 200px !important;
            max-height: 200px !important;
            border: 1px solid #ccc;
            padding: 10px;
        }

        table.countrySelectBox tr td .listTransferContainer {
            padding: 0;
        }

            table.countrySelectBox tr td .listTransferContainer .transferItems br {
                display: none;
            }

            table.countrySelectBox tr td .listTransferContainer .transferItems a {
                margin: 20px;
                transform: rotate(90deg);
            }

        table.countrySelectBox tr td .ListBoxDefaultStyle option {
            line-height: 24px;
            display: block;
            margin: 10px 0;
        }

    .formField div.containerRow > div.form:first-child, .formField.containerRow > div.form:first-child {
        padding-top: 10px;
    }

    .togglePanelContainer {
        padding: 10px 0;
    }

    .formField.confirm .confirmFieldRow > div:first-child .contractQuote {
        margin: 5px -15px;
    }

    .formField div.containerRow.ipRow > div, .formField.containerRow.ipRow > div {
        display: flex;
        flex-direction: row;
    }

        .formField div.containerRow.ipRow > div .ipRangeContainer, .formField.containerRow.ipRow > div .ipRangeContainer {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: wrap;
            width: auto;
            min-width: 47%;
            max-width: 47%;
        }

        .formField div.containerRow.ipRow > div input, .formField.containerRow.ipRow > div input {
            width: auto !important;
            min-width: 0;
            max-width: inherit;
            flex: 1;
            margin: 0 3px;
        }

    .formField div.containerRow .ipRangeSeperator, .formField.containerRow .ipRangeSeperator {
        padding: 0;
        text-align: center;
        min-width: 6%;
        max-width: 6%;
    }

    .content h4 {
        padding: 15px 0;
    }

    .content > h3 {
        display: none !important;
    }

    body:not(.loginMaster) .main {
        padding-top: 64px;
    }

    body:not(.loginMaster) .headerCapsule {
        z-index: 100;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
    }

        body:not(.loginMaster) .headerCapsule h3 {
            font-size: 13px;
            font-weight: bold;
            color: #333;
            text-align: center;
            width: 100%;
            box-shadow: none;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            height: 64px;
            margin-left: -15px;
        }

    .contentCapsule > div > .content.holder {
        margin-top: 0;
    }

    body.menuActive {
        overflow: hidden;
    }

        body.menuActive .menuCapsule > div {
            overflow: auto;
            min-height: calc(100vh - 64px);
            max-height: calc(100vh - 64px);
            background-size: 100% 120%;
        }

    body .dateHourRows span[groupname="Days"] {
        display: block !important;
        width: auto !important;
    }

    .dateHourRows select {
        border: 1px solid rgb(226, 226, 226);
        height: 40px;
        margin-bottom: 10px;
        border-radius: 4px;
        background: url(../../_img/Facelift/dropdown_arrow.svg) right center no-repeat;
        appearance: none;
        background-size: 18px auto;
    }

    .formField.confirm .confirmFieldRow .containerRow:not(.selectedCardPanel) {
        padding-left: 0;
        padding-right: 0;
    }

    body .securityImagePanel {
        float: none;
        width: auto;
    }

        body .securityImagePanel table, body .securityImagePanel table tbody {
            display: block;
        }

            body .securityImagePanel table tr {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }

                body .securityImagePanel table tr td {
                    min-width: 50%;
                    max-width: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 10px 0;
                }

        body .securityImagePanel .content td label {
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .securityImagePanel .content {
        padding: 0;
        margin-bottom: 20px;
    }

    body .counterPopup .box_content .button {
        width: 100%;
    }

    table.radioSelectionContainer {
        width: 100%;
    }

        table.radioSelectionContainer, table.radioSelectionContainer tbody, table.radioSelectionContainer tr {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            table.radioSelectionContainer td {
                width: auto;
                min-width: 49%;
                max-width: 49%;
                padding-left: 0;
                padding-right: 0;
                padding-bottom: 10px;
            }

                table.radioSelectionContainer td.radioSelection {
                    min-width: 100%;
                    max-width: 100%;
                }

    body.loginMaster .formField .containerRow > label, body.loginMaster .formField.containerRow > label {
        justify-content: flex-start;
        align-items: flex-end;
        text-align: left;
        min-width: 100%;
        max-width: 100%;
        padding: 0 0 5px;
    }

    .fancybox-wrap .gorunumSecimi {
        padding: 20px 10px 10px;
    }

        .fancybox-wrap .gorunumSecimi * {
            max-width: 100%;
        }

        .fancybox-wrap .gorunumSecimi .button {
            margin: 20px 0 0 !important;
            float: none !important;
        }

    .fancybox-wrap .receiptContent {
        zoom: 0.5;
    }

    .avatarField {
        width: auto;
        max-width: 100%;
        min-height: 134px;
        height: auto;
    }

    .mainArea .avatarField .avatarFieldContainer .avatarBrowse {
        margin-top: 50px !important;
    }

    .formField div.containerRow.rangeInputRow > div > .fl {
        flex: 1;
        padding-right: 5px;
    }

        .formField div.containerRow.rangeInputRow > div > .fl + .fl {
            padding-left: 5px;
        }

        .formField div.containerRow.rangeInputRow > div > .fl:last-child {
            padding-right: 0;
        }

    .fiba_bubble .fiba_bubble_content {
        padding: 0;
        line-height: 1.2;
    }

    body.menuActive .menuCapsule > div .topMenu {
        float: none;
        clear: both;
        margin-bottom: 20px;
    }

        body.menuActive .menuCapsule > div .topMenu > ul {
            display: flex;
            flex-direction: row;
        }

        body.menuActive .menuCapsule > div .topMenu ul li {
            flex: 1;
            background: none;
            display: flex;
            justify-content: center;
        }

            body.menuActive .menuCapsule > div .topMenu ul li a {
                color: #fff;
                font-size: 15px;
                background: none;
                display: flex;
                flex-direction: row;
                align-items: center;
                margin: 0;
                padding: 0;
                min-height: 40px;
                max-height: 40px;
                line-height: 1.5;
                flex: 1;
                align-items: center;
                justify-content: flex-start;
            }

                body.menuActive .menuCapsule > div .topMenu ul li a:before {
                    content: '';
                    display: block;
                    min-height: 100%;
                    max-height: 100%;
                    min-width: 40px;
                    max-width: 40px;
                    margin-right: 10px;
                    background-size: auto 30px;
                    background-position: center;
                    background-repeat: no-repeat;
                }

            body.menuActive .menuCapsule > div .topMenu ul li.tmGuvenlik a:before {
                background-image: url(../../_img/Facelift/security_white.svg);
            }

            body.menuActive .menuCapsule > div .topMenu ul li.tmYardim a:before {
                background-image: url(../../_img/Facelift/help_white.svg);
                display: none;
            }

            body.menuActive .menuCapsule > div .topMenu ul li.tmYardim {
                border-right: 1px solid rgba(255, 255, 255, 0.3);
                display: none;
            }

        body.menuActive .menuCapsule > div .topMenu li.tmLogOut, body.menuActive .menuCapsule > div .topMenu li.dot {
            display: none;
        }

    .secureArea .left .secImg {
        margin-bottom: 20px;
    }

    .formField .toolTip {
        margin-left: 0;
        margin-top: 10px;
    }

    .inpField .toolTip {
        top: 7px;
        right: -30px;
    }

    .fancybox-wrap .avatarField .avatarFieldContainer .button {
        margin-top: 40px !important;
        margin-right: 5px !important;
    }

    .containerRow img {
        max-width: 100%;
    }

    .customUplaodRow .fileWrapper.avatarField {
        margin: 20px 0;
    }

    .formField div.containerRow .button.customFilterRowButton, .formField.containerRow .button.customFilterRowButton {
        margin-top: 15px !important;
    }

    .customUplaodRow .fileWrapper.avatarField .avatarFieldContainer .avatarBrowse {
        margin: 0 15px !important;
        float: none;
    }

    .customUplaodRow .fileWrapper, .customUplaodRow .fileWrapper {
        float: none;
    }

    .recaptcha {
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }

    body.loginMaster .iLeft .inpField input {
        background-image: none !important;
    }

    .optionBox div.dp-container {
        left: 0 !important;
        top: 100% !important;
    }

        .optionBox div.dp-container .content {
            padding: 0;
        }

    .tab a {
        line-height: 16px;
    }

    .mainTogglePanelContainer .toggleSteps span {
        overflow: inherit;
    }
}


.customExecute .containerRow > label {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #7A7A7A;
    display: block;
    text-align: center;
    margin-bottom: 4px;
    margin-top: 6px;
}

.customExecute .containerRow > .form {
    font-size: 12px;
    font-weight: 700;
    color: #333;
    line-height: 14px;
    margin-bottom: 8px;
}

    .customExecute .containerRow > .form span {
        display: block;
        text-align: center;
    }

.cardAccountInfo .cardDetailBlock.amount .containerRow > label {
    margin-bottom: 8px;
}

.cardOptionButtons {
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

    .cardOptionButtons a {
        height: 48px;
        padding: 0 51px;
        display: flex;
        color: #333;
        font-size: 14px;
        line-height: 14px;
        font-weight: 700;
        align-items: center;
        background-repeat: no-repeat;
        background-position: 18px center;
        border: 1px solid #EDEDED;
        border-radius: 8px;
        position: relative;
    }

        .cardOptionButtons a:after {
            content: '';
            display: block;
            position: absolute;
            right: 20px;
            top: 0;
            bottom: 0;
            width: 10px;
            background: url(../../_img/blueArrow.svg) no-repeat right center;
        }

        .cardOptionButtons a.islem-limit {
            background-image: url(../../_img/Facelift/islem-limit.svg);
        }

        .cardOptionButtons a.kart-ayarlari debit {
            background-image: url(../../_img/Facelift/kart-ayarlari.svg);
        }

.dropdown .cardDropdownType {
    position: absolute;
    border: 0;
    background-color: rgba(217, 217, 217, 0.4);
    height: 18px;
    min-height: 0 !important;
    padding: 2px 8px;
    border-radius: 4px;
}

.dropdown .ddSelected .cardDropdownType {
    top: 23px;
    right: 40px;
}

.dropdown .dropDownContent .cardDropdownType {
    top: 8px;
    right: 8px;
}

.dropdown .cardDropdownType span {
    color: #7A7A7A;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}


.menu.kurumsal li.mnPOS > a:before {
    background-image: url(../../_img/Facelift/IconPOS.svg);
}.scrollable,
.secureArea .left .secImg {
    overflow: hidden
}

.calendarField .dp-calendar td,
.infoText span {
    color: #fff
}

.bold {
    font-weight: bold;
}

.menu ul li ul {
    top: 78px;
    z-index: 99997
}

.container .hesapTuru > span {
    width: 40px
}

.container .hesapTuru p {
    margin-right: -6px
}

.favorites span {
    position: relative;
    width: auto;
    height: auto;
    top: auto;
    right: auto
}

.searchOptions {
    margin-bottom: 30px
}

.dp-popup.yearSelection .dp-month-select,
.dp-popup.yearSelection .dp-year-select,
.fancybox-wrap.emailPopup table,
.fancybox-wrap.emailPopup tbody,
.fancybox-wrap.emailPopup td,
.fancybox-wrap.emailPopup tr,
.iHolderNarrow .iRight,
.mobileGrid .gridItem.expanded .detailRow,
.portfoy .CollapseTable h2.header .close,
.slide-inner ul li:hover .slide-content,
.userImage span,
h2.header.togglePanelHeader .close {
    display: block
}

.formField span.input_context {
    line-height: 37px
}

.formField input.amountBox {
    text-align: right;
    width: 100px
}

.radioButtonList input[type=radio] {
    float: left;
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px
}

.amountBoxContainer,
.checkbox input,
.slide-inner,
.slide-next,
.slide-prev {
    float: left
}

.amountBoxContainer input.decimal {
    width: 40px !important;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.amountBoxContainer input,
.default.registerUl,
.mobileGrid .gridRow .gridCol.thead + .gridCol.tbody > span a.linkbutton,
.noFloat {
    float: none !important
}

.amountBoxContainer span {
    line-height: 36px;
    font-size: 13px;
    color: #616161;
    display: inline-block
}

.borderBottomLine {
    font-size: 13px;
    color: #616161;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px
}

.borderBottomLine .selectBox {
    width: 110px !important;
    display: inline-block;
    margin: 2px 0
}

.dateHourRows {
    width: 600px !important;
    float: left;
    margin-bottom: 15px;
    position: relative;
    max-width: 100%
}

.dateHourRows span[groupname=Days] {
    display: inline-block !important;
    vertical-align: middle;
    width: 250px
}

.enrollmentNot.single,
.listBoxHeader {
    margin-bottom: 10px
}

.listBoxHeader label {
    font-size: 17px;
    width: auto;
    float: initial
}

.formField .fullRow {
    width: 720px;
    float: left;
    margin-bottom: 15px;
    position: relative
}

.OrderDatePosition {
    margin: -78px -122px 0 0;
    position: relative
}

.PaidInvoiceDatePosition {
    margin: 0;
    position: relative
}

.GVColorGreen p,
.GVColorGreenCenter p,
.enrollmentNot span {
    color: #87bc38
}

.moveAllLeft,
.moveAllRight,
.moveLeft,
.moveRight {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    clear: both;
    margin: 10px 0
}

.moveRight {
    background: url(../../_img/toRight.png) center top no-repeat
}

.moveLeft {
    background: url(../../_img/toLeft.png) center top no-repeat
}

.moveAllRight {
    background: url(../../_img/AllRight.png) center top no-repeat
}

.moveAllLeft {
    background: url(../../_img/AllLeft.png) center top no-repeat
}

.formField .single select {
    width: 300px;
    display: block !important;
    visibility: hidden;
    height: 0 !important
}

.accountRestrictionRadioButton input[type=radio] {
    float: inherit !important;
    margin: 0 !important
}

.listTransferContainer {
    padding-top: 40px;
    margin: 0 auto
}

.listTransferContainer .transferItems + .button {
    float: none;
    margin: 10px 20px
}

.formField .single input,
.formField .single textarea {
    width: 90%
}

.pageToolsLeft {
    margin-right: 27px !important
}

.cardDropdownList.dropdown .ddSelected .col02 p strong,
.cardDropdownList.dropdown .ddSelected .col02 p + p,
.cardDropdownList.dropdown .dropDownContent .ddContent .col02 p:first-child strong,
.checkbox label br,
.displayNone,
.dropdown .ddSelected .customDropdownCheck,
.dropdown .ddSelected.hasSelection .openerColumn:before,
.fancybox-wrap.emailPopup h2,
.ipRow .validatorContainer,
.mainArea h2.header .close,
.mainArea h2.header .dot,
.mainArea h2.header .expandAll,
.mobileGrid .gridItem.hideDetail .gridExpander,
.mobileGrid .gridRow .gridCol.thead .sort,
.mobileGrid .gridRow .gridCol.thead .table-sort,
.mobileGrid .gridRow .gridCol.thead input[type=checkbox],
.mobileGrid .gridRow .gridCol.thead input[type=radio],
.preloader-box .lb-preloader,
.securityImagePanel input[type=radio],
.sessionWarningInfoPanel {
    display: none
}

.clear {
    clear: both
}

.smsCombo {
    display: block;
    height: 40px
}

.smsCombo h3 {
    float: left;
    margin: 15px 0
}

.UserOtpSettingsCheckAll,
.accountNameValidator,
.button.type03.green.light.custom,
.smsCombo .accordion,
.validationRight {
    float: right
}

.smsCombo .selectBox-dropdown {
    width: 180px !important
}

.securityImage {
    margin: 0 10px 10px 0;
    padding: 5px;
    border: 1px solid #ddd
}

.securityImagePanel {
    float: left;
    width: 704px;
    margin: auto
}

.securityImagePanel .bottom,
.securityImagePanel .top {
    height: 9px;
    background-image: url(../../_img/security_panel.jpg);
    display: none
}

.securityImagePanel .bottom {
    background-position: left bottom
}

.securityImagePanel .content {
    border: 1px solid #e6e6e6;
    background: #fff
}

.securityImagePanel .content table {
    border-spacing: 20px;
    border-collapse: separate;
    margin: auto
}

.securityImagePanel .content td label {
    display: block;
    width: 82px;
    height: 82px;
    padding: 18px
}

.securityImagePanel label.selected img {
    border-color: #0055b8
}

.securityImagePanel img {
    width: 82px;
    height: 82px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px
}

.securityImageSingle {
    width: 82px;
    height: 82px
}

.fancybox-close {
    right: 1px;
    top: 0;
    background: url(../../_img/Facelift/icons-close-black.svg) center no-repeat
}

.dropdown {
    padding-top: 0;
    clear: both
}

.dropdown.active,
.dropdown.hasError {
    z-index: 200
}

.dropdown .validatorContainer {
    z-index: auto
}

.event .eventNav .eventPrev {
    background: url(../../_img/sprite.png) -14px -1886px no-repeat !important
}

.event .eventNav .eventNext {
    background: url(../../_img/sprite.png) -32px -1886px no-repeat !important
}

.event .eventDelete {
    right: 5px;
    bottom: 5px;
    background: url(../../_img/sprite.png) -20px -2696px no-repeat !important
}

.event .eventEdit {
    right: 22px;
    bottom: 5px;
    background: url(../../_img/sprite.png) -20px -2674px no-repeat !important
}

.defbutton {
    display: block !important;
    font-size: 14px;
    margin: 20px 0 20px 10px;
    float: right;
    cursor: pointer
}

span.checkbox {
    margin-top: 5px;
    float: left;
    padding-left: 23px;
    margin-right: 20px;
    position: relative
}

span.checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 3px
}

.formField .form .checkbox label,
span.checkbox input[type=checkbox] + label {
    padding-top: 4px
}

.mobileGrid .gridRow .gridCol.tbody:first-child table,
.mobileGrid .gridRow .gridCol.tobdy:first-child table,
.multipleCheck .checkbox,
.portfoy .CollapseTable .pager {
    float: none
}

.userListLightBox {
    width: 450px !important
}

.customerInfoButton {
    padding: 0 5px !important;
    margin: 0 !important;
    border-radius: 3px;
    height: auto !important
}

.customerInfoButton span {
    position: inherit !important;
    display: inline !important
}

.customerInfoAddButton {
    color: #fff !important;
    padding: 5px !important;
    margin-right: 5px !important
}

.customerInfoAddButton span {
    padding: 5px !important;
    right: 15px;
    top: 10px;
    display: block
}

.customerInfoDeleteButton span {
    padding: 0 !important;
    margin: 0 !important;
    right: 15px;
    top: 10px;
    display: block
}

.customerInfoDeleteButton {
    height: initial !important;
    color: #fff !important;
    float: left;
    margin: 7px 6px !important;
    padding: 5px 10px !important;
    right: 15px;
    top: 10px;
    display: block;
    background: url(../../_img/pattern-2.jpg)
}

.alternative_search_results .list p,
.customerInfoP {
    padding: 5px 0
}

.customerInfolist {
    border: 1px solid #ebebeb;
    padding: 5px 0;
    border-radius: 0 0 3px 3px
}

.ajaxLoader {
    background-image: url(../../_img/ajax-loader.gif);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 60px;
    top: 12px
}

.collapseAll,
.expandAll {
    height: 18px;
    text-indent: -9999px
}

.container th,
.gridContent,
.registerForm .form,
.registerUl li,
.scrollable,
.ui-datepicker-calendar td a {
    position: relative
}

.loginTimerContainer span {
    display: inline !important;
    float: none !important;
    width: auto
}

.dateSelector .date .dpf {
    background-position: 70px -2627px;
    width: 150px
}

.dateSelector .Opentime .dpf {
    width: 100px;
    margin-left: 0;
    background-position: right center !important
}

.kartNumberHalfLeft {
    border-right: 0 !important;
    padding-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.kartNumberHalfRight {
    border-left: 0 !important;
    padding-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.enrollmentNot,
.enrollmentNot label {
    padding: 5px 0 5px 15px;
    font-size: 13px;
    color: #8b8b8b
}

.enrollmentNot.sonGiris {
    color: #207ec1
}

.enrollmentNot.sonGiris span {
    color: #616161
}

.smallEditable {
    width: 50% !important
}

.confirmCustomDropdown p,
.formField > div > label,
.level2Menu,
.noMargin,
div.formField.confirm {
    margin: 0
}

.mainArea h2.header .close,
.mainArea h2.header .collapseAll,
.mainArea h2.header .expandAll,
.mainArea h2.header .open {
    float: right;
    margin-top: 5px
}

.mainArea h2.header .close,
.mainArea h2.header .open {
    background: 0 0;
    position: relative;
    width: 25px;
    height: 27px;
    margin-top: 0
}

.mainArea h2.header .close:before,
.mainArea h2.header .open:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../_img/Facelift/blue.svg) center/15px auto no-repeat
}

.mainArea h2.header .close:before,
.mainArea h2.header .open.openCloseSwitch:before {
    transform: scaleY(-1)
}

.mainArea h2.header .close.openCloseSwitch:before {
    transform: none
}

.expandAll {
    width: 18px;
    display: block;
    background: url(../../_img/sprite.png) -16px -162px no-repeat
}

.collapseAll {
    width: 18px;
    display: block;
    background: url(../../_img/sprite.png) -19px -385px no-repeat
}

.imageArea a {
    font-size: 13px;
    color: #87bc38;
    float: right;
    cursor: pointer
}

.labelField {
    padding-top: 9px
}

.accountFilters .options .button.green span.checkbox {
    background-image: none;
    width: 100%;
    padding: 0 0 0 10px
}

.iLeftWide {
    width: 100%;
    margin-right: 30px;
    float: left
}

.iLeftWide h1 {
    font-size: 21px;
    color: #87bc38;
    float: left
}

.iLeftWide h2 {
    font-size: 18px;
    color: #207ec1;
    padding-bottom: 20px
}

.iLeftWide .welcome {
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    float: none
}

.optionBox.scrollableOptionBox > ul {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto
}

.accountFilters .options .button.green .selectBox-dropdown .selectBox-arrow {
    background: url(../../_img/dropdown-opener.png) no-repeat;
    padding: 0
}

.accountFilters .options .button.green .selectBox-dropdown .selectBox-label,
.otpField .validation-container {
    width: 100%
}

.scrollable {
    overflow-y: auto
}

.gridContent .scrollable {
    max-height: 406px
}

label.confirmLabel {
    line-height: 40px;
    margin-top: 0
}

.button.remove {
    background: url(../../_img/fancy-close.png) left top no-repeat;
    width: 35px;
    height: 35px;
    margin: 0
}

.buttonGraphic span {
    padding: 5px 6px 5px 31px;
    font-size: 15px;
    background: url(../../_img/Facelift/pie-chart.svg) 0 0/auto 24px no-repeat;
    display: block
}

.container td,
.container th {
    padding: 4px 8px
}

.ui-datepicker-calendar td a .toolTipOver {
    top: -45px;
    left: -125px;
    right: auto;
    bottom: auto
}

.businessContract label {
    font-size: 12px;
    padding-left: 5px
}

.registerForm .form {
    width: 272px;
    float: left;
    margin-bottom: 15px
}

.registerForm .toolTip {
    bottom: 24px;
    right: 110px
}

.registerForm .toolTipOver {
    right: -18px;
    bottom: 44px !important
}

.registerUl li {
    width: 250px
}

.registerUl a.toolTip {
    left: 160px;
    bottom: 12px
}

.registerUl .toolTipOver {
    left: 29px
}

.alternative_search_results .list > li {
    background-position: -10px -1112px
}

.alternative_search_results .list > li a {
    color: #616161;
    text-decoration: none
}

.alternative_search_results .list > li a:hover {
    color: #000
}

.alternative_search_results .list .arrow {
    padding: 10px 0
}

body div#fiba-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9990;
    background: url(../../_css/images/bg-calendar.png)
}

.ui-autocomplete {
    position: absolute !important;
    padding: 20px;
    background: #fff;
    border-radius: 3px;
    z-index: 9999
}

.preloader-box {
    width: 50px;
    z-index: 99998;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin: 0;
    transform: translate3d(-50%, -50%, 0);
    background-image: none;
    opacity: 1;
    color: #1e7cc2
}

.lb-preloader .loader {
    background: url(../../_css/images/preload_page.gif) no-repeat;
    display: block;
    margin: 0 auto;
    z-index: 82;
    padding: 10px 0 0 60px;
    min-width: 40px;
    min-height: 38px;
    color: #282c29;
    font-size: 15px
}

.loadingPanel {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    display: none;
    opacity: 1;
    background-color: rgba(0, 0, 0, .5)
}

.rightListRow {
    height: 51px
}

.confirm .valueLabel label {
    line-height: 15px;
    min-height: 15px
}

.formField .single input[type=checkbox],
.formField .single input[type=radio],
.level2Menu ul,
.noExpand {
    width: auto
}

.checkbox label {
    width: auto;
    float: left;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    color: #999;
    padding: 2px 0 0 10px;
    line-height: 16px
}

.OpenTimeMargin .dateSelector .date input,
.OpenTimeMargin .dateSelector .date label,
.cardAccountInfoHeader + .cardAccountInfo,
.creditCardList .cardItem .cardOwner,
.debitCards .cardItem .cardOwner,
.radioButtonList label {
    margin-top: 0
}

.event ul li {
    font-size: 13px;
    color: #fff;
    float: left;
    width: 89px;
    padding-left: 0
}

.ui-autocomplete {
    width: 402px !important;
    border: 1px solid #bbb;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.containerRow.customDetailList.confirm > .form > .containerRow > label:first-child + .form > label,
.containerRow.inlineContainerRow .amountBoxContainer .amountBoxCurrency,
.event .eventDetail {
    text-align: left
}

.container .noFloat,
.countrySelectBox .selectBox-options li a,
.gorunumBox,
.iprange {
    text-align: center
}

.dp .eventCalenderContainer .event ul li {
    width: 104px;
    text-indent: 10px
}

.approval span {
    border: none;
    border-radius: 0;
    margin: -10px 5px;
    color: #000 !important;
    display: normal;
    background: 0 0;
    padding: 10px 0 0
}

.formField p.field-size-2 {
    width: auto;
    padding-left: 25px;
    float: left;
    line-height: 20px;
    background: 0 0;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    min-height: 36px
}

.menu.bireysel li.mnSigortaBasvuru > a {
    width: 100px;
    background: url(../../_img/menu-icons.png) 35px -490px no-repeat
}

.menu.bireysel li.mnSigortaBasvuru.subMenu:hover > a {
    background-position: -165px -490px
}

.container td input ~ p,
.mobileGrid .gridRow .gridCol table td {
    padding: 0
}

.container .hesapTuru > span {
    height: 46px;
    top: 12px;
    margin-right: -2px;
    background-position: 0 -10px
}

.container .hesapTuru .shape21,
.container .hesapTuru .shape22 {
    margin: 15px 0 0 13px
}

.container .hesapTuru p {
    padding: 14px 10px;
    top: 12px;
    background-position: right -10px
}

.container .hesapTuru > span:hover {
    background-position: 0 -79px
}

.container td a {
    color: #207ec1;
    text-decoration: underline
}

.container td a.details,
.container td a.details span {
    font-size: 0 !important
}

.formField .form label {
    line-height: normal;
    padding-top: 0
}

.amountBoxContainer.validationError input[type=text] {
    border-color: red
}

.securityWarningApprove {
    padding-top: 2px;
    padding-left: 5px;
    font-weight: 700;
    width: 300px !important
}

.securityWarningApprove label {
    width: 300px !important
}

input.dp-active {
    background-image: url(../../_img/Facelift/datepicker.png) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 10px) center !important
}

.formField .form {
    margin-bottom: 0;
     
}
.formField .form:not(.no-padding) {  
    padding-bottom: 14px
}
.formField .form.no-padding {
    padding:0!important;
}

.level2Menu ul .dot {
    padding: 10px 40px 0;
    width: 5px;
    background-position: center -3038px
}

.accountFilters .options .toolTip,
.mobileGrid span.textbox.vb-datepicker input.pickADate {
    width: 150px
}

.topMenu ul li.tmEN > span {
    background: url(../../_img/sprite.png) 10px -645px no-repeat
}

.gorunumSec {
    position: relative;
    top: 0
}

.fancybox-inner {
    overflow: visible !important
}

.businessContract .checkbox {
    margin-top: 10px;
    float: none;
    clear: both;
    display: block
}

.businessContract .checkbox:after {
    content: '';
    display: block;
    clear: both
}

.businessContract .checkbox input[type=checkbox] {
    top: 1px
}

.securityWarning ul {
    float: none !important;
    margin-left: 15px
}

.securityWarning h1 {
    font-size: 26px;
    float: none;
    margin: 0 0 20px
}

.securityWarning h2 {
    font-size: 26px !important;
    float: none;
    margin: 20px 0 !important;
    clear: both;
    padding: 10px !important;
    line-height: 22px
}

.securityWarning h3 {
    font-size: 18px;
    float: none;
    margin: 0 0 10px;
    line-height: 24px
}

.securityWarning li {
    float: none !important;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    list-style-type: square
}

.securityWarning p {
    font-size: 14px;
    line-height: 22px;
    color: #464646 !important;
    margin: 0 0 10px
}

.UserOtpSettingsCheckAll input,
.dp-month-select,
.iprange,
.mobileGrid .gridRow .gridCol table tr.selectionRow td input,
.slist.fastsearch > li > input {
    margin-right: 5px
}

.securityWarning p a {
    color: #006cb8
}

.formField .form .gridContent td input[type=checkbox],
.formField .form .gridContent td input[type=radio] {
    top: 0;
    margin: 0 8px 0 -5px
}

.accountFilters .options .button.green span,
.accountFilters .options .button.greennobgimage span,
.container th tr.on,
.container th tr:hover,
.menuCapsule.fastsearch,
.slist.fastsearch > li {
    background: 0 0
}

.singleSearch.fastsearch {
    margin: 25px auto;
    width: 78%;
    float: none
}

.menu > ul {
    padding-bottom: 20px
}

.menu ul {
    margin-bottom: 20px
}

.togglePanelContainer .topPadding {
    display: inline-block;
    padding: 15px 10px 0 0
}

.accountFilters .options .button.green > span {
    background: url(../../_img/close.png) center center no-repeat
}

.gridRow .gridCol.cardImage.Classic > span:before,
.gridRow .gridCol.cardImage.Standart > span:before,
.gridRow .gridCol.cardImage > span:before {
    background-image: url(../../img/Cards/Mobile/MBLKartlarim_Classic.png);
    content: 'Classic'
}

.dropDownContent .ddContent .column,
.secureArea .smsGiris {
    height: auto
}

.loginButtonContainer {
    float: right;
    width: 300px
}

.iprange {
    width: 20px;
    height: 40px;
    float: left;
    line-height: 30px
}

.fancybox-skin {
    overflow: auto
}

.OpenTimeMargin .dateSelector .dateFuture input,
.OpenTimeMargin .dateSelector .dateToday input {
    margin-top: 13px
}

.dateSelector .date {
    padding-top: 10px;
    padding-right: 11px
}

.dateSelector .Opentime {
    float: left;
    padding-right: 53px
}

.OpenTimeContainer {
    margin-left: 200px
}

.dp-month-select,
.dp-year-select {
    height: 28px !important;
    margin-top: 14px;
    margin-bottom: 4px;
    float: left;
    display: none
}

.dp-month-select {
    margin-left: 60px
}

.datepicker.dp-container .dp-month-select select {
    width: 90px;
    height: 20px !important;
    font-size: 13px;
    visibility: visible !important
}

.datepicker.dp-container .dp-year-select select {
    width: 60px;
    height: 20px !important;
    font-size: 13px;
    visibility: visible !important
}

div.dp-container h2 {
    background: 0 0;
    margin: 0 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important
}

.container td td,
.container th td {
    border: 0;
    padding: 0
}

.gorunumSec .viewClassic.active,
.gorunumSec .viewSearch.active {
    background-position: 0 -189px
}

.businessContract .checkbox label {
    font-size: 11px;
    padding-left: 5px;
    margin-top: 0;
    color: #999;
    width: auto;
    padding-top: 2px;
    text-align: left;
    line-height: 1.3;
    min-width: 0 !important;
    max-width: inherit !important;
    align-items: inherit !important;
    justify-content: inherit !important
}

.otpField {
    margin-bottom: 10px;
    position: relative
}

.otpField input {
    font-size: 14px;
    color: #aeaeae;
    padding: 12px;
    width: 95%;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 3px
}

.tiny {
    width: 250px !important
}

.alignLeft {
    text-align: left !important
}

.alignRight {
    text-align: right !important
}

.alignCenter,
.pageTools.pageCollapsed a {
    text-align: center !important
}

.exportPage * {
    color: #000 !important;
    border-color: #000 !important
}

.infoText p {
    width: auto;
    line-height: 18px
}

.newCorporateUser {
    background: url(../../_img/pattern-7.jpg) !important
}

.displayTypes a,
.slide-next,
.slide-prev,
.switchButton a {
    background-repeat: no-repeat
}

.formField .multiple input[type=checkbox],
.formField .multiple input[type=radio] {
    top: 2px
}

.popupField {
    padding-top: 25px
}

.popupField div.dp-container {
    left: 6px !important
}

.fancybox-inner .header {
    background: url(../../_img/pattern-2.jpg)
}

.fancybox-inner h2.header {
    padding: 10px;
    font-size: 18px;
    border: 1px solid #226697;
    border-radius: 3px 3px 0 0
}

.fancybox-inner h2.header span {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 31px;
    height: 28px;
    display: block
}

.blockquote {
    border: 1px solid #e7e7e7 !important;
    padding: 10px 15px !important;
    margin: 20px 0 !important
}

.fileUploadText,
.filterOpt {
    float: left;
    margin-left: 10px
}

.blockquote p {
    font-size: 12px !important;
    color: #616161 !important;
    line-height: 20px !important;
    padding: 10px 0 !important
}

.gorunumSecimi h4,
.gorunumSecimi p,
.mobileGrid .gridItem.hideDetail {
    padding-bottom: 10px
}

.fancybox-inner dl dd blockquote {
    border: 1px solid #e7e7e7;
    background: #f8f8f8;
    padding: 10px 15px;
    margin: 20px 0 0;
    border-radius: 3px;
    font-size: 14px
}

.mainArea .summary > div.balance p {
    height: 20px;
    margin-top: -7px;
    background-position: -17px -1017px
}

.secureArea .smsGiris.expanded .toolTipOver {
    top: 32px
}

.container.gridHeaderTable {
    position: absolute;
    top: -9999px;
    left: 0;
    z-index: 10
}

.gridHeaderContent {
    z-index: 12;
    display: none
}

.hesapDropDown {
    position: relative;
    z-index: 5
}

.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.contractQuote {
    max-height: 300px;
    min-height: 50px;
    overflow: auto;
    font-size: 14px;
    line-height: 1.2;
    color: #333
}

.moneyTransferInputs input[type=text] {
    width: 96% !important
}

.VeriBranchTogglePanel {
    margin-bottom: 10px;
    clear: both
}

.fileUploadText {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #87bc38;
    font-size: 13px
}

.configUserName {
    display: block;
    padding-bottom: 20px
}

.popupDDTitle {
    color: #207ec1;
    font-size: 13px;
    display: inline-block;
    padding: 15px 10px 10px 0
}

.container .noFloat input,
.tbl-filter td .button {
    float: none !important;
    margin: 0 !important
}

.add-web-button-container a,
.container .noFloat .checkbox {
    float: none;
    margin: 0
}

.exportPage {
    width: 90%;
    margin: auto
}

.exportPage.Excel {
    width: 800px !important
}

.exportPage.Excel p {
    float: right !important
}

.exportPage.Excel table.container,
.mobileGrid .gridRow .gridCol.thead table,
.mobileGrid .gridRow .gridCol.thead td {
    width: auto !important
}

.exportPage td p {
    font-size: 13px !important
}

.exportPage td span {
    font-size: 16px !important
}

.exportPage span,
.exportPage td,
.exportPage th {
    color: #000 !important;
    font-size: 16px !important
}

.togglerPanel.validationError {
    border: 2px solid red
}

mark {
    background-color: #ff0
}

.formField .customFilterTable td,
.tbl-filter td {
    vertical-align: middle
}

.formField .form .tbl-filter label {
    font-size: 15px;
    padding: 0
}

.dpHold {
    position: relative;
    z-index: 60
}

.selectedItems {
    font-size: 15px;
    line-height: 18px
}

.formField .form > span > input[type=checkbox],
.formField .form > span > input[type=radio] {
    top: 3px
}

.gorunumSecimi {
    padding: 10px 15px 20px;
    color: #333;
    font-size: 13px;
    line-height: 21px
}

.gorunumSecimi h4 {
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.gorunumSecimi p {
    color: #333;
    font-size: 13px;
    line-height: 21px
}

.gorunumSecimi .button2 {
    float: none !important;
    margin: 30px auto 0;
    text-align: center
}

.gorunumSecimi .button {
    float: right !important;
    margin: 30px 0 0;
    width: auto;
    height: 44px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .22px;
    line-height: 24px;
    text-align: center;
    border-radius: 22px
}

.gorunumSecimi a:not(.button) {
    color: #333;
    text-decoration: underline
}

.gorunumBox img {
    margin-bottom: 20px;
    cursor: pointer
}

.gorunumBox label {
    font-size: 17px;
    color: #87bc38;
    cursor: pointer
}

.switchDisplay {
    float: right;
    padding: 0 15px 15px;
    margin-left: 15px;
    display: none
}

.displayTypes {
    width: 13px;
    float: left;
    margin-right: 5px;
    margin-top: 25px
}

.displayTypes a {
    width: 13px;
    height: 13px;
    display: block;
    text-indent: -9999px;
    background-image: url(../../_img/displayTypes.png)
}

.type-standart {
    background-position: 0 0;
    margin-bottom: 26px
}

.type-smartsearch {
    background-position: 0 bottom
}

.type-standart.selected {
    background-position: -17px 0
}

.type-smartsearch.selected {
    background-position: right bottom
}

.switchButton {
    float: left;
    margin-top: 15px;
    margin-right: 15px
}

.switchButton a {
    width: 32px;
    height: 70px;
    display: block;
    text-indent: -9999px;
    background-image: url(../../_img/switchButton.png)
}

.slide-prev,
.switchButton a.standart {
    background-position: 0 0
}

.switchButton a.smartsearch {
    background-position: 0 -70px
}

.switchDisplay p {
    font-size: 14px;
    color: #fff;
    padding-top: 35px;
    float: left
}

.slider {
    width: 1060px;
    margin-left: -40px;
    clear: both
}

.slide-next,
.slide-prev {
    width: 16px;
    height: 30px;
    margin-top: 40px;
    display: block;
    text-indent: -9999px;
    background-image: url(../../_img/slider-nav.png)
}

.slide-next {
    background-position: right 0
}

.slide-inner {
    width: 980px;
    margin: 0 24px;
    height: 110px;
    position: relative;
    overflow: hidden
}

.slide-inner ul {
    position: absolute;
    height: 110px;
    top: 0;
    left: 0
}

.slide-inner ul li {
    float: left;
    margin-right: 5px;
    position: relative
}

.slide-inner ul li a {
    width: 192px;
    height: 110px;
    display: block;
    position: relative;
    overflow: hidden
}

.slide-inner ul li a img {
    position: absolute;
    top: 0;
    left: 0
}

.slide-inner ul li:hover a {
    border: 5px solid #207fc3;
    width: 182px;
    height: 100px
}

.slide-inner ul li:hover a img {
    top: -5px;
    left: -5px
}

.slide-inner ul li .slide-content {
    position: absolute;
    left: 192px;
    top: 0;
    width: 167px;
    height: 80px;
    padding: 15px;
    background: #207fc3;
    z-index: 10;
    display: none
}

.slide-content h4 {
    font-size: 20px !important;
    color: #fff !important;
    padding: 0 0 10px !important;
    border: 0 !important
}

.slide-content p {
    font-size: 13px !important;
    color: #fff !important;
    padding: 0
}

.chzn-container-active {
    z-index: 1005 !important
}

.selectbox-container.isActiveContainer,
.selectbox-container.isActiveContainer .chzn-container-active {
    z-index: 1010 !important
}

.exportPage .allSelectionRow span {
    font-size: inherit !important
}

.ssOverlay {
    background: url(../../_img/fancybox_overlay.png);
    z-index: 1040
}

.ui-keyboard > span {
    background: url(../../_img/kb.png) no-repeat
}

span.spanPlaceHolder {
    color: #aeaeae;
    font-size: 14px;
    line-height: 50px !important
}

.singleSearch {
    z-index: 1050
}

.Withdraw {
    background: url(../../_img/sprite.png) -11px -1152px no-repeat
}

.Shopping {
    background: url(../../_img/sprite.png) -11px -1189px no-repeat
}

.Event {
    background: url(../../_img/sprite.png) -11px -1271px no-repeat
}

.ChequeAndBill {
    background: url(../../_img/sprite.png) -12px -3795px no-repeat
}

.Other {
    background: url(../../_img/sprite.png) -12px -3846px no-repeat
}

.ForeignTrade {
    background: url(../../_img/sprite.png) -12px -3899px no-repeat
}

.AccountTransactions {
    background: url(../../_img/sprite.png) -12px -3958px no-repeat
}

.Credit {
    background: url(../../_img/sprite.png) -12px -4017px no-repeat
}

.CorporateInvoice {
    background: url(../../_img/sprite.png) -12px -4074px no-repeat
}

.SalaryPayment {
    background: url(../../_img/sprite.png) -12px -4137px no-repeat
}

.Payment {
    background: url(../../_img/sprite.png) -12px -4206px no-repeat
}

.MoneyTransfer {
    background: url(../../_img/sprite.png) -12px -4270px no-repeat
}

.Portfolio {
    background: url(../../_img/sprite.png) -12px -4396px no-repeat
}

.eventCalenderContainer a.eventDetail {
    background-image: none !important
}

.fancybox-wrap.fancybox-opened {
    visibility: visible
}

.formField .infoHeaderText {
    color: #87bc38;
    font-size: 14px
}

.formField .customFilterTable label {
    width: auto;
    padding-top: 0;
    float: none;
    line-height: 12px;
    margin-left: 5px
}

.contractLighBox {
    padding: 25px 10px 10px
}

.contractContent {
    margin: 0;
    overflow-y: hidden;
    overflow-x: hidden
}

.contractContent iframe {
    height: 60vh
}

.contractConfirm .confirm {
    margin: 10px 0;
    line-height: 18px
}

.contractConfirm .confirm a {
    text-decoration: underline;
    font-size: 14px;
    color: #87bc38
}

.contractConfirm .confirm label {
    float: none;
    margin-left: 5px;
    width: auto;
    font-size: 14px
}

.contractConfirm .confirm .checkbox {
    margin-top: 2px;
    margin-right: 5px
}

.contractConfirm .confirm > span {
    font-size: 14px
}

.print-logo {
    position: absolute;
    top: -10000px;
    left: -1000px;
    opacity: 0
}

.rowclear {
    display: block;
    clear: both
}

.hiddenFrame {
    height: 0 !important;
    visibility: hidden;
    width: 250px;
    position: absolute;
    top: 30%;
    left: 291px
}

.hiddenFrame.printing {
    height: 120px !important;
    visibility: visible
}

.loginMaster input:focus::-webkit-input-placeholder {
    color: #fff
}

.loginMaster input:focus::-moz-placeholder {
    color: #fff
}

.loginMaster input:focus:-ms-input-placeholder {
    color: #fff
}

.loginMaster input:focus:-moz-placeholder {
    color: #fff
}

@media print {

    .contractQuote,
    .exportPage,
    body {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important
    }

    .blockquote {
        padding: 0 2% !important;
        margin: 0 !important;
        width: 95% !important
    }
}

.containerRow.inlineContainerRow .amountBoxContainer,
.gridView .approval {
    max-width: inherit
}

.pageTools.pageCollapsed {
    width: 100%;
    margin: 10px auto
}

.sort {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -6px
}

.mobileGrid {
    width: 100%;
    position: relative;
    padding: 0;
    clear: both;
    margin: 10px 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    display: none
}

.mobileGrid.fixedHeader {
    max-height: 50vh;
    overflow: auto;
    margin-bottom: 20px
}

.mobileGrid > .GridViewSelectAllCheckBox {
    margin: 5px 7px 15px 9px;
    float: left
}

.mobileGrid > .vb-select-all {
    padding: 5px 0 0;
    font-size: 14px;
    color: #445056
}

.mobileGrid > .GridViewSelectAllCheckBox:checked + .vb-select-all {
    color: #666
}

.mobileGrid .detailRow {
    display: none;
    padding-top: 10px
}

.mobileGrid .gridItem {
    padding: 10px 20px;
    margin: 0;
    background-color: #fff;
    display: block;
    position: relative
}

.mobileGrid .gridItem:nth-child(odd) {
    background-color: #f5f5f5
}

.mobileGrid .gridItem.activeSelection {
    background-color: #ebfbff
}

.debit-card,
.mobileGrid .gridRow {
    display: flex
}

.mobileGrid .gridSelectionItem {
    padding-left: 48px
}

.mobileGrid .gridRow.gridSelectionColumn .gridCol.tbody {
    position: static
}

.mobileGrid .gridRow .gridCol.thead + .gridCol.tbody im {
    display: inherit
}

.mobileGrid .gridRow.gridSelectionColumn .gridCol.tbody input[type=checkbox],
.mobileGrid .gridRow.gridSelectionColumn .gridCol.tbody input[type=radio] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px
}

.mobileGrid .gridRow + .gridRow {
    padding-top: 10px
}

.mobileGrid .gridRow .gridCol {
    display: flex;
    flex: auto;
    position: relative;
    min-width: 20px;
    align-items: center
}

.mobileGrid .gridRow .gridCol table tr.selectionRow td {
    width: auto !important;
    vertical-align: middle
}

.mobileGrid .gridRow .gridCol table {
    width: auto;
    float: right
}

.mobileGrid .gridRow .gridCol.action {
    max-width: 23px;
    min-width: 23px;
    justify-content: flex-end
}

.mobileGrid .gridRow .gridCol.action .gridViewActions {
    position: relative;
    top: -3px
}

.mobileGrid .gridRow .gridCol.selectionColumn {
    max-width: 25px;
    min-width: 25px;
    padding-left: 5px
}

.mobileGrid .gridRow .gridCol.selectionColumn input[type=checkbox]:not(old) {
    margin-top: 0;
    position: relative;
    top: -3px
}

.mobileGrid .gridRow .gridCol.selectionColumn + .gridCol.thead {
    padding-left: 5px
}

.mobileGrid .hasSelection .gridRow .gridCol.thead:first-child {
    padding-left: 30px
}

.mobileGrid .hasActions .gridRow .gridCol.tbody {
    padding-right: 31px
}

.mobileGrid .gridRow.hasActions .gridCol.tbody {
    padding-right: 10px
}

.mobileGrid .gridRow.hasActions .gridCol.tbody.cardImage {
    min-height: 56px
}

.mobileGrid .gridRow .gridCol.tbody {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    color: #445056;
    line-height: 1.3
}

.mobileGrid .gridRow .gridCol.thead {
    padding-left: 10px;
    font-size: 13px;
    font-weight: 300;
    color: #333;
    line-height: 14px;
    min-width: 80px
}

.mobileGrid .gridRow .gridCol.thead a {
    font-size: 12px;
    color: #445056
}

.mobileGrid .gridRow .gridCol.thead + .gridCol.tbody {
    padding-left: 5px;
    text-align: right;
    justify-content: flex-end;
    word-break: break-word;
    font-weight: 700
}

.mobileGrid .gridRow .gridCol.thead + .gridCol.tbody .button.remove {
    display: inline-block !important;
    margin: 5px 0 !important
}

.mobileGrid .gridRow .gridCol.thead + .gridCol.tbody .details {
    display: inline-block;
    font-size: 0
}

.mobileGrid .gridRow .gridCol > span {
    display: block;
    width: 100%;
    font-size: 13px
}

.mobileGrid .gridRow .gridCol.thead + .gridCol.tbody > span {
    text-align: right;
    display: flex;
    justify-content: flex-end
}

.mobileGrid .gridRow .gridCol .gridViewActions .gridViewActionsContainer .gridViewActionsPoint:before {
    right: 5px;
    margin: 0
}

.mobileGrid .gridViewActions .gridViewActionsContainer:hover .gridViewActionsList {
    margin: 0;
    right: -5px;
    top: -13px
}

.mobileGrid .gridViewActions .gridViewActionsContainer .gridViewActionsList .gridViewActionsHeader:after {
    margin: 0;
    right: 8px;
    top: 12px
}

.mobileGrid .gridItem .gridExpander {
    display: block;
    width: 100%;
    height: 32px;
    text-align: center;
    background: url(../../img/arrowDown.png) center no-repeat;
    margin-top: 10px;
    border-top: 1px solid #d6d6d6
}

.mobileGrid .gridItem.expanded .gridExpander {
    background-image: url(../../img/arrowUp.png)
}

.mobileGrid .gridRow .gridCol.tbody .availableBalanceContainer,
.mobileGrid .gridRow .gridCol.tbody .mainBalanceContainer {
    line-height: 14px
}

.mobileGrid .gridRow .gridCol.tbody .availableBalanceContainer {
    padding-top: 5px
}

.mobileGrid .gridRow .gridCol.tbody .availableBalanceContainer .availableBalanceText,
.mobileGrid .gridRow .gridCol.tbody .mainBalanceContainer .mainBalanceText {
    font-size: 12px;
    color: #445056;
    line-height: 14px
}

.mobileGrid .gridRow .gridCol.tbody .availableBalanceContainer .availableBalanceValue,
.mobileGrid .gridRow .gridCol.tbody .mainBalanceContainer .mainBalanceValue {
    font-size: 14px;
    color: #15213b;
    line-height: 14px
}

.mobileGrid .dropdowns,
.mobileGrid .textbox {
    width: 200px
}

.mobileGrid .amountBoxContainer {
    min-width: 260px
}

.creditCardList .cardItem,
.debitCards .cardItem {
    max-width: calc(50% - 8px);
    min-width: calc(50% - 8px);
    letter-spacing: .03em
}

.mobileGrid .amountBoxContainer.mobileAmount {
    min-width: 0;
    max-width: 195px
}

.mobileGrid .amountBoxContainer .textbox.integer {
    margin-right: 5px;
    width: 160px
}

.mobileGrid .amountBoxContainer .textbox.decimal {
    width: 40px;
    margin: 0
}

.mobileGrid .amountBoxContainer .textbox input {
    width: 105px !important
}

.mobileGrid .textbox.decimal input.ui-amountbox.decimal {
    width: 40px !important
}

.gridRow .gridCol.cardImage > span {
    padding-left: 69px;
    position: relative
}

.gridRow .gridCol.cardImage > span:before {
    display: block;
    width: 57px;
    height: 45px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #15213b;
    padding-top: 40px
}

.gridRow .gridCol.cardImage.Platin > span:before,
.gridRow .gridCol.cardImage.Platinium > span:before {
    background-image: url(../../img/Cards/Mobile/MBLKartlarim_Platinum.png);
    content: 'Platinum'
}

.gridRow .gridCol.cardImage.Gold > span:before {
    background-image: url(../../img/Cards/Mobile/MBLKartlarim_Gold.png);
    content: 'Gold'
}

.gridRow .gridCol.cardImage.Pul > span:before {
    background-image: url(../../img/Cards/Mobile/MBLKartlarim_Pul.png);
    content: 'Pul'
}

.mobileGrid .gridRow .gridCol.thead + .gridCol.tbody .chzn-container {
    min-width: 0
}

.contentCapsule > div > .content.holder > .resultMainContainer {
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .05)
}

.formField > p > strong {
    font-weight: 700;
    color: #000
}

.debit-card img {
    width: 50px;
    margin-right: 12px;
    border-radius: 8px;
}

.dropdown.disabled {
    pointer-events: none
}

.dropdown.disabled .dropdown-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: .1;
    background-color: #999;
    pointer-events: none
}

.formField .containerRow > label + div .addressDiv {
    padding-top: 11px
}

.gridContent .amount-column p.green {
    color: #7ebc00 !important
}

.gridContent .amount-column p.red {
    color: #ff2256 !important
}

.gridContent .amount-column p.black {
    color: #000000 !important;
}

.gridContent .amount-column p.gray {
    color: #999 !important;
    font-size: 13px !important;
    font-weight: 300 !important
}

.creditCardList,
.debitCards {
    display: flex;
    gap: 16px;
    flex-direction: row;
    flex-wrap: wrap
}

.creditCardList + .creditCardList,
.debitCards + .debitCards {
    margin-top: 16px;
}

.debitCards .cardItem {
    background-color: #fcfcfc;
    border: 1px solid #ededed;
    border-radius: 8px;
    padding: 12px;
    position: relative
}

.debitCards .cardItem .cardPreview {
    width: 50px;
    height: 80px;
    float: left;
    margin-right: 12px;
    background: url(../../_img/cardSample.png) center/contain no-repeat;
    border-radius: 4px
}

.debitCards .cardItem .debitCardPreview {
    width: 50px;
    height: 80px;
    float: left;
    margin-right: 12px;
    background: url(../../_img/business-debit-front.png) center/contain no-repeat;
    border-radius: 4px
}

.debitCards .cardItem a.button {
    width: 20px;
    height: 20px;
    background: url(../../_img/blueArrow.svg) center/auto 12px no-repeat #fff;
    position: absolute;
    min-width: 0;
    top: 46px;
    right: 10px;
    padding: 0;
    font-size: 0;
    margin: 0;
    border: 0
}

.creditCardList .cardItem .cardType,
.debitCards .cardItem .cardType {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #0057b8;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.debitCards .cardItem .cardNumber,
.debitCards:not(.card-courier-tracking-list) .cardItem .cardOwner {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #7a7a7a;
    margin-top: 8px;
    margin-bottom: 4px
}

.creditCardList .cardItem .cardAvailableLimit,
.debitCards .cardItem .cardAvailableLimit {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #7a7a7a;
    padding-right: 16px;
    margin-top: 11px;
    width: 50%;
    float: left;
    clear: left;
}

.card-courier-tracking-list .cardOwner .label-blue {
    color: #0057B8;
}

.card-courier-tracking-list .cardOwner .label-green {
    color: #84BD00;
}

.card-courier-tracking-list .cardOwner .label-red {
    color: #E30D0D;
}

.card-courier-tracking-list .cardOwner {
    font-size: 14px;
    font-weight: bold;
    padding-top: 4px;
    display: block;
    line-height: 18px;
}

.card-courier-tracking-list .card-type-owner-column {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    min-height: 82px;
}

.card-courier-tracking-list .cardType {
    margin-top: 0 !important;
    color: #333333 !important;
}

.creditCardList .cardItem .cardAvailableLimit + .cardAvailableLimit,
.debitCards .cardItem .cardAvailableLimit + .cardAvailableLimit {
    clear: none;
}

.debitCards .cardItem .cardAvailableLimit label {
    float: right;
    font-weight: 700;
    color: #7a7a7a
}

.containerRow.customDetailList, .containerRow.inlineContainerRow, .containerRow.account_list_row {
    margin: 16px 0
}

.containerRow.customDetailList > .form {
    margin: 0;
    border: 1px solid #ededed;
    border-radius: 8px;
    padding: 0 12px
}

.containerRow.customDetailList > .form > .containerRow {
    display: flex;
    min-height: 38px;
    align-items: center
}

.containerRow.customDetailList > .form > .containerRow + .containerRow {
    border-top: 1px solid #ededed
}

.containerRow.customDetailList > .form > .containerRow > label:first-child {
    min-width: 230px;
    max-width: 230px;
    font-size: 12px;
    font-weight: 400;
    color: #7a7a7a;
    line-height: 14px
}

.containerRow.customDetailList > .form > .containerRow > label:first-child + .form {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700
}

.containerRow.customDetailList > label {
    font-size: 14px;
    line-height: 18px;
    color: #333;
    font-weight: 700;
    display: block;
    margin-bottom: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: inherit;
    text-align: left;
}

.cardAccountInfo {
    display: flex;
    column-gap: 16px;
    margin-top: 16px
}

.cardAccountInfo .cardDetailBlock {
    border: 1px solid #ededed;
    border-radius: 8px;
    padding: 0 12px;
    flex: 1;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cardAccountInfo .cardDetailBlock .containerRow {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400
}

.cardAccountInfo .cardDetailBlock .containerRow + .containerRow,
.dropDownContent .ddContent .col01 p + p,
.dropdown .ddSelected .col01 > p + p {
    margin-top: 4px
}

.cardAccountInfo .cardDetailBlock .containerRow > label {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #7a7a7a
}

.cardAccountInfo .cardDetailBlock .containerRow > label + .form {
    margin-left: 4px
}

.cardAccountInfo .cardDetailBlock .containerRow a {
    line-height: 14px;
    color: #0057b8
}

.cardAccountInfo .cardDetailBlock .containerRow a.copy, .icon-copy {
    font-size: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../../_img/Facelift/copy-icon.svg) center/contain no-repeat
}

.cardAccountInfo .cardDetailBlock .containerRow.iban_row > .form {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 20px
}

.cardAccountInfo .cardDetailBlock .containerRow.iban_row > .form label {
    line-height: 20px;
    float: left;
    margin-right: 10px
}

.cardAccountInfo .cardDetailBlock.amount {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.cardAccountInfo .cardDetailBlock.amount .containerRow {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cardAccountInfo .cardDetailBlock.amount .containerRow > label,
.cardAccountInfo .cardDetailBlock.amount .containerRow > label + .form {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    margin-left: 0
}

.cardAccountInfo .cardDetailBlock.amount .containerRow > label + .form {
    font-size: 14px !important;
    line-height: 20px !important
}

.mainTogglePanelContainer .toggleSteps span:first-child {
    border-top-left-radius: 8px
}

.mainTogglePanelContainer .toggleSteps span:last-child {
    border-top-right-radius: 8px
}

.mainArea .containerRow.account_list_row {
    flex-direction: column
}

.mainArea .containerRow.account_list_row > label {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #333;
    justify-content: flex-start;
    min-width: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: inherit;
    display: block;
    margin-bottom: 4px;
    text-align: left;
}

.dropdown .column {
    padding-left: 12px;
    height: auto
}

.dropdown .ddSelected {
    min-height: 80px;
    height: auto;
    border-radius: 8px
}

.dropdown .ddSelected .col01 {
    min-width: 350px;
    max-width: 350px;
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: url(../../_img/Facelift/dropdown_arrow.png) right center/auto 100% no-repeat #fff
}

.dropdown .ddSelected .col02 {
    padding-left: 32px;
    min-width: 269px;
    max-width: 269px;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center
}

.dropdown .ddSelected .openerColumn {
    max-width: 148px;
    margin-left: auto;
    position: relative;
    border-left: 0
}

.dropdown .ddSelected .openerColumn:before {
    content: '';
    display: block;
    width: 1px;
    background-color: #ededed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    position: absolute
}

.dropdown .ddSelected .col01 > p {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #333
}

.dropdown .ddSelected .col01 p:nth-child(1) {
    font-weight: 700;
    color: #7a7a7a;
    margin-bottom: 12px
}

.dropdown .ddSelected .col02 p {
    font-size: 12px;
    font-weight: 400;
    color: #7a7a7a;
    line-height: 14px
}

.dropDownContent .ddContent .col02 p + p,
.dropdown .ddSelected .col02 p + p {
    font-weight: 700;
    color: #333
}

.dropdown .ddSelected .col02 p strong {
    font-weight: 400;
    color: #7a7a7a;
    margin-top: 4px
}

.passwordPolitics {
    border-top: 1px solid #f4f4f4;
    padding-top: 16px
}

.passwordPolitics > label {
    font-size: 14px;
    line-height: 18px;
    color: #333;
    font-weight: 700;
    display: block;
    margin-bottom: 8px
}

.passwordPolitics ul {
    list-style: disc;
    color: #c4c4c4;
    padding: 0 0 0 16px
}

.passwordPolitics ul li + li {
    margin-top: 12px
}

.passwordPolitics ul li label {
    font-size: 12px;
    font-weight: 400;
    color: #7a7a7a;
    line-height: 14px;
    margin-left: -7px;
    display: block;
    padding-top: 4px
}

.dropDownContent .ddContent {
    max-height: 290px;
    padding: 8px
}

.dropDownContent .ddContent li {
    min-height: 74px;
    border-radius: 8px;
    border: 1px solid transparent;
    background-color: transparent;
    position: relative;
    padding: 4px
}

.dropDownContent .ddContent li.hidden,
.dropdown .ddSelected.hasSelection > .column:not(.openerColumn) {
    display: none !important
}

.dropDownContent .ddContent li:hover {
    background-color: transparent
}

.dropDownContent .ddContent li + li {
    margin-top: 17px
}

.dropDownContent .ddContent li + li:before {
    content: '';
    display: block;
    background-color: #ededed;
    position: absolute;
    top: -10px;
    left: 24px;
    right: 24px;
    height: 1px
}

.dropDownContent .ddContent li .debit-card img {
    width: 42px
}

.dropDownContent {
    background-color: #fff;
    border-radius: 8px;
    top: calc(100% + 8px);
    border: 1px solid #ededed;
    box-shadow: none
}

.dropDownContent .ddContent .col01 {
    padding-left: 0;
    padding-right: 0;
    flex-direction: column;
    min-width: 280px;
    max-width: 280px
}

.dropDownContent .ddContent .col01 p {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 0
}

.dropDownContent .ddContent .col01 p:first-child {
    color: #7a7a7a;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 8px;
    margin-top: 0
}

.dropdown .ddSelected .openerColumn a {
    cursor: pointer
}

.dropDownContent .ddContent .col02 p {
    flex-direction: column-reverse;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #7a7a7a;
    padding: 0
}

.dropDownContent .ddContent .col02 {
    padding-left: 47px;
    min-width: 283px;
    max-width: 283px;
    position: relative
}

.dropDownContent .ddContent .col02:before {
    content: '';
    display: block;
    background-color: #ededed;
    position: absolute;
    width: 1px;
    height: 32px;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.dropDownContent .ddContent .col02 p strong {
    display: block;
    font-weight: 400;
    color: #7a7a7a;
    margin-top: 4px
}

.dropDownContent .dropdownSearch {
    margin: 12px 16px 16px
}

.dropDownContent .dropdownSearch input {
    border: 1px solid #ededed;
    border-radius: 4px;
    height: 32px;
    width: 100%;
    padding: 8px 16px;
    font-size: 12px;
    color: #333;
    font-weight: 400;
    font-family: SommetRounded, sans-serif
}

.dropDownContent .dropdownSearch input::-webkit-input-placeholder {
    color: #c4c4c4
}

.dropDownContent .dropdownSearch input::-moz-placeholder {
    color: #c4c4c4
}

.dropDownContent .dropdownSearch input:-ms-input-placeholder {
    color: #c4c4c4
}

.dropDownContent .dropdownSearch input:-moz-placeholder {
    color: #c4c4c4
}

.dropDownContent .ddContent li .customDropdownCheck {
    margin-right: 12px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    flex-direction: column
}

.dropDownContent .ddContent li .customDropdownCheck input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    z-index: 2
}

.dropDownContent .ddContent li .customDropdownCheck span {
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    z-index: 1
}

.dropDownContent .ddContent li .customDropdownCheck input:checked + span:before {
    content: '';
    display: block;
    border-radius: 2px;
    width: 10px;
    height: 10px;
    background-color: #0057b8;
    margin-left: 2px;
    margin-top: 2px
}

.formField.confirm .containerRow > label {
    justify-content: flex-end
}

.customExecute {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.customExecute div.approve {
    width: 142px;
    height: 142px;
    margin: 0 auto 24px;
    background: url(../../_img/Facelift/green_circle.svg) center/contain no-repeat;
    position: relative
}

.customExecute div.approve:before {
    /*content: '';
    display: block;
    width: 52px;
    height: 52px;
    background: url(../../_img/Facelift/approve.svg) center/contain no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)*/
}

.customExecute .customExecuteButtons,
.customExecute .customExecuteButtons .resultArea {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.customExecute .customExecuteButtons a {
    width: 343px;
    height: 44px;
    display: flex !important;
    border-radius: 22px;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    padding: 0;
    align-items: center;
    margin: 0 !important
}

.customExecute .customExecuteButtons .resultArea {
    padding-top: 8px;
    padding-bottom: 8px;
    flex-direction: column
}

.dropdown .ddSelected.hasSelection .columnSelection {
    display: flex;
    justify-content: center;
    padding-left: 16px;
    flex-direction: column;
    flex: 1
}

.dropdown .ddSelected.hasSelection + .dropDownContent .ddContent li {
    cursor: default
}

.dropdown .ddSelected.hasSelection .columnSelection > label {
    width: auto;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #333
}

.dropdown .ddSelected.hasSelection .columnSelection > p:first-child {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    display: block;
    margin-bottom: 8px
}

.dropdown .ddSelected.hasSelection .columnSelection p:last-child {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.dropdown .ddSelected.hasSelection .columnSelection p i {
    color: #0057b8;
    font-style: normal !important;
    font-weight: 700
}

.changePassType {
    width: 24px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    left: 296px;
    top: 9px;
    background: url(../../_img/Facelift/eye-1.svg) center 4px/16px 10px no-repeat
}

.changePassType:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 9px;
    top: 6px;
    background: url(../../_img/Facelift/eye-2.svg) center/6px 6px no-repeat
}

.changePassType.hide:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 16px;
    background-color: #444;
    left: 48%;
    top: 1px;
    transform: rotate(45deg)
}

.cardDropdownList.dropdown .dropDownContent .ddContent .col01 p:first-child,
.containerRow.customDetailList > label + .form {
    margin-top: 8px
}

.customExecute h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #333;
    padding: 0;
    margin: 0 0 10px;
    border: 0
}

.creditCardList .cardItem:nth-child(1), .creditCardList .cardItem:nth-child(2) {
    margin-top: 25px;
}

.creditCardList .cardItem {
    background-color: #fcfcfc;
    border: 1px solid #ededed;
    border-radius: 8px;
    height: 194px;
    padding: 12px;
    position: relative;
}

.creditCardList .cardItem .cardPreview {
    width: 50px;
    height: 80px;
    float: left;
    margin-right: 12px;
    background: url(../../_img/credit-front.png) center/contain no-repeat;
    border-radius: 8px;
}

    .cardPreview-troy_business {
        background-image: url(../../_img/troy_business_card_front.png) !important;
    }

    .cardPreview-troy_business_fast {
        background-image: url(../../_img/troy_business_fast_card_front.png) !important;
    }

.negative-m-b-6 {
    margin-bottom: -6px !important;
}

.creditCardList .cardItem .navigateButton {
    width: 20px;
    height: 20px;
    background: url(../../_img/blueArrow.svg) center/auto 12px no-repeat;
    position: absolute;
    min-width: 0;
    top: 46px;
    right: 10px;
    padding: 0;
    font-size: 0;
    margin: 0;
    border: 0;
    cursor: pointer
}

.creditCardList .cardItem .cardNumber,
.creditCardList .cardItem .cardOwner {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #7a7a7a;
    margin-top: 4px;
    margin-bottom: 4px
}

.creditCardList .cardItem .cardAvailableLimit span {
    display: block;
    font-weight: 700;
    color: #333;
    margin-top: 4px
}

.creditCardList .cardItem .card-type {
    position: absolute;
    left: 0;
    top: -25px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px
}

.creditCardList .cardItem .payment {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ededed;
    height: 48px
}

.creditCardList .cardItem .payment .button {
    background: 0 0;
    color: #0057b8;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    flex: 1;
    height: 32px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    border-radius: 0;
    position: relative;
}

.creditCardList .cardItem .payment .button + .button {
    border-left: 1px solid #ededed
}

.cardAccountInfo.creditCardInfo {
    column-gap: 0;
    margin-bottom: 16px;
    border-radius: 8px;
    border: 1px solid #ededed
}

.cardAccountInfo.creditCardInfo .cardDetailBlock {
    border: 0;
    border-radius: 0;
    align-items: center;
    min-height: 74px;
    position: relative
}

.cardAccountInfo.creditCardInfo .cardDetailBlock + .cardDetailBlock:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 1px;
    background-color: #ededed
}

.cardAccountInfo.creditCardInfo .cardDetailBlock .containerRow {
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.cardAccountInfo.creditCardInfo .cardDetailBlock .containerRow > label {
    display: block;
    margin-bottom: 8px
}
.internet-alisverisi-container {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 10px;
}

@media screen and (min-width: 768px) {
    .address-selection-title-container {
        display: flex!important;
        margin-bottom:-16px!important;
    }
    .address-selection-container, .alternative-address .containerRow {
        flex-direction: row !important;
    }

    .address-selection-container label, .alternative-address .containerRow > label {
       
        font-weight: 500 !important;
        display: flex !important;
        width: 150px !important;
        float: left !important;
        min-width: 100px !important;
    }
    .address-selection-container .flexColumn, .alternative-address .containerRow label +div{
        width: calc(100% - 190px) !important;
        float: left !important;
        position: relative !important;
    }
    .kayip-calinti-container a {
        width: 25%;
    }
    .dropDownContent .dropdownSearch::after {
        content: "";
        background: url(../../_img/Facelift/icon-search.png) center top no-repeat;
        display: block;
        width: 17px;
        height: 16px;
        position: absolute;
        right: 30px;
        top: 20px;
    }

    }
    .custom-confirm-page.general-limit .light.header, .custom-confirm-page.cards-limit .light.header {
        display: none;
    }

    .custom-confirm-page.cards-limit .grid_scroll {
        margin-top: 15px;
    }

    .custom-confirm-page.general-limit > .limitRow:first-child > label {
        padding-bottom: 12px;
        color: #333;
    }
}
    .cardOptionButtons {
        display: flex;
        row-gap: 12px;
        flex-direction: column;
        clear: both;
        margin: 16px 0
    }

    .cardOptionButtons a {
        height: 48px;
        border: 1px solid #ededed;
        display: flex;
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        color: #333;
        padding: 0 52px;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        border-radius: 8px
    }

    .cardOptionButtons a:after {
        content: '';
        display: block;
        position: absolute;
        right: 24px;
        top: 0;
        bottom: 0;
        width: 12px;
        background: url(../../_img/blueArrow.svg) center no-repeat #fff
    }

    .cardOptionButtons a:before {
        content: '';
        display: block;
        position: absolute;
        left: 18px;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px;
        height: 100%;
    }

    .payment a:before, a.send-mail:before, a.download:before, a.filter:before {
        content: '';
        display: block;
        position: relative;
        left: -6px;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
        float: left;
    }

    .rightInfoDiv.payment a:before {
        top: -2px;
    }

    a.send-mail:before {
        background-image: url(../../_img/Facelift/send-mail.svg);
    }

    a.download:before {
        background-image: url(../../_img/Facelift/icon-download.svg);
    }

    a.filter:before {
        background-image: url(../../_img/Facelift/filter.svg);
    }

    a.download, a.filter, a.send-mail {
        display: flex !important;
        justify-content: center;
    }

    .cardOptionButtons a.sifre-degistir:before {
        background-image: url(../../_img/Facelift/sifre_degistir.svg);
    }

    .cardOptionButtons a.kart-hareketleri:before {
        background-image: url(../../_img/Facelift/kart-hareketleri.svg);
    }

    .cardOptionButtons a.borc-ode:before, .payment a.borc-ode:before {
        background-image: url(../../_img/Facelift/borc-ode.svg);
    }

    .cardOptionButtons a.taksitlendir:before, .payment a.taksitlendir:before {
        background-image: url(../../_img/Facelift/taksitlendirme.svg);
    }

    .cardOptionButtons a.kart-detayi:before {
        background-image: url(../../_img/Facelift/kart-detayi.svg);
    }

    .cardOptionButtons a.kart-ayarlari:before {
        background-image: url(../../_img/Facelift/kart-ayarlari2.svg);
    }

    .cardOptionButtons a.odeme-planim:before {
        background-image: url(../../_img/Facelift/odeme-plani.svg);
    }

    .cardOptionButtons a.slip-ayarlari:before {
        background-image: url(../../_img/Facelift/slip-icon.svg);
    }

    .cardOptionButtons a.nakit-avans:before, .payment a.nakit-avans:before {
        background-image: url(../../_img/Facelift/nakit-avans.svg);
    }

    .cardOptionButtons a.kayip-calinti:before {
        background-image: url(../../_img/Facelift/kayip-calinti.svg);
    }

    .cardOptionButtons a.otomatik-odeme-talimati:before {
        background-image: url(../../_img/Facelift/otomatik-odeme-talimati.svg);
    }




.suppCardInfo {
    padding: 12px 16px;
    border-radius: 8px;
}

    .selectedCardPanel {
        min-height: 104px;
        height: auto;
        border-radius: 8px;
        border: 1px solid #ededed;
        background-color: #fcfcfc;
        padding: 12px 12px 12px 74px;
        position: relative
    }

    .selectedCardPanel img {
        width: 50px;
        height: auto;
        float: left;
        margin-right: 12px;
        position: absolute;
        left: 12px;
        top: 12px;
        border-radius: 8px;
    }

    .selectedCardPanel .cardPrimary {
        position: absolute;
        right: 12px;
        top: 22px;
        font-size: 12px;
        line-height: 14px;
        background-color: rgba(217, 217, 217, .4);
        border-radius: 4px;
        height: 18px;
        padding: 2px 8px;
        color: #7a7a7a;
        margin: 0
    }

    .selectedCardPanel > span {
        display: block;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        color: #7a7a7a;
        margin-top: 4px
    }

    .selectedCardPanel span.cardType {
        color: #0057b8;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        margin-top: 10px;
        margin-bottom: 4px
    }

    .cardAccountInfoHeader {
        font-size: 14px;
        line-height: 18px;
        color: #333;
        font-weight: 700;
        margin-top: 16px;
        padding-bottom: 4px
    }

    .containerRow.customDetailList.confirm {
        flex-direction: column;
        margin: 16px
    }

    .containerRow.customDetailList.confirm > .form {
        flex-direction: column;
        padding-right: 0 !important;
        text-align: left;
        justify-content: flex-start;
        padding-left: 0;
        align-items: flex-start;
        display: block;
        border-radius: 8px;
        border: 1px solid #ededed
    }

    .containerRow.customDetailList.confirm > label {
        justify-content: flex-start;
        text-align: left;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0;
        max-height: inherit;
        padding-right: 0
    }

    .containerRow.customDetailList.confirm > .form > .containerRow > label:first-child,
    .mainArea .confirm.formField div.containerRow.customDetailList .containerRow > .form,
    .mainArea .confirm.formField div.containerRow.customDetailList .containerRow > label {
        justify-content: flex-start;
        padding-left: 0
    }

    .containerRow.customDetailList.confirm > .form > .containerRow {
        margin: 0 12px
    }

    .containerRow.inlineContainerRow > label {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        display: block;
        margin-bottom: 4px;
        color: #333
    }

    .containerRow.inlineContainerRow .amountBoxContainer input {
        border: 1px solid #c4c4c4;
        border-radius: 8px;
        height: 36px;
        font-size: 14px;
        font-weight: 400;
        color: #333
    }

    .containerRow.inlineContainerRow .amountBoxContainer input.amountBox {
        text-align: right;
        width: 353px !important;
        padding: 0 16px
    }

    .containerRow.inlineContainerRow .chzn-container {
        border-radius: 8px
    }

    .VeriBranchTabContainer.customTabs > .tab {
        height: 42px;
        padding: 4px;
        background: #f4f4f4;
        border-radius: 8px;
        margin-bottom: 16px
    }

    .VeriBranchTabContainer.customTabs > .tab a {
        border-radius: 8px;
        height: 34px;
        background: 0 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        color: #7a7a7a;
        padding: 0 8px;
        border: 0
    }

    .VeriBranchTabContainer.customTabs > .tab a.on {
        font-weight: 700;
        color: #fff;
        background-color: #0057b8
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .form {
        display: flex;
        flex-direction: row
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .form a.button {
        margin: 0 0 0 16px;
        border-color: #ededed;
        height: 42px;
        border-radius: 8px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        color: #333;
        padding: 12px 16px
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .selectbox-container {
        flex: 1;
        width: auto !important
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .chzn-container {
        width: 100% !important;
        border-radius: 8px;
        height: 42px;
        border-color: #ededed
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .chzn-container .chzn-single {
        font-size: 14px;
        padding-left: 16px;
        font-weight: 400;
        color: #333;
        line-height: 40px
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .chzn-container .chzn-single div {
        width: 44px;
        background-size: 24px auto
    }

    .creditTransactions {
        min-height: 76px;
        margin: 12px 0;
        border: 1px solid #ededed;
        border-radius: 8px;
        display: flex;
        padding: 12px 24px;
        flex-direction: row;
        align-items: center
    }

    .creditTransactions .dateCCTran {
        height: 44px;
        margin-right: 24px;
        text-align: left;
        border-right: 1px solid #ededed;
        font-size: 12px;
        line-height: 14px;
        color: #7a7a7a;
        font-weight: 400;
        display: flex;
        align-items: center;
        padding-right: 10px;
        min-width: 40px;
        max-width: 40px
    }

    .creditTransactions .rightDiv {
        margin-left: auto;
        text-align: right
    }

    .creditTransactions .rightDiv .installmentInfoSpan {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: #333;
        display: block;
        margin-bottom: 7px
    }

    .creditTransactions .rightDiv .amountSpan {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        color: #0057b8;
        display: block
    }

    .creditTransactions .rightDiv .inProvision {
        padding: 4px 8px;
        border-radius: 4px;
        text-align: center;
        font-size: 10px;
        font-weight: 400;
        line-height: 12px;
        color: #fff;
        height: 20px;
        display: block;
        background-color: #eabc02;
        margin-top: 8px
    }

    .creditTransactions .rightDiv .installmentSpan {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: #0057b8;
        margin-top: 12px;
        display: block
    }

    .creditTransactions .descriptionOutDiv .titleSpan {
        font-size: 14px;
        line-height: 18px;
        color: #7a7a7a;
        display: block;
        font-weight: 400;
    }

    .creditTransactions .descriptionOutDiv .descriptionSpan {
        display: block;
        margin-top: 8px;
        color: #7a7a7a;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400
    }

    .fancybox-overlay {
        background: rgba(0, 16, 35, .3)
    }

    .fancybox-wrap .fancybox-skin {
        box-shadow: 0 2px 34px rgba(0, 0, 0, .0498329);
        border-radius: 10px
    }

    .fancybox-wrap.emailPopup .fancybox-skin {
        padding: 24px
    }

    .fancybox-wrap.emailPopup .fancybox-inner > div,
    .mainArea.wide .formField.confirm .customDetailList .containerRow > label + div {
        padding-right: 0
    }

    .fancybox-wrap.emailPopup a.button {
        margin: 16px 0;
        display: block;
        width: 100%;
        height: 50px;
        border-radius: 32px;
        float: none;
        padding: 16px;
        font-size: 15px;
        line-height: 18px;
        font-weight: 700;
        color: #fff
    }

    .confirmCustomDropdown p,
    .emptyData,
    .fancybox-wrap.emailPopup td:first-child {
        color: #7a7a7a;
        font-size: 14px;
        line-height: 18px
    }

    .fancybox-wrap.emailPopup td:first-child {
        font-weight: 700;
        padding-bottom: 4px
    }

    .fancybox-wrap.emailPopup td input {
        border: 1px solid #c4c4c4;
        height: 42px;
        border-radius: 8px;
        padding: 12px 16px;
        width: 100%;
        color: #333;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px
    }

    .d-flex {
        display: flex;
    }

    .w-50 {
        width: 50%;
    }

    .text-right {
        text-align: right;
    }

    .color-blue {
        color: #0057B8;
    }

    .payment-plan-list {
        margin-top: 15px;
        margin-left: -17px;
        margin-right: -17px;
    }

    .payment-plan-list .row {
        padding: 24px 16px;
    }

    .payment-plan-list .row:nth-of-type(odd) {
        background: #f5f5f5;
    }

    .payment-plan-list .row .installment-date-title {
        font-size: 14px;
        color: #7A7A7A;
        line-height: 18px;
        margin-bottom: 6px;
    }

    .payment-plan-list .row .installment-title {
        font-size: 12px;
        color: #7A7A7A;
        line-height: 14px;
        margin-bottom: 8px;
    }

    .cardDropdownList.dropdown .ddSelected .col01 p {
        padding: 0;
        margin: 0
    }

    .cardDropdownList.dropdown .ddSelected .col01 p strong {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        color: #0057b8;
        margin-top: 10px;
        margin-bottom: 8px;
        display: block
    }

    .cardDropdownList.dropdown .ddSelected .col01 p + p {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: #7a7a7a
    }

    .cardDropdownList.dropdown .ddSelected .col02 {
        position: absolute;
        top: 71px;
        min-height: 0;
        max-height: inherit;
        left: 76px;
        bottom: auto;
        padding-left: 0
    }

    @media screen and (min-width:768px) {
        .cardDropdownList.dropdown .dropDownContent .ddContent .col01 p:first-child {
            color: #333
        }

        .cardDropdownList.dropdown .ddSelected .openerColumn:before,
        .cardDropdownList.dropdown .dropDownContent .ddContent li .customDropdownCheck,
        .cardDropdownList.dropdown .dropdownSearch,
        .dropdown .dropdownBack,
        .dropdown .mobileSave {
            display: none
        }

        .customNavigationButtons a.button {
            float: left;
            margin-left: 0;
            margin-right: 0;
            border-radius: 18px
        }

        .dropDownContent .ddContent .col01 > p:last-child {
            display: block
        }

        .customNavigationButtons {
            margin-right: 24px;
            float: left
        }

        .customNavigationButtons a.button + a.button {
            margin-left: 24px
        }

        .dropdown.isActive .dropDownContent {
            position: absolute;
            top: calc(100% + 10px);
            left: 0;
            right: 0;
            display: block !important;
            height: auto !important;
            z-index: 99
        }

        .cardDropdownList.dropdown .ddSelected {
            background: #fcfcfc
        }

        .cardDropdownList.dropdown .ddSelected .col01,
        .dropdown.disabled .dropdown-overlay {
            background: 0 0
        }

        .cardDropdownList.dropdown .ddSelected .col01 p {
            padding: 0;
            margin: 0
        }



        .cardDropdownList.dropdown .dropDownContent .ddContent {
            max-height: 290px
        }

        .cardDropdownList.dropdown .dropDownContent .ddContent .col02 p:first-child {
            position: absolute;
            bottom: 5px;
            left: -226px
        }

        .formField.confirm .confirmFieldRow .dropdown.disabled {
            margin-left: 16px;
            margin-right: 16px;
            margin-bottom: 0
        }

        .formField.confirm .confirmFieldRow .dropdown.disabled .ddSelected {
            background-color: #fafafa
        }

        .mainArea.wide .formField.confirm .containerRow > label + div .dropdown.disabled {
            margin-right: -109px;
            margin-left: 0;
            min-width: 100%
        }

        .formField.confirm .confirmFieldRow .dropdown.disabled .ddSelected .openerColumn,
        .mainArea.wide .formField.confirm .containerRow > label + div .dropdown.disabled .ddSelected .openerColumn {
            display: none !important
        }

        .mainArea.wide .formField.confirm .containerRow > label + div .dropdown.disabled .ddSelected .column.col01,
        .mainArea.wide .formField.confirm .containerRow > label + div .dropdown.disabled .ddSelected .column.col02 {
            min-width: 350px;
            max-width: 350px;
            text-align: left;
            background: 0 0
        }



        .mainArea.wide .formField.confirm .containerRow > label + div .dropdown.disabled .ddSelected .column.col02 p {
            flex: auto
        }

        .mainArea .confirm .containerRow.account_list_row {
            margin-bottom: 16px;
            padding-top: 10px;
        }
    }

    .button.type03.light-white.custom {
        margin-left: 0;
        float: left
    }

    .mainArea .confirm .containerRow.account_list_row {
        padding-left: 16px;
        padding-right: 16px
    }

    .mainArea .confirm .containerRow.account_list_row > label {
        text-align: left;
        justify-content: flex-start;
        padding-left: 0
    }

    .mainArea .confirm .containerRow.account_list_row > .form {
        padding-left: 0 !important;
        padding-right: 0 !important;
        justify-content: flex-start;
        text-align: left
    }

    .confirmCustomDropdown {
        width: 100%;
        min-height: 82px;
        border: 1px solid #ededed;
        background-color: #fafafa;
        border-radius: 8px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .confirmCustomDropdown p + p {
        margin-top: 8px;
        color: #333
    }

    .confirmCustomDropdown p u {
        font-weight: 700;
        text-decoration: none;
        color: #0057b8
    }

    .mainArea .confirm .containerRow.account_list_row > .form .dropdown {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: auto;
        margin-bottom: 0;
        min-width: 100%
    }

    .mainArea .confirm.formField div.containerRow.customDetailList {
        margin-left: 16px;
        margin-right: 16px;
        flex-direction: column;
        margin-bottom: 16px
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > label {
        justify-content: flex-start;
        min-width: 0 !important;
        max-width: inherit !important;
        min-height: 0;
        max-height: inherit;
        margin-bottom: 8px
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form {
        border: 1px solid #ededed;
        padding: 0 12px;
        align-items: flex-start;
        margin-top: 0;
        margin-bottom: 0;
        flex-direction: column
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form > .containerRow {
        min-width: 100%
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form .containerRow > label {
        padding-left: 0
    }

    .emptyData {
        padding-top: 174px;
        position: relative;
        text-align: center;
        font-weight: 400
    }

    .emptyData:before {
        content: '';
        display: block;
        width: 142px;
        height: 142px;
        border: 3px solid #c3c3c3;
        background-color: #f4f4f4;
        background-image: url(../../_img/Facelift/zoom_big.png);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        border-radius: 50%
    }

    .mainContentPlacePanel > div.formField.confirm {
        margin: 0 -16px
    }

    .mainArea.wide .formField.confirm .customDetailList .containerRow > label + div > label {
        padding-left: 0;
        text-align: left
    }

    .addAdress.fancybox-wrap .fancybox-skin {
        padding: 32px 16px 16px !important
    }

    .addAdress.fancybox-wrap .fancybox-inner > div {
        padding-right: 0 !important;
        width: auto !important
    }

    .add-web-button-container {
        float: none;
        text-align: right;
        display: flex;
        justify-content: flex-end
    }

    .addAdress.fancybox-wrap .VeriBranchSectionRow {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .addAdress.fancybox-wrap .formField .containerRow > label + div {
        padding-bottom: 16px
    }

    span.checkbox.custom-switch {
        position: relative;
        padding-left: 0;
        margin-top: 0;
        width: 40px;
    }

    span.checkbox.custom-switch input {
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0 !important;
        width: 40px;
        height: 22px;
        z-index: 2
    }

    span.checkbox.custom-switch > label {
        float: left;
        padding-left: 45px;
        height: 22px;
        z-index: 1
    }

    span.checkbox.custom-switch > label:before {
        content: '';
        display: block;
        position: absolute;
        width: 40px;
        height: 22px;
        padding: 2px;
        border-radius: 11px;
        background-color: #d8d8d8;
        left: 0;
        top: 0;
        transition-property: background-color;
        transition-duration: .3s;
        transition-timing-function: ease-out
    }

    span.checkbox.custom-switch > label:after {
        content: '';
        display: block;
        position: absolute;
        left: 2px;
        top: 2px;
        width: 18px;
        height: 18px;
        background-color: #fff;
        border-radius: 50%;
        transition-property: left;
        transition-duration: .3s;
        transition-timing-function: ease-out
    }

    span.checkbox.custom-switch > input:checked + label:before {
        background-color: #84bd00
    }

    span.checkbox.custom-switch > input:checked + label:after {
        left: 20px
    }

    label.label-red {
        color: #e30d0d !important
    }

    label.label-green {
        color: #84bd00 !important
    }

    label.label-gray {
        color: #7a7a7a !important
    }

    .creditTransactions.installment {
        padding-right: 50px;
        position: relative;
    }

    .creditTransactions.installment:after {
        content: '';
        display: block;
        position: absolute;
        right: 24px;
        top: 0;
        bottom: 0;
        width: 12px;
        background: url(../../_img/blueArrow.svg) center no-repeat #fff
    }

    .formField div.containerRow.customDetailList, .formField div.containerRow.inlineContainerRow {
        flex-direction: column;
    }

    .formField div.containerRow.inlineContainerRow > label {
        font-size: 14px;
        line-height: 18px;
        color: #333;
        font-weight: 700;
        display: block;
        margin-bottom: 0;
        min-width: 100%;
        max-width: 100%;
        min-height: 0;
        max-height: inherit;
        text-align: left;
    }

    .formField div.containerRow.inlineContainerRow > label + div {
        margin-top: 8px;
        padding-bottom: 0;
    }

    .containerRow.customDetailList > .form > .containerRow > label:first-child + .form label {
        padding: 0;
        margin: 0;
    }

    .containerRow.customDetailList > .form > .containerRow > label:first-child + .form {
        padding-bottom: 0;
    }

    .mainArea .containerRow.account_list_row .dropdown, .mainArea .containerRow.account_list_row > .form {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .m-auto {
        margin: auto;
    }


    .page-cash-advance-confirm .cash-advance {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .page-cash-advance-confirm .valueLabel {
        font-size: 14px !important;
    }

    .page-cash-advance-confirm .suppCardInfo label {
        font-size: 14px;
        color: #7a7a7a;
        line-height: 16px;
    }

    .page-cash-advance-confirm .checkbox {
        width: 20px;
        height: 20px;
        margin-right: 4px;
        float: left;
    }

    .page-cash-advance-confirm .checkbox + div {
        float: left;
        width: calc(100% - 28px);
        margin-top: 10px;
    }


    .page-cash-advance-confirm .checkbox + div > a {
        text-decoration: underline !important;
        color: #333333;
        font-weight: bold;
    }

    .page-cash-advance-confirm .checkbox + div > a + label {
    }

    .card-status-image-column {
        padding-top: 8px;
    }

    .card-courier-tracking-breadcrumb {
        margin-bottom: 16px;
        margin-top: 28px;
        position: relative;
    }

    .card-courier-tracking-breadcrumb::before {
        content: "";
        width: 1px;
        height: calc(100% - 5px);
        background: #EDEDED;
        position: absolute;
        left: 16px;
    }

    .card-courier-tracking-breadcrumb .step {
        display: flex;
    }

    .card-courier-tracking-breadcrumb .step ~ .step {
        margin-top: 26px;
    }

    .card-courier-tracking-breadcrumb .step .breadcrumb-content {
        padding-left: 8px;
        display: flex;
        align-items: center;
        width: calc(100% - 40px);
        position: relative;
    }

    .card-courier-tracking-breadcrumb .step .breadcrumb-content .containerRow > label {
        display: flex;
        align-items: center;
        height: 16px;
        font-weight: normal !important;
    }

    .card-courier-tracking-breadcrumb .step.active .breadcrumb-content .containerRow > label {
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        color: #0057B8;
        height: 32px;
    }

    .card-courier-tracking-breadcrumb .step.active .breadcrumb-content .form > label {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #7A7A7A;
        display: block;
    }

    .card-courier-tracking-breadcrumb .step .breadcrumb-content .form > label.delivery-number {
        float: left;
        display: flex;
    }

    .card-courier-tracking-breadcrumb .step .breadcrumb-content .form > a.icon-copy {
        width: 12px;
        height: 12px;
        position: relative;
        left: 4px;
    }

    .card-courier-tracking-breadcrumb .step.active .breadcrumb-content .form > label.date {
        top: 9px !important;
    }

    .card-courier-tracking-breadcrumb .step .breadcrumb-content .form > label.date {
        font-weight: bold;
        position: absolute;
        right: 0;
        top: 0;
    }

    .card-courier-tracking-breadcrumb .step:not(.active) .breadcrumb-content {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #C4C4C4;
        width: calc(100% - 24px);
    }

    .card-courier-tracking-breadcrumb .step .icon {
        border-radius: 50%;
        position: relative;
        z-index: 9;
        background: white;
    }

    .card-courier-tracking-breadcrumb .step:not(.active) .icon {
        width: 16px;
        height: 16px;
        border: 1px solid #EDEDED;
    }

    .card-courier-tracking-breadcrumb .step.active .icon {
        width: 32px;
        height: 32px;
        border: 1px solid #0057B8;
    }

    .card-courier-tracking-breadcrumb .step:last-child.active:before {
        content: "";
        width: 1px;
        height: 16px;
        background: white;
        left: 16px;
        position: absolute;
        bottom: 0px;
    }

    .card-courier-tracking-breadcrumb .step:not(.active) .icon img {
        display: none;
    }

    .card-courier-tracking-breadcrumb .step:not(.active) {
        margin-left: 8px;
    }

    .card-courier-tracking-breadcrumb .step.active .icon img {
        display: block;
        margin: 5px auto;
    }

    .card-courier-tracking-breadcrumb .step.complete .icon {
        background: url(../../_img/Facelift/icon-tick.svg);
        background-repeat: no-repeat;
        background-color: white;
        background-position: center;
    }

    .m-t-12 {
        margin-top: 12px;
    }

    .m-b-4 {
        margin-bottom: 4px;
    }

    .no-card-to-apply img {
        margin-bottom: 22px;
    }

    .no-card-to-apply .title {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        display: block;
        text-align: center;
        color: #0057B8;
        margin-bottom: 8px;
    }

    .no-card-to-apply .description {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        max-width: 279px;
        text-align: center;
        color: #7A7A7A;
        margin-bottom: 16px;
        display: block;
    }

    .btn-outline {
        border: 1px solid #0057B8;
        border-radius: 32px;
        color: #0057B8;
    }

    .information-container .information-item {
        border: 1px solid #EDEDED;
        border-radius: 8px;
        padding: 12px;
        margin-bottom: 8px;
    }

    .information-container .information-item .containerRow > label {
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        display: flex;
        align-items: center;
        color: #333333;
    }

    .information-container .information-item .form > label {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #7A7A7A;
        margin-top: 4px;
        display: block;
    }

    .information-container .information-item .containerRow ~ .containerRow {
        border-top: 1px solid #EDEDED;
        margin-top: 12px;
        padding-top: 12px;
    }

@media screen and (max-width:767px) {
    .address-selection-title-container {
        display: none!important;
    }
    .creditCardList .cardItem:nth-child(2) {
        margin-top: 0px;
    }

    .card-courier-tracking-breadcrumb .step .breadcrumb-content .containerRow > label {
        font-size: 12px;
    }

    .card-courier-tracking-list .cardOwner {
        font-size: 12px;
        line-height: 14px;
    }

    .page-cash-advance-confirm .checkbox + div {
        margin-top: 15px;
    }

    .page-cash-advance-confirm .suppCardInfo {
        padding-top: 12px;
    }

    .page-cash-advance .cash-advance-validate, .page-cash-advance .cash-advance-validate .form {
        padding: 0 !important;
    }

    .page-cash-advance #ctl00_MainContentPlaceHolder_AmountRow {
        margin-bottom: 0 !important;
        padding-bottom: 4px;
    }

    .cardDropdownList.dropdown .dropDownContent .col01 p strong {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        color: #0057b8;
        margin-top: 10px;
        margin-bottom: 8px;
        display: block
    }

    .cardDropdownList.dropdown .dropDownContent .col01 p + p {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: #7a7a7a
    }


    a.download.button.light-white, a.filter.button.light-white, a.send-mail.button.light-white {
        display: flex !important;
    }

    .creditCardList .cardItem .cardPreview, .creditCardList .cardItem .cardAvailableLimit {
        position: relative;
        top: -10px;
    }

    .suppCardInfo {
        padding-top: 0;
    }

    .VeriBranchSectionRow .sectionRowContainer {
        padding-top: 0;
    }

    .mainContentPlacePanel > .containerRow.customDetailList:not(.cash-advance) {
        margin-top: 0 !important;
    }

    .payment-plan-list {
        margin-bottom: 20px;
    }

    .mainArea .confirm.formField div.containerRow.customDetailList {
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form {
        width: 100% !important;
        border: 0;
        padding-left: 0
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form > .containerRow {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .cardDropdownList.dropdown .ddSelected .col01:after,
    .cardDropdownList.dropdown .ddSelected .col02 p strong,
    .cardDropdownList.dropdown .ddSelected .col02 p + p,
    .dropDownContent .ddContent .col02 p:first-child + p,
    .dropDownContent .ddContent .col02:before,
    .dropDownContent .ddContent li + li:before,
    .dropDownContent .dropdownSearch,
    .dropdown .ddSelected .openerColumn:before,
    .mainArea .confirm.formField div.containerRow.customDetailList > .form > .containerRow:before {
        display: none
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form .containerRow > label {
        padding-top: 0;
        margin-bottom: 0
    }

    .mainArea .confirm.formField div.containerRow.customDetailList .containerRow > .form {
        align-self: flex-end;
        justify-content: flex-end
    }

    .mainArea .confirm .containerRow.account_list_row {
        padding-top: 0
    }

    .emptyData {
        padding-top: 182px
    }

    .mainArea.wide .formField.confirm .customDetailList .containerRow > label + div > label {
        text-align: right
    }

    .containerRow.customDetailList.confirm > .form > .containerRow,
    .mainContentPlacePanel > div.formField.confirm {
        margin: 0
    }

    .formField div.containerRow.addButtons .button {
        margin: 0 !important
    }

    .formField div.containerRow.addButtons .button + .button {
        margin: 16px 0 0 !important
    }

    .formField div.containerRow .add-web-button-container .button {
        margin: 16px 0 !important
    }

    .customExecute {
        max-width: 100vw
    }

    .customExecute .customExecuteButtons,
    .customExecute .customExecuteButtons .resultArea {
        min-width: 100%;
        padding-left: 0;
        padding-right: 0;
        align-items: center;
        justify-content: center
    }



    .addAdress.fancybox-wrap div.containerRow {
        padding-bottom: 16px
    }

    .addAdress.fancybox-wrap div.containerRow > .form {
        padding-bottom: 0 !important;
        margin-bottom: 0
    }

    .addAdress.fancybox-wrap div.containerRow > label {
        min-height: 0;
        max-height: inherit
    }

    .addAdress.fancybox-wrap div.containerRow > .form .selectbox-container {
        height: auto !important
    }

    .creditCardList .cardItem .payment {
        position: relative;
        margin: 12px -12px -12px
    }

    .formField.confirm .confirmFieldRow + .confirmFieldRow label + .valueLabel {
        padding-right: 0 !important;
    }

    .cardAccountInfo.creditCardInfo {
        flex-direction: row;
        margin-top: 12px
    }

    .cardAccountInfo.creditCardInfo .cardDetailBlock {
        min-height: 64px
    }

    .cardAccountInfo.creditCardInfo .cardDetailBlock .containerRow > label {
        margin-bottom: 8px !important;
        font-size: 12px;
        line-height: 14px;
        font-weight: 700
    }

    .custom-confirm-page.cards-limit .containerRow > label {
        display: none;
    }

    .cardAccountInfo.creditCardInfo .cardDetailBlock .containerRow > label + .form {
        margin-left: 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        color: #333
    }

    .cardOptionButtons a {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }

    .cardOptionButtons a:after {
        right: 20px
    }

    .cardAccountInfo .cardDetailBlock .containerRow.iban_row > .form label {
        margin-right: 0;
        line-height: 20px
    }

    .cardAccountInfo .cardDetailBlock .containerRow a {
        font-size: 12px;
        line-height: 14px
    }

    .cardAccountInfo .cardDetailBlock .containerRow a.copy {
        margin-left: 4px
    }

    .VeriBranchTabContainer.customTabs > .tab a {
        font-size: 12px;
        line-height: 14px;
        height: 34px
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .form {
        flex-wrap: wrap
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .selectbox-container,
    .creditCardList .cardItem,
    .debitCards .cardItem {
        min-width: 100%;
        max-width: 100%
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .form a.button {
        min-width: 0;
        padding: 12px !important;
        flex: 1;
        margin: 8px 4px 0 0 !important
    }

    .VeriBranchTabContainer.customTabs .customTabsFilter .form a.button + a.button {
        margin-left: 4px !important;
        margin-right: 0 !important
    }

    .cardAccountInfo .cardDetailBlock,
    .creditTransactions {
        padding: 12px
    }

    .creditTransactions .dateCCTran {
        margin-right: 12px;
        min-width: 30px;
        max-width: 30px;
        padding-right: 0
    }

    .creditTransactions .descriptionOutDiv .descriptionSpan,
    .creditTransactions .rightDiv .installmentSpan {
        margin-top: 8px
    }

    .creditTransactions .rightDiv .installmentInfoSpan {
        margin-bottom: 8px
    }

    .containerRow.customDetailList > .form > .containerRow {
        flex-direction: row
    }

    .containerRow.customDetailList > .form > .containerRow > label:first-child {
        min-width: 0;
        max-width: inherit;
        padding-left: 0;
        margin-bottom: 0
    }

    .containerRow.customDetailList > .form > .containerRow > label:first-child + .form {
        text-align: right;
        width: auto !important;
        margin-left: auto
    }

    .dropDownContent .ddContent .col01 p:first-child,
    .dropdown.cardDropdownList,
    .formField.confirm .confirmFieldRow .containerRow.limitRow .gridView,
    .formField.confirm .containerRow .dropdown {
        margin-bottom: 0
    }

    .fancybox-overlay .fancybox-wrap.emailPopup {
        left: 24px !important;
        right: 24px !important;
        width: calc(100% - 48px) !important
    }

    .fancybox-wrap.emailPopup a.button {
        width: auto !important;
        margin: 16px 0 0 !important;
        padding: 18px 0
    }

    .fancybox-wrap.emailPopup .fancybox-skin {
        padding: 24px 16px !important
    }

    .containerRow.inlineContainerRow .amountBoxContainer input.amountBox {
        width: 100% !important;
        max-width: calc(100% - 83px)
    }

    .containerRow.inlineContainerRow .amountBoxContainer .amountBoxCurrency {
        text-align: center;
        min-width: 30px;
        max-width: 30px
    }

    .formField.confirm .confirmFieldRow .containerRow,
    .formField.confirm .confirmFieldRow .containerRow.limitRow .gridContent {
        margin-left: 0;
        margin-right: 0
    }

    .cardDropdownList.dropdown .col01 p
     {
        padding: 0
    }
   
    .containerRow.customDetailList.confirm > .form {
        border: 0;
        padding-left: 0
    }

    .formField.confirm .containerRow + .containerRow {
        border: 0
    }

    .containerRow.customDetailList > .form > .containerRow + .containerRow {
        border-top: 1px solid #ededed;
        margin-top: 4px
    }

    .containerRow.customDetailList.confirm:not(.cashAdvancePanel) > .form > .containerRow > label:first-child + .form > label {
        text-align: right;
        width: auto;
    }
    .containerRow.customDetailList.confirm.cashAdvancePanel > .form > .containerRow > label:first-child + .form > label {
        text-align: right;
    }
    .containerRow.customDetailList.confirm.cashAdvancePanel > .form > .containerRow > label:first-child + .form {
        display: flex;
        width: 50% !important;
    
    }

    .formField.confirm .containerRow > label,
    .formField.confirm .containerRow > label + div {
        flex: none
    }

    .formField.confirm .containerRow:not(.account_list_row) > label + div,
    .mainArea.wide .formField.confirm .containerRow:not(.account_list_row) > label + div {
        width: 50% !important
    }

    .formField.confirm .containerRow.customDetailList > label + div,
    .mainArea.wide .formField.confirm .containerRow.customDetailList > label + div {
        width: 100% !important
    }

    .dropdown.disabled .dropdown-overlay {
        opacity: 0
    }

    .customExecute .customExecuteButtons,
    .customExecute .customExecuteButtons .resultArea,
    .customExecute .customExecuteButtons a {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .customExecute .customExecuteButtons .resultArea {
        padding-left: 0;
        padding-right: 0
    }

    .mobileGrid {
        height: auto;
        overflow: inherit;
        opacity: 1;
        display: block
    }

    .customMobileGrid .mobileGrid .summaryView {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .customMobileGrid .mobileGrid .summaryView .gridRow {
        flex: auto;
        padding-top: 5px;
        text-align: right;
        min-width: 35%;
        max-width: 35%
    }

    .customMobileGrid .mobileGrid .summaryView .gridRow:nth-child(4) {
        flex-direction: column;
        justify-content: center
    }

    .customMobileGrid .mobileGrid .summaryView .gridRow:nth-child(4) .thead {
        text-align: right;
        justify-content: flex-end;
        padding-left: 0;
        padding-right: 10px;
        color: #999 !important;
        font-size: 13px !important;
        font-weight: 300 !important
    }

    .customMobileGrid .mobileGrid .summaryView .gridRow:nth-child(4) .tbody,
    .customMobileGrid .mobileGrid .summaryView .gridRow:nth-child(4) .thead {
        min-height: 18px;
        max-height: 18px
    }

    .customMobileGrid .mobileGrid .summaryView .gridRow:nth-child(1),
    .customMobileGrid .mobileGrid .summaryView .gridRow:nth-child(3),
    .customMobileGrid .mobileGrid .summaryView .gridRow:nth-child(5) {
        min-width: 65%;
        max-width: 65%;
        text-align: left
    }

    .customMobileGrid .mobileGrid .summaryView .gridRow:nth-child(5) .gridCol table {
        float: none
    }

    .transactionsListGrid .mobileGrid .amountBoxContainer {
        min-width: 150px;
        max-width: 150px;
        float: right !important
    }

    .transactionsListGrid .mobileGrid .amountBoxContainer input {
        width: calc(100% - 35px) !important
    }

    .transactionsListGrid .mobileGrid span.checkbox {
        margin: 0;
        padding: 0
    }

    .transactionsListGrid .mobileGrid span.checkbox input {
        position: relative;
        top: 0;
        float: none
    }

    .creditCardList,
    .debitCards {
        flex-direction: column;
        margin-bottom: 20px
    }

    .cardAccountInfo,
    .dropdown {
        margin-bottom: 16px
    }

    .cardAccountInfo {
        flex-direction: column-reverse;
        column-gap: 0;
        grid-gap: 16px;
        margin-top: 8px
    }

    .cardAccountInfo .cardDetailBlock {
        padding: 12px;
    }

    .cardAccountInfo .cardDetailBlock.amount {
        min-height: 66px;
        max-height: inherit;
        padding: 10px 0;
        row-gap: 8px
    }

    .dropDownContent .ddContent .col01,
    .dropdown .ddSelected .col01 {
        max-width: 100%;
        min-width: 100%
    }

    .cardAccountInfo .cardDetailBlock .containerRow > label {
        margin-bottom: 0 !important;
        line-height: 14px !important
    }

    .containerRow.customDetailList > .form > .containerRow {
        justify-content: space-between;
        min-height: 34px
    }

    .containerRow.customDetailList > .form {
        padding: 0;
        border: 0
    }

    .cardAccountInfo .cardDetailBlock.amount .containerRow,
    .cardAccountInfo .cardDetailBlock.amount .form,
    .cardDropdownList.dropdown .dropDownContent .ddContent .col01 p + p {
        margin-top: 0
    }

    .debitCards .cardItem a.button {
        right: 11px;
        margin: 0 !important
    }

    .dropdown .ddSelected {
        border-radius: 12px;
        background: white;
    }

    .dropdown .ddSelected .col01 {
        background: none;
        border-bottom: none;
    }

    .dropdown .ddSelected .col02 {
        width: 100%;
        min-width: auto;
        max-width: none;
    }

    .dropdown .ddSelected .col01 p:nth-child(1) {
        margin-bottom: 0;
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        color: #333333;
    }



    .dropdown .ddSelected .col02 {
        padding-left: 15px
    }

    .dropdown .ddSelected .col02 p {
        font-size: 20px;
        color: #333;
        font-weight: 700;
        line-height: 24px;
    }

    .dropdown .ddSelected .col02 p strong {
        font-weight: 400;
        font-size: 12px;
        margin-top: 2px;
        color: #7a7a7a
    }

    .dropdown .ddSelected .openerColumn {
        position: absolute;
        display: flex;
        top: calc(50% - 40px);
    }

    .dropdown .ddSelected .openerColumn a {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 20px 0 0
    }

    .dropdown .ddSelected .openerColumn > a:before {
        transform: rotate(270deg);
        left: auto !important;
        top: auto !important;
        min-width: 13px !important;
        max-width: 13px !important;
        min-height: 8px !important;
        max-height: 8px !important;
        position: relative !important;
        bottom: auto !important
    }

    .dropdown.isActive .dropDownContent {
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        bottom: 0;
        display: block !important;
        height: auto !important;
        z-index: 99;
        border: 0;
        box-shadow: none;
        border-radius: 0
    }

    .dropdown.hasSelection.isActive .dropDownContent {
        bottom: 123px
    }

    .dropdown.isActive .dropDownContent .ddContent {
        max-height: calc(100% - 50px);
        padding: 16px
    }

    .dropDownContent .ddContent li + li {
        margin-top: 16px
    }

    .dropDownContent .ddContent li {
        min-height: 176px;
        border-radius: 12px;
        background-color: #fafafa;
        border: 1px solid #E3E3E3;
        padding: 0;
        overflow: hidden
    }

    .dropDownContent .ddContent .col01 {
        box-shadow: 0 5px 18px rgba(0, 0, 0, .05);
        border-bottom-left-radius: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-color: #fff
    }

    .dropDownContent .ddContent .col01 p {
        padding: 0 0 0 16px;
        font-size: 14px;
        line-height: 18px
    }

    .dropDownContent .ddContent .col02 {
        min-width: 100%;
        max-width: 100%;
        padding: 25px 16px 16px;
        background-color: #fafafa;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .dropDownContent .ddContent li .customDropdownCheck {
        position: absolute;
        left: 16px;
        top: 42px;
        min-height: 16px;
        margin-right: 0
    }

    .dropDownContent .ddContent li .customDropdownCheck + .column {
        padding-left: 32px
    }

    .dropDownContent .ddContent .col02 p:first-child {
        min-width: 50%;
        max-width: 50%;
    }

    .dropDownContent .ddContent .col02 p {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        color: #333
    }

    .cardDropdownList.dropdown .col02 p,
    .dropDownContent .ddContent .col02 p strong {
        font-weight: 400
    }

    .cardDropdownList.dropdown .ddSelected .col02 p {
        padding-top: 7px;
    }

    .cardDropdownList.dropdown .col01 p:first-child + p,
    .cardDropdownList.dropdown .col02 p,
    .dropDownContent .ddContent .col02 p strong {
        font-size: 12px;
        line-height: 14px;
        color: #7a7a7a
    }

    .dropDownContent .ddContent .col01:after {
        content: '';
        display: block;
        position: absolute;
        left: 30px;
        bottom: -7px;
        height: 7px;
        width: 14px;
        background: url(../../_img/Facelift/triangle.png) center no-repeat
    }

    .dropdown .dropdownBack {
        background-color: #0057b8;
        height: 50px;
        padding: 0 15px;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .dropdown .dropdownBack button {
        width: 27px;
        height: 40px;
        background: url(../../_img/Facelift/icon-back.svg) center/9px auto no-repeat;
        float: left;
        border: 0;
        position: absolute;
        left: 15px
    }

    .dropdown .dropdownBack label {
        color: #fff;
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        text-align: center;
        flex: 1
    }

    .cardDropdownList.dropdown .dropDownContent .ddContent .col02 p,
    .dropDownContent .ddContent .col01 > p:last-child {
        display: block
    }

    .mainTogglePanelContainer .toggleSteps span {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .cardDropdownList.dropdown .customDropdownCheck,
    .dropdown:not(.isActive) .mobileSave {
        display: none !important
    }

    .cardDropdownList.dropdown .col02 {
        position: absolute;
        min-height: 0;
        top: auto;
        padding: 0;
        left: 75px;
        bottom: 22px !important;
        width: auto;
        right: auto;
        min-width: 0;
        max-width: inherit
    }

    .cardDropdownList.dropdown .dropDownContent .ddContent .col01 p {
        padding-left: 0
    }

    .cardDropdownList.dropdown .dropDownContent .ddContent .col02 {
        position: relative;
        display: block;
        left: auto;
        bottom: auto !important;
        margin-top: -37px;
        background: 0 0
    }

    .cardDropdownList.dropdown .dropDownContent .ddContent .col02 p:first-child {
        padding-left: 75px;
        min-width: 100%;
        max-width: 100%
    }

    .cardDropdownList.dropdown .dropDownContent .ddContent .col02 p + p {
        padding: 0 12px 12px;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        margin-top: 21px
    }

    .cardDropdownList.dropdown .ddSelected,
    .cardDropdownList.dropdown .dropDownContent .ddContent li {
        min-height: 104px;
        background-color: #fcfcfc
    }

    .cardDropdownList.dropdown .ddSelected {
        height: 104px
    }

    .cardDropdownList.dropdown .col01 {
        box-shadow: none;
        border-bottom: 0;
        background: 0 0;
        padding: 12px;
        min-height: 104px;
        max-height: 104px
    }

    .cardDropdownList.dropdown .col01 p:first-child {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        font-size: 16px;
        line-height: 20px;
        color: #0057b8;
        font-weight: 700
    }

    .cardDropdownList.dropdown .col01 p:first-child strong {
        font-weight: 700
    }

    .cardDropdownList.dropdown .col01 .debit-card {
        justify-content: flex-start
    }

    .cardDropdownList.dropdown .col01 .debit-card img {
        width: 50px !important
    }

    .cardDropdownList.dropdown .dropDownContent .ddContent li .customDropdownCheck + .column {
        padding-left: 16px
    }

    .customExecute div.approve {
        margin-bottom: 38px
    }

    .dropdown .ddSelected.hasSelection {
        min-height: 84px;
        height: auto
    }

    .dropdown .ddSelected.hasSelection .columnSelection {
        padding: 5px 0 5px 16px;
        max-width: calc(100% - 53px)
    }

    .dropdown .ddSelected.hasSelection .openerColumn {
        min-height: 84px;
        max-height: 100%;
        min-width: 0 !important;
        max-width: inherit !important;
        height: 100%
    }

    .dropdown .ddSelected.hasSelection .openerColumn a {
        padding-left: 20px
    }

    .changePassType {
        left: auto;
        right: 10px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .changePassType::before {
        position: relative;
        left: auto;
        top: auto;
        flex: auto
    }

    .formField.confirm .confirmFieldRow .containerRow.limitRow {
        flex-direction: column;
        margin-left: -15px;
        margin-right: -15px
    }

    .formField.confirm .confirmFieldRow .containerRow.limitRow > .form {
        padding: 0;
        min-width: 100%
    }

    .formField.confirm .confirmFieldRow .containerRow.limitRow .mobileGrid .gridItem {
        padding-left: 5px;
        padding-right: 5px
    }

    .dropdown.hasSelection.isActive .mobileSave {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 16px 16px 64px;
        z-index: 1
    }

    .dropdown.hasSelection.isActive .mobileSave button {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        padding: 12px 10px;
        text-align: center;
        color: #fff;
        background: #0057b8;
        border: 0;
        width: 100%;
        height: 44px;
        border-radius: 22px
    }

    .dropdown .ddSelected.hasSelection .columnSelection > label,
    .mainArea .containerRow > label {
        font-size: 14px;
        line-height: 18px
    }

    .mainArea .containerRow > label {
        font-weight: 700;
        padding-bottom: 0;
        margin-bottom: 4px
    }

    .dropdown.disabled {
        width: 100%;
        text-align: left
    }

    .formField.confirm .containerRow > label {
        text-align: left;
        width: 50%;
        justify-content: flex-start;
    }

    .mainArea .confirm .containerRow.account_list_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mainArea .confirm .containerRow.account_list_row .dropdown .ddSelected .openerColumn > a:before {
        display: none;
    }

    .otpField input {
        width: calc(100% - 66px) !important;
    }

    .mainArea .confirm .containerRow.account_list_row > .form {
        min-width: 100%;
        padding-top: 0;
        padding-bottom: 0
    }

    .mainArea .confirm > .confirmFieldRow:first-child .containerRow.account_list_row {
        margin-top: 0;
        margin-bottom: 0;
        display: block;
    }

    .confirmCustomDropdown {
        min-height: 94px
    }

    .confirmCustomDropdown p span span {
        display: block;
        margin-top: 4px
    }

    .confirmCustomDropdown p + p {
        margin-top: 4px !important
    }

    .mainArea .confirm .containerRow.account_list_row > label {
        align-self: flex-start;
        padding-top: 0
    }

    .formField.confirm .containerRow + .containerRow {
        border-top: 0;
        position: relative
    }

    .formField.confirm .containerRow + .containerRow:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        background-color: #e2e2e2
    }

    .formField.confirm .containerRow {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .creditCardList .cardItem .cardType {
        font-size: 17px
    }

    .creditCardList .cardItem .cardNumber,
    .creditCardList .cardItem .cardOwner {
        font-size: 13px
    }

    .update-account-list-debit-card-grid-confirm .mobileSave {
        display: none !important;
    }

    .update-account-list-debit-card-grid-confirm .ddContent {
        max-height: none !important;
    }

    .mainArea .confirm.formField div.containerRow.customDetailList {
        align-items: flex-start;
        margin-left: -15px;
        margin-right: -15px;
    }

    .creditCardList .cardItem .cardAvailableLimit {
        font-size: 13px;
        font-weight: 300
    }

    .selectbox-container, .selectbox-container .chzn-container {
        width: 100% !important;
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form {
        width: 100% !important;
        border: 0;
        padding-left: 0;
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form > .containerRow {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form > .containerRow:before {
        display: none;
    }

    .mainArea .confirm.formField div.containerRow.customDetailList > .form .containerRow > label {
        padding-top: 0;
        margin-bottom: 0;
    }

    .mainArea .confirm.formField div.containerRow.customDetailList .containerRow > .form {
        align-self: flex-end;
        justify-content: flex-end;
    }

    .mainArea .confirm .containerRow.account_list_row {
        padding-top: 0;
    }

    .emptyData {
        padding-top: 182px;
    }

    .mainArea.wide .formField.confirm .customDetailList .containerRow > label + div > label {
        text-align: right;
    }

    .mainContentPlacePanel > div.formField.confirm {
        margin: 0;
    }

    .formField div.containerRow.addButtons .button {
        margin: 0 !important;
    }

    .formField div.containerRow.addButtons .button + .button {
        margin: 16px 0 0 !important;
    }

    .formField div.containerRow .add-web-button-container .button {
        margin: 16px 0 !important;
    }

    .customExecute {
        max-width: 100vw;
    }

    .customExecute .customExecuteButtons, .customExecute .customExecuteButtons .resultArea {
        min-width: 100%;
        padding-left: 0;
        padding-right: 0;
        align-items: center;
        justify-content: center;
    }

    .customExecute .customExecuteButtons a {
        margin: 8px 0 !important;
    }
}
.addAdress.fancybox-wrap .fancybox-skin {
    padding: 32px 16px 16px !important;
}

.addAdress.fancybox-wrap .fancybox-inner > div {
    padding-right: 0 !important;
    width: auto !important;
}

.add-web-button-container {
    float: none;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.add-web-button-container a {
    float: none;
    margin: 0;
}

.addAdress.fancybox-wrap .VeriBranchSectionRow {
    padding-bottom: 0;
    margin-bottom: 0;
}

.addAdress.fancybox-wrap .formField .containerRow > label + div {
    padding-bottom: 16px;
}

@media screen and (max-width: 767px) {
    .addAdress.fancybox-wrap div.containerRow {
        padding-bottom: 16px;
    }

    .addAdress.fancybox-wrap div.containerRow > .form {
        padding-bottom: 0 !important;
        margin-bottom: 0;
    }

    .addAdress.fancybox-wrap div.containerRow > label {
        min-height: 0;
        max-height: inherit;
    }

    .addAdress.fancybox-wrap div.containerRow > .form .selectbox-container {
        height: auto !important;
    }
}



.containerRow.customDetailList > label + .form {
    margin-top: 8px;
}

span.checkbox.custom-switch {
    position: relative;
    padding-left: 0;
    margin-top: 0;
}

span.checkbox.custom-switch input {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0 !important;
    width: 40px;
    height: 22px;
    z-index: 2;
}

span.checkbox.custom-switch > label {
    float: left;
    padding-left: 45px;
    height: 22px;
    z-index: 1;
}

span.checkbox.custom-switch > label:before {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 22px;
    padding: 2px;
    border-radius: 11px;
    background-color: #D8D8D8;
    left: 0;
    top: 0;
    transition-property: background-color;
    transition-duration: 300ms;
    transition-timing-function: ease-out;
}

span.checkbox.custom-switch > label:after {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    transition-property: left;
    transition-duration: 300ms;
    transition-timing-function: ease-out;
}

span.checkbox.custom-switch > input:checked + label:before {
    background-color: #84BD00;
}

span.checkbox.custom-switch > input:checked + label:after {
    left: 20px;
}

label.label-red {
    color: #E30D0D !important;
}

label.label-green {
    color: #84BD00 !important;
}

label.label-gray {
    color: #7A7A7A !important;
}

.dropdown.item-click-disabled .customDropdownCheck input {
    display: none;
}

.create-debit-agreement {
    min-width: 100%;
    max-width: 100%;
}

div.courierlabelInfo {
    background: #f4f4f4;
    padding: 12px 16px;
    border-radius: 8px;
}
.card-courier-tracking-breadcrumb .step .breadcrumb-content > div {
    width: 100%;
}

.courierlabelInfo > .form label {
    margin: 0;
}table.jCalendar {
    border: 1px solid #000;
    border-collapse: separate;
    border-spacing: 2px;
}

table.jCalendar th {
    color: #fff;
    font-weight: bold;
    padding: 7px 14px;
    height: 36px;
}

table.jCalendar td {
    color: #000;
    padding: 7px 14px;
    text-align: center;
}

table.jCalendar td.other-month, div.dp-popup td.disabled {
    background: none !important;
    color: #333 !important;
}

table.jCalendar td.today {
    background: #666;
    color: #fff;
}

table.jCalendar td.selected {
    color: #fff;
}

table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}

table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: none;
    color: #000;
}

table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
    position: relative;
    font-size: 10px;
    font-family: arial, sans-serif;
    width: 100%;
    line-height: 1.2em;
    float: left;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-color: #0055b8;
    border-radius: 3px;
}

div#dp-popup {
    position: absolute;
    z-index: 199;
}

div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}

a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}

a#dp-close:hover {
    text-decoration: underline;
}

div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev {
    left: 8px;
    position: absolute;
    top: 11px;
    width: 23px;
}

div.dp-popup div.dp-nav-prev a {
    background: url(../../plugins/jquery-datepicker/sprite.png) -14px -1414px no-repeat;
}

div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
    background: none !important;
    font-size: 0;
}
div.dp-popup div.dp-nav-prev a:before, div.dp-popup div.dp-nav-next a:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../_img/Facelift/arrow_white.svg);
}
div.dp-popup div.dp-nav-prev a:before {
    transform: scaleX(-1);
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}

div.dp-popup div.dp-nav-next {
    right: 8px;
    position: absolute;
    top: 11px;
    width: 23px;
}

div.dp-popup div.dp-nav-next a {
    background: url(../../plugins/jquery-datepicker/sprite.png) -14px -1457px no-repeat;
}

div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}

div.dp-popup td {
    cursor: pointer;
}

div.dp-popup td.disabled {
    cursor: default;
}

/* CUSTIMIZATION */
body div#dp-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9990;
    /*
    background: #000;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=50);
    */
    background: url(../../plugins/jquery-datepicker/bg-calendar.png) repeat 0 0;
}

input.dp-active {
    background: url(../../plugins/jquery-datepicker/calendar.png) no-repeat 100% center;
}

table.jCalendar {
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    width: auto;
    margin: 0 auto;
}

table.jCalendar th, table.jCalendar td, div.dp-container a {
    font-size: 14px;
    
    color: #fff;
}

table.jCalendar th, table.jCalendar td {
    border: 0;
    font-weight: normal;
    padding: 8px 0;
    width: 34px;
    text-align: center;
    /*behavior: url('assets/css/htc/pie.htc');*/
}

table.jCalendar th {
    padding: 10px 0 5px 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #999;
    border: 0
}

table.jCalendar td {
    cursor: pointer;
    font-size: 13px;
    color: #333;
    height: 34px;
    padding: 0;
    vertical-align: middle;
    font-weight: 400;
}

table.jCalendar td.selected {
    color: #333;
}

table.jCalendar td.selected.dp-hover {
    background: #f4f4f4;
    color: #161616;
}

table.jCalendar th:nth-of-type(6), table.jCalendar th:nth-of-type(7) {
    /*color: #FFF;*/
}

div.dp-container td.disabled, table.jCalendar td.other-month {
    color: #FFF;
}

table.jCalendar td.disabled {
    background: #ebebeb !important;
}

div.dp-container td:hover {
    cursor: pointer;
    background: url(../../plugins/jquery-datepicker/sprite.png) -6px -1685px no-repeat;
    color: #0a466e;
}

table.jCalendar td.today {
    background: #7ebc00 !important;
    border-radius: 50%;
    color: #fff;
}

table.jCalendar td.today:hover {
    color: #0A466E !important;
}

*:first-child + html table.jCalendar td.today {
    background: url(../../plugins/jquery-datepicker/sprite.png) -8px -1535px no-repeat !important;
}

table.jCalendar td.today {
    background: #666;
    color: #fff;
}

table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background--: #f4f4f4;
    color--: #fff;
}

table.jCalendar td.selected {
    /*background: url(../../plugins/jquery-datepicker/sprite.png) -6px -1497px no-repeat !important;*/
    border-radius: 50%;
    background: #0055b8 !important;
    color: #FFF !important;
}

table.jCalendar td.selected:hover {
    color: #FFF;
}

div.dp-container .dp-nav-prev-year, div.dp-container .dp-nav-next-year {
    display: none;
}

div.dp-container .dp-nav-prev-month, div.dp-container .dp-nav-next-month {
    background: url(../../img/ui-arrows.html) no-repeat 0 -203px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -999em;
}

div.dp-container .dp-nav-prev-month {
    background-position: -60px -203px;
    margin-right: 10px;
}

div.dp-container .dp-nav-next-month {
    background-position: -20px -203px;
}

div.dp-container {
    z-index: 9999;
}

div.dp-container .dp-arrow {
    position: absolute;
    right: 20px;
    top: -7px;
    background: url("../../plugins/jquery-datepicker/arrow.png") no-repeat scroll 0 0;
    width: 17px;
    height: 10px;
}

div.dp-container h2 {
    margin-bottom: 4px;
    color: #FFF;
    border-radius: 0 0 5px 5px;
    height: 43px;
    line-height: 43px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}

div.dp-container div.dp-calendar {
    overflow: hidden;
    clear: both;
    display: block;
    background: #fff;
    width: 300px;
    height: auto;
    border-radius: 3px;
    padding-bottom: 10px;
    position: relative;
}
div.dp-container div.dp-calendar:before {
    content: '';
    display: block;
    height: 1px;
    background-color: #e2e2e2;
    left: 0;
    right: 0;
    top: 30px;
    position: absolute;
}
div.dp-container a {
    text-decoration: none;
}

div.dp-container a.dp-select-today, div.dp-container a.dp-select-month {
    font-size: 12px;
}

div.dp-container a.dp-select-month.disabled {
    display: none !important;
}
/* keyboard - jQuery UI Widget */
.ui-keyboard {
    padding: 2px;
    position: absolute;
    left: 100% !important;
    margin-left: 20px;
    right: auto !important;
    top: 0;
    z-index: 16000;
    background: rgb(236, 236, 236);
    border-radius: 2px;
    border: 0;
}

.ui-keyboard-has-focus {
    z-index: 16001;
}

.ui-keyboard div {
    font-size: 1.1em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
}
.ui-keyboard-button {
    height: 31px;
    padding: 0 5px;
    min-width: 23px;
    margin: 2px;
    cursor: pointer;
    overflow: hidden;
    -moz-user-focus: ignore;
    background: #fff;
    border: 0 none;
    border-radius: 2px;
}

.ui-keyboard > span {
    width: 16px;
    height: 8px;
    display: block;
    position: absolute;
    top: -8px;
    right: 19px;
    display: none;
}

.ui-keyboard-shift, .ui-keyboard-meta1, .ui-keyboard-meta2, .ui-keyboard-meta3, .ui-keyboard-default, .on-keyboard {
    background: #fff;
    border-color: #7cad32;
    /*margin-top: 2px;*/
    border: 0;
}

.ui-keyboard-button span {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    display: inline-block;
    color: inherit !important;
    font-size: 14px;
}

.ui-keyboard-button-endrow {
    clear: left;
}

.ui-keyboard-widekey {
    min-width: 5em;
    width: auto;
}

.ui-keyboard-space {
    width: 15em;
}

.ui-keyboard-space span, .ui-keyboard-empty span {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
/* see http://nicolasgallagher.com/another-css-image-replacement-technique/ */
.ui-keyboard-preview-wrapper {
    text-align: center;
}

.ui-keyboard-preview {
    text-align: left;
    margin: 0 0 3px 0;
    display: inline;
    width: 99%;
}
/* width is calculated in IE, since 99% = 99% full browser width =( */
.ui-keyboard-keyset {
    text-align: center;
    white-space: nowrap;
}

.ui-keyboard-input {
    text-align: left;
}

.ui-keyboard-input-current { /*-moz-box-shadow: 1px 1px 10px #00f; -webkit-box-shadow: 1px 1px 10px #00f; box-shadow: 1px 1px 10px #00f;*/
}

.ui-keyboard-placeholder {
    color: #888;
}

.ui-keyboard-nokeyboard {
    color: #888;
    border-color: #888;
}
/* disabled or readonly inputs, or use input[disabled='disabled'] { color: #f00; } */
.ui-keyboard-button.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
/* used by the acceptValid option to make the accept button appear faded */
.ui-keyboard-spacer {
    display: inline-block;
    width: 1px;
    height: 0;
}

/* combo key styling - toggles diacritics on/off */
.ui-keyboard-button.ui-keyboard-combo.ui-state-default {
    border-color: #ffaf0f;
}

/* (in)valid inputs */
button.ui-keyboard-accept.ui-keyboard-valid-input {
    border-color: #0c0;
    background: #080;
    color: #fff;
}

button.ui-keyboard-accept.ui-keyboard-valid-input:hover {
    background: #0a0;
}

button.ui-keyboard-accept.ui-keyboard-invalid-input {
    border-color: #c00;
    background: #800;
    color: #fff;
}

button.ui-keyboard-accept.ui-keyboard-invalid-input:hover {
    background: #a00;
}

/*** jQuery Mobile definitions ***/
/* jQuery Mobile styles - need wider buttons because of font size and text-overflow:ellipsis */
.ui-bar .ui-keyboard-button {
    width: 3em;
    display: inline-block;
}

.ui-bar .ui-keyboard-widekey {
    width: 5.5em;
}

.ui-bar .ui-keyboard-space {
    width: 15em;
}

.ui-bar .ui-keyboard-space span {
    visibility: hidden;
}
/* hides the ellipsis */
.ui-bar .ui-keyboard-keyset {
    line-height: 0.5em;
}

.ui-bar input.ui-input-text, .ui-bar textarea.ui-input-text {
    width: 95%;
}

/* over-ride padding set by mobile ui theme - needed because the mobile script wraps button text with several more spans */
.ui-bar .ui-btn-inner {
    height: 2em;
    padding: 0.2em 0;
    margin: 0;
}

.ui-bar .ui-btn {
    margin: 0;
    font-size: 13px;
}
/* mobile default size is 13px */

/* Media Queries (optimized for jQuery UI themes; may be slightly off in jQuery Mobile themes) */
/* 240 x 320 (small phone)  */
@media all and (max-width: 319px) {
    .ui-keyboard div {
        font-size: 9px;
    }

    .ui-keyboard .ui-keyboard-input {
        font-size: 12px;
    }
    /* I don't own an iPhone so I have no idea how small this really is... is it even clickable with your finger? */
    .ui-bar .ui-btn {
        margin: 0;
        font-size: 9px;
    }

    .ui-bar .ui-keyboard-button {
        width: 1.8em;
        height: 2.5em;
    }

    .ui-bar .ui-keyboard-widekey {
        width: 4em;
    }

    .ui-bar .ui-keyboard-space {
        width: 8em;
    }

    .ui-bar .ui-btn-inner {
        height: 2.5em;
        padding: 0.3em 0;
    }
}

/* 320 x 480 (iPhone)  */
@media all and (min-width: 320px) and (max-width: 479px) {
    .ui-keyboard div {
        font-size: 9px;
    }

    .ui-keyboard .ui-keyboard-input {
        font-size: 14px;
    }
    /* I don't own an iPhone so I have no idea how small this really is... is it even clickable with your finger? */
    .ui-bar .ui-btn {
        margin: 0;
        font-size: 11px;
    }

    .ui-bar .ui-keyboard-button {
        width: 1.8em;
        height: 3em;
    }

    .ui-bar .ui-keyboard-widekey {
        width: 4.5em;
    }

    .ui-bar .ui-keyboard-space {
        width: 10em;
    }

    .ui-bar .ui-btn-inner {
        height: 3em;
        padding: 0.7em 0;
    }
}

/* 480 x 640 (small tablet) */
@media all and (min-width: 480px) and (max-width: 767px) {
    .ui-keyboard div {
        font-size: 13px;
    }

    .ui-keyboard .ui-keyboard-input {
        font-size: 14px;
    }

    .ui-bar .ui-btn {
        margin: 0;
        font-size: 10px;
    }

    .ui-bar .ui-keyboard-button {
        height: 2.5em;
    }

    .ui-bar .ui-btn-inner {
        height: 2.5em;
        padding: 0.5em 0;
    }
}