:root {
    --brand-primary-1-color: #FFD700;
    --brand-primary-2-color: #002E3C;
    --brand-primary-3-color: #F1EFED;
    --brand-primary-1-hover: #FFC700;
    --level-1-color: #ECEFF2;
    --level-2-color: #CED8DA;
    --level-3-color: #ABBAC0;
    --level-4-color: #83989F;
    --level-5-color: #506C74;
    --level-6-color: #2D5562;
    --level-8-color: #002530;
    --level-5-color-dark: #92A4AB;
    --level-6-color-dark: #B7C4C9;
    --level-7-color-dark: #DBE2E5;
    --negative-text-color: #DBE2E5;
    --brand-primary-1-accent: #FFC700;
    --brand-primary-2-accent: #00333d;
    --functional-color-red: #C5000E;
    --lsg-color-success-light: #008932;
    --lsg-color-warning-light: #E86F00;
}

::selection {
    color: var(--brand-primary-2-color);
    background: var(--level-3-color);
}

button {
    font: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    text-decoration: none;
}

/*FontFaces*/

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/Gotham-400-Book.woff2") format("woff2"),
      url("fonts/Gotham-400-Book.woff") format("woff");
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 500;
    src: url("fonts/Gotham-500-Medium.woff2") format("woff2"),
      url("fonts/Gotham-500-Medium.woff") format("woff");
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 700;
    src: url("fonts/Gotham-700-Bold.woff2") format("woff2"),
      url("fonts/Gotham-700-Bold.woff") format("woff");
}

/* IcoMoon Fonts */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?mncr94');
  src:  url('fonts/icomoon.eot?mncr94#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?mncr94') format('truetype'),
    url('fonts/icomoon.woff?mncr94') format('woff'),
    url('fonts/icomoon.svg?mncr94#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* coba icons fonts */
@font-face {
    font-family: 'coba-solid';
    src: url('fonts/coba-solid.eot?hjxly9');
    src: url('fonts/coba-solid.eot?hjxly9#iefix') format('embedded-opentype'),
      url('fonts/coba-solid.ttf?hjxly9') format('truetype'),
      url('fonts/coba-solid.woff?hjxly9') format('woff'),
      url('fonts/coba-solid.svg?hjxly9#coba-solid') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'coba-outline';
    src: url('fonts/coba-outline.eot?hjxly9');
    src: url('fonts/coba-outline.eot?hjxly9#iefix') format('embedded-opentype'),
      url('fonts/coba-outline.ttf?hjxly9') format('truetype'),
      url('fonts/coba-outline.woff?hjxly9') format('woff'),
      url('fonts/coba-outline.svg?hjxly9#coba-outline') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-address-card:before {
  content: "\e900";
}
/* End fonts */
body {
    font-family: 'Gotham';
    font-size: 14px;
    font-weight: unset;
    line-height: 1.42857143;
    color: var(--brand-primary-2-color);
}

#header{
	width:100%;
	min-width:300px;
	overflow:hidden;
	height:88px;
	background-color:var(--brand-primary-2-color);
	display:flex;
	align-items:center;
}

#footer {
    display: flex;
    align-items: end;
    padding: 16px;
    background-color: var(--brand-primary-2-color);
}

#footer div {
    flex: 1;
    font-size: 13px;
    font-weight:500;
}

.footer-link {
    position: relative;
    margin-right: 0px;
    color: var(--negative-text-color);
    font-weight: 500;
}

.footer-link:not(:last-child) {
    margin-right: 20px;
}

.footer-link:visited {
    color: var(--negative-text-color);
}

.footer-link:hover {
    color: white;
    text-decoration: none;
}

.footer-link::before {
    position: absolute;
    content: "";
    pointer-events: none;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-radius: 6px;
    border: 2px solid transparent;
    background-color: transparent;
}

.footer-link:focus {
    outline: none;
    text-decoration: none;
}

.footer-link:focus::before {
    border-color: var(--negative-text-color);
}

.footer-logo {
    flex: initial !important;
    text-align: center;
}

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

.searchBtnContainer {
    padding: 20px 23px;
}

.backBtn {
    display: flex;
    width: 100%;
    height: 44px;
    position: relative;
    color: var(--brand-primary-2-color);
    background-color: var(--brand-primary-1-color);
    box-shadow: 0 0 0 6px var(--brand-primary-1-color),
      0 0 0 0.5px var(--brand-primary-1-color),
      0 0 0 2px var(--brand-primary-1-color),
      0 0 0 1px var(--brand-primary-1-color);
    padding: 0 32px 0 28px;
    border: 0;
    border-radius: 32px;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    align-items: center;
    font-weight: 400;
}

@media screen and (min-width:640px) {
    .backBtn {
        width: -moz-fit-content;
        width: fit-content;
    }
}

@media screen and (prefers-reduced-motion: no-preference) {
    .backBtn {
      transition: all 300ms ease-in-out;
      transition-property: all;
      transition-property: background-color,box-shadow,fill,outline;
    }
}

.backBtn .text {
    border: 0px solid transparent;
    line-height: 18px;
    font-size: 16px;
    font-weight: 500;
}

.backBtn:hover {
    background-color: var(--brand-primary-1-accent);
    box-shadow: 0 0 0 6px var(--brand-primary-1-accent),
      0 0 0 0.5px var(--brand-primary-1-accent),
      0 0 0 2px var(--brand-primary-1-accent),
      0 0 0 1px var(--brand-primary-1-accent);
}

.backBtn.clicked {
    background-color: var(--brand-primary-1-accent);
    box-shadow: 0 0 0 0 var(--brand-primary-1-accent),
      0 0 0 0 var(--brand-primary-1-accent),
      0 0 0 0 var(--brand-primary-1-accent),
      0 0 0 0 var(--brand-primary-1-accent);
}

.backBtn::before {
    content: '\e94b';
    font-family: 'coba-solid';
    margin-right: 12px;
    font-size: 24px;
}

.backBtn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -12px;
    top: -12px;
    height: calc(100% + 24px);
    width: calc(100% + 24px);
    border-radius: 32px;
}

.backBtn:focus {
    outline: none;
}

.backBtn:focus::after {
    border: 2px solid var(--brand-primary-2-color);
}

.kmTillCkeckpoint {
    /* min-width: 100px; */
    font-size: 13px;
    padding-left: 5px;
    float: left;
}

.resultItemTitle {
    font-size: 18px;
	font-weight: 500;
}

div.textBack:hover {
    background-color: transparent;
}

div.imgBack:hover {
    background-color: transparent;
}

button.list-item-link:hover, button.list-item-link.activeRow {
    background-color: var(--level-1-color);
    border-radius: 16px;
}

button.list-item-link:hover .cornerPatch::after, button.list-item-link.activeRow .cornerPatch::after {
    background-color: var(--level-1-color);
}

@media screen and (prefers-reduced-motion: no-preference) {
    button.list-item-link:hover, button.list-item-link:hover .cornerPatch::after {
        transition: background-color 400ms;
    }
}

button.list-item-link:hover .suspendedBranch, button.list-item-link:hover .cornerPatch, 
button.list-item-link.activeRow .suspendedBranch, button.list-item-link.activeRow .cornerPatch{
    background-color: var(--brand-primary-1-accent);
}

.infoBox{
	min-height:145px;
}

#informationAdditional.infoBox, .orgaInfoBox.withoutHeader.infoBox{
	min-height:auto;
}

.informationBlock, .informationBlockPos, .informationBlockSB{
	min-height:85px;
}

.orgaInfoBox .nearestButton{
	margin-top: -40px;
	padding-right: 80px;
}

div.top-space {
    padding-top: 10px;
}

.linkArrow{
	border: 6px solid rgba(0, 0, 0, 0);
	border-left: 6px solid #FFCC33;
	display: inline-block;
	margin-left:-12px;
}

.linkText{
	line-height:16px;
	vertical-align:middle;
	height:16px;
	margin-top: -3px;
	display: inline;
	font-size: 13px;
}

/*slider search*/

.slider-button-search {
    pointer-events: none;
    box-sizing: border-box;
    border: 9px solid var(--level-5-color);
    border-radius: 50%;
    display: block;
    width: 18px;
    height: 18px;
    margin-left: 1px;
    background-color: var(--level-5-color);
}

.slider-button-search.theme-dark {
    border-color: var(--level-5-color-dark);
    background-color: var(--level-5-color-dark);
}

.slider-frame.on .slider-button-search {
    border-color: white !important;
    margin-left: 17px;
    background-color: white !important;
}

.slider-frame.on .slider-button-search.theme-dark {
    border-color: var(--brand-primary-2-color) !important;
    background-color: var(--brand-primary-2-color) !important;
}

.slider-frame {
    display: flex;
    top: 0;
    left: 0;
    box-sizing: border-box;
    align-items: center;
    border: 2px solid var(--level-5-color);
    height: 24px;
    padding: 0;
    width: 40px;
    border-radius: 12px;
    cursor: pointer;
    position: relative;
}

.slider-frame.theme-dark {
    border-color: var(--level-5-color-dark);
}

.slider-frame:focus {
    outline: none;
}

.slider-frame::before {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    border: 2px solid transparent;
    border-radius: 32px;
    background-color: transparent;
    pointer-events: none;
}

.slider-frame:focus::before {
    border-color: var(--brand-primary-2-color);
}

.slider-frame:focus.theme-dark::before {
    border-color: var(--level-7-color-dark);
}

@media screen and (prefers-reduced-motion:no-preference) {
    .slider-frame:focus::before {
        transition: border 300ms ease-in-out;
    }
}

.slider-frame.on {
    border-color: var(--brand-primary-2-color);
    background-color: var(--brand-primary-2-color);
}

.slider-frame.on.theme-dark {
    border-color: var(--brand-primary-1-color);
    background-color: var(--brand-primary-1-color);
}

.slider-frame.on:focus::before  {
    border-color: var(--brand-primary-2-color);
}

.slider-frame.on.theme-dark:focus::before  {
    border-color: var(--level-6-color-dark);
}

.switch-svg {
    height: 14px;
    width: 14px;
    margin-left: 8px;
    animation: 1200ms fadeIn;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.switch-svg path {
    stroke: transparent;
}

.slider-frame.on path {
    stroke-width: 2px;
    stroke: var(--brand-primary-2-color);
}

.slider-frame.on.theme-dark path {
    stroke: var(--brand-primary-1-color);
}

@media (hover: hover) {
    .slider-frame.hover, .slider-frame:focus {
        border-color: var(--level-6-color);
        border-width: 3px;
    }

    .slider-frame.hover.theme-dark, .slider-frame:focus.theme-dark {
        border-color: var(--level-6-color-dark);
    }

    .slider-frame.hover .slider-button-search, .slider-frame:focus .slider-button-search {
        border-color: var(--level-6-color);
        background-color: var(--level-6-color);
    }

    .slider-frame.hover .slider-button-search.theme-dark, .slider-frame:focus .slider-button-search.theme-dark {
        border-color: var(--level-6-color-dark);
        background-color: var(--level-6-color-dark);
    }

    .slider-frame.on.hover, .slider-frame:focus.on {
        border-color: var(--level-8-color);
    }

    .slider-frame.on.hover.theme-dark, .slider-frame:focus.on.theme-dark {
        border-color: var(--brand-primary-1-hover);
    }

    .slider-frame.hover:not(.on) .slider-button-search, .slider-frame:focus:not(.on) .slider-button-search {
        transform: scale(0.88);
    }

    .slider-frame.on.hover path, .slider-frame:focus.on path {
        stroke-width: 3px;
    }
}

@media screen and (prefers-reduced-motion: no-preference) {
    .slider-frame {
        transition: all 450ms;
    }
    .slider-button-search {
        transition: all 450ms;
    }
}

/*chips buttons line Filial, ATM and Cashback POS*/

.chips-filial-atm-container {
    display: flex;
    gap: 12px;
    height: 52px;
    padding: 8px;
    background-color: var(--brand-primary-3-color);
}

.chips-filial-atm-container .coba-chip {
    flex: 1;
}

div.promo {
    color: var(--negative-text-color);
    text-align: right;
}

.backBtn div {
    position: relative;
    display: block;
    height: 104px;
    border: 1px solid #dadada;
}

.backBtn div:hover {
    position: relative;
    /*display: block;*/
    /*height: 104px;*/
    /*border: 1px solid #dadada;*/
    /*background-color: #E3E3E3;*/
}

.infoBoxContainer {
	position: absolute;
	width: 100%;
	bottom: 52px;
	color: var(--brand-primary-2-color);
	z-index: 10000;
	pointer-events:none;
	outline: none;
}

.mainContent.noMapSlider .infoBoxContainer {
	bottom: 0px;
}

.infoBox {
	background: rgba(255, 255, 255);
	padding:10px;
	visibility: visible;
	position:relative;
	pointer-events:auto;
}

#informationAdditional{
	display: flex;
	padding-top: 5px;
	background: rgba(241, 239, 237);
	pointer-events: auto;
}

#informationAdditional .itemListCards {
    display: none;
}

.clearfix{
	clear:both;
}

.scrollable-menu {
    /*max-height: 509px;*/
    min-height: 595px;
    overflow: scroll;
    overflow-x: hidden;
}

.mapArea {
    /*height: 877.5px;*/
    height: 637px;
}

.mainContent.noMapSlider .mapArea{
	height:689px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.navbar {
    display: none;
}

.hamburger {
    display: none;
}

/*Need 2 rework*/

#brandImage {
    flex: auto;
    width: 100%;
    height: 36px;
    background: left / contain no-repeat url('CB-2022-Logo_horizontal_RGB_negative.svg');
    margin-left: 32px;
    padding-left: 300px;
    padding-top: 11px;
}

#corporateTitle {
    margin: 0px;
    color: var(--negative-text-color);
    font-size: 20px;
	font-family: 'Gotham';
}

#hamburger{
    display: none;
    height: 59px;
    margin-right: 32px;
    flex: 1;
}


/****************/

#previewHeader {
    float: left;
    font-size: 18px;
    font-weight: 500;
}

#orgaDetailsHeader{
	float: left;
	font-size: 16px;
	font-weight: bold;
	background: #FFCC33;
	position: relative;
	min-height: 40px;
	line-height: 20px;
	width: 100%;
	pointer-events: auto;
	z-index: 10;
	margin-bottom: 10px;
	padding: 12px 10px 8px 10px;
	border-right: 40px solid #fff;
}

#orgaDetailsHeaderUnit{
	width:100%;
	background:#999;
	padding: 12px 10px 8px 10px;
	border-right:40px solid #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	min-height: 40px;
	z-index: 10;
	pointer-events: auto;
	color:#fff;
}

.orgaDetailsHeaderRight{
	float:right;
}

.orgaDetailsHeaderLeft{
	float:left;
	max-width:370px;
}

#orgaDetailsHeader #informationCrossClose{
	top:0;
	right:-40px;
}

.previewHeaderIcon {
    width:40px;
	height:40px;
	background-size:40px 40px;
    margin-left: 5px;
    float: right;
}

.informationLabel{
	font-size: 12px;
	line-height: 15px;
	font-family: "Gotham";
	font-weight: 500;
}

.informationLabel.link{
	/* display:block; */ /* TODO: Check mobile version! */
	cursor:pointer;
	color:#000;
}

.informationLabel.link:hover, .informationLabel.link:focus{
	text-decoration:none;
}

.informationField{
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;
    position: relative;
}

.informationField.additional{
	font-size: 12px;
}

.informationField.machines::before{
    content: '-';
	margin-right: 6px;
}

.informationField.passedDay{
	color: #6e6e6e;
}

.informationField.today{
	font-weight: bold;
}

.informationBlock, .informationBlockPos, .informationBlockSB{
	width: 33%;
	float: left;
	position:relative;
}

.contactBlock .informationField, .postAddresBlock .informationField{
    line-height: 20px;
}

.informationBlockPos{
    width: 50%;
}

.informationBlockPos.separated{
    display: none;
}

.opening-hours {
    flex: 2;
    display: flex;
}

.opening-hours div:not(.sphere, .calendar-pagination-wrapper) {
    flex: 1;
}

.opening-hours .kasse{
    padding: 0 5px;
}

.informationBlock.fullWidth{
	width:100%;
}

.informationBlock.last{
	width: 34%;
}

.informationField.separated{
	margin-top: 10px;
}

.informationActionIcons{
	position: relative;
	display: flex;
	z-index: 1;
	height: 40px;
	margin-top: -40px;
	float: right;
}

.informationActionIconsContainer {
    display: flex;
}

.informationActionIcon{
	float: right;
	margin-left:5px;
	position:relative;
	background-size: 40px 40px;
	background-repeat: no-repeat;
}

.informationActionIcon::after{
    content: '';
    position: absolute;
    top: -6px;
    bottom: -6px;
    left: -6px;
    right: -6px;
    border-radius: 6px;
}

.informationActionIcon:focus::after{
    border: 2px solid var(--brand-primary-2-color);
}

.informationActionIcon:hover {
    transform: translate(0,-4px);
}

.informationActionIcon:focus {
    outline: none;
}

@media screen and (prefers-reduced-motion: no-preference) {
    .informationActionIcon {
        transition: transform 300ms ease-in-out;
    }
}

.informationActionText{
	display:none;
}

#iconCall{
	position:absolute;
	right: 0;
	bottom: 0;
	display:none;
	top:auto;
	padding: 0px;
	border: 0px;
	line-height: 1em;
}

.mobileDetailsOnly{
	display:none;
}

#underLogo {
	display:none;
}

#informationArrow{
	display: none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-align:center;
	font-size:20px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: var(--brand-primary-2-color);
	border: 0;
	background-color: transparent;
	line-height: 1;
}

#informationArrow:focus{
	outline: none;
}

#informationArrow::after {
    content: '';
    position: absolute;
    bottom: 0;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    border-radius: 6px;
    z-index: 20;
}

#informationArrow:focus::after {
    border: 2px solid var(--brand-primary-2-color);
}

#informationArrow:hover {
    transform: translate(0,4px);
}

#informationArrow.up:hover {
    transform: translate(0,-4px);
}

@media screen and (prefers-reduced-motion: no-preference) {
    #informationArrow {
        transition: transform 300ms ease-in-out;
    }
}

#informationArrow .glyphicon-menu-down{
	display:inline-block;
}

#informationArrow .glyphicon-menu-up{
	display:none;
}

#informationArrow.up .glyphicon-menu-down{
	display:none;
}

#informationArrow.up .glyphicon-menu-up{
	display:inline-block;
}

.weekPrefix{
	display:inline-block;
	width:30px;
}

.morningHours{
	display:inline-block;
	width:90px;
}

#previewTelephone {
    padding-top: 10px;
    padding-left: 0px;
}

.mobileDetailsOnly{
	display:none;
}

.mainContent {
    min-width: 300px;
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
}

#corporateTitle{
	font-size: 20px;
	font-family: 'Gotham';
	margin: 0px;
	color: var(--negative-text-color);
}

#corporateTitle span.strong{
	font-weight:bold;
}

#corporateTitle span.subtitle{
	font-size:14px;
}

/*Search Area*/

#searchArea {
    position: absolute;
    background: white;
    width: 80%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    display: none;
    z-index: 20000;
    border: 1px solid var(--level-3-color);
    border-top: 0;
    border-left: 0;
}

#searchArea.hide-area {
    transform: translateX(100%);
}

.OverlayWhenSearchOn {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    background: var(--brand-primary-2-accent);
    opacity: 0.75;
	z-index: 19000;
}

.overlayHidden {
    opacity: 0;
}

#searchContainer {
    height: auto;
    position: relative;
    min-width: 800px;
}

#searchContainer header {
    height: 88px;
    box-shadow: 0 2px 4px -1px rgba(0,37,48,0.36);
    background-color: white;
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 30;
}

#searchContainer .title{
	font-weight: 700;
	font-size: 27px;
	margin-top: 50px;
	margin-left: 32px;
	margin-bottom: 40px;
}

#searchContainer .subTitle{
	font-weight: 700;
	padding-bottom: 16px;
}

#searchContainer .columnThird{
	width: 33%;
	float: left;
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

#searchContainer .columnThird.last{
	width:34%;
}

#searchContainer .filterRow{
	position: relative;
	width:100%;
	display: flex;
	align-items: center;
	gap: 12px;
}

#searchContainer .filterRow:not(:last-child){
	padding-bottom: 16px;
}

#searchContainer .filterRow .slider-frame{
	margin-top:0;
	margin-bottom:0;
}

#searchContainer .filterRow .filterLabel{
	vertical-align: middle;
	display: flex;
	flex: 1;
	font-size: 17px;
	cursor: pointer;
}

#searchContainer .section{
	margin-left: 32px;
	margin-right: 32px;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

#searchContainer .section .controls{
	display: flex;
}

#searchContainer .section .controls.chips{
	flex-wrap: wrap !important;
	column-gap: 12px;
}

#searchContainer .section.divider {
	padding-bottom: 48px;
	margin-bottom: 48px;
	border-bottom: 1px solid var(--level-2-color);
}

.closeCross{
	display: flex;
	opacity: 1;
	padding: 0px;
	border: 0px;
	justify-content: center;
	align-items: center;
	line-height: 1em;
	font-size: 38px;
	font-weight: normal;
}

.closeCross, #iconCall, .informationActionIcon, #iconSearch, #iconGeo, #geodemoLocationButton{
    width: 40px;
    height: 40px;
	cursor: pointer;
	text-align: center;
	vertical-align:middle;
	/* line-height: 40px; TODO: Check all places! */
}

.closeCross, #iconCall, #iconSearch, #SearchButton, #geodemoLocationButton{
	background: #FFF;
	color: var(--brand-primary-2-color);
}

#iconGeo {
	background: url('locate.svg') center / 28px white no-repeat;
}

.searchCloseContainer {
    display: flex;
    width: auto;
    height: 100%;
    padding: 0 32px;
    align-items: center;
}

.closeSearchForm {
    top: auto;
    left: auto;
    font-size: 15px;
    font-family: 'Gotham';
    font-weight: 500;
    color: var(--brand-primary-2-color);
    background-color: white;
    display: flex;
    align-items: center;
    border: 0;
    padding: 0;
}

.closeSearchForm:focus {
    outline: none;
}

.closeSearchForm:hover {
    transform: translate(0,-4px);
}

.closeSearchForm::before {
    content: '\e94f';
    font-family: 'coba-outline';
    font-weight: 700;
    font-size: 24px;
    width: 24px;
    margin-right: 12px;
}

.closeSearchForm::after {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    right: -6px;
    left: -6px;
    border-radius: 6px;
    pointer-events: none;
    background-color: transparent;
    z-index: 20;
}

.closeSearchForm:focus::after {
    border: 2px solid var(--brand-primary-2-color);
}

@media screen and (prefers-reduced-motion: no-preference) {
    .closeSearchForm {
        transition: transform 300ms ease-in-out;
    }

    .OverlayWhenSearchOn {
        transition: opacity 450ms;
        transition-timing-function: cubic-bezier(0.1, 0, 0, 1);
    }

    #searchArea.hide-area {
        transition: transform 450ms;
        transition-timing-function: cubic-bezier(0.1, 0, 0, 1);
    }
}

#geodemoLocationButton{
	position:absolute;
	top:10px;
	right:10px;
	font-size:18px;
}

#iconCall{
	font-size: 26px;
	outline: none;
	background: url('communication_call.svg') center / 50px no-repeat;
}

#iconCall::after{
    content: '';
    position: absolute;
    top: -6px;
    bottom: -6px;
    left: -6px;
    right: -6px;
    border-radius: 6px;
}

#iconCall:focus::after{
    border: 2px solid var(--brand-primary-2-color);
}

.closeCross:focus {
    outline: none;
}

.closeCross::after {
    content: '';
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    border-radius: 6px;
}

.mainContent.fullInfo .closeCross::after {
    top: -6px;
    bottom: -6px;
    left: -6px;
    right: -6px;
}

.closeCross:focus::after {
    border: 2px solid var(--brand-primary-2-color);
}

#searchCrossClose {
    position: absolute;
	top: -10px;
	left: -41px;
}

#searchClose {
    position: absolute;
}

#informationCrossClose {
	position: absolute;
	top: -40px;
	right: 0;
	pointer-events:auto;
	z-index: 10;
}

#searchCrissCross { /* TODO: ???? */
    color: #FFCC33;
    font-size: 52px;
    font-weight: normal;
}

#SearchFieldRow {
    position: relative;
    display: flex;
    width: calc(100% - 64px);
    margin: 0 32px 24px 32px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 30px;
    outline: 1px solid var(--level-5-color);
    background-color: white;
}

#SearchFieldRow > div {
    width: 100%;
    display: flex;
    align-items: center;
}

#searchIcon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-right: 12px;
}

#SearchFieldRow.sover {
    outline: 2px solid var(--level-6-color); /* !important;*/
    box-shadow: 0 16px 24px -8px rgba(0,37,48,0.28);
}

#SearchFieldRow.activeInput {
    outline: 1px solid var(--brand-primary-2-color);
    box-shadow: 0 24px 48px -12px rgba(0, 37, 48, 0.24);
}

#SearchFieldRow.kbFocus::before {
    border-color: var(--brand-primary-2-color);
}

#SearchFieldRow:before {
    content: '';
    pointer-events: none;
    background-color: transparent;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    position: absolute;
    border-radius: 36px;
    border: 2px solid transparent;
}

@media screen and (prefers-reduced-motion: no-preference) {
    #SearchFieldRow {
        transition-property: outline,box-shadow;
        transition-duration: 240ms;
        transition-timing-function: cubic-bezier(0.1,0,0,1);
    }

    #SearchFieldRow:before {
      transition: border 300ms ease-in-out;
    }
}

.searchBtnContainer:has(.backBtn.Disabled) {
    padding: 14px 24px;
}

.backBtn.Disabled {
    height: 56px;
    margin-left: -6px;
    padding: 0 37px 0 33px;
    color: var(--level-3-color);
    background-color: white;
    border: 1px solid var(--level-3-color);
    box-shadow: none;
}

#SearchField {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    line-height: 28px;
    display: block;
    border:0;
    outline: none;
    font-size: 17px;
}

#SearchField:focus {
    outline: none;
}

#SearchField::placeholder {
    color: var(--level-5-color);
    opacity: 1;
}

#SearchField::-ms-input-placeholder, #SearchField::-webkit-input-placeholder {
    color: var(--level-5-color);
}

#SearchField::-webkit-input-placeholder { line-height: normal; }

#SearchField.Disabled {
    background: transparent;
}

#SearchField.Disabled, .backBtn.Disabled, .item-row.Disabled {
    cursor: default;
    pointer-events: none;
    color: var(--level-3-color);
}

#SearchFieldContainer {
    flex: auto;
    height: 28px;
    background-color: #FFF;
    line-height: 28px;
    vertical-align: middle;
    overflow:hidden;
}

#inputClear {
    height: 24px;
    margin-left: 24px;
    padding-right: 24px;
    border-right: 1px solid var(--level-2-color);
    opacity: 0;
    cursor: pointer;
}

#SearchFieldRow.sover #inputClear.show, #SearchFieldRow.activeInput #inputClear.show {
    opacity: 1;
}

#inputClear::after {
    content: '\e92e';
    font-family: 'coba-solid';
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    color: var(--level-5-color);
}

#SearchButton {
    width: 24px;
    height: 24px;
    padding: 0;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: 0px solid;
    outline: none;
    pointer-events: auto;
    color: var(--brand-primary-2-color);
    display: flex;
    align-items: center;
    margin-left: 20px;
    background-color: transparent;
    position: relative;
}

#SearchButton::before {
    content: '';
    pointer-events: none;
    background-color: transparent;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    position: absolute;
    border-radius: 6px;
    border: 2px solid transparent;
    z-index: 20;
}

#SearchButton.Disabled:focus::before {
    border-color: var(--level-3-color);
}

#SearchButton:not(.Disabled):focus::before {
    border-color: var(--brand-primary-2-color);
}

@media screen and (prefers-reduced-motion: no-preference) {
    #SearchButton:focus::before {
        transition: border 300ms ease-in-out;
    }
}

#SearchButton.Disabled, #SearchButton.Disabled:hover, #searchCrossClose.Disabled, #iconSearch.Disabled, #iconGeo.Disabled{
    color: var(--level-3-color);
    cursor: default;
    outline: none;
    pointer-events: none;
}

#SearchButton svg {
    fill: var(--brand-primary-2-color);
}

#SearchButton.Disabled svg {
    fill: var(--level-3-color);
}

#SearchField input.placeholder {
    text-align: center;
}

#SearchError, #SearchErrorInList{
    display: flex;
    color: var(--functional-color-red);
}

#SearchError{
    margin-left: 32px;
    margin-right: 32px;
    margin-bottom: 24px;
}

#SearchError::before, #SearchErrorInList::before{
    content: '\e988';
    font-family: 'coba-outline';
    font-weight: 500;
    margin-right: 6px;
}

#SearchErrorInList{
    padding:16px;
}

label {
    font-weight: normal;
}

#filter-line {
    height: 52px;
}

.mainContent.noMapSlider #filter-line{
    height: 0px;
}

/* CheckBoxes*/

/**
 * Create the checkbox button
 */

.checkbox_label {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    cursor: pointer;
    border: 2px solid var(--level-5-color);
    border-radius: 5px;
    background: var(--brand-primary-2-color);
    justify-content: center;
    align-items: center;
}

.checkBoxContainer:not(.checkboxDisabled) .checkbox_label:hover, .checkbox_label:focus, .checkBoxContainer:not(.checkboxDisabled):has(label:hover) .checkbox_label {
    border-radius: 4px;
    border-width: 3px;
    border-color: var(--level-6-color);
}

.checkbox_label::after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: white;
}

.checkBoxContainer:not(.checkboxDisabled) .checkbox_label:hover::after, .checkbox_label:focus::after, .checkBoxContainer:not(.checkboxDisabled):has(label:hover) .checkbox_label::after {
    width: 18px;
    height: 18px;
}

.checkbox_label::before {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    border: 2px solid;
    border-color: transparent;
    border-radius: 5px;
    background-color: transparent;
    pointer-events: none;
}

.checkbox_label:focus {
    outline: none;
}

.checkbox_label:focus::before {
    border-color: var(--brand-primary-2-color);
}

.checkbox-svg, .switch-svg {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/**
 * Create the checked state
 */

input[type=checkbox] {
    visibility: hidden;
    width: 24px;
    margin: 0 !important;
    padding: 0 !important;
}

.checkBoxContainer input[type=checkbox]:checked + .checkbox_label {
    border-color: var(--brand-primary-2-color);
}

.checkBoxContainer input[type=checkbox]:checked + .checkbox_label::after {
    width: 0px;
    height: 0px;
}

.checkBoxContainer:not(.checkboxDisabled) input[type=checkbox]:checked + .checkbox_label:hover path,
.checkBoxContainer:not(.checkboxDisabled) input[type=checkbox]:checked + .checkbox_label:focus path,
.checkBoxContainer:has(label:hover):not(.checkboxDisabled) .checkbox_label path {
    stroke-width: 3px;
}

@media screen and (prefers-reduced-motion: no-preference) {
    .checkbox_label {
        transition: border-width 200ms, border-color 200ms;
    }
    .checkbox_label:focus::before {
        transition: border 300ms ease-in-out;
    }
    .checkbox_label::after {
        transition: width 200ms, height 200ms;
    }
    .checkbox-svg path {
        transition: stroke-width 300ms;
    }
    .checkbox_label.checked {
        transition: border-width 300ms;
    }
}

input[type=radio] {
    visibility: hidden;
    width: 24px;
    margin: 0 !important;
    padding: 0 !important;
}

.checkBoxContainer {
    display: flex;
    align-items: center;
    position: relative;
    gap: 12px;
}

.checkBoxContainer.checkboxDisabled .checkbox_label{
    border-color: var(--level-3-color) !important;
    background-color: var(--level-3-color) !important;
    cursor: not-allowed !important;
}

.checkBoxContainer.checkboxDisabled label{
	color: var(--level-3-color);
    cursor: not-allowed !important;
}

.checkBoxContainer>label {
    font-size: 17px;
    margin-bottom: 0;
    cursor: pointer;
}

/* End of CheckBoxes */

/* Radios */

.radio_label {
    display: flex;
    height: 24px;
    width: 24px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    align-items: center;
    border: 2px solid;
    border-radius: 12.2px;
    cursor: pointer;
}

.radio_label {
    border-color: var(--level-5-color);
}

.radio_knob {
    display: block;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    border: 4px solid white;
    border-radius: 50%;
    background: transparent;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.radio_label::before {
    content: '';
    position: absolute;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    border: 2px solid;
    border-color: transparent;
    border-radius: 32px;
    background-color: transparent;
    pointer-events: none;
}

.radio_label:focus {
    outline: none;
}

.radio_label:focus::before {
    border-color: var(--brand-primary-2-color);
}

.radio_label:hover, .radio_label:focus, .checkBoxContainer:has(label:hover) .radio_label {
    border-width: 3px;
    border-color: var(--level-6-color);
}

.checkBoxContainer input[type=radio]:checked + .radio_label {
    border-width: 6px;
    border-color: var(--brand-primary-2-color);
}

.checkBoxContainer input[type=radio]:checked + .radio_label:hover,
.checkBoxContainer input[type=radio]:checked + .radio_label:focus,
.checkBoxContainer:has(label:hover) input[type=radio]:checked + .radio_label {
    border-width: 8px;
    border-color: var(--level-8-color);
}

@media screen and (prefers-reduced-motion:no-preference) {
    .radio_label, .radio_knob {
        transition: all 450ms;
    }

    .radio_label {
        transition: border-width 200ms, border-color 200ms;
    }

    .radio_label:focus::before {
        transition: border 10ms ease-in-out;
    }
}

/* End of Radios */

.rowForMobile {
    position: relative;
}

.imgPin {
    height: auto;
    width: auto;
    max-width: 32px;
    max-height: 32px;
    float: left;
}

.imgCobaPin {
    height: auto;
    width: auto;
    max-width: 46px;
    max-height: 46px;
    margin-right: 2px;
}

.imgCobaPin.paidATMPin {
    margin-right: 0px;
}

.distanceContainer {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}

/* Results list */

.item-row {
    position: relative;
    height: auto;
    cursor: pointer;
    border-radius: 16px !important;
    border: 0;
    background-color: transparent;
    padding: 0 16px;
    width: 100%;
    text-align: left;
}

.item-row:focus {
    outline: none;
    border: none;
}

.itemList {
	display: flex;
	height: auto !important;
	min-height: 115px;
	align-items: center;
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid var(--level-2-color);
}

.item-row:last-child .itemList {
	border-bottom: none;
}

.item-row .itemList::before {
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: -16px;
	right: -16px;
	border-radius: 16px;
	pointer-events: none;
	border: none;
    z-index: 1;
}

.item-row:focus .itemList::before {
    border: 2px solid var(--brand-primary-2-color);
}

.itemListDistance {
	width: 30%;
    padding: 0px;
    padding-left: 10px;
    display: flex;
    align-items: baseline;
}

.list-item-link:hover .itemListDistance {
    transform: translate(0,-4px);
}

@media screen and (prefers-reduced-motion: no-preference) {
    .list-item-link .itemListDistance {
        transition: transform 300ms ease-in-out;
    }
}

.itemListButtons{
	width: 140px;
	height: 30px;
	position: absolute;
	display:none;
}

.itemListButtons div, .itemListButtons a{
	width:30px;
	height:30px;
}

.itemListAddress {
    flex: 1;
	display: flex;
	flex-direction: column;
    padding: 0px !important;
}

.itemListAddressText {
	height: 100%;
	overflow: hidden;
}

.itemListCobaFilialOrATM {
    flex: auto;
	height: auto;
	width: auto;
	max-width: 46px;
	max-height: 46px;
}

.itemListCards {
    position: absolute;
    right: 2px;
    bottom: 5px;
    width: 60px;
    height: 25px;
    display: flex;
    justify-content: right;
}

.mainContent.fullInfo .infoBoxContainer .itemListCards {
    display: none;
}

.itemListCards img {
    width: 23px;
    height: 23px;
    margin-left: 2px;
}

.suspendedBranch {
    box-sizing: content-box;
    margin: 0px -16px !important;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 7px 8px 7px 24px;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    background-color: var(--brand-primary-1-color);
    color: var(--brand-primary-2-color);
    font-family: 'Gotham';
    z-index: 10;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#previewHeader span.suspendedBranch {
    position: relative;
    padding: 7px 5px;
}

.suspendedBranch.above {
    display: none;
    position: absolute;
    top: -33px;
    margin: 0px !important;
    width: calc(100% - 40px);
    max-width: fit-content;
    padding-left: 10px;
    border-top-left-radius: 0;
}

.suspendedBranchText {
    font-size: 16px;
    word-break: break-word;
}

.cornerPatch {
    position: absolute;
    top: 34px;
    width: 16px;
    height: 16px;
    padding: 0;
    background-color: var(--brand-primary-1-color);
}

.topLeftCorner {
    left: 0;
}

.topRightCorner {
    right: 0;
}

.cornerPatch::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: white;
}

.topLeftCorner::after {
    border-top-left-radius: 16px;
}

.topRightCorner::after {
    border-top-right-radius: 16px;
}

.posNotice {
    font-size: 11px;
}

#navbarBottom {
    position: fixed;
    height: 30px;
    left: 0;
    right: 0;
    bottom: 10%;
}

#navbarBottom .cobaLogo{
    background: center / contain no-repeat url('CB-2022-Logo_horizontal_RGB_Solid_white.svg');
    height: 100%;
}

/* Media sections */

.colForMobile, .colListForMobile{
	padding:0;
	float:left;
	position:relative;
}

#iconSearch, #iconGeo{
	display:none;
}

#previewHeaderIcons{
	position:relative;
	float: right;
	height:40px;
}

.mainContent.displayOneBranch #informationCrossClose,
.mainContent.displayOneBranch #iconSearch,
.mainContent.displayOneBranch #iconGeo{
    display:none;
}

.SitemapHeader{
	font-size: 30px;
	color: var(--brand-primary-2-color);
	padding: 16px;
    padding-bottom: 24px;
}

/* Click List styles */

.click-list-item{
	display:flex;
	width:100%;
	padding:0px 16px;
	color:var(--brand-primary-2-color);
	height:80px;
    align-content:center;
    border-radius: 16px;
}

.click-list-item .list-item-container {
    flex: auto;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--level-2-color);
    position: relative;
}

.click-list-item:last-child .list-item-container {
    border-bottom: none;
}

.click-list-item .list-item-container::before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -16px;
    right: -16px;
    border-radius: 16px;
    pointer-events: none;
    border: none;
}

.click-list-item:focus {
    outline: none;
    border: none;
}

.click-list-item:focus .list-item-container::before {
    border: 2px solid var(--brand-primary-2-color);
}

.click-list-item .list-item-container::after {
    content: '\e950';
    font-family: 'coba-outline';
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: var(--brand-primary-2-color);
    width: 24px;
    align-items: center;
    display: flex;
}

@media screen and (prefers-reduced-motion:no-preference) {
    .click-list-item .list-item-container::after {
        transition: all 300ms;
    }

    .click-list-item:hover .list-item-container::after, .click-list-item:focus .list-item-container::after {
        transform: translateX(8px);
    }
}

.click-list-item .text{
    flex: auto;
    font-size: 17px;
}

.click-list-item:hover, .click-list-item:focus, .click-list-item.hover {
    color: var(--brand-primary-2-color);
	text-decoration:none;
    outline: none;
}

.click-list-item:hover, .click-list-item.hover {
    background-color: var(--level-1-color);
}

@media screen and (prefers-reduced-motion: no-preference) {
    .click-list-item:hover, .click-list-item.hover {
      transition: background-color 400ms;
    }
}

.click-list-item:active, .click-list-item:visited{
    color: var(--brand-primary-2-color);
}

.click-list-item .branchStatus {
    display: inline-flex;
    padding: 2px 8px;
    padding-left: 30px;
    border-radius: 8px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--brand-primary-1-color) !important;
}

.click-list-item .text span:first-child {
    margin-right: 12px;
}

.click-list-item .branchStatus.info {
    background: url('information.svg') center left 8px / 17px no-repeat;
}

.click-list-item .branchStatus.warning {
    background: url('alert.svg') center left 8px / 17px no-repeat;
}

.fsTooltip{
    display:none;
    position:absolute;
    pointer-events: none;
    font-size:12px;
    background: #fff;
    padding:16px;
    border:1px solid var(--level-3-color);
    border-radius:16px;
    box-shadow: 0 16px 24px -8px rgba(0,37,48,0.20);
    width:300px;
    z-index:20000;
}

.depositarTooltip, .depositarTooltip_en{
    top:-18px;
    right:90px;
}

.barriereTooltip, .barriereTooltip_en{
	top: -27px;
	right: 45px;
}

.depositarTooltip_en, .barriereTooltip_en{
	top: -9px;
}

.branchPdfTooltip, .branchPdfTooltip_en, .branchPdfTooltipSmall, .branchPdfTooltipSmall_en{
	top: 23px;
	right: 190px;
}

.branchPdfTooltipSmall, .branchPdfTooltipSmall_en{
	top: 56px;
}

.dateTooltip{
    display: none;
    position: absolute;
    pointer-events: none;
    font-size: 12px;
    background: #fff;
    padding: 10px;
    border: 1px solid #bbb;
    border-radius: 12px;
    box-shadow: 0 16px 24px -8px rgba(0,37,48,0.20);
    z-index: 20000;
    font-weight: normal;
    width: 92px;
    text-align: center;
    right: -70px;
    top: -11px;
}

.infoBlockTooltip{
    position: absolute;
    top: 25px;
    left: -182px;
    width: 400px;
    background-color: var(--brand-primary-1-color);
    font-size: 17px;
    color: var(--brand-primary-2-color);
    font-family: 'Gotham';
    font-weight: 500;
    word-break: break-word;
}

.infoBlockIcon {
    position: relative;
}

.infoBlockIcon img{
    width: 21px;
    margin-left: 0.75rem;
    vertical-align: text-bottom;
}

#depositarIcon:hover + .fsTooltip, #barriereIcon:hover + .fsTooltip, #branchPdfIcon:hover + .fsTooltip, .tooltipped:hover > .dateTooltip, .infoBlockIcon:hover > .infoBlockTooltip{
    display:block;
}

#depositarTooltipSection{
	display:none;
}

#accessibilitySection, #branchPdfTooltipSection, #suspendedSection, .appointmentBlock, #branch-notification-metal, #branch-notification-currency {
	display:none;
}

#suspendedSection {
    text-wrap: auto;
    padding: 12px;
    margin: 0 0 10px 0 !important;
    border-radius: 16px;
}

#branchPdfTooltipSection .informationLabel{
	margin-left: 0px;
}

.accessibilityContent{
	display:flex;
	flex-direction:column;
	align-items:end;
	row-gap:6px;
	line-height:14px;
}

.orgaBlock{
	width:100%;
}

.orgaHeader{
	background: #FFCC33;
	width:100%;
	padding:10px 10px 7px 10px;
	text-transform:uppercase;
	font-size: 14px;
	line-height:14px;
	font-weight: bold;
}

.orgaButtons{
	width:100%;
}

.orgaButton{
	width:50%;
	height:31px;
	float:left;
	padding:10px 10px 7px 10px;
	font-size: 14px;
	line-height:14px;
	color: #333;
	cursor:pointer;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.orgaButton.secondColumn{
	border-right:none;
}

.orgaButton.lastRow{
	border-bottom:none;
}

.orgaButton.active, .orgaButton:hover{
	background:#999;
	color:#fff;
}

@media (hover: none) {
    #suspendedSection {
        display: block;
    }
}

/* Skip links section */
#skip-links {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -123%);
    background-color: #ffffff;
    box-shadow: 0 2px 4px 1px rgb(0 0 0 / 40%);
    z-index: 1338;
    display: flex;
    flex-direction: column;
    border: 1px solid;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: none;
	border-color: var(--level-4-color);
}

@media screen and (prefers-reduced-motion:no-preference) {
    #skip-links {
        transition: transform 200ms cubic-bezier(0, 0, .3, .48);
    }
}

#skip-links:has(.skip:focus) {
	transform: translate(-50%, 0);
}

.skip-link-container {
	position: relative;
	padding: 18px 16px;
}

.skip-link-container:not(:last-child) {
    border-bottom: 1px solid var(--level-4-color);
}

.skip {
    font-size: 15px;
    line-height: 2rem;
    font-family: "Gotham";
    font-weight: 500;
	border-color: var(--level-4-color);
	background-color: #ffffff;
	color: var(--brand-primary-2-color);
	text-decoration: none;
	display: inline-block;
  	position: relative;
	outline: 0;
}

.skip:active, .skip:visited, .skip:hover, .skip:focus {
	color: var(--brand-primary-2-color);
	text-decoration: none;
}

.skip:focus::before {
	content: "";
	pointer-events: none;
	background-color: transparent;
	top: -12px;
	right: -6px;
	bottom: -12px;
	left: -6px;
	position: absolute;
	border-radius: 6px;
	border: 2px solid var(--brand-primary-2-color);
	z-index: 20;
}

@media screen and (prefers-reduced-motion: no-preference) {
	.skip:focus::before {
		transition: border 300ms ease-in-out;
	}
}

/* Coba styles for controls */

/* Primary and secondary buttons */

.coba-btn-container {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 56px;
}

.coba-primary-btn, .coba-secondary-btn {
    display: flex;
    width: 100%;
    height: 44px;
    position: relative;
    color: var(--brand-primary-2-color);
    background-color: var(--brand-primary-1-color);
    box-shadow: 0 0 0 6px var(--brand-primary-1-color),
      0 0 0 0.5px var(--brand-primary-1-color),
      0 0 0 2px var(--brand-primary-1-color),
      0 0 0 1px var(--brand-primary-1-color);
    padding: 0 32px 0 28px;
    border: 0;
    border-radius: 32px;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
}

.coba-secondary-btn {
    height: 56px;
    border: 1px solid var(--brand-primary-2-color);
    background-color: white;
    box-shadow: inset 0 0 0 0;
}

.coba-primary-btn.disabled, .coba-secondary-btn.disabled {
    height: 56px;
    margin-left: -6px;
    padding: 0 37px 0 33px;
    color: var(--level-3-color);
    background-color: white;
    border: 1px solid var(--level-3-color);
    box-shadow: none;
    cursor: not-allowed;
}

@media screen and (min-width:640px) {
    .coba-primary-btn, .coba-secondary-btn {
        width: -moz-fit-content;
        width: fit-content;
    }
}

@media screen and (prefers-reduced-motion: no-preference) {
    .coba-primary-btn:not(:disabled), .coba-secondary-btn:not(:disabled) {
      transition: all 300ms ease-in-out;
      transition-property: all;
      transition-property: background-color,box-shadow,fill,outline;
    }
}

.coba-primary-btn .text, .coba-secondary-btn .text {
	line-height: 18px;
    font-size: 16px;
    font-weight: 500;
    border: 0px solid transparent;
}

.coba-primary-btn:not(:disabled):hover {
    background-color: var(--brand-primary-1-accent);
    box-shadow: 0 0 0 6px var(--brand-primary-1-accent),
      0 0 0 0.5px var(--brand-primary-1-accent),
      0 0 0 2px var(--brand-primary-1-accent),
      0 0 0 1px var(--brand-primary-1-accent);
}

.coba-secondary-btn:not(:disabled):hover {
    color: var(--level-8-color);
    border-color: var(--level-8-color);
    box-shadow: inset 0 0 0 1px var(--level-8-color);
}

.coba-primary-btn:not(:disabled).clicked {
    background-color: var(--brand-primary-1-accent);
    box-shadow: 0 0 0 0 var(--brand-primary-1-accent),
      0 0 0 0 var(--brand-primary-1-accent),
      0 0 0 0 var(--brand-primary-1-accent),
      0 0 0 0 var(--brand-primary-1-accent);
}

.coba-secondary-btn:not(:disabled).clicked {
    box-shadow: inset 0 0 0 3px var(--level-8-color);
}

.coba-primary-btn::after, .coba-secondary-btn::after {
    content: '\e94c';
    font-family: 'coba-solid';
    margin-left: 12px;
    font-size: 24px;
}

.coba-primary-btn::before, .coba-secondary-btn::before {
    content: '';
    position: absolute;
    top: -12px;
    left: -12px;
    bottom: 0;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    border-radius: 32px;
}

.coba-secondary-btn::before {
    top: -7px;
    left: -7px;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
}

.coba-primary-btn:focus, .coba-secondary-btn:focus {
    outline: none;
}

.coba-primary-btn:not(:disabled):focus::before, .coba-secondary-btn:not(:disabled):focus::before {
    border: 2px solid var(--brand-primary-2-color);
}

/* Link */

.coba-link {
    display: inline;
    font-weight: 500;
    text-decoration: none;
    line-height: initial;
    border-bottom: 1px solid var(--brand-primary-2-color);
    padding-bottom: 1px;
    outline: none;
    color: var(--brand-primary-2-color);
    width: fit-content;
}

.coba-link:visited {
    color: var(--brand-primary-2-color);
}

.coba-link:hover {
    color: var(--brand-primary-2-color) !important;
    border-bottom: 2px solid;
    padding-bottom: 0;
    text-decoration: none;
}

.coba-link span {
    border-radius: 6px;
    outline: 2px solid transparent;
    outline-offset: 4px;
}

.coba-link:focus {
    color: var(--brand-primary-2-color);
    text-decoration: none;
    outline: none;
}

.coba-link:focus span {
    outline-color: var(--brand-primary-2-color);
}

@media screen and (prefers-reduced-motion: no-preference) {
    .coba-link:focus span {
        transition: outline 300ms ease-in-out;
    }
}

/* Icon link */

.coba-icon-link {
    position: relative;
    display: flex;
    width: max-content;
    align-items: center;
    align-self: normal;
    color: var(--brand-primary-2-color);
}

.coba-icon-link:hover {
    transform: translate(0, -4px);
}

@media screen and (prefers-reduced-motion: no-preference) {
    .coba-icon-link {
        transition: transform 300ms ease-in-out;
    }
}

.coba-icon-link .coba-icon-link-text {
    margin-right: 12px;
    font-size: 16px;
    letter-spacing: 0.1px;
    font-weight: 500;
}

.coba-icon-link:hover .coba-icon-link-text {
    color: var(--level-8-color);
}

.coba-icon-link-icon {
	display: flex;
    width: max-content;
    align-items: center;
}

.coba-icon-link-icon::before {
    content: '\e94c';
    width: 24px;
    height: 24px;
    font-family: 'coba-solid';
    font-size: 24px;
    line-height: 1;
    color: var(--brand-primary-2-color);
}

.coba-icon-link-icon.document-arrow-icon::before {
    content: '';
    background: url('document_arrow.svg') center / 24px no-repeat;
}

.coba-icon-link-icon.info-circle-icon::before {
    content: '';
    background: url('info_circle.svg') center / 24px no-repeat;
}

.coba-icon-link button {
    display: flex;
    align-items: center;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 4px 0;
    border: 0;
    color: inherit;
    background-color: transparent;
    overflow: visible;
    outline: none;
    cursor: pointer;
}

.coba-icon-link button::before {
    content: '';
    position: absolute;
    top: -6px;
    bottom: -6px;
    left: -6px;
    right: -6px;
    border-radius: 6px;
    border: 2px solid transparent;
    background-color: transparent;
    pointer-events: none;
    z-index: 20;
}

.coba-icon-link button:focus::before {
    border-color: var(--brand-primary-2-color);
}

@media screen and (prefers-reduced-motion: no-preference) {
    .coba-icon-link button:focus::before {
        transition: border 300ms ease-in-out;
    }
}

/* Chip */

.coba-chip {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 12px;
    color: var(--level-5-color);
    border: solid 1px var(--level-5-color);
    border-radius: 20px;
    background-color: white;
    cursor: pointer;
}

.coba-chip:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--brand-primary-2-color);
    border-color: var(--brand-primary-2-color);
}

@media (hover: hover) {
    .coba-chip:hover, .coba-chip.on:hover {
        border-color: var(--level-6-color);
        box-shadow: inset 0 0 0 1px var(--level-6-color);
        color: var(--level-6-color);
    }
}

.coba-chip.on {
    color: var(--brand-primary-2-color);
    border-color: var(--brand-primary-2-color);
    background-color: var(--level-1-color);
}

.coba-chip label {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-bottom: 0;
    cursor: pointer;
}

.coba-chip.clicked {
    border-color: var(--level-6-color);
    box-shadow: inset 0 0 0 2px var(--level-6-color);
    color: var(--level-6-color);
}

.coba-chip::before {
    content: '';
    pointer-events: none;
    background-color: transparent;
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    position: absolute;
    border-radius: 22px;
    border: 2px solid transparent;
    z-index: 100;
}

.coba-chip:focus::before {
    border-color: var(--brand-primary-2-color);
}

@media screen and (prefers-reduced-motion: no-preference) {
    .coba-chip {
        transition: all 200ms ease-in-out;
    }

    .coba-chip::before {
        transition: border 300ms ease-in-out;
    }
}

/* End of Coba styles for controls */

.search-by-locations #SearchFieldRow {
    margin: 0;
    flex-basis: 68%;
}

.search-by-locations .search-btn-wrapper {
    flex-basis: 32%;
    display: flex;
    justify-content: end;
}

.searchRow.search-by-locations  {
    margin: 16px 16px 24px 16px;
    align-items: center;
    display: flex;
}

#inputClear.align-right {
    padding-right: 0;
    border-right: unset;
}

.hide {
    display: none;
}

.content-padding-btm {
    padding-bottom: 30px;
}

.sitemap-header-h2 {
    padding: 16px;
    padding-bottom: 24px;
    line-height: 1.42;
    font-weight: 400;
    margin: 0;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.action-icon-tooltip {
    right: 45px;
    top: -10px;
}

.action-icon-wrapper {
    position: relative;
}

.action-icon-wrapper:hover .fsTooltip {
    width: 250px;
    display: block;
}

.informationBlock.separated.nearestButton {
    display: flex;
    flex-direction: column;
}

.calendar-controller {
    background: rgba(241, 239, 237);
    padding: 5px 10px 0 10px;
    pointer-events: auto;
    height: 40px;
}

.calendar-status-title {
    font-size: 18px;
    font-weight: 500;
}

.calendar-controller-wrapper {
    display: flex;
    align-items: center;
    width: 66%;
}

.status-indicator {
	display: flex;
	margin-left: 10px;
    opacity: 1;
}

.status-indicator .sphere {
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.status-indicator .sphere.open {
	background-color: var(--lsg-color-success-light);
}

.status-indicator .sphere.closed {
	background-color: var(--functional-color-red);
}

.status-indicator .sphere.soon {
	background-color: var(--lsg-color-warning-light);
}

.status-indicator span {
	line-height: 12px;
    font-size: 14px;
    font-weight: 500;
}

.calendar-pagination-wrapper {
    flex: 1;
    display: flex;
    justify-content: end;
}

.calendar-pagination {
    display: flex;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border: 0;
    align-items: center;
    font-size: 14px;
}

.calendar-pagination.hide {
    display: none;
}

.calendar-pagination button {
    display: flex;
    text-decoration: none;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    overflow: visible;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    max-width: inherit;
    min-width: 22px;
    height: inherit;
    position: relative;
    box-shadow: none;
    outline: none !important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.calendar-pagination-next .action-inner-wrapper:after {
    content: '\e950';
    font-family: 'coba-outline';
    font-size: 22px;
    font-weight: 700;
    width: 22px;
    align-items: center;
    display: flex;
}

.calendar-pagination-prev .action-inner-wrapper:after {
    content: '\e94f';
    font-family: 'coba-outline';
    font-size: 22px;
    font-weight: 700;
    width: 22px;
    align-items: center;
    display: flex;
}

.calendar-pagination-next {
    display: flex;
}

.calendar-pagination-next button {
    text-align: right;
}

.calendar-pagination-prev {
    display: flex;
    margin-right: 8px;
}

.calendar-pagination-prev button {
    text-align: left;
}

.calendar-pagination-next.hide, .calendar-pagination-prev.hide {
    display: none !important;
}

.calendar-pagination-next button:focus-visible::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -12px;
    right: -6px;
    bottom: -3px;
    border: 2px solid var(--brand-primary-2-color);
    border-radius: 6px;
    pointer-events: none;
}

.calendar-pagination-prev button:focus-visible::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -6px;
    right: -12px;
    bottom: -3px;
    border: 2px solid var(--brand-primary-2-color);
    border-radius: 6px;
    pointer-events: none;
}

.informationField.hide {
    display: none;
}

.calendar-controller-mobile {
    display: none;
    align-items: center;
}

.status-indicator.mobile {
    display: none;
}

.calendar-controller-wrapper:has(.calendar-pagination-next.hide) .status-indicator, #informationAdditional:has(.calendar-pagination-next.hide) .status-indicator {
    opacity: 0;
}

#ios-install-banner {
    display: none;
    width: 100%;
    position: absolute;
    padding: 16px 4px 16px 4px;
    background: var(--brand-primary-3-color);
    z-index: 24000;
    border-bottom: 1px solid rgb(124, 118, 118);
}

.banner-ok-btn button {
    height: 22px;
    padding: 2px 12px 2px 12px;
}

.banner-ok-btn button::after {
    display: none;
}

.banner-dismiss-btn {
    position: absolute;
    right: 9px;
    top: 4px;
}

.banner-dismiss-btn button {
    background-color: transparent;
    font-size: 26px;
    width: fit-content;
    height: fit-content;
}

.banner-image {
    padding-right: 12px;
}

.banner-title {
    font-size: 16px;
    color: #111;
    font-weight: 500;
}

.banner-text {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0;
}

.banner-ok-btn {
    margin-right: 10px;
    margin-left: 15px;
    display: flex;
    align-items: center;
}

.banner-ok-btn .text {
    font-size: 16px;
}

@media (max-width: 1199px) {
    #header{
        height: 64px;
    }
    #hamburger{
        height: auto;
        align-self: center;
        align-content: center;
    }
	.informationField{
		font-size:12px;
	}
    .informationField.additional{
        font-size:11px;
    }
	.weekPrefix{
		width:25px;
	}
	.morningHours{
		width:82px;
	}
    #searchArea {
        width: 80%;
        overflow-y: scroll;
    }
	#searchContainer {
		min-width: 750px;
	}
	#searchContainer header {
		height: 64px;
	}
	.checkBoxLabel {
	    font-size: 14px;
	}
    .mapArea {
        height: 637px;
        background-size: auto 100%;
    }
	.mainContent.noMapSlider .mapArea{
		height:679px;
	}
    .footer-logo img {
        width: 85%;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .container {
        width: 1024px;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
	.orgaButton{
		font-size:11px;
	}
    .kmTillCkeckpoint {
        font-size: 13px;
        padding-left: 0px;
        float: none;
    }
    .imgPin {
        float: none;
    }
    .footer-link:not(:last-child) {
        margin-right: 14px;
    }
}

@media(min-width: 992px) {
    .scrollable-menu {
        max-height: 605px;
    }
    .colListForMobile {
        width: 40%;
    }
    .colForMobile {
        width: 60%;
    }
    .infoBoxContainer.noInfoAdditional{
        bottom: 255px;
    }
    .chips-filial-atm-container .coba-chip label {
        line-height: 15px;
        text-align: center;
    }
}

@media (max-width: 991px) {
	.coba-primary-btn, .coba-secondary-btn {
		width: fit-content;
	}
	#brandImage {
		background-image: url('CB-2022-Ribbon_RGB.svg');
		padding: 0;
	}
	#hamburger{
		display: block;
	}
	.mainContent.fullInfo .informationBlock.separated.nearestButton{
		display:none;
	}
	.mainContent.fullInfo #orgaDetailsHeader{
		background:none;
	}
	
	#corporateTitle{
		display:none;
	}
	.fsTooltip{
		display:none !important;
	}
	.mainContent.fullInfo #depositarTooltipSection{
		display:flex;
		position:relative;
		float: left;
		margin: 0;
		width: 100% !important;
	}
	.mainContent.fullInfo #accessibilitySection{
		display:flex;
		flex-direction: column;
		position:relative;
		padding: 10px 10px 0px 10px;
		margin-bottom: 32px;
		width:100%;
		row-gap: 22px;
	}
    #accessibilityTooltipSection {
        display: flex;
        gap: 16px;
    }
    .coba-banner {
        display: flex;
        width: calc(100% - 20px) !important;
        margin: 0 10px;
        padding: 16px !important;
        border-radius: 16px;
        border: none !important;
        background-color: var(--level-1-color);
        gap: 16px;
    }
    .coba-banner .previewHeaderIcon {
        margin: 0;
    }
    .coba-banner span {
        flex: 1;
    }
    .mainContent.fullInfo #branchPdfTooltipSection{
		display:flex;
		position:relative;
		padding: 10px 10px 0px 10px;
		margin-top: 10px;
		float: left;
		border-top: 2px solid #ECECEC;
		width:100%;
	}
	.mainContent.fullInfo #suspendedSection{
		position: relative;
		display: flex;
		padding: 16px;
		margin: 0 10px 32px 10px !important;
		text-wrap: unset;
		border-radius: 16px;
	}
	
	.mainContent.fullInfo .informationBlock{
		min-height:auto;
	}
	
	.mainContent.fullInfo .branchPdfTooltip{
		flex: 1;
	}
	
	.colForMobile #previewHeader .suspendedBranch {
		display: none;
	}
    
    .mainContent.fullInfo #suspendedSection, .suspendedBranch.above {
        display: block;
    }
    
    #suspendedSection, .mainContent.fullInfo .suspendedBranch.above {
        display: none;
    }
    
    /*for mobiles*/
	#iconSearch, #iconGeo{
		display:block;
		position:absolute;
		right:0;
		font-size:18px;
		border: 0px;
        z-index: 2;
	}
	
	#iconSearch{
		top:68px;
	}
	
	#iconGeo{
		top:108px;
	}

    #iconSearch::after, #iconGeo::after{
        content: '';
        position: absolute;
        top: -4px;
        bottom: -4px;
        left: -4px;
        right: -4px;
        border-radius: 6px;
        z-index: 20;
    }

    #iconSearch:focus, #iconGeo:focus {
        outline: none;
    }

    #iconSearch:focus::after, #iconGeo:focus::after {
        border: 2px solid var(--brand-primary-2-color);
    }
	
	#branchPdfIcon{
		display: none;
	}
	.informationBlock, .informationBlockPos{
		width: calc(100% - 20px);
	}
	.orgaInfoBox .informationBlock{
		float:none;
	}
	.mainContent.fullInfo .informationBlock.separated, .mainContent.fullInfo .informationBlockPos.separated, .informationActionIcons, .mainContent.fullInfo .informationBlockPos.contactBlock, .mainContent.fullInfo .informationBlock.contactBlock, .mainContent.fullInfo .informationBlock.appointmentBlock, .mainContent.fullInfo .opening-hours{
		margin:0 10px 32px 10px;
	}
    .mainContent.fullInfo .opening-hours {
        gap: 12px;
        width: calc(100% - 20px) !important;
        padding: 16px;
        border: 1px solid var(--level-4-color);
        border-radius: 16px;;
        background-color: white;
    }
    .mainContent.fullInfo .informationBlock.kasse {
        margin-top: 0;
    }
	.mainContent.fullInfo .informationBlockPos.notice{
		display: none;
	}
	.mainContent.fullInfo .informationBlockPos.coba-banner .informationField{
		margin-left: 0 !important;
	}
	.mainContent.fullInfo .informationBlock.appointmentBlock{
		display: flex;
		align-items: center;
	}
	.mainContent.fullInfo .informationBlock.appointmentBlock .informationLabel{
		flex: 1;
		margin-left: 0px;
	}
	.informationLabel, .informationField{
		margin-left:0;
		font-size:12px;
	}
	.mainContent.fullInfo .informationLabel, .mainContent.fullInfo .informationField{
		font-size:14px;
		line-height:20px;
	}
	#informationAdditional{
		display:none;
	}
	.morningHours {
		width: 100px;
	}
	.mainContent.fullInfo #informationAdditional{
		display:block;
		pointer-events:auto;
		padding-top:0;
		background: rgba(255, 255, 255, 0.95);
	}
	.informationBlock.separated, .informationBlockPos.separated, .informationBlockSB.separated{
		display:none;
	}
	.mainContent.fullInfo .informationBlock.separated, .mainContent.fullInfo .informationBlockPos.separated{
		display:block;
	}
    .informationBlockPos {
        min-height: auto;
    }
    .informationBlockPos.notice {
        display: none;
    }
	.mainContent.fullInfo #informationAdditional .informationBlock{
		width:50%;
	}
	.mainContent.fullInfo #informationAdditional .informationBlock.sbBranch{
		width:100%;
	}
	.mainContent.fullInfo #informationAdditional .informationBlock.sbBranch .informationField.additional{
		margin-right: 10px;
	}
	.mainContent.fullInfo #informationAdditional .informationBlock.last{
		width: calc(100% - 20px) !important;
	}
	.mainContent.fullInfo #informationAdditional .suspendedBranch{
		display: none;
	}
	.infoBoxContainer{
		bottom: 52px;
	}
	.mainContent.noMapSlider .infoBoxContainer {
		bottom: 0;
	}
	.mainContent.fullInfo .infoBoxContainer{
		bottom:auto;
		pointer-events: auto;
	}
	.mainContent.fullInfo .infoBox{
		padding: 0;
	}
	.mainContent #informationArrow{
		display: block;
	}
	.mainContent.fullInfo #informationArrow{
		display: none;
	}
	.mainContent.fullInfo #informationCrossClose{
		position: absolute;
		right: 10px;
		top: 10px;
	}
    .mainContent.fullInfo.displayOneBranch #informationCrossClose, .mainContent.displayOneBranch #informationCrossClose{
        display:block;
    }
	.mainContent.fullInfo #previewHeaderIcons{
		display:none;
	}
	.mainContent.fullInfo #previewHeader{
		width: 100%;
		margin-bottom: 32px;
		margin-top: 20px;
		margin-left: 10px;
		padding-right: 80px;
	}
    #SearchButton{
        margin-left:10px;
    }
	.informationActionIcons{
		display:none;
	}
	.mainContent.fullInfo .informationActionIcons{
		display: flex;
		flex-direction: column;
		row-gap: 32px;
		align-items: center;
		float: none;
		height: auto;
	}
    .informationActionIconsContainer {
        display: flex;
        width: 100%;
        align-items: center;
    }
    .mainContent.fullInfo .opening-hours .kasse {
        padding: 0;
    }
	.mainContent.fullInfo .informationActionIcons.atm{
		padding-bottom:10px;
	}
	.mainContent.fullInfo .informationActionText{
		font-size:14px;
		display:block;
		color: var(--brand-primary-2-color);
		flex:1;
	}
	.mainContent.fullInfo #iconCall{
		display:block;
	}
	.mainContent.fullInfo .mobileDetailsOnly{
		display:block;
	}
	#cobaSignDown{
		height: 30px;
		width: 32px;
		padding: 0px;
		background-image: url('CB-2022-Ribbon_RGB.svg');
		background-size: contain;
		background-repeat: no-repeat;
		flex: 1;
	}
	#filter-line {
		border-bottom: 0;
		height: auto;
	}
	.chips-filial-atm-container {
		padding: 8px 16px;
		height: auto;
		flex-wrap: wrap;
	}
	
	.mainContent.noMapSlider #filter-line{
		display:none;
	}
	
    .container {
        width: 100%;
        max-height: auto;
    }
    .mainContent {
        height: 100%;
    }
	.mainContent.fullInfo .colListForMobile, .mainContent.fullInfo #mapContainer, .mainContent.fullInfo #filter-line
	{
		display:none !important;
	}
	.mainContent.fullInfo .infoBoxContainer{
		position:relative;
	}
	.mainContent.fullInfo .informationAdditional{
		margin-bottom: 50px;
	}
	.mainContent.fullInfo .informationActionIcon.icon-calendar{
		display: none;
	}
	.mainContent.fullInfo .appointmentBlock .informationActionIcon.icon-calendar{
		display: block;
		background-size: 50px;
	}
	.mainContent.fullInfo #underLogo{
        display: flex;
        height: 50px;
        color: var(--negative-text-color);
        background-color: var(--brand-primary-2-color);
        align-items: center;
	}
    .mapArea {
        height: 340px;
        background-size: 100% auto;
    }
	.mainContent.noMapSlider .mapArea{
		height:391px;
	}
	#searchArea{
		top:0;
		width:50%;
		min-width: 480px;
		height:100vh;
		z-index: 40000;
		border: 0;
	}
	#searchContainer {
		min-width:auto;
	}
	#searchContainer header {
		height: 64px;
	}
	#searchCrossClose {
		top: 0;
		right: 10px;
		left: auto;
	}
	#searchContainer .columnThird, #searchContainer .columnThird.last{
		width:100%;
		float:none;
	}
	#searchContainer .title{
		margin-top: 32px;
		margin-bottom: 24px;
		font-size: 22px;
	}
	#searchContainer .section:last-child::after {
		content: '';
		display: block;
		width: 100%;
		height: 88px;
	}

    #searchContainer .section {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    #searchContainer .section .subTitle {
        padding-bottom: 0;
    }

	#searchContainer .section .controls {
		flex-direction: column;
		row-gap: 16px;
	}
	#searchContainer .section .controls.chips {
		flex-direction: row;
	}
	#searchContainer .filterRow{
		padding-left: 0;
		padding-bottom: 0 !important;
	}

	#searchContainer .filterRow .filterLabel {
		font-size: 15px;
	}
    
    .scrollable-menu {
        /* height: 100%; */
        /* overflow-y: scroll; */
        /* overflow-x: hidden; */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        min-height: unset;
    }
    .colForMobile, .colListForMobile {
		float:none;
    }
	.itemListDistance{
		max-width: 130px;
	}
    .itemListAddress {
        padding-bottom: 35px !important;
    }
	.itemListButtons{
		display:flex;
		left:126px;
		bottom:8px;
	}
    .mainContent.fullInfo .infoBoxContainer .itemListCards {
        display: flex !important;
        top: 25px;
        bottom: auto;
        right: 0;
    }
    .mainContent.fullInfo .itemListCards img {
        width: 25px;
        height: 25px;
    }
    #cobaText {
        font-weight:normal;
    }
    #vcardbookdruText {
        color: #837f7b;
        margin-top: 15px;
        padding: 0px;
        padding-left: 10px;
    }
    .backBtn div {
        display: none;
    }
    .newLine div {
        white-space: pre;
    }
    /*Checkboxes*/
    .checkBoxContainer > label {
        font-size: 15px;
    }
    /*Checkboxes end*/
    /*Switchers*/
    .smallContainer {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-bottom: 16px;
    }
	.smallContainer .filterLabel{
		display: flex;
		align-items: center;
		color: var(--negative-text-color);
		flex: 1;
		cursor: pointer;
	}
    /*Switcher end*/
    /*Navbar*/
    .navbar {
        display: block;
    }
    .hamburger {
        display: block;
    }
    body {
        overflow-x: hidden;
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
    body,
    html {
        height: 100%;
    }
    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: transparent;
    }
    /*-------------------------------*/
    /*           Wrappers            */
    /*-------------------------------*/
    #wrapper {
        padding-left: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        height: 100%;
        overflow-y: scroll;
    }
    #wrapper.lockScroll {
        overflow-y: hidden;
    }
    .mainContent.lockScroll {
        min-height: 100vh;
    }
    #sidebar-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 22000;
        width: 75%;
        height: 100vh;
        margin-left: 25%;
        overflow-y: auto;
        overflow-x: hidden;
        background: var(--brand-primary-2-color);
        transform: translate(100%,0);
        -webkit-transform: translate(100%,0);
        -ms-transform: translate(100%,0);
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
        -webkit-transition: -webkit-transform 0.3s ease,-webkit-box-shadow 0.3s ease;
        transition: -webkit-transform 0.3s ease,-webkit-box-shadow 0.3s ease;
        -o-transition: transform 0.3s ease,box-shadow 0.3s ease;
        transition: transform 0.3s ease,box-shadow 0.3s ease;
        transition: transform 0.3s ease,box-shadow 0.3s ease,-webkit-transform 0.3s ease,-webkit-box-shadow 0.3s ease;
    }
    #sidebar-wrapper::-webkit-scrollbar {
        display: none;
    }
    #wrapper.toggled #sidebar-wrapper {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    }
    #page-content-wrapper {
        padding: 0px;
        height: auto;
        /* overflow-y: scroll; */
    }
    /*     #wrapper.toggled #page-content-wrapper {
         position: absolute;
         margin-right: -83%;
     }*/
    /*-------------------------------*/
    /*     Sidebar nav styles        */
    /*-------------------------------*/
    #nav_brand {
        height: 53px;
        width: 100%;
        display: flex;
        align-items: center;
    }
    #nav_brand_text {
        font-size: 18px;
        font-weight: 500;
        color: var(--negative-text-color);
        letter-spacing: 0.1px;
    }
    #wrapper.toggled .navbar-fixed-top {
        top: 0;
        border-width: 0px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0px;
    }
    .navbar-default {
        border-color: #adadaa;
    }
    .sidebar-nav {
        position: absolute;
        top: 64px;
        min-width: 260px;
        width: 100%;
        margin: 0;
        padding: 40px 28px 0px;
        list-style: none;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    .sidebar-nav li {
        position: relative;
        line-height: 20px;
        display: inline-block;
        width: 100%;
    }
    .sidebar-nav li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        height: 100%;
        width: 3px;
        background-color: #1c1c1c;
        -webkit-transition: width .2s ease-in;
        -moz-transition: width .2s ease-in;
        -ms-transition: width .2s ease-in;
        transition: width .2s ease-in;
    }
    .sidebar-nav li:first-child a {
        color: #fff;
        background-color: #1a1a1a;
    }
    .sidebar-nav li:nth-child(2):before {
        background-color: #ec1b5a;
    }
    .sidebar-nav li:nth-child(3):before {
        background-color: #79aefe;
    }
    .sidebar-nav li:nth-child(4):before {
        background-color: #314190;
    }
    .sidebar-nav li:nth-child(5):before {
        background-color: #279636;
    }
    .sidebar-nav li:nth-child(6):before {
        background-color: #7d5d81;
    }
    .sidebar-nav li:nth-child(7):before {
        background-color: #ead24c;
    }
    .sidebar-nav li:nth-child(8):before {
        background-color: #2d2366;
    }
    .sidebar-nav li:nth-child(9):before {
        background-color: #35acdf;
    }
    .sidebar-nav li:hover:before,
    .sidebar-nav li.open:hover:before {
        width: 100%;
        -webkit-transition: width .2s ease-in;
        -moz-transition: width .2s ease-in;
        -ms-transition: width .2s ease-in;
        transition: width .2s ease-in;
    }
    .sidebar-nav li a {
        display: block;
        color: #ddd;
        text-decoration: none;
        padding: 10px 15px 10px 30px;
    }
    .sidebar-nav li a:hover,
    .sidebar-nav li a:active,
    .sidebar-nav li a:focus,
    .sidebar-nav li.open a:hover,
    .sidebar-nav li.open a:active,
    .sidebar-nav li.open a:focus {
        color: #fff;
        text-decoration: none;
        background-color: transparent;
    }
    .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 20px;
        line-height: 44px;
    }
    .sidebar-nav .dropdown-menu {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: none;
        background-color: #222;
        box-shadow: none;
    }
    /*-------------------------------*/
    /*       Hamburger-Cross         */
    /*-------------------------------*/
    .hamburger {
        position: relative;
        z-index: 23000;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0px;
        background: transparent;
        border: none;
    }
    .hamburger:hover,
    .hamburger:active {
        outline: none;
    }
    .hamburger:before {
        display: block;
        width: 100%;
        font-family: "coba-solid";
        font-size: 20px;
        color: #fff;
        line-height: 1;
        text-align: center;
    }
    .hamburger.is-closed:before {
        content: "\e93b";
    }
    .hamburger.is-open:before {
        content: '\e92e';
    }
    .hamburger::after {
        content: '';
        position: absolute;
        bottom: 0;
        top: -6px;
        bottom: -6px;
        left: -6px;
        right: -6px;
        border-radius: 6px;
    }
    .hamburger:focus {
        outline: none;
    }
    .hamburger:focus::after {
        border: 2px solid var(--level-7-color-dark);
    }
    @media screen and (prefers-reduced-motion: no-preference) {
        .hamburger:focus::after {
            transition: border 300ms ease-in-out;
        }
    }
    /*-------------------------------*/
    /*            Overlay            */
    /*-------------------------------*/
    .overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 21000;
    }

    /*************************/
    .searchBtnContainer {
        display: none;
    }
    div.promo {
        display: none;
    }
    #footer {
        display: none;
    }
    .kmTillCkeckpoint {
        font-size: 13px;
        padding-left: 5px;
        float: left;
    }

    .mainContent.fullInfo #branch-notification-metal, .mainContent.fullInfo #branch-notification-currency {
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 10px 10px 0px 10px;
        margin-bottom: 32px;
        width: 100%;
        row-gap: 22px;
    }

    .branch-notification-section-inner {
        display: flex;
        gap: 16px;
    }

    .branch-notification-section-inner .coba-link {
        word-break: break-word;
        margin-left: 4px;
    }

    .branch-notification-section-inner .linkText {
        font-size: 14px;
        vertical-align: unset;
    }

    .status-indicator {
        margin-left: 0;
    }

    .status-indicator .sphere {
        margin: 0 6px 0 0;
    }

    .calendar-pagination-wrapper {
        flex: unset;
    }

    .calendar-status-title {
        font-size: 16px;
    }

    .opening-hours .calendar-controller-mobile {
        display: flex;
    }

    .opening-hours .status-indicator {
        display: flex;
    }

    .infoBoxContainer .calendar-controller {
        display: none;
    }

    /*End of (max-width: 991px) */
    @media (max-width: 767px) {
        .container {
            width: 100%;
            max-height: auto;
        }
        .mainContent {
            height: 100%;
        }
        .mapArea {
            /*height: 250px;*/
            height: 340px;
        }
		.mainContent.noMapSlider .mapArea{
			height:391px;
		}
        .scrollable-menu {
            max-height: none;
            height: auto;
            height: 100%;
            overflow-y: hidden;
        }
        .colForMobile {
            bottom: 0;
        }
        .backBtn div {
            display: none;
        }
        #wrapper {
            height: 100%;
            overflow-y: scroll;
        }
        #page-content-wrapper {
            height: auto;
        }
        .rowForMobile {
            width: 100%;
        }
        .chips-filial-atm-container .coba-chip {
            flex: initial;
        }
    }
    @media(max-width: 650px) {
        #sidebar-wrapper {
            width: 100%;
            margin-left: 0;
        }
		.orgaButton{
			width:100%;
			border-right:0;
			border-bottom:1px solid #ddd;
		}
		.orgaButton.lastRow{
			border-bottom:1px solid #ddd;
		}
		.orgaButton.lastButton{
			border-bottom:0;
		}
		.orgaDetailsHeaderLeft, .orgaDetailsHeaderRight{
			float:none;
			max-width:100%;
		}
        .container {
            width: 100%;
            max-height: auto;
        }
        .mainContent {
            height: 100%;
            /* overflow-y: scroll; */
        }
        #previewHeader{
            font-size:16px;
        }
		#orgaDetailsHeader{
			font-size:14px;
		}
		#orgaDetailsHeaderUnit{
			font-size:14px;
		}
        #previewHeaderIcons{
            position:absolute;
            float:none;
            bottom:10px;
            right:10px;
        }
        #iconSearch{
		   top:97px;
	    }
	    #iconGeo{
		   top:137px;
	    }
		.mainContent.noMapSlider #iconSearch {
			top:151px;
		}
		.mainContent.noMapSlider #iconGeo {
			top:191px;
		}
        .informationLabel{
            display:none;
        }
        .mainContent.fullInfo .informationLabel{
            display:inline;
        }
        .mapArea {
            height: 250px;
            position: relative;
            overflow: hidden;
        }
		.mainContent.noMapSlider .mapArea{
			height:301px;
		}
        .scrollable-menu {
            /*max-height: 530px;*/
            /*height: auto; */
            height: 100%;
            overflow-y: hidden;
        }
        .resultItemTitle {
            font-size: 14px;
        }
        .lineSmall {
            line-height: 18px;
            padding-top: 7px;
            font-size: 13px;
        }
        .posNotice {
            font-size: 11.5px;
        }
        .kmTillCkeckpoint {
            font-size: 12px;
            padding-left: 5px;
        }
        .colListForMobile {
            height: auto;
        }
        .backBtn div {
            display: none;
        }
        .imgCobaPin {
            max-width: 32px;
            max-height: 32px;
            margin-right: 1px;
        }
        .imgPin {
            height: auto;
            width: auto;
            max-width: 25px;
            max-height: 25px;
        }
        #wrapper {
            height: 100%;
            overflow-y: scroll;
        }
        #page-content-wrapper {
            height: auto;
        }
        .rowForMobile {
            width: 100%;
            height: auto;
        }
        #searchArea {
            min-width: fit-content;
            width: 100%;
        }
        .searchCloseContainer {
            padding: 0 16px;
        }
        #searchContainer #searchClose span {
            display: none;
        }
        #searchContainer .title, #searchContainer .section, #SearchError {
            margin-left: 16px;
            margin-right: 16px;
        }
        #SearchFieldRow{
            width: calc(100% - 32px);
            margin-left: 16px;
            margin-right: 16px;
        }
        #inputClear {
            margin-left: 12px;
            padding-right: 12px;
        }
        .SitemapHeader{
            font-size: 20px;
            padding-bottom: 16px;
        }

        .search-by-locations #SearchFieldRow {
            margin: 0 0 48px 0;
        }

        .searchRow.search-by-locations {
            align-items: start;
            flex-direction: column;
        }

        .search-by-locations .search-btn-wrapper {
            margin-left: 5px;
        }
    }
    @media(max-width: 591px) {
        .infoBoxContainer {
            bottom: 100px;
        }
    }
    @media (max-width: 480px) {
        #brandImage {
            margin-left: 16px;
        }
        .container {
            width: 100%;
            max-height: auto;
        }
        .mainContent {
            height: 100%;
            /* overflow-y: scroll; */
        }
        .mapArea {
            height: 480px;
            position: relative;
            overflow: hidden;
        }
		.mainContent.noMapSlider .mapArea{
			height:301px;
		}
        .scrollable-menu {
            /*max-height: 530px;*/
            /*height: auto; */
            height: 100%;
            overflow-y: hidden;
        }
        .resultItemTitle {
            font-size: 13px;
        }
        .lineSmall {
            line-height: 18px;
            padding-top: 0px;
            font-size: 13px;
        }
        .posNotice {
            font-size: 11.5px;
        }
        .kmTillCkeckpoint {
			font-size: 12px;
			padding-left: 5px;
			float: left;
        }
        .imgPin {
            height: auto;
            width: auto;
            max-width: 25px;
            max-height: 25px;
            float: left;
        }
		.itemListDistance{
			position: absolute;
			width: 100%;
            max-width: 120px;
			height: 30px;
			bottom: 8px;
			padding: 0;
		}
		.itemListButtons{
            left: 100px;
            bottom: 9px;
		}
		.distanceContainer{
			position: relative;
			top: auto;
		}
        .colListForMobile {
            height: auto;
        }
        .backBtn div {
            display: none;
        }
        .imgCobaPin {
            height: auto;
            width: auto;
            max-width: 32px;
            max-height: 32px;
            margin-right: 1px;
        }
        .itemListCards {
            right: 0;
        }
        #wrapper {
            height: 100%;
            overflow-y: scroll;
        }
        #page-content-wrapper {
            height: auto;
        }
        .rowForMobile {
            width: 100%;
            height: auto;
        }
        .infoBlockIcon img {
            width: 19px;
            margin-left: 0.65rem;
            padding-bottom: 1px;
        }
        .resultItemTitle .infoBlockIcon img {
            width: 15px;
            margin-left: 0.6rem;
            padding-bottom: 1px;
        }
        .mainContent.fullInfo .opening-hours {
            flex-direction: column;
        }
        .mainContent.fullInfo #informationAdditional .emptyCell{
            display: none;
        }
        .informationField.machines::before{
            margin-right: 8px;
        }
        .weekPrefix {
            width: 30px;
        }
        .morningHours {
            width: 110px;
        }
        .suspendedBranch {
            padding-left: 16px;
            font-size: 15px;
        }
    }
    @media (max-width: 364px) {
        .infoBoxContainer {
            bottom: 148px;
        }
    }
    @media (max-width: 356px) {
        .itemListButtons{
            left: 85px;
        }
    }
}

.icon-route{ background: url('route.svg') center / 40px no-repeat; }
.icon-address{ background: url('add_address.svg') center / 40px no-repeat; }
.icon-print{ background-image: url('print.png'); }
.icon-calendar{ background: url('calendar.svg') center / 40px no-repeat; }
.icon-service-portal{ background: url('hand-service.svg') center / 40px no-repeat; }
.icon-mail{ background-image: url('mail.png'); }
.icon-barrier{ background: url('barrier.svg') center / 40px no-repeat; }
.icon-semi-barrier{ background: url('barrier-semi.svg') center / 40px no-repeat; }
.icon-no-barrier{ background: url('barrier-no.svg') center / 40px no-repeat; }
.icon-deposit{ background: url('deposit.svg') center / 44px no-repeat; }

@media (max-width: 991px) {
    .mainContent.fullInfo .icon-route{ margin-left: 10px; background-size: 50px; }
    .mainContent.fullInfo .icon-address{ margin-left: 10px; background-size: 50px; }
    .mainContent.fullInfo .icon-service-portal{ margin-left: 10px; background-size: 50px; }
    .mainContent.fullInfo .icon-barrier{ background-size: 42px; }
    .mainContent.fullInfo .icon-semi-barrier{ background-size: 42px; }
    .mainContent.fullInfo .icon-no-barrier{ background-size: 42px; }
    .mainContent.fullInfo .icon-deposit{ background-size: 60px; }
}