.bootstrap-select.btn-group .dropdown-menu li.disabled a,
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

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

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

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

[class*=" icon-v-"]:before,
[class^=icon-v-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-v-tags:before {
    content: '\e800'
}

.icon-v-twitter:before {
    content: '\f099'
}

.icon-v-facebook:before {
    content: '\f09a'
}

.icon-v-linkedin:before {
    content: '\f0e1'
}

.icon-v-alert:before {
    content: '\f12a'
}

.icon-v-youtube-play:before {
    content: '\f16a'
}

.icon-v-instagram:before {
    content: '\f16d'
}

.icon-v-gplus:before {
    content: '\f30f'
}

[class*=" icon-"].icomoon2:before,
[class*=" icon-"].icomoon:before,
[class^=icon-].icomoon2:before,
[class^=icon-].icomoon:before {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" icon-"].icomoon2:before,
[class^=icon-].icomoon2:before {
    font-family: icomoon2 !important
}

.icon-Acik-Hesap-Basvurusu:before {
    content: "\e900"
}

.icon-AcikHesapSozlesmeIzle:before {
    content: "\e901"
}

.icon-Ajanda:before {
    content: "\e902"
}

.icon-Altin-Alis:before {
    content: "\e903"
}

.icon-Altin-Fiyatlari:before {
    content: "\e904"
}

.icon-Altin-Hesabi:before {
    content: "\e905"
}

.icon-Altin-Satis:before {
    content: "\e906"
}

.icon-Altin:before {
    content: "\e907"
}

.icon-Ana-Hesap-tanimlama:before {
    content: "\e908"
}

.icon-Arbitraj:before {
    content: "\e909"
}

.icon-Bagis:before {
    content: "\e90a"
}

.icon-Bakiye-Yukleme:before {
    content: "\e90b"
}

.icon-Bank24-Jet-Kart:before {
    content: "\e90c"
}

.icon-Bank24-Kart:before {
    content: "\e90d"
}

.icon-Banka-Karti-Basvurusu:before {
    content: "\e90e"
}

.icon-Banka-Karti:before {
    content: "\e90f"
}

.icon-Banka-Kartlarim-Baslik:before {
    content: "\e910"
}

.icon-Baska-Banka-KK:before {
    content: "\e911"
}

.icon-BaskaBirineAltinHavale:before {
    content: "\e912"
}

.icon-Baska-Hesaba-Havale:before {
    content: "\e913"
}

.icon-Baskasina-Ait-Halkbank-KK:before {
    content: "\e914"
}

.icon-Basvuru-Bilgi-Alma:before {
    content: "\e915"
}

.icon-Basvurular-Baslik:before {
    content: "\e916"
}

.icon-Basvurum-Ne-Asamada:before {
    content: "\e917"
}

.icon-Belediye-Vergi-Odemeleri:before {
    content: "\e918"
}

.icon-Bilgi-Goruntuleme:before {
    content: "\e919"
}

.icon-Bilgi-Guncelleme:before {
    content: "\e91a"
}

.icon-Bireysel-Kredi-Basvuru:before {
    content: "\e91c"
}

.icon-Bireysel-Kredi-Basvurusu:before {
    content: "\e91d"
}

.icon-Bireysel-Kredi-Izleme:before {
    content: "\e91e"
}

.icon-BKKullandirimSIIzleme:before {
    content: "\e91f"
}

.icon-Bireysel-Kredilerim:before {
    content: "\e920"
}

.icon-Bireysel-Kredini-Kullan:before {
    content: "\e921"
}

.icon-Bono-Tahvil-Alis:before {
    content: "\e922"
}

.icon-Bono-Tahvil-Islemleri:before {
    content: "\e923"
}

.icon-Bono-Tahvil-Satis:before {
    content: "\e924"
}

.icon-Borc-Odeme-Baslik:before {
    content: "\e925"
}

.icon-Borc-Taksitlendirme:before {
    content: "\e926"
}

.icon-Breysel-Kredi:before {
    content: "\e927"
}

.icon-Cek-Bilgileri:before {
    content: "\e928"
}

.icon-Coklu-Ileri-Tarihli-EFT:before {
    content: "\e929"
}

.icon-Dekontlarim:before {
    content: "\e92a"
}

.icon-Diger:before {
    content: "\e92b"
}

.icon-Diger-Kurumlar:before {
    content: "\e92c"
}

.icon-Diger-Telekom:before {
    content: "\e92d"
}

.icon-Diger-Vergi-Harc-Cezalar:before {
    content: "\e92e"
}

.icon-Dogalgaz:before {
    content: "\e92f"
}

.icon-Donemici-Bilgiler:before {
    content: "\e930"
}

.icon-Doviz-Alis:before {
    content: "\e931"
}

.icon-Doviz-islemleri:before {
    content: "\e932"
}

.icon-Doviz-Kurlari:before {
    content: "\e933"
}

.icon-Doviz-Satis:before {
    content: "\e934"
}

.icon-Doviz-Transferi-Baslik:before {
    content: "\e935"
}

.icon-DovizTransferiIzleme:before {
    content: "\e936"
}

.icon-Duzenle:before {
    content: "\e937"
}

.icon-E-Devlet-Odemeleri:before {
    content: "\e938"
}

.icon-E-Devlet:before {
    content: "\e939"
}

.icon-E-Devlete-Giris:before {
    content: "\e93a"
}

.icon-E-Esnaf-Odemeleri:before {
    content: "\e93b"
}

.icon-EFT-Baslik:before {
    content: "\e93c"
}

.icon-EFT-Emirlerim:before {
    content: "\e93d"
}

.icon-EFT-Ile-Kira-Odemesi:before {
    content: "\e93e"
}

.icon-EFT-Sorgulama:before {
    content: "\e93f"
}

.icon-EFT:before {
    content: "\e940"
}

.icon-Egitim-Odemeleri:before {
    content: "\e941"
}

.icon-Ekstra-Gonder:before {
    content: "\e942"
}

.icon-Ekstre-Goruntuleme:before {
    content: "\e943"
}

.icon-Elektrik:before {
    content: "\e944"
}

.icon-E-Mail-SMS-Talimati:before {
    content: "\e945"
}

.icon-Emekli-Promosyon-Basvuru:before {
    content: "\e946"
}

.icon-Emekli-Promosyon-Basvurusu:before {
    content: "\e947"
}

.icon-Emeklilik-Sigorta:before {
    content: "\e948"
}

.icon-Faiz-Gelirleri:before {
    content: "\e949"
}

.icon-Fatura-Baslik:before {
    content: "\e94a"
}

.icon-Fatura-Talimatlari:before {
    content: "\e94b"
}

.icon-Favori-islemlerim:before {
    content: "\e94c"
}

.icon-Fon-Alis:before {
    content: "\e94d"
}

.icon-Fon-Fiyatlari:before {
    content: "\e94e"
}

.icon-Fon-Islemleri:before {
    content: "\e94f"
}

.icon-Fon-Satis:before {
    content: "\e950"
}

.icon-Fon24-Tanimlama-Kaldirma:before {
    content: "\e951"
}

.icon-Fon24:before {
    content: "\e952"
}

.icon-Gecmis-Islemlerim:before {
    content: "\e953"
}

.icon-Gecmis-Kampanyalar:before {
    content: "\e954"
}

.icon-Gecmis-Kampanyalarim:before {
    content: "\e955"
}

.icon-Gelir-Vergisi:before {
    content: "\e956"
}

.icon-GSM:before {
    content: "\e957"
}

.icon-Gumruk-Vergisi:before {
    content: "\e958"
}

.icon-Guncel-Kampanyalar:before {
    content: "\e959"
}

.icon-Guncel-Kampanyalarim:before {
    content: "\e95a"
}

.icon-Guvenlik:before {
    content: "\e95b"
}

.icon-Halk-Yatirim-Baslik:before {
    content: "\e95c"
}

.icon-HalkYatirimHesabinaTransfer:before {
    content: "\e95d"
}

.icon-Halk-Yatirim-Islemleri:before {
    content: "\e95e"
}

.icon-Halka-Arz-Islemleri:before {
    content: "\e95f"
}

.icon-Halkbank-Dialog:before {
    content: "\e960"
}

.icon-Halkbank-Hesabina-Transfer:before {
    content: "\e961"
}

.icon-Havale-Baslik:before {
    content: "\e962"
}

.icon-Havale-Ile-Kira-Odemesi:before {
    content: "\e963"
}

.icon-Hayat-Sigortasi:before {
    content: "\e964"
}

.icon-Hesaba-Gelen:before {
    content: "\e965"
}

.icon-Hesap-Ac:before {
    content: "\e966"
}

.icon-Hesap-Acilisi:before {
    content: "\e967"
}

.icon-Hesap-Adi-tanimlama:before {
    content: "\e968"
}

.icon-Hesap-Ayarlari:before {
    content: "\e969"
}

.icon-Hesap-Islemleri:before {
    content: "\e96a"
}

.icon-Hesap-Kredi-Karti-Tanimlama:before {
    content: "\e96b"
}

.icon-Hesap-Sorgulama:before {
    content: "\e96c"
}

.icon-Hesaplar:before {
    content: "\e96d"
}

.icon-Hesaplarim-Arasi:before {
    content: "\e96e"
}

.icon-Hesaplarim:before {
    content: "\e96f"
}

.icon-Hesaptan-Giden:before {
    content: "\e970"
}

.icon-HGS-Bakiye-Yukleme:before {
    content: "\e971"
}

.icon-HGS-Izleme:before {
    content: "\e972"
}

.icon-HGS:before {
    content: "\e973"
}

.icon-Hisse-Senedi-VIOP:before {
    content: "\e974"
}

.icon-IBAN-Sorgulama:before {
    content: "\e975"
}

.icon-Ileri-Tarihli-Duzenli-EFT:before {
    content: "\e976"
}

.icon-IT-Duzenli-Kira-Odemesi:before {
    content: "\e977"
}

.icon-Islem-Limit-ve-Kisitlari:before {
    content: "\e978"
}

.icon-Kampanyalarim-Baslik:before {
    content: "\e979"
}

.icon-Kampanyalarim:before {
    content: "\e97a"
}

.icon-Kart-Limiti-Guncelleme:before {
    content: "\e97b"
}

.icon-Karta-Hesap-Baglama:before {
    content: "\e97c"
}

.icon-Karta-Hesap-Baglama2:before {
    content: "\e97d"
}

.icon-KendiAltinHesabinaTransfer:before {
    content: "\e97e"
}

.icon-Kendi-Kredi-Kartim:before {
    content: "\e97f"
}

.icon-Kesin-Talep-Izleme-Iptal:before {
    content: "\e980"
}

.icon-Kesin-Talep:before {
    content: "\e981"
}

.icon-Kira-Baslik:before {
    content: "\e983"
}

.icon-Kisisel-Bilgiler:before {
    content: "\e984"
}

.icon-Kolay-Altin-Islemleri:before {
    content: "\e985"
}

.icon-Kolay-Doviz-Transferi:before {
    content: "\e986"
}

.icon-Kolay-EFT:before {
    content: "\e987"
}

.icon-Kolay-Fatura-Odeme:before {
    content: "\e988"
}

.icon-Kolay-Havale:before {
    content: "\e989"
}

.icon-Kolay-Islemler-Baslik:before {
    content: "\e98a"
}

.icon-Kolay-Islemler:before {
    content: "\e98b"
}

.icon-Kredi-Karti-Basvuru:before {
    content: "\e98d"
}

.icon-Kredi-Karti-Basvurusu:before {
    content: "\e98e"
}

.icon-Kredi-Karti-Ekstre-Talimati:before {
    content: "\e98f"
}

.icon-Kredi-Karti-Limit-Sorgulama:before {
    content: "\e990"
}

.icon-Kredi-Karti-Sorgulama:before {
    content: "\e991"
}

.icon-Kredi-Kartlarim-Baslik:before {
    content: "\e992"
}

.icon-Kredi-Kartlarim:before {
    content: "\e993"
}

.icon-KK-BurosuRiskRaporu:before {
    content: "\e994"
}

.icon-Kredilerim:before {
    content: "\e995"
}

.icon-Kurum-Baslik:before {
    content: "\e996"
}

.icon-Limitlerim:before {
    content: "\e997"
}

.icon-MTV:before {
    content: "\e998"
}

.icon-Mutlu-Musteri-merkezi:before {
    content: "\e999"
}

.icon-Nakit-Avans:before {
    content: "\e99a"
}

.icon-Otomatik-Odeme-Tahsilati:before {
    content: "\e99b"
}

.icon-Otomatik-Repo-Talimati:before {
    content: "\e99c"
}

.icon-On-Odemeli-Kartlarim-Baslik:before {
    content: "\e99d"
}

.icon-On-Talep-Izleme-Iptal:before {
    content: "\e99e"
}

.icon-On-Talep:before {
    content: "\e99f"
}

.icon-Paraf-Debit:before {
    content: "\e9a0"
}

.icon-Parafast:before {
    content: "\e9a1"
}

.icon-ParafPara:before {
    content: "\e9a2"
}

.icon-Parola-Islemleri:before {
    content: "\e9a3"
}

.icon-Piyasa-Bilgileri-Duzenleme:before {
    content: "\e9a4"
}

.icon-Portfoy-Islemleri:before {
    content: "\e9a5"
}

.icon-Portfoyum:before {
    content: "\e9a6"
}

.icon-:before,
.icon-Repo-Islemleri-Repo-Islemleri-Repo-Islemleri:before {
    content: "\e9a7"
}

.icon-Repo-Oranlari:before {
    content: "\e9a8"
}

.icon-Repo-Yap:before {
    content: "\e9a9"
}

.icon-Sanal-Kart-Basvurusu:before {
    content: "\e9aa"
}

.icon-Sanal-Kartlarim:before {
    content: "\e9ab"
}

.icon-Search:before {
    content: "\e9ac"
}

.icon-Senet-Odemeleri:before {
    content: "\e9ad"
}

.icon-SGK:before {
    content: "\e9ae"
}

.icon-Sikca-Sorulan-Sorular:before {
    content: "\e9af"
}

.icon-SMS-Talimati-Iptal:before {
    content: "\e9b0"
}

.icon-Son-Islemlerim:before {
    content: "\e9b1"
}

.icon-Sozlesmelerim:before {
    content: "\e9b2"
}

.icon-Su:before {
    content: "\e9b3"
}

.icon-Sifre-Uretme:before {
    content: "\e9b5"
}

.icon-SifrebazAktiflestirme:before {
    content: "\e9b6"
}

.icon-SifrebazCepAktiflestirme:before {
    content: "\e9b7"
}

.icon-Sifrebaz-Cep-Basvuru:before {
    content: "\e9b8"
}

.icon-Sifrebaz-Sifrebaz-Cep-Basvuru:before {
    content: "\e9b9"
}

.icon-Sifrebaz:before {
    content: "\e9ba"
}

.icon-Taksit-Odeme:before {
    content: "\e9bb"
}

.icon-Taksitlendirme:before {
    content: "\e9bc"
}

.icon-Taksitli-Nakit-Avans:before {
    content: "\e9bd"
}

.icon-Talimat-Hesabi-Guncelleme:before {
    content: "\e9be"
}

.icon-Tapu-Odemeleri:before {
    content: "\e9bf"
}

.icon-TEFAS-Fon-Islemleri:before {
    content: "\e9c0"
}

.icon-Telekom:before {
    content: "\e9c1"
}

.icon-Televizyon:before {
    content: "\e9c2"
}

.icon-TL-Yukleme:before {
    content: "\e9c3"
}

.icon-TOKI-Hesap-Izleme:before {
    content: "\e9c4"
}

.icon-TOKI-Islemlerim:before {
    content: "\e9c5"
}

.icon-Trafik-Cezasi:before {
    content: "\e9c6"
}

.icon-turkiye.gov.tr e-devlet:before {
    content: "\e9c7"
}

.icon-Tum-Islemler:before {
    content: "\e9c8"
}

.icon-Uygunluk-Testi:before {
    content: "\e9c9"
}

.icon-Vadeli-Hesap-Acilisi:before {
    content: "\e9ca"
}

.icon-Vadeli-Hesaplarim:before {
    content: "\e9cb"
}

.icon-Vadesi-Gecen-Islemler:before {
    content: "\e9cc"
}

.icon-Vadesiz-Hesaba-Transfer:before {
    content: "\e9cd"
}

.icon-Vadesiz-Hesap-Acilisi-TL:before {
    content: "\e9ce"
}

.icon-Vadesiz-Hesap-Acilisi-YD:before {
    content: "\e9cf"
}

.icon-Vadesiz-Hesaplarim:before {
    content: "\e9d0"
}

.icon-Valorlu-Fon-Talimatlari:before {
    content: "\e9d1"
}

.icon-Varliklarim:before {
    content: "\e9d2"
}

.icon-Vergi-Baslik:before {
    content: "\e9d3"
}

.icon-Yatirim-Hesabi-Acilisi:before {
    content: "\e9d4"
}

.icon-Yatirim:before {
    content: "\e9d5"
}

.icon-Yurtdisi-Doviz-Transferi:before {
    content: "\e9d6"
}

.icon-Yurtici-Doviz-Transferi:before {
    content: "\e9d7"
}

.icon-2:before,
.icon-YO-Harc-Kredisi:before {
    content: "\e9d8"
}

.icon-YO-Kredi-Borcu:before {
    content: "\e9d9"
}

.icon-BireyselEmeklilik:before {
    content: "\e900"
}

.icon-KibrisEOS:before {
    content: "\e901"
}

.icon-SansOyunlari:before {
    content: "\e902"
}

.icon-SPKMutabakati:before {
    content: "\e903"
}

.col {
    color: #333
}

.bootstrap-select {
    width: 220px\9
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px
}

.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle,
.bootstrap-select.form-control:not([class*=col-]),
.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select .dropdown-toggle:focus {
    outline: #333 dotted thin !important;
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

select.mobile-device {
    position: absolute !important;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 99
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 18px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0
}

.select2-container--default .select2-results {
    max-height: none
}

.select2-container--default .select2-results>.select2-results__options {
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f6f6f6;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.vb-accountlist-combo.select2-container--classic .select2-results>.select2-results__options {
    max-height: 390px
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

body.halk-bank .select.dropdown-lite {
    float: right;
    margin-right: 40px
}

body.halk-bank .select.dropdown-lite div.select2 {
    position: relative
}

body.halk-bank .select.dropdown-lite div.select2 .select2-container .select2-selection {
    border: 0;
    min-height: 0;
    background: 0 0
}

body.halk-bank .select.dropdown-lite div.select2 .select2-container .select2-selection .select2-selection__rendered {
    font-weight: 500;
    font-size: 12px;
    color: #3e4152;
    text-align: right;
    line-height: 16px;
    padding-right: 13px
}

body.halk-bank .select.dropdown-lite div.select2 .select2-container .select2-selection .select2-selection__arrow {
    height: 16px;
    line-height: 12px;
    text-align: right;
    background: 0 0 !important;
    top: 0 !important;
    right: 0 !important;
    filter: none
}

body.halk-bank .select.dropdown-lite div.select2 .select2-container .select2-selection .select2-selection__arrow:before {
    content: "\f0d7";
    color: #cecece;
    font-size: 12px;
    font-family: FontAwesome
}

body.halk-bank .select.dropdown-lite div.select2 .select2-container .select2-selection .select2-selection__arrow b {
    background: 0 0 !important
}

body.halk-bank .select.dropdown-lite div.select2 .select2-container.select2-container--open .select2-selection {
    box-shadow: none;
    background: #fff !important
}

body.halk-bank .select.dropdown-lite div.select2 .select2-container.select2-container--open .select2-selection .select2-selection__arrow:before {
    content: "\f0d8";
    color: #adadad
}

body.halk-bank .select.dropdown-lite div.select2>.select2-container+.select2-container {
    left: auto !important;
    right: 0 !important
}

body.halk-bank .select.dropdown-lite div.select2>.select2-container+.select2-container .select2-dropdown {
    background: #fff;
    border: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    min-width: 150px;
    width: auto !important;
    left: auto;
    right: 0
}

body.halk-bank .select.dropdown-lite div.select2>.select2-container+.select2-container .select2-dropdown:after,
body.halk-bank .select.dropdown-lite div.select2>.select2-container+.select2-container .select2-dropdown:before {
    display: none
}

body.halk-bank .select.dropdown-lite div.select2>.select2-container+.select2-container .select2-dropdown .select2-results {
    margin: 0;
    padding: 0
}

body.halk-bank .select.dropdown-lite div.select2>.select2-container+.select2-container .select2-dropdown .select2-results .select2-results__options {
    padding: 0
}

body.halk-bank .select.dropdown-lite div.select2>.select2-container+.select2-container .select2-dropdown .select2-results .select2-results__options li {
    border-bottom-color: #e6e8f0;
    padding: 10px 10px 10px 15px;
    font-size: 16px;
    font-weight: 500;
    color: #3e4152;
    text-align: left;
    overflow: visible;
    min-height: 0
}

body.halk-bank .select.dropdown-lite div.select2>.select2-container+.select2-container .select2-dropdown .select2-results .select2-results__options li.select2-results__option--highlighted,
body.halk-bank .select.dropdown-lite div.select2>.select2-container+.select2-container .select2-dropdown .select2-results .select2-results__options li[aria-selected=true] {
    background-color: #e3e3e3 !important
}

.clear {
    display: block;
    clear: both
}

.announcement .smart-form fieldset {
    margin-bottom: 0 !important
}

.last-transaction article {
    padding-bottom: 9px !important
}

.last-transaction article p:last-child {
    width: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

input[type=text]::-ms-clear {
    display: none
}

@font-face {
    font-family: DINPro;
    src: url(fonts/DINProNew/DINPro-Black.eot);
    src: url(fonts/DINProNew/DINPro-Black.eot?#iefix) format('eot'), url(fonts/DINProNew/DINPro-Black.svg) format('svg'), url(fonts/DINProNew/DINPro-Black.woff) format('woff'), url(fonts/DINProNew/DINPro-Black.woff2) format('woff2'), url(fonts/DINProNew/DINPro-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: DINPro;
    src: url(fonts/DINProNew/DINPro-Bold.eot);
    src: url(fonts/DINProNew/DINPro-Bold.eot?#iefix) format('eot'), url(fonts/DINProNew/DINPro-Bold.svg) format('svg'), url(fonts/DINProNew/DINPro-Bold.woff) format('woff'), url(fonts/DINProNew/DINPro-Bold.woff2) format('woff2'), url(fonts/DINProNew/DINPro-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: DINPro;
    src: url(fonts/DINProNew/DINPro-Bold.eot);
    src: url(fonts/DINProNew/DINPro-Bold.eot?#iefix) format('eot'), url(fonts/DINProNew/DINPro-Bold.svg) format('svg'), url(fonts/DINProNew/DINPro-Bold.woff) format('woff'), url(fonts/DINProNew/DINPro-Bold.woff2) format('woff2'), url(fonts/DINProNew/DINPro-Bold.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: DINPro;
    src: url(fonts/DINProNew/DINPro-Medium.eot);
    src: url(fonts/DINProNew/DINPro-Medium.eot?#iefix) format('eot'), url(fonts/DINProNew/DINPro-Medium.svg) format('svg'), url(fonts/DINProNew/DINPro-Medium.woff) format('woff'), url(fonts/DINProNew/DINPro-Medium.woff2) format('woff2'), url(fonts/DINProNew/DINPro-Medium.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DINPro;
    src: url(fonts/DINProNew/DINPro-Light.eot);
    src: url(fonts/DINProNew/DINPro-Light.eot?#iefix) format('eot'), url(fonts/DINProNew/DINPro-Light.svg) format('svg'), url(fonts/DINProNew/DINPro-Light.woff) format('woff'), url(fonts/DINProNew/DINPro-Light.woff2) format('woff2'), url(fonts/DINProNew/DINPro-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: text-security-disc;
    src: url(fonts/text-security-disc.eot);
    src: url(fonts/text-security-disc.eot?#iefix) format('embedded-opentype'), url(fonts/text-security-disc.woff2) format('woff2'), url(fonts/text-security-disc.woff) format('woff'), url(fonts/text-security-disc.ttf) format('truetype'), url(fonts/text-security-disc.svg#text-security) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/roboto-v18-latin_latin-ext-300.eot);
    src: local('Roboto Light'), local('Roboto-Light'), url(fonts/roboto-v18-latin_latin-ext-300.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-300.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-300.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-300.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-300.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: url(fonts/roboto-v18-latin_latin-ext-300italic.eot);
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(fonts/roboto-v18-latin_latin-ext-300italic.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-300italic.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-300italic.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-300italic.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-300italic.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/roboto-v18-latin_latin-ext-regular.eot);
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/roboto-v18-latin_latin-ext-regular.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-regular.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-regular.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-regular.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-regular.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/roboto-v18-latin_latin-ext-italic.eot);
    src: local('Roboto Italic'), local('Roboto-Italic'), url(fonts/roboto-v18-latin_latin-ext-italic.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-italic.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-italic.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-italic.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-italic.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/roboto-v18-latin_latin-ext-500.eot);
    src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/roboto-v18-latin_latin-ext-500.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-500.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-500.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-500.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-500.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: url(fonts/roboto-v18-latin_latin-ext-500italic.eot);
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(fonts/roboto-v18-latin_latin-ext-500italic.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-500italic.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-500italic.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-500italic.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-500italic.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/roboto-v18-latin_latin-ext-700.eot);
    src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/roboto-v18-latin_latin-ext-700.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-700.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-700.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-700.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-700.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: url(fonts/roboto-v18-latin_latin-ext-700italic.eot);
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(fonts/roboto-v18-latin_latin-ext-700italic.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-700italic.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-700italic.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-700italic.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-700italic.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/roboto-v18-latin_latin-ext-900.eot);
    src: local('Roboto Black'), local('Roboto-Black'), url(fonts/roboto-v18-latin_latin-ext-900.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-900.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-900.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-900.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-900.svg#Roboto) format('svg')
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: url(fonts/roboto-v18-latin_latin-ext-900italic.eot);
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(fonts/roboto-v18-latin_latin-ext-900italic.eot?#iefix) format('embedded-opentype'), url(fonts/roboto-v18-latin_latin-ext-900italic.woff2) format('woff2'), url(fonts/roboto-v18-latin_latin-ext-900italic.woff) format('woff'), url(fonts/roboto-v18-latin_latin-ext-900italic.ttf) format('truetype'), url(fonts/roboto-v18-latin_latin-ext-900italic.svg#Roboto) format('svg')
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(fonts/SourceSansPro-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/SourceSansPro-Regular.woff) format('woff'), url(fonts/SourceSansPro-Regular.ttf) format('truetype'), url(fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(fonts/SourceSansPro-SemiBold.eot?#iefix) format('embedded-opentype'), url(fonts/SourceSansPro-SemiBold.woff) format('woff'), url(fonts/SourceSansPro-SemiBold.ttf) format('truetype'), url(fonts/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(fonts/SourceSansPro-SemiBold.eot?#iefix) format('embedded-opentype'), url(fonts/SourceSansPro-SemiBold.woff) format('woff'), url(fonts/SourceSansPro-SemiBold.ttf) format('truetype'), url(fonts/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(fonts/SourceSansPro-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/SourceSansPro-Bold.woff) format('woff'), url(fonts/SourceSansPro-Bold.ttf) format('truetype'), url(fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(fonts/SourceSansPro-Black.eot?#iefix) format('embedded-opentype'), url(fonts/SourceSansPro-Black.woff) format('woff'), url(fonts/SourceSansPro-Black.ttf) format('truetype'), url(fonts/SourceSansPro-Black.svg#SourceSansPro-Black) format('svg');
    font-weight: 900;
    font-style: normal
}

.blockUI.blockOverlay {
    position: fixed !important;
    z-index: 1060 !important
}

.blockUI.blockMsg.blockPage {
    z-index: 1070 !important
}

.vb-partial-loading {
    display: block;
    min-height: 100px
}

.vb-partial-loading .blockUI.blockOverlay {
    position: absolute !important;
    opacity: .3 !important
}

.vb-partial-loading .blockUI.blockMsg {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    left: 0 !important
}

.custom-export,
vb-grid-view div.tableCollapseable {
    position: relative
}

.vb-partial-loading .blockUI.blockMsg img {
    padding: 3%
}

.text-left-not-lg,
.text-left-not-md,
.text-left-not-sm,
.text-left-not-xs {
    text-align: left
}

.text-center-not-lg,
.text-center-not-md,
.text-center-not-sm,
.text-center-not-xs {
    text-align: center
}

.text-right-not-lg,
.text-right-not-md,
.text-right-not-sm,
.text-right-not-xs {
    text-align: right
}

.text-justify-not-lg,
.text-justify-not-md,
.text-justify-not-sm,
.text-justify-not-xs {
    text-align: justify
}

.custom-export {
    float: right;
    height: 0;
    z-index: 2;
    top: 20px
}

.custom-export .col {
    padding-right: 0
}

vb-containerrow>.custom-export {
    top: 0
}

vb-grid-view div.tableCollapseable .tableCollapseIcon {
    position: absolute;
    left: 10px;
    top: 7px;
    background-color: #e9e9e9;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    z-index: 5;
    border: 1px solid #d1d1d1;
    font-size: 22px;
    cursor: pointer;
    font-style: normal;
    text-align: center;
    line-height: 24px;
    font-weight: 300;
    color: #666
}

vb-grid-view div.tableCollapseable .tableCollapseIcon:before {
    content: '-'
}

vb-grid-view div.tableCollapseable .tableCollapseIcon.hiddenBody:before {
    content: '+'
}

vb-grid-view div.tableCollapseable .dataTables_wrapper .dataTables_scrollBody.scrollBodyHidden {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    display: block !important;
    opacity: 0 !important
}

vb-grid-view div.tableCollapseable .dataTables_wrapper.hiddenBody .dataTables_scrollHead .dataTables_scrollHeadInner table.table-border {
    border-bottom: 1px solid #0bbbef !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

@media (max-width:767px) {

    .text-center-not-xs,
    .text-justify-not-xs,
    .text-left-not-xs,
    .text-right-not-xs {
        text-align: inherit
    }

    .text-left-xs {
        text-align: left
    }

    .text-center-xs {
        text-align: center
    }

    .text-right-xs {
        text-align: right
    }

    .text-justify-xs {
        text-align: justify
    }

    .custom-export {
        float: none;
        height: auto;
        top: 0;
        text-align: center
    }

    .custom-export div,
    .custom-export section {
        width: 100%;
        float: none !important;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0
    }

    .custom-export .col {
        padding-left: 15px;
        padding-right: 15px
    }

    body.halk-bank .button-wrapper.email-send .popover {
        top: 100% !important;
        min-width: 100% !important;
        margin-top: 5px
    }

    body.halk-bank .button-wrapper.email-send .popover>.arrow {
        top: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, .25)
    }

    body.halk-bank .button-wrapper.email-send .popover>.arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
        border-top-color: transparent;
        border-bottom-width: 10px
    }

    vb-grid-view div.tableCollapseable .tableCollapseIcon {
        left: 0;
        top: 0
    }

    vb-grid-view div.tableCollapseable .dataTables_wrapper {
        padding-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {

    .text-center-not-sm,
    .text-justify-not-sm,
    .text-left-not-sm,
    .text-right-not-sm {
        text-align: inherit
    }

    .text-left-sm {
        text-align: left
    }

    .text-center-sm {
        text-align: center
    }

    .text-right-sm {
        text-align: right
    }

    .text-justify-sm {
        text-align: justify
    }

    body.halk-bank .modal.campaign-modal .modal-body .col {
        width: 100%;
        float: none
    }

    body.halk-bank .modal.campaign-modal .modal-body .btn,
    body.halk-bank .modal.campaign-modal .modal-body .buttons .btn {
        float: none;
        width: 100%;
        display: block;
        margin-top: 10px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .text-center-not-md,
    .text-justify-not-md,
    .text-left-not-md,
    .text-right-not-md {
        text-align: inherit
    }

    .text-left-md {
        text-align: left
    }

    .text-center-md {
        text-align: center
    }

    .text-right-md {
        text-align: right
    }

    .text-justify-md {
        text-align: justify
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>h1 {
        padding-left: 3px;
        padding-right: 3px
    }
}

@media (min-width:1200px) {

    .text-center-not-lg,
    .text-justify-not-lg,
    .text-left-not-lg,
    .text-right-not-lg {
        text-align: inherit
    }

    .text-left-lg {
        text-align: left
    }

    .text-center-lg {
        text-align: center
    }

    .text-right-lg {
        text-align: right
    }

    .text-justify-lg {
        text-align: justify
    }
}

body.halk-bank {
    color: #333;
    font-family: Roboto;
    font-size: 13px;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    background-color: #fbfbfb
}

body.halk-bank.extr-page {
    background-color: #1c3d59
}

body.halk-bank.extr-page #main {
    padding-bottom: 0
}

body.halk-bank .virtualwallet-table {
    border-right: 10px solid #fff !important
}

body.halk-bank .popover {
    font-family: Roboto
}

body.halk-bank a[data-target]:hover,
body.halk-bank vb-link-button a:hover {
    cursor: pointer
}

body.halk-bank #main {
    padding: 0 0 115px;
    right: 0;
    clear: both
}

body.halk-bank .margin-bottom-20 {
    margin-bottom: 20px
}

body.halk-bank .padding30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

body.halk-bank .padding40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

body.halk-bank .margin-top-20 {
    margin-top: 20px !important
}

body.halk-bank .margin-top-30 {
    margin-top: 30px !important
}

body.halk-bank .margin-right-10 {
    margin-right: 10px !important
}

body.halk-bank .margin-right-20 {
    margin-right: 20px !important
}

body.halk-bank .colorOrange {
    color: #ff7a20
}

body.halk-bank .colorWhite {
    color: #fff
}

body.halk-bank .colorTitleLbl {
    color: #616f76
}

body.halk-bank .btn-orange {
    background-color: #ff7a20;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ff7a20
}

body.halk-bank .btn-gradient {
    border: 1px solid #dad9d9;
    border-radius: 6px;
    height: 41px;
    padding: 5px 12px;
    color: #7c8990;
    margin: 4px;
    background: #f4f3f3;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f3f3), color-stop(1, #fefefe));
    background: -ms-linear-gradient(bottom, #f4f3f3, #fefefe);
    background: -moz-linear-gradient(center bottom, #f4f3f3 0, #fefefe 100%);
    background: -o-linear-gradient(#fefefe, #f4f3f3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f4f3f3', GradientType=0)
}

body.halk-bank .btn-gradient span {
    font-size: 15px;
    line-height: 26px
}

body.halk-bank .btn-gradient i {
    width: 30px;
    height: 28px;
    float: left;
    margin-right: 7px
}

body.halk-bank .btn-gradient i:before {
    content: ' ';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    display: block
}

body.halk-bank .btn-gradient i.fa-list {
    width: 23px
}

body.halk-bank .btn-gradient i.fa-list:before {
    background-image: url(../img/svg-buttons/Dönemici_i.svg)
}

body.halk-bank .btn-gradient i.fa-credit-card-alt {
    width: 30px
}

body.halk-bank .btn-gradient i.fa-credit-card-alt:before {
    background-image: url(../img/svg-buttons/KKDetay_i.svg)
}

body.halk-bank .btn-gradient i.fa-tag {
    width: 22px
}

body.halk-bank .btn-gradient i.fa-tag:before {
    background-image: url(../img/svg-buttons/TTTaksitli_i.svg)
}

body.halk-bank .btn-gradient i.fa-clock-o {
    width: 28px
}

body.halk-bank .btn-gradient i.fa-clock-o:before {
    background-image: url(../img/provizyon.png)
}

body.halk-bank .btn-gradient i.fa-extract {
    width: 17px
}

body.halk-bank .btn-gradient i.fa-extract:before {
    background-image: url(../img/svg-buttons/Ekstre_i.svg)
}

body.halk-bank .btn-gradient i.fa-wallet {
    width: 20px
}

body.halk-bank .btn-gradient i.fa-wallet:before {
    background-image: url(../img/svg-buttons/ödemeler.svg)
}

body.halk-bank .btn-gradient:hover i.fa-list:before {
    background-image: url(../img/svg-buttons/Dönemici_i_hover.svg)
}

body.halk-bank .btn-gradient:hover i.fa-credit-card-alt:before {
    background-image: url(../img/svg-buttons/KKDetay_i_hover.svg)
}

body.halk-bank .btn-gradient:hover i.fa-tag:before {
    background-image: url(../img/svg-buttons/TTTaksitli_i_hover.svg)
}

body.halk-bank .btn-gradient:hover i.fa-clock-o:before {
    background-image: url(../img/provizyon_hover.png)
}

body.halk-bank .btn-gradient:hover i.fa-extract:before {
    background-image: url(../img/svg-buttons/Ekstre_i_hover.svg)
}

body.halk-bank .btn-gradient:hover i.fa-wallet:before {
    background-image: url(../img/svg-buttons/ödemeler_hover.svg)
}

body.halk-bank .btn-lg {
    padding: 6px 16px;
    font-size: 1.0769230769230769em
}

body.halk-bank .btn-default {
    color: #69767d
}

body.halk-bank .demo {
    display: none
}

body.halk-bank .fRight {
    float: right
}

body.halk-bank .fLeft {
    float: left
}

body.halk-bank .headerSub {
    background: #1b6fb5 !important
}

body.halk-bank .headerSub .logoSub {
    margin-top: 15px !important;
    margin-left: 0 !important;
    height: auto !important
}

body.halk-bank .headerSub .LoginInfo {
    font-family: Roboto;
    float: right;
    height: 60px
}

body.halk-bank .headerSub .LoginInfo .LoginWelcome {
    font-weight: 400;
    display: inline-block;
    padding: 0;
    color: #fff;
    font-size: 1em;
    margin-right: 0;
    vertical-align: sub
}

body.halk-bank .headerSub .LoginInfo .LoginWelcome b {
    font-weight: 500;
    font-size: 1.0769230769230769em
}

body.halk-bank .headerSub .LoginInfo .LoginBtn {
    display: inline-block
}

body.halk-bank .headerSub .LoginInfo .LoginUserPhoto {
    display: inline-block;
    padding-top: 17px;
    margin-left: 17px;
    margin-right: 20px;
    height: 60px
}

body.halk-bank .headerSub .LoginInfo .LoginUserPhoto img {
    border-radius: 50%;
    height: 30px;
    width: 30px
}

body.halk-bank .headerSub .LoginInfo .user-notification {
    width: 26px;
    height: 18px;
    margin-top: 21px;
    float: right;
    position: relative;
    margin-right: 18px;
    z-index: 1
}

body.halk-bank .headerSub .LoginInfo .user-notification span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    background: #f96505;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f96505), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #f96505, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #f96505 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #f96505);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#f96505', GradientType=0);
    font-size: 10px;
    font-weight: 300;
    text-align: center;
    line-height: 12px;
    position: absolute;
    padding-top: 3px;
    right: -2px;
    top: -8px;
    z-index: 1
}

body.halk-bank .headerSub .LoginInfo .user-notification:after {
    content: '';
    width: 7px;
    height: 4px;
    background: url(../img/icons/svg/Bell_bottom.svg) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 17px;
    left: 50%;
    margin-left: -8px
}

body.halk-bank .demo {
    top: 80px !important
}

body.halk-bank #header {
    padding: 0;
    right: 0;
    height: 60px;
    z-index: 1035
}

body.halk-bank .container:after,
body.halk-bank .smart-rtl .container:before {
    display: block
}

body.halk-bank.overlay-active #TopNav {
    background-color: transparent
}

body.halk-bank.overlay-active.cc-body #TopNav {
    background-color: #e9e9e9
}

body.halk-bank #TopNav {
    width: 100% !important;
    height: 50px;
    position: relative;
    z-index: 1030;
    background-color: #ecebea
}

body.halk-bank #TopNav .navbar-default {
    background: 0 0;
    border: none;
    position: static !important;
    margin-bottom: 0
}

body.halk-bank #TopNav .navbar-default .navbar-header {
    float: none;
    display: inline-block
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav {
    float: none;
    display: block;
    text-align: justify
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li {
    float: none;
    display: inline-block;
    vertical-align: middle
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li.search-menu {
    margin-right: 29px
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li.search-menu>a .fa {
    font-size: 18px;
    color: #fe8d12;
    cursor: pointer
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li.search-menu>a {
    border-bottom: 2px solid transparent;
    padding-right: 0;
    padding-top: 16px
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li.search-menu>a:hover {
    border-bottom-color: #fe8d12
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li a.isTransaction {
    cursor: pointer
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li a.isTransaction:hover {
    color: #fe8d12 !important
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a {
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-bottom: 2px solid transparent
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a h1 {
    line-height: 20px;
    position: relative;
    z-index: 2;
    font-weight: 500;
    font-size: 1.1538461538461537em;
    color: #474747;
    letter-spacing: .04em;
    cursor: pointer;
    padding: 0;
    margin: 0
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a.dashBoardLink {
    padding-bottom: 8px;
    padding-left: 0;
    padding-top: 13px;
    margin-left: 29px
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a.dashBoardLink u {
    font-size: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a:focus,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a:hover {
    color: #fe8d12 !important
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a .fa-home {
    vertical-align: middle;
    font-size: 0;
    width: 24px;
    height: 19px;
    background: url(../img/home.png) no-repeat;
    display: inline-block
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a .fa-passing {
    vertical-align: middle;
    font-size: 0;
    width: 16px;
    height: 19px;
    background: url(../img/passing.png) no-repeat;
    display: inline-block
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li.open>h1,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li.open>h1.active,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li:hover>h1,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li:hover>h1.active {
    padding-bottom: 12px
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li.open>h1.active.dashBoardLink,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li:hover>h1.active.dashBoardLink {
    padding-bottom: 8px
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav:after {
    display: inline-block;
    content: "";
    width: 100%
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open a,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open a:focus,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open a:hover {
    border: none;
    background-color: #f7f6f6;
    border-bottom: 0 !important
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open a h1,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open a:focus h1,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open a:hover h1,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open>a,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open>a:focus,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open>a:hover {
    color: #1a6fb4 !important
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open>a:before,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open>a:focus:before,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open>a:hover:before {
    content: '';
    display: block;
    position: absolute;
    left: -5px;
    right: -5px;
    top: 0;
    bottom: -2px;
    z-index: -1;
    background-color: #f7f6f6
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open .dropdown-menu {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: 0;
    -moz-animation-duration: 0;
    -o-animation-duration: 0;
    animation-duration: 0
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open .dropdown-menu>ul>li>a>h3,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open .dropdown-menu>ul>li>a>h3:hover {
    font-size: 13px;
    padding: 0;
    margin: 0;
    font-family: Roboto;
    font-weight: 400
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open .dropdown-menu a,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open .dropdown-menu a:focus,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open .dropdown-menu a:hover,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open .dropdown-menu h3,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open .dropdown-menu h3:focus,
body.halk-bank #TopNav .navbar-default .nav.navbar-nav li.open .dropdown-menu h3:hover {
    color: #777;
    letter-spacing: 0;
    font-weight: 400 !important;
    margin-bottom: 10px;
    line-height: normal;
    background: 0 0 !important
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav .dropdown-large a b {
    display: none
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav .dropdown-large a h3:hover {
    color: #ff700f !important
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav .dropdown-large a:hover {
    border-bottom: 2px solid #ff700f
}

body.halk-bank #TopNav .navbar-default .nav.navbar-nav .dropdown-large a:hover h3 {
    color: #ff700f
}

body.halk-bank #TopNav .menu-search-panel {
    padding-top: 23px !important;
    padding-bottom: 26px !important;
    top: 60px
}

body.halk-bank #TopNav .menu-search-panel .search-box {
    width: 100%;
    height: 47px;
    position: relative;
    border-bottom: 1px solid #ecf1f7;
    box-shadow: 0 1px 0 #f2f6fa
}

body.halk-bank #TopNav .menu-search-panel .search-box label {
    display: none;
    position: absolute;
    z-index: 1;
    font-weight: 300;
    font-family: Roboto;
    height: 29px;
    font-size: 18px;
    top: 2px;
    left: 0;
    color: #333
}

body.halk-bank #TopNav .menu-search-panel .search-box.placeholder label {
    display: block
}

body.halk-bank #TopNav .menu-search-panel .search-box input[type=text] {
    background: 0 0;
    width: 100%;
    position: relative;
    z-index: 2;
    height: 29px;
    font-size: 18px;
    color: #333;
    border: 0;
    font-weight: 400;
    font-family: Roboto
}

body.halk-bank #TopNav .menu-search-panel .search-box i.fa-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    font-size: 0;
    width: 17px;
    height: 17px;
    background: url(../img/modal-close.png) no-repeat
}

body.halk-bank #TopNav .menu-search-panel li {
    font-size: 14px;
    border-top: 1px solid #e6edf4;
    box-shadow: 0 -1px 0 #eef3f8
}

body.halk-bank #TopNav .menu-search-panel li.selected {
    background-color: #eff2f9
}

body.halk-bank #TopNav .menu-search-panel li.selected a {
    background-color: #eff2f9 !important
}

body.halk-bank #TopNav .menu-search-panel li.selected a h1 {
    background-color: #eff2f9
}

body.halk-bank #TopNav .menu-search-panel li i.fa {
    margin-right: 7px
}

body.halk-bank #TopNav .menu-search-panel li a,
body.halk-bank #TopNav .menu-search-panel li a h1 {
    color: #333;
    font-family: Roboto;
    font-weight: 300;
    display: block;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 29px;
    margin-bottom: 0 !important;
    position: relative;
    cursor: pointer
}

body.halk-bank #TopNav .menu-search-panel li a .icomoon {
    display: none !important
}

body.halk-bank #TopNav .menu-search-panel li a h1:before,
body.halk-bank #TopNav .menu-search-panel li a:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 10px;
    color: #333;
    font-size: 15px
}

body.halk-bank #TopNav .menu-search-panel li a b {
    font-weight: 400
}

body.halk-bank #TopNav .menu-search-panel li:first-child {
    box-shadow: none;
    border-top: 0
}

body.halk-bank #TopNav .menu-search-panel li:first-child a,
body.halk-bank #TopNav .menu-search-panel li:first-child h1 {
    padding-top: 8px
}

body.halk-bank #TopNav.search-active .menu-search-panel {
    display: block
}

body.halk-bank #TopNav .dropdown-menu-large {
    top: auto;
    margin: 0;
    width: 100%
}

body.halk-bank #TopNav .dropdown-menu-large .col-md-1,
body.halk-bank #TopNav .dropdown-menu-large .col-md-10,
body.halk-bank #TopNav .dropdown-menu-large .col-md-11,
body.halk-bank #TopNav .dropdown-menu-large .col-md-12,
body.halk-bank #TopNav .dropdown-menu-large .col-md-2,
body.halk-bank #TopNav .dropdown-menu-large .col-md-3,
body.halk-bank #TopNav .dropdown-menu-large .col-md-4,
body.halk-bank #TopNav .dropdown-menu-large .col-md-5,
body.halk-bank #TopNav .dropdown-menu-large .col-md-6,
body.halk-bank #TopNav .dropdown-menu-large .col-md-7,
body.halk-bank #TopNav .dropdown-menu-large .col-md-8,
body.halk-bank #TopNav .dropdown-menu-large .col-md-9 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

body.halk-bank #TopNav .dropdown-menu-large ul>li {
    padding-left: 3px !important
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul {
    text-align: justify;
    position: static !important
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul .dropdown-header h2 {
    color: #f37320;
    font-weight: 500;
    padding: 0;
    margin: 0;
    letter-spacing: -.02em !important;
    font-size: 15px;
    padding-left: 0 !important
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul li a {
    display: inline-block;
    padding: 3px 5px 3px 10px !important;
    text-align: left
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul li a h3 {
    color: #333 !important;
    font-size: 13px;
    padding: 0;
    margin: 0 !important
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul li a h3:hover {
    color: #ff700f !important
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul li a:before {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
    color: #333;
    font-size: 15px
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul li a i {
    left: -5px;
    margin-right: 7px;
    font-size: 20px;
    position: absolute;
    top: 0
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul li a i.icomoon {
    display: none
}

body.halk-bank #TopNav article {
    position: static
}

body.halk-bank #TopNav #left-panel {
    background-image: none;
    box-shadow: none;
    border: none;
    padding: 0;
    top: -17px;
    position: static;
    transition: none
}

body.halk-bank #TopNav #left-panel ul {
    text-align: justify;
    position: static !important
}

body.halk-bank #TopNav #left-panel ul li {
    border: none;
    float: none;
    position: static !important;
    margin-top: -15px
}

body.halk-bank #TopNav #left-panel ul li a {
    height: 60px !important;
    color: #2c2c2c;
    padding-top: 20px !important;
    font-weight: 700
}

body.halk-bank #TopNav #left-panel ul li a::after {
    content: none !important
}

body.halk-bank #TopNav #left-panel ul li.active {
    border-bottom: 2px solid #1a6fb4
}

body.halk-bank #TopNav #left-panel ul li.active a,
body.halk-bank #TopNav #left-panel ul li.active a:hover {
    color: #1a6fb4 !important
}

body.halk-bank #TopNav #left-panel ul li.active a::before {
    content: none !important;
    color: #1a6fb4 !important
}

body.halk-bank #TopNav #left-panel ul li:hover div.SubNav {
    display: block
}

body.halk-bank #TopNav #left-panel ul li div.SubNav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background-color: red;
    z-index: 990
}

body.halk-bank #TopNav #left-panel ul li div.SubNavItem {
    width: 1180px;
    margin: auto;
    padding: 0 10px
}

body.halk-bank #TopNav #left-panel ul li ul {
    display: block !important;
    position: static
}

body.halk-bank #TopNav #left-panel ul li ul li {
    height: 35px !important;
    margin-top: 0
}

body.halk-bank #TopNav #left-panel ul li ul li a {
    display: inline-block;
    color: #2c2c2c;
    padding-top: 0 !important;
    font-weight: 400;
    line-height: 2
}

body.halk-bank #TopNav #left-panel ul:after {
    display: inline-block;
    content: "";
    height: 0;
    width: 100%
}

body.halk-bank #TopNav #left-panel .menu-item-parent {
    max-width: 200px !important
}

body.halk-bank #TopNav #left-panel .SubNav .SubItem {
    width: 220px;
    margin: 0;
    padding: 0
}

body.halk-bank #TopNav #left-panel .SubNav .SubItem+.SubItem {
    margin-left: 20px
}

body.halk-bank #TopNav #left-panel .SubNav h2 {
    font-size: 1.2307692307692308em;
    color: #000;
    font-family: Roboto;
    margin-bottom: 15px
}

body.halk-bank #TopNav #left-panel .SubNav h2~h2 {
    margin-top: 34px
}

body.halk-bank #TopNav #left-panel .SubNav a {
    color: #414040
}

body.halk-bank #TopNav #left-panel .SubNav a:hover {
    color: #e37630
}

body.halk-bank #TopNav #left-panel .SubNav li+li {
    margin-top: 12px
}

body.halk-bank #TopNav #left-panel .SubItem {
    padding: 0 10px;
    float: left
}

body.halk-bank #TopNav .navbar-collapse {
    padding-left: 0;
    padding-right: 0
}

body.halk-bank aside#left-panel {
    padding-top: 0;
    background-image: none;
    background-color: rgba(7, 37, 62, .8);
    color: #fff;
    width: 340px;
    right: -340px;
    z-index: 1035;
    left: auto;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    transition: none
}

body.halk-bank aside#left-panel h2,
body.halk-bank aside#left-panel h3 {
    padding: 0;
    margin: 0;
    display: inline-block;
    color: #fff !important;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400
}

body.halk-bank aside#left-panel #leftMenu {
    margin-top: 6px
}

body.halk-bank aside#left-panel .Dashboard {
    display: inline-block
}

body.halk-bank aside#left-panel .Dashboard a {
    color: #fff;
    display: block;
    margin-left: 12px;
    margin-top: 10px;
    font-family: Roboto;
    font-size: 1.3076923076923077em;
    font-weight: 400
}

body.halk-bank aside#left-panel #hide-menuLeft {
    z-index: 9999;
    position: relative;
    margin-right: 16px
}

body.halk-bank aside#left-panel #hide-menuLeft a i {
    color: #fff
}

body.halk-bank aside#left-panel .header-search {
    display: block;
    margin: 10px 0
}

body.halk-bank aside#left-panel .header-search .btn-search-opener-minified,
body.halk-bank aside#left-panel nav ul li ul li:before,
body.halk-bank aside#left-panel nav ul li ul:before,
body.halk-bank aside#left-panel nav ul li.active>a:before {
    display: none
}

body.halk-bank aside#left-panel .header-search>input[type=text] {
    color: #333;
    margin-top: 0;
    height: 46px;
    border: 0;
    background-color: #fff;
    padding-left: 45px;
    font-size: 1.2307692307692308em;
    font-family: Roboto
}

body.halk-bank aside#left-panel .header-search>input[type=text]::-webkit-input-placeholder {
    color: #333
}

body.halk-bank aside#left-panel .header-search>input[type=text]:-moz-placeholder {
    color: #333;
    opacity: 1
}

body.halk-bank aside#left-panel .header-search>input[type=text]::-moz-placeholder {
    color: #333;
    opacity: 1
}

body.halk-bank aside#left-panel .header-search>input[type=text]:-ms-input-placeholder {
    color: #333
}

body.halk-bank aside#left-panel .header-search>.customButton,
body.halk-bank aside#left-panel .header-search>button {
    color: #333;
    height: 46px;
    top: 0;
    left: 14px;
    right: auto;
    font-size: 1.2307692307692308em
}

body.halk-bank aside#left-panel nav ul li {
    border-right: 4px solid transparent
}

body.halk-bank aside#left-panel nav ul li a {
    padding: 10.5px 18px 10.5px 15px;
    color: #fff;
    font-family: Roboto;
    font-size: 1.1538461538461537em;
    font-weight: 400
}

body.halk-bank aside#left-panel nav ul li a:active {
    background: 0 0
}

body.halk-bank aside#left-panel nav ul li ul ul {
    background-color: rgba(177, 196, 212, .2)
}

body.halk-bank aside#left-panel nav ul li ul li {
    border-top-color: #1c6fa3;
    border-right: 0
}

body.halk-bank aside#left-panel nav ul li ul b {
    color: #fff
}

body.halk-bank aside#left-panel nav ul li.open {
    background-color: rgba(7, 37, 62, .2);
    border-right-color: #fd881d
}

body.halk-bank aside#left-panel nav ul li.open>a>b .fa-minus-square-o:before,
body.halk-bank aside#left-panel nav ul li.open>a>b .fa-plus-square-o:before {
    content: "\f107"
}

body.halk-bank aside#left-panel nav ul li.open ul li ul li a {
    color: #fff
}

body.halk-bank aside#left-panel nav ul b {
    font-size: 1.0769230769230769em;
    margin-top: 0
}

body.halk-bank aside#left-panel nav ul b .fa-minus-square-o:before,
body.halk-bank aside#left-panel nav ul b .fa-plus-square-o:before {
    content: "\f105"
}

body.halk-bank aside#left-panel nav ul ul {
    padding: 0;
    list-style: disc inside !important;
    color: #fff;
    background: rgba(104, 132, 155, .4)
}

.firefoxbody.halk-bank aside#left-panel nav ul ul {
    list-style: none !important
}

.firefoxbody.halk-bank aside#left-panel nav ul ul a {
    list-style: disc inside !important;
    display: list-item
}

body.halk-bank aside#left-panel nav ul ul li {
    border-left: 0;
    border-top-width: 0
}

body.halk-bank aside#left-panel nav ul ul li:hover b {
    color: #fff
}

body.halk-bank aside#left-panel nav ul ul li a,
body.halk-bank aside#left-panel nav ul ul li a:hover {
    background-color: transparent;
    padding-left: 25px !important;
    font-size: 1em
}

body.halk-bank aside#left-panel nav ul ul li a b,
body.halk-bank aside#left-panel nav ul ul li a:hover b {
    font-size: 14px
}

body.halk-bank aside#left-panel nav ul ul li>a {
    display: block;
    overflow: hidden
}

body.halk-bank aside#left-panel nav ul ul li .collapse-sign {
    margin-right: 4px
}

body.halk-bank aside#left-panel nav ul ul li.open,
body.halk-bank aside#left-panel nav ul ul li.open>a,
body.halk-bank aside#left-panel nav ul ul li.open>a b,
body.halk-bank aside#left-panel nav ul ul li:hover,
body.halk-bank aside#left-panel nav ul ul li:hover>a,
body.halk-bank aside#left-panel nav ul ul li:hover>a b {
    color: #fff !important
}

body.halk-bank aside#left-panel nav ul ul li+li {
    border-top-width: 2px
}

body.halk-bank aside#left-panel nav ul ul ul {
    list-style: circle inside !important;
    border-left: 0
}

.firefoxbody.halk-bank aside#left-panel nav ul ul ul {
    list-style: none !important
}

.firefoxbody.halk-bank aside#left-panel nav ul ul ul a {
    list-style: circle inside !important
}

body.halk-bank aside#left-panel nav ul ul ul li {
    border-top-color: #33afe2;
    border-right: 0
}

body.halk-bank aside#left-panel nav ul ul ul li a,
body.halk-bank aside#left-panel nav ul ul ul li a:hover {
    padding-left: 37px !important
}

body.halk-bank aside#left-panel nav ul ul ul li a i {
    margin-left: -21px
}

body.halk-bank aside#left-panel nav ul ul ul ul li a {
    padding-left: 72px !important
}

body.halk-bank aside#left-panel nav ul ul ul ul ul li a {
    padding-left: 90px !important
}

body.halk-bank aside#left-panel nav ul ul ul ul ul ul li a {
    padding-left: 108px !important
}

body.halk-bank aside#left-panel nav ul h1.menu-item-parent {
    vertical-align: middle;
    line-height: 20px;
    margin: 0 0 4px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 15px
}

body.halk-bank aside#left-panel nav ul span.menu-item-parent {
    vertical-align: middle;
    line-height: 20px;
    margin: 0 0 4px
}

body.halk-bank aside#left-panel nav>ul>li>a>i {
    line-height: 1;
    font-size: 1.3076923076923077em;
    vertical-align: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

body.halk-bank aside#left-panel nav>ul>li>a b {
    right: 22px;
    top: 12px
}

body.halk-bank aside#left-panel nav>ul>li>a>i:after {
    border: 1px solid #fff
}

body.halk-bank aside#left-panel nav>ul>li>a:hover i {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none
}

body.halk-bank .loginContainer .loginBtn {
    background: #ff700f;
    height: 40px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 20px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    border: 0;
    min-width: 120px
}

body.halk-bank .loginContainer .loginBtn.green {
    background: #0bbbef;
    border-radius: 5px !important
}

body.halk-bank .second-login {
    float: right
}

body.halk-bank .second-login>.loginInner {
    width: 500px
}

body.halk-bank form.second-login {
    float: none
}

body.halk-bank .contentAreaMain {
    background-color: #fbfbfb;
    width: 100%;
    height: 100%;
    min-height: 500px;
    padding-top: 12px;
    padding-bottom: 0
}

body.halk-bank .contentAreaMain .RightPane {
    float: right
}

body.halk-bank .contentAreaMain .RightPane .slimScrollDiv {
    padding-right: 10px;
    margin-right: -6px
}

body.halk-bank .contentAreaMain hr {
    margin: 10px 0;
    border-top: 2px dotted #d4d4d4;
    clear: both
}

body.halk-bank .contentAreaMain .ContentInner {
    min-height: 250px
}

body.halk-bank .contentAreaMain .bread-pane {
    border: 1px solid #0bbbef;
    border-radius: 8px 8px 0 0;
    padding: 10px 18px;
    border-bottom-color: #d7d7d7;
    background: #0bbbef
}

body.halk-bank .contentAreaMain .bread-pane .breadIcon {
    float: right;
    margin-top: -6px
}

body.halk-bank .contentAreaMain .bread-pane .breadIcon a {
    padding: 5px 1px 0 0;
    background-color: transparent;
    color: #b0b9bd;
    font-size: 0;
    font-weight: 600;
    border: 0
}

body.halk-bank .contentAreaMain .breadcrumb {
    background: 0 0;
    font-size: .9615384615384616em;
    color: #fff;
    margin: 0;
    padding: 0
}

body.halk-bank .contentAreaMain .breadcrumb a {
    color: #798992;
    display: block
}

body.halk-bank .contentAreaMain .breadcrumb a span {
    color: #fff;
    font-size: 20px;
    line-height: 12px
}

body.halk-bank .contentAreaMain .breadcrumb a span.icomoon {
    margin-right: 3px
}

body.halk-bank .contentAreaMain .breadcrumb a::after {
    color: #494949
}

body.halk-bank .contentAreaMain .breadcrumb>li {
    line-height: 1;
    vertical-align: middle;
    font-weight: 500;
    font-size: 13px;
    color: #fff
}

body.halk-bank .contentAreaMain .breadcrumb>li+li:before {
    display: none
}

body.halk-bank .contentAreaMain .breadcrumb>li+li i {
    margin: 0 12px
}

body.halk-bank .contentAreaMain .breadcrumb li:last-child {
    color: #fff;
    font-weight: 500
}

body.halk-bank .contentAreaMain .breadcrumb li.active {
    font-weight: 500
}

body.halk-bank .contentAreaMain .BreadCrumb_Logo {
    background: url(../img/BreadCrumb_Logo.png) center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    cursor: default;
    margin-right: 3px
}

body.halk-bank .contentAreaMain .fuelux {
    border: 0;
    border-left: 1px solid #0bbbef;
    border-right: 1px solid #0bbbef
}

body.halk-bank .contentAreaMain .fuelux .wizard {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: #ebedf0
}

body.halk-bank .contentAreaMain .fuelux .wizard ul {
    display: table;
    width: 100%;
    table-layout: fixed
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li {
    font-size: 1em;
    font-weight: 500 !important;
    height: 40px;
    line-height: 3.077;
    display: table-cell;
    float: none;
    background: #f2f5f7;
    padding: 0 0 0 18px;
    vertical-align: middle;
    border-radius: 0;
    border-bottom: 1px solid #f47421;
    border-bottom: 0
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li a {
    line-height: 1.2;
    display: block;
    color: #374046;
    position: relative
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li a:hover,
body.halk-bank .contentAreaMain .fuelux .wizard ul li a:visited {
    color: #374046
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li .Text {
    display: block;
    padding-right: 28px
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li .badge {
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 0;
    color: #fff;
    border-radius: 50%;
    font-size: 1em;
    font-weight: 500;
    text-indent: 0;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    margin-right: 3px;
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li .chevron {
    right: -16px;
    border-width: 20px;
    border-left: 16px solid #dadde0;
    top: 50%;
    margin-top: -20px
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li .chevron:before {
    border-width: 20px 20px 20px 16px;
    border-right-color: #dce4e9;
    border-left-color: #f2f5f7;
    top: -20px
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li .complete {
    float: right;
    margin-right: 5px
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li.active,
body.halk-bank .contentAreaMain .fuelux .wizard ul li.complete {
    background: #dce4e9
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li.active a,
body.halk-bank .contentAreaMain .fuelux .wizard ul li.active a:hover,
body.halk-bank .contentAreaMain .fuelux .wizard ul li.active a:visited,
body.halk-bank .contentAreaMain .fuelux .wizard ul li.complete a,
body.halk-bank .contentAreaMain .fuelux .wizard ul li.complete a:hover,
body.halk-bank .contentAreaMain .fuelux .wizard ul li.complete a:visited {
    color: #707f88
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li.active .chevron:before,
body.halk-bank .contentAreaMain .fuelux .wizard ul li.complete .chevron:before {
    border-left-color: #dce4e9
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li:last-child .badge {
    right: 15px
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li:last-child .Text {
    padding-right: 45px
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li+li {
    padding-left: 34px
}

body.halk-bank .contentAreaMain .loginContainer {
    border: 1px solid #0bbbef;
    border-top: 0;
    box-shadow: none !important
}

body.halk-bank .contentAreaMain .form-group .btn-group {
    display: block
}

body.halk-bank .contentAreaMain .form-group .label {
    color: #616f76;
    font-weight: 400;
    font-size: 1em;
    text-align: left
}

body.halk-bank .contentAreaMain .form-group .dropdown-menu .col-sm-4 p.Blue,
body.halk-bank .contentAreaMain .form-group .dropdown-menu .col-sm-4 p.Size,
body.halk-bank .contentAreaMain .last-proc .InnerItem article p b+span,
body.halk-bank .contentAreaMain .last-proc .InnerItem article p span+span {
    text-align: right
}

body.halk-bank .contentAreaMain .form-group .label p.Blue {
    color: #1a6fb4;
    font-weight: 700
}

body.halk-bank .contentAreaMain .form-group .label p.Blue span {
    color: #9dacc2;
    font-weight: 400
}

body.halk-bank .contentAreaMain .form-group .label p.Size {
    font-size: .9230769230769231em
}

body.halk-bank .contentAreaMain .form-group .label .col-sm-4 p.Blue,
body.halk-bank .contentAreaMain .form-group .label .col-sm-4 p.Size {
    text-align: right;
    margin-left: -10px
}

body.halk-bank .contentAreaMain .form-group .dropdown-toggle {
    padding: 10px 0 10px 10px
}

body.halk-bank .contentAreaMain .form-group li {
    border-bottom: 1px dotted #666;
    min-height: 51px
}

body.halk-bank .contentAreaMain .form-group li:last-child {
    border-bottom: none
}

body.halk-bank .contentAreaMain .form-group li a {
    overflow: hidden
}

body.halk-bank .contentAreaMain .form-group li a:focus,
body.halk-bank .contentAreaMain .form-group li a:hover {
    background-color: #f5f5f5;
    min-height: 50px
}

body.halk-bank .contentAreaMain .form-group .dropdown-menu {
    top: 195%
}

body.halk-bank .contentAreaMain .form-group section.HesapSecim {
    background-color: #f8f9fb
}

body.halk-bank .contentAreaMain .form-group .onay-info {
    background-image: linear-gradient(to right, #479ee5, #479ee5, #1a6fb5);
    border: none;
    color: #fff;
    font-size: 1.1538461538461537em;
    min-height: 50px;
    padding: 7px;
    border-radius: 5px
}

body.halk-bank .contentAreaMain .form-group .onay-info .infoicon {
    float: left;
    margin: 5px 20px 0 5px
}

body.halk-bank .contentAreaMain .form-group .onay-info span {
    color: #93d2f8
}

body.halk-bank .contentAreaMain .form-group .onay-info a {
    color: #fff;
    text-decoration: underline
}

body.halk-bank .contentAreaMain .form-group i.form-control-feedback {
    background-color: inherit;
    right: -30px !important
}

body.halk-bank .contentAreaMain .HesapSecim .customButton,
body.halk-bank .contentAreaMain .HesapSecim button,
body.halk-bank .contentAreaMain .select2-container .customButton,
body.halk-bank .contentAreaMain .select2-container button {
    border: 1px solid #eff1f3;
    box-shadow: none;
    background-color: transparent
}

body.halk-bank .contentAreaMain .HesapSecim .customButton:focus,
body.halk-bank .contentAreaMain .HesapSecim .customButton:hover,
body.halk-bank .contentAreaMain .HesapSecim button:focus,
body.halk-bank .contentAreaMain .HesapSecim button:hover,
body.halk-bank .contentAreaMain .select2-container .customButton:focus,
body.halk-bank .contentAreaMain .select2-container .customButton:hover,
body.halk-bank .contentAreaMain .select2-container button:focus,
body.halk-bank .contentAreaMain .select2-container button:hover {
    background-color: transparent
}

body.halk-bank .contentAreaMain .HesapSecim .credit-amount,
body.halk-bank .contentAreaMain .select2-container .credit-amount {
    white-space: initial !important
}

body.halk-bank .contentAreaMain .HesapSecim .label p.Title,
body.halk-bank .contentAreaMain .select2-container .label p.Title {
    font-weight: 500
}

body.halk-bank .contentAreaMain .HesapSecim .label p.Size,
body.halk-bank .contentAreaMain .HesapSecim .label p.Size1,
body.halk-bank .contentAreaMain .select2-container .label p.Size,
body.halk-bank .contentAreaMain .select2-container .label p.Size1 {
    color: #afb2b5
}

body.halk-bank .contentAreaMain .HesapSecim .label p.Size b,
body.halk-bank .contentAreaMain .HesapSecim .label p.Size1 b,
body.halk-bank .contentAreaMain .select2-container .label p.Size b,
body.halk-bank .contentAreaMain .select2-container .label p.Size1 b {
    color: #878787;
    font-weight: 500
}

body.halk-bank .contentAreaMain .HesapSecim .label p.Blue,
body.halk-bank .contentAreaMain .select2-container .label p.Blue {
    font-weight: 500
}

body.halk-bank .contentAreaMain .HesapSecim .caret,
body.halk-bank .contentAreaMain .select2-container .caret {
    content: "\f106"
}

body.halk-bank .contentAreaMain .HesapSecim .select2-search .select2-search__field,
body.halk-bank .contentAreaMain .select2-container .select2-search .select2-search__field {
    border-color: #ececec;
    background-color: #fff
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options,
body.halk-bank .contentAreaMain .select2-container .select2-results__options {
    box-shadow: none;
    padding: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options li,
body.halk-bank .contentAreaMain .select2-container .select2-results__options li {
    border-bottom: 2px solid #f5f5f5
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options li a:hover,
body.halk-bank .contentAreaMain .select2-container .select2-results__options li a:hover {
    background-color: #fe8d13
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options li a:hover p,
body.halk-bank .contentAreaMain .HesapSecim .select2-results__options li a:hover p b,
body.halk-bank .contentAreaMain .select2-container .select2-results__options li a:hover p,
body.halk-bank .contentAreaMain .select2-container .select2-results__options li a:hover p b {
    color: #fff !important
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options li a:focus,
body.halk-bank .contentAreaMain .select2-container .select2-results__options li a:focus {
    background-color: transparent
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options .inner,
body.halk-bank .contentAreaMain .select2-container .select2-results__options .inner {
    background-color: #fbfbfb
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options a,
body.halk-bank .contentAreaMain .select2-container .select2-results__options a {
    padding: 10px 0 0
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options p.Title,
body.halk-bank .contentAreaMain .select2-container .select2-results__options p.Title {
    padding-left: 10px
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options p.Size1,
body.halk-bank .contentAreaMain .select2-container .select2-results__options p.Size1 {
    padding-left: 10px;
    font-size: .9615384615384616em
}

body.halk-bank .contentAreaMain .HesapSecim .select2-results__options p.Size b,
body.halk-bank .contentAreaMain .select2-container .select2-results__options p.Size b {
    color: #afb2b5
}

body.halk-bank .contentAreaMain .select2-results.account-list {
    max-height: 270px
}

body.halk-bank .contentAreaMain .badge {
    float: left;
    border: none;
    border-radius: 80%;
    margin-top: 8px;
    margin-right: 10px;
    padding: 5px 6px;
    background-color: #ff700f;
    color: #fff;
    font-size: 1.0769230769230769em
}

body.halk-bank .contentAreaMain .customButton,
body.halk-bank .contentAreaMain button[type=submit] {
    width: 79px;
    height: 32px;
    font-size: 1.0769230769230769em;
    border-radius: 0 !important;
    padding: 0
}

body.halk-bank .contentAreaMain .customButton.btn-primary,
body.halk-bank .contentAreaMain button.btn-primary[type=submit] {
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain;
    border-color: transparent;
    color: #fff
}

body.halk-bank .contentAreaMain .BorderOrange {
    border: 1px solid #ff700f;
    border-radius: 5px
}

body.halk-bank .contentAreaMain .BorderOrange hr {
    width: 100%;
    margin-left: 0;
    border-top: 2px dashed #ededf4
}

body.halk-bank .contentAreaMain .BorderOrange .border {
    padding: 20px 10px 15px
}

body.halk-bank .contentAreaMain .BorderOrange .border .btn-lg {
    border-radius: 20px;
    color: #333;
    background: #f4f3f3;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f3f3), color-stop(1, #fefefe));
    background: -ms-linear-gradient(bottom, #f4f3f3, #fefefe);
    background: -moz-linear-gradient(center bottom, #f4f3f3 0, #fefefe 100%);
    background: -o-linear-gradient(#fefefe, #f4f3f3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f4f3f3', GradientType=0);
    box-shadow: none;
    border-color: #dad9d9
}

body.halk-bank .contentAreaMain .BorderOrange .border p {
    margin: 0 0 4px
}

body.halk-bank .contentAreaMain .BorderOrange .detail-collapse {
    border-top: 1px solid #ff700f
}

body.halk-bank .contentAreaMain .BorderOrange .detail-collapse .pad {
    padding-top: 10px;
    padding-bottom: 10px
}

body.halk-bank .contentAreaMain .BorderOrange .complete {
    float: left;
    margin-right: 20px
}

body.halk-bank .contentAreaMain .bottom-btn {
    padding-bottom: 20px
}

body.halk-bank .contentAreaMain .bottom-btn .customButton,
body.halk-bank .contentAreaMain .bottom-btn a,
body.halk-bank .contentAreaMain .bottom-btn button {
    border-radius: 7px;
    margin: 5px
}

body.halk-bank .contentAreaMain .bottom-btn .customButton .fa-plus,
body.halk-bank .contentAreaMain .bottom-btn .customButton img,
body.halk-bank .contentAreaMain .bottom-btn a .fa-plus,
body.halk-bank .contentAreaMain .bottom-btn a img,
body.halk-bank .contentAreaMain .bottom-btn button .fa-plus,
body.halk-bank .contentAreaMain .bottom-btn button img {
    margin-right: 5px;
    margin-top: -3px
}

body.halk-bank .contentAreaMain .bottom-btn .customButton.orange,
body.halk-bank .contentAreaMain .bottom-btn a.orange,
body.halk-bank .contentAreaMain .bottom-btn button.orange {
    background-color: #f48117;
    border-color: #f48117
}

body.halk-bank .contentAreaMain .tabs .search-form>section {
    clear: both
}

body.halk-bank .contentAreaMain .tabs .search-form input[type=text] {
    border-radius: 5px !important
}

body.halk-bank .contentAreaMain .tabs .search-form .icon-append {
    right: 10px
}

body.halk-bank .contentAreaMain .tabs .tab-content.padding-10 {
    padding-top: 5px !important
}

body.halk-bank .contentAreaMain .tabs .bg-color-LightBlue {
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain;
    letter-spacing: .5px;
    border: none;
    border-radius: 20px;
    padding: 5px 15px;
    float: right;
    margin: 0 0 10px;
    box-shadow: none
}

body.halk-bank .contentAreaMain label.input .icon-append {
    border: none;
    border-radius: 20px
}

body.halk-bank .contentAreaMain .slimScrollDiv {
    height: auto !important
}

body.halk-bank .contentAreaMain .slimScrollDiv .slimScrollRail {
    height: auto !important;
    width: 8px !important;
    top: 8px !important;
    bottom: 8px !important;
    border-radius: 9px !important;
    right: 5px !important;
    border: 1px solid #acacac;
    border-right: 1px solid #9b9b9b;
    opacity: 1 !important;
    background: #ccc !important
}

body.halk-bank .contentAreaMain .slimScrollDiv .slimScrollBar {
    margin-right: 0;
    background: 0 0 !important;
    width: 6px !important;
    right: 6px !important
}

body.halk-bank .contentAreaMain .slimScrollDiv .slimScrollBar:after {
    content: '';
    position: absolute;
    top: 10px;
    bottom: 9px;
    width: 100%;
    border-radius: 6px;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: ease-in;
    cursor: pointer;
    background: #fff !important;
    background: -webkit-linear-gradient(left, #d4d4d4, #fff) !important;
    background: -o-linear-gradient(right, #d4d4d4, #fff) !important;
    background: -moz-linear-gradient(right, #d4d4d4, #fff) !important;
    background: linear-gradient(to right, #d4d4d4, #fff) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=1)
}

body.halk-bank .contentAreaMain .slimScrollDiv .slimScrollBar:active:after,
body.halk-bank .contentAreaMain .slimScrollDiv .slimScrollBar:hover:after {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

body.halk-bank .contentAreaMain .RightPane .tab-pane .slimScrollDiv .slimScrollBar {
    right: 1px !important
}

body.halk-bank .contentAreaMain .RightPane .tab-pane .slimScrollDiv .slimScrollBar:after {
    top: 1px;
    bottom: 1px
}

body.halk-bank .contentAreaMain .RightPane .tab-pane .slimScrollDiv .slimScrollRail {
    width: 8px !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important
}

body.halk-bank .contentAreaMain #s2 .last-proc article {
    padding: 10px 12px 8px
}

body.halk-bank .contentAreaMain #s2 .last-proc article .blue {
    margin-top: -7px
}

body.halk-bank .contentAreaMain .last-proc {
    overflow: auto;
    height: 680px !important;
    position: relative
}

body.halk-bank .contentAreaMain .last-proc .carousel-inner .item {
    display: block
}

body.halk-bank .contentAreaMain .last-proc .carousel-inner .item.dragholder .InnerItem article {
    height: 88px;
    border: 1px dashed #dad9d9;
    background: #fff
}

body.halk-bank .contentAreaMain .last-proc .carousel-inner .item.dragholder .InnerItem article .customButton,
body.halk-bank .contentAreaMain .last-proc .carousel-inner .item.dragholder .InnerItem article button,
body.halk-bank .contentAreaMain .last-proc .carousel-inner .item.dragholder .InnerItem article p {
    display: none
}

body.halk-bank .contentAreaMain .last-proc .swiper-slide {
    position: static
}

body.halk-bank .contentAreaMain .last-proc .InnerItem {
    position: relative;
    min-height: 0;
    margin-bottom: 10px;
    cursor: pointer
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article {
    color: #333;
    border: 1px solid #e5e4e4;
    border-radius: 6px;
    padding: 13px 12px 25px;
    font-size: 1em;
    background: #f0f1f4;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f1f4), color-stop(1, #FFF));
    background: -ms-linear-gradient(bottom, #f0f1f4, #FFF);
    background: -moz-linear-gradient(center bottom, #f0f1f4 0, #FFF 100%);
    background: -o-linear-gradient(#FFF, #f0f1f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f0f1f4', GradientType=0);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e8e8e8), color-stop(1, #fff))
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article .hoverImg {
    display: none;
    position: absolute;
    top: 0;
    left: 45%;
    margin-top: -20px
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article .customButton,
body.halk-bank .contentAreaMain .last-proc .InnerItem article button {
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 1.0769230769230769em;
    border: none;
    background: 0 0
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article .customButton i,
body.halk-bank .contentAreaMain .last-proc .InnerItem article button i {
    color: #c7c7c7;
    font-size: .9230769230769231em
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article p {
    margin-bottom: 0
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article p .lightgray {
    color: #333
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article p .blue {
    color: #1a6fb4;
    float: right;
    margin-top: 10px
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article p b,
body.halk-bank .contentAreaMain .last-proc .InnerItem article p span {
    display: table-cell;
    vertical-align: middle;
    zoom: 1
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article p b {
    font-weight: 500;
    font-size: 1.0769230769230769em
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article .blue {
    color: #257eb5
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article.active,
body.halk-bank .contentAreaMain .last-proc .InnerItem article:hover {
    color: #fff;
    border-color: #ed8f4f;
    background: #f68e4f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f68e4f), color-stop(1, #faad5b));
    background: -ms-linear-gradient(bottom, #f68e4f, #faad5b);
    background: -moz-linear-gradient(center bottom, #f68e4f 0, #faad5b 100%);
    background: -o-linear-gradient(#faad5b, #f68e4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad5b', endColorstr='#f68e4f', GradientType=0)
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article.active .blue,
body.halk-bank .contentAreaMain .last-proc .InnerItem article.active .lightgray,
body.halk-bank .contentAreaMain .last-proc .InnerItem article.active i,
body.halk-bank .contentAreaMain .last-proc .InnerItem article:hover .blue,
body.halk-bank .contentAreaMain .last-proc .InnerItem article:hover .lightgray,
body.halk-bank .contentAreaMain .last-proc .InnerItem article:hover i {
    color: #fff
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article p:last-child {
    margin-bottom: 10px
}

body.halk-bank .contentAreaMain .last-proc .InnerItem article+article {
    margin-top: 10px
}

body.halk-bank .contentAreaMain .last-proc .all {
    float: right;
    margin-top: 22px;
    font-size: 1.0769230769230769em;
    color: #f7923b;
    text-decoration: underline
}

body.halk-bank .contentAreaMain .HtmlPanel .item {
    background-color: #f3f5f6;
    border: 1px solid #e5e8ea;
    border-radius: 5px
}

body.halk-bank .contentAreaMain .HtmlPanel .item .Form {
    background-color: #fff;
    border-radius: 0 0 5px 5px
}

body.halk-bank .contentAreaMain .HtmlPanel .item .Form .smart-form .col-sm-3 .customButton,
body.halk-bank .contentAreaMain .HtmlPanel .item .Form .smart-form .col-sm-3 button[type=submit] {
    width: 130px;
    border-color: #e3e6e9;
    box-shadow: none;
    color: #69767d;
    font-weight: 300
}

body.halk-bank .contentAreaMain .HtmlPanel .item .Form .smart-form .col-sm-3 .text-muted {
    margin-top: 6px !important
}

body.halk-bank .contentAreaMain .HtmlPanel .item .Form .smart-form .col-sm-5 .customButton,
body.halk-bank .contentAreaMain .HtmlPanel .item .Form .smart-form .col-sm-5 button[type=submit] {
    width: 80px;
    font-weight: 300
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row {
    margin: 0;
    padding: 10px 20px
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row .width350 {
    width: 350px
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row .Title {
    font-weight: 500;
    color: #333
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row .TitleSub {
    color: #333
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row .fRight .input {
    margin-right: 8px
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row .fRight .input .icon-append {
    color: #bfc7cb;
    margin-top: 2px
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row .fRight .input .fa-calendar {
    color: #869196;
    top: 4px
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row .fRight .input input {
    width: 130px;
    border: 2px solid #e6eaeb;
    padding: 0 0 0 10px;
    margin: 0
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row .fRight .input input.Blue {
    color: #1a6fb4;
    font-weight: 500
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row a i.fa-pencil {
    color: #1a6fb4;
    font-size: 1em;
    margin-right: 15px
}

body.halk-bank .contentAreaMain .HtmlPanel .item>.row a i.fa-times {
    color: #ef480e;
    font-size: 1.1538461538461537em
}

body.halk-bank .contentAreaMain .dropZone {
    overflow: auto;
    height: auto !important;
    padding-top: 15px
}

body.halk-bank .contentAreaMain .dropZone hr {
    border: 1px solid #eee;
    width: 100%;
    margin: 15px 0 10px -2px
}

body.halk-bank .contentAreaMain .dropZone .Tutar1 {
    color: #333;
    font-weight: 500;
    float: left
}

body.halk-bank .contentAreaMain .dropZone .Tutar2 {
    color: #333;
    font-weight: 500;
    float: right
}

body.halk-bank .contentAreaMain .dropZone .TextRed {
    color: #e62020;
    font-weight: 500;
    margin-left: 5px
}

body.halk-bank .contentAreaMain .cart {
    margin-top: 25px;
    margin-bottom: 20px
}

body.halk-bank .contentAreaMain .cart .text-center {
    line-height: 3;
    padding: 20px
}

body.halk-bank .contentAreaMain .cart .text-center .font-md {
    color: #4a555b
}

body.halk-bank .contentAreaMain .cart .text-center .font-md i.text-blue {
    color: #80d0fe
}

body.halk-bank .contentAreaMain .cart .text-center .font-md h4 {
    font-weight: 500;
    color: #9ea5a8
}

body.halk-bank .contentAreaMain .cart .text-center .customButton.btn-orange,
body.halk-bank .contentAreaMain .cart .text-center button.btn-orange {
    width: 240px;
    height: 30px;
    margin-top: 20px;
    line-height: 1
}

body.halk-bank .contentAreaMain .cart .placeholder {
    min-height: 200px;
    background-color: #fafcfd;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-size: 16px 16px;
    border: 1px solid #e5e7e8;
    border-radius: 5px
}

body.halk-bank .contentAreaMain .cart .ui-state-default,
body.halk-bank .contentAreaMain .cart .ui-state-hover {
    background: #f5f5f5;
    border: 2px dashed #ced0d1;
    border-radius: 5px
}

body.halk-bank .contentAreaMain .cart .ui-state-default .text-center,
body.halk-bank .contentAreaMain .cart .ui-state-hover .text-center {
    opacity: .2
}

body.halk-bank .contentAreaMain .right-pane .tabs .nav-tabs>li {
    width: 50%;
    font-weight: 500
}

body.halk-bank .contentAreaMain .main-page .slimScrollDiv .slimScrollRail {
    opacity: 0 !important;
    display: none !important
}

body.halk-bank .contentAreaMain .main-page .slimScrollDiv .slimScrollBar {
    right: 4px !important;
    width: 4px !important;
    transition-property: right, width;
    transition-duration: .1s;
    transition-timing-function: ease-in
}

body.halk-bank .contentAreaMain .main-page .slimScrollDiv .slimScrollBar:after {
    width: 100% !important;
    background: rgba(0, 0, 0, .25) !important;
    border-radius: 3px !important
}

body.halk-bank .contentAreaMain .main-page .slimScrollDiv .slimScrollBar:hover {
    width: 6px !important;
    right: 3px !important
}

body.halk-bank .contentAreaMain .main-page .slimScrollDiv .slimScrollBar:hover:after {
    background: rgba(0, 0, 0, .35) !important
}

body.halk-bank .content-shadow {
    position: relative;
    box-shadow: -1px 0 3px 0 rgba(0, 0, 0, .12);
    border-radius: 5px
}

body.halk-bank .content-shadow.left {
    box-shadow: none
}

body.halk-bank .content-shadow.left:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 8px;
    border-radius: 5px;
    z-index: 0;
    box-shadow: none
}

body.halk-bank .content-shadow.left .content-pane {
    position: relative;
    z-index: 1
}

body.halk-bank.hidden-menu .minifyme {
    display: block !important
}

body.halk-bank .WidgetDelete .jarviswidget header h2 {
    text-overflow: inherit;
    width: auto
}

body.halk-bank .WidgetDelete .jarviswidget>div {
    padding: 1px !important;
    border: 1px solid #eaeaea;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

body.halk-bank .WidgetDelete .color-orange header {
    background-color: #fd881d !important;
    color: #fff;
    border: 1px solid #fd881d;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

body.halk-bank .WidgetDelete .color-orange header h2 img {
    display: inline;
    position: relative;
    z-index: 1;
    margin-top: -6px
}

body.halk-bank .WidgetDelete .color-orange .widget-body {
    background-color: #fbf9f9 !important;
    padding: 20px
}

body.halk-bank .WidgetDelete .color-orange .widget-body .fa-angle-right {
    color: #fd881d
}

body.halk-bank .WidgetDelete .color-orange .button-icon {
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 5px;
    color: #fff;
    margin-right: 10px;
    margin-top: 6px;
    height: 20px;
    min-width: 20px;
    line-height: 18px
}

body.halk-bank #ReceiptModalContent .modal-dialog {
    width: 795px
}

body.halk-bank #ReceiptModalContent .modal-dialog table {
    font-family: Roboto;
    color: #333;
    font-size: 10px
}

body.halk-bank #ReceiptModalContent .modal-dialog table td {
    padding: 1px 5px
}

body.halk-bank #ReceiptModalContent .modal-dialog .ModalButton {
    margin-top: 50px
}

body.halk-bank #ReceiptModalContent .modal-dialog .smart-form .form-group {
    margin-bottom: 10px
}

body.halk-bank #ReceiptModalContent .modal-dialog .popover .input-lg {
    height: auto
}

body.halk-bank .popover.clockpicker-popover {
    min-width: inherit
}

body.halk-bank .popover {
    background: #e7e8e7;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e7e8e7), color-stop(1, #fcfdfd));
    background: -ms-linear-gradient(bottom, #e7e8e7, #fcfdfd);
    background: -moz-linear-gradient(center bottom, #e7e8e7 0, #fcfdfd 100%);
    background: -o-linear-gradient(#fcfdfd, #e7e8e7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfdfd', endColorstr='#e7e8e7', GradientType=0);
    color: #494949;
    min-width: 440px;
    background-color: #e7e8e8;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .35);
    border: 1px solid #e5e4e4;
    padding: 0
}

body.halk-bank .popover .arrow {
    border-top-color: #e5e4e4 !important
}

body.halk-bank .popover .arrow:after {
    border-top-color: #e7e8e7 !important
}

body.halk-bank .popover .popover-title {
    border-bottom-color: #ebebeb;
    background: 0 0;
    text-align: center;
    color: #494949;
    font-size: 1.2307692307692308em
}

body.halk-bank .popover .popover-title i {
    color: #b9b9b9
}

body.halk-bank .popover .popover-content {
    padding: 20px
}

body.halk-bank .popover .popover-content a {
    padding: 7px 30px;
    border-radius: 5px;
    margin-right: 10px;
    border: none;
    font-size: 1.0769230769230769em;
    font-weight: 700
}

body.halk-bank .popover .popover-content a.btn-gray {
    background-color: #b9b9b9;
    margin-right: 11px
}

body.halk-bank .popover .popover-content a.btn-blue {
    background-color: #297ec4;
    margin-right: 0
}

body.halk-bank .popover .popover-content .input-lg {
    height: auto;
    font-size: 1em
}

body.halk-bank .table-style {
    display: table;
    width: 100%
}

body.halk-bank .table-style>* {
    display: table-header-group
}

body.halk-bank .table-style p {
    display: table-row !important;
    line-height: 1.5
}

body.halk-bank .table-style p b,
body.halk-bank .table-style p>span,
body.halk-bank .table-style p>strong {
    display: table-cell;
    vertical-align: middle;
    zoom: 1;
    padding: 3px 0
}

body.halk-bank .table-style p>:first-child {
    width: 30%
}

body.halk-bank .table-style p.visible-xs {
    display: none !important
}

@media (max-width:767px) {
    body.halk-bank .table-style p.visible-xs {
        display: table-row !important
    }
}

body.halk-bank .table-style.inline-table,
body.halk-bank .table-style.inline-table>* {
    display: block
}

body.halk-bank .table-style.inline-table .appeal-form p>span {
    width: auto !important;
    overflow: auto
}

body.halk-bank .table-style.inline-table .appeal-form p>span>:first-child {
    width: 30% !important
}

body.halk-bank .table-style.inline-table p {
    font-size: 14px;
    display: block !important;
    margin-bottom: 0
}

body.halk-bank .table-style.inline-table p b,
body.halk-bank .table-style.inline-table p>span,
body.halk-bank .table-style.inline-table p>strong {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 0
}

body.halk-bank .table-style.inline-table p>:first-child {
    width: auto
}

body.halk-bank .table-style.inline-table p.equalWidth>span {
    width: 50% !important
}

body.halk-bank .table-style.inline-table p.equalWidth>strong {
    width: 49% !important
}

@media (min-width:436px) {
    body.halk-bank .table-style.inline-table p>span {
        width: 30% !important
    }
}

@media (max-width:435px) {
    body.halk-bank .table-style.inline-table p>span {
        width: 100% !important
    }
}

@media (min-width:436px) {
    body.halk-bank .table-style.inline-table p>strong {
        width: 69%;
        word-wrap: break-word
    }
}

@media (max-width:435px) {
    body.halk-bank .table-style.inline-table p>strong {
        width: 100%
    }
}

body.halk-bank .table-style.inline-table .modal-body p .green-circle,
body.halk-bank .table-style.inline-table .modal-body p .orange-circle,
body.halk-bank .table-style.inline-table .modal-body p .red-circle {
    width: 50px
}

body.halk-bank .table-style.inline-table .modal-body p span {
    width: auto !important
}

body.halk-bank .table-style.r-just p>span {
    color: #798992 !important
}

body.halk-bank .table-style.r-just p>strong {
    color: #333 !important;
    text-align: right !important
}

body.halk-bank vb-information-container .inline-table vb-information-item strong {
    word-wrap: break-word
}

body.halk-bank .smart-form .colorOrange {
    font-family: Roboto;
    font-weight: 500
}

body.halk-bank .smart-form .col-2 .text-muted,
body.halk-bank .smart-form .col-3 .text-muted,
body.halk-bank .smart-form .col-lg-3 .text-muted,
body.halk-bank .smart-form .col-sm-3 .text-muted {
    padding: 0;
    display: table-cell;
    line-height: 15px;
    height: 36px;
    vertical-align: middle
}

body.halk-bank .smart-form .lbl {
    display: inline-block;
    padding-top: 8px
}

body.halk-bank .smart-form section:after,
body.halk-bank .smart-form section:before {
    content: " ";
    display: table
}

body.halk-bank .smart-form section:after {
    clear: both
}

body.halk-bank .smart-form fieldset+fieldset {
    border: none;
    padding-left: 10px
}

body.halk-bank .smart-form input {
    border-radius: 5px !important;
    color: inherit;
    height: 36px;
    border-color: #0bbbef
}

body.halk-bank .smart-form input.input-lg {
    height: 44px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33
}

body.halk-bank .smart-form textarea {
    border-radius: 0 !important
}

body.halk-bank .smart-form .IBANInput1 {
    width: 40px;
    float: left
}

body.halk-bank .smart-form .IBANInput1 input {
    background: #fff;
    font-weight: 500
}

body.halk-bank .smart-form .IBANInput1 input::-webkit-input-placeholder {
    color: #4a555b
}

body.halk-bank .smart-form .IBANInput1 input:-moz-placeholder {
    color: #4a555b;
    opacity: 1
}

body.halk-bank .smart-form .IBANInput1 input::-moz-placeholder {
    color: #4a555b;
    opacity: 1
}

body.halk-bank .smart-form .IBANInput1 input:-ms-input-placeholder {
    color: #4a555b
}

body.halk-bank .smart-form .IBANInput2 {
    margin-left: 45px
}

body.halk-bank .smart-form .selectField a.select2-choice {
    padding: 0 0 0 10px;
    color: inherit
}

body.halk-bank .smart-form .selectField .select2-arrow {
    top: -4px
}

body.halk-bank .smart-form .selectField .select2-selection--single {
    border-radius: 5px;
    border-color: #0bbbef;
    min-height: 36px
}

body.halk-bank .smart-form .selectField .select2-selection__rendered {
    color: #333;
    line-height: 34px;
    font-weight: 500
}

body.halk-bank .smart-form .selectField.single-dropdown .select2-selection__rendered {
    color: #666;
    font-weight: 400;
    font-size: 14px
}

body.halk-bank .smart-form .selectField .select2-selection__arrow {
    bottom: 2px;
    top: 2px;
    height: auto;
    border-radius: 0 5px 5px 0;
    right: 2px
}

body.halk-bank .smart-form .selectField .select2-container--open .select2-selection__arrow b {
    transform: rotate(180deg)
}

body.halk-bank .smart-form .selectField .select2-container--open .select2-selection__arrow b:after {
    content: "\f077" !important;
    display: none
}

body.halk-bank .smart-form .selectField .select2-selection__arrow b {
    border: none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-family: FontAwesome;
    font-weight: 300;
    line-height: 0;
    font-size: .7692307692307693em;
    color: #b5c1c4;
    width: 100%;
    display: block;
    margin: 0;
    height: 100%;
    background: url(../img/DownArrowWhite.png) center no-repeat !important
}

body.halk-bank .smart-form .select2-container--open .select2-dropdown--above,
body.halk-bank .smart-form .select2-container--open .select2-dropdown--below {
    margin-left: -1px;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25)
}

body.halk-bank .smart-form .select2-container--focus .select2-selection--single,
body.halk-bank .smart-form .select2-container--open .select2-selection--single {
    border-color: #1b6fb5
}

body.halk-bank .smart-form .select2-container--focus .select2-selection__arrow,
body.halk-bank .smart-form .select2-container--open .select2-selection__arrow {
    background-color: #1b6fb5 !important
}

body.halk-bank .smart-form .select2-selection__arrow {
    background: #f68e4f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f68e4f), color-stop(1, #faad5b));
    background: -ms-linear-gradient(bottom, #f68e4f, #faad5b);
    background: -moz-linear-gradient(center bottom, #f68e4f 0, #faad5b 100%);
    background: -o-linear-gradient(#faad5b, #f68e4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad5b', endColorstr='#f68e4f', GradientType=0);
    top: 4px !important;
    bottom: 4px !important;
    right: 4px !important;
    width: 16px
}

body.halk-bank .smart-form .select2-selection__arrow b {
    display: none
}

body.halk-bank .smart-form .select2-container--disabled .select2-selection__arrow {
    background: url(../img/DownArrow.png) center no-repeat #5b95c5 !important
}

body.halk-bank .smart-form .breadIcon a {
    border-radius: 50%;
    background-color: #7ecffe;
    color: #fff;
    width: 25px;
    height: 25px
}

body.halk-bank .smart-form .breadIcon a i {
    font-size: 1.2307692307692308em;
    font-weight: 400;
    margin: 3px 1px 0 0
}

body.halk-bank .smart-form .breadIcon .tooltip {
    z-index: 9999
}

body.halk-bank .smart-form .icon-append.Currency {
    font-size: .9230769230769231em;
    font-style: normal;
    min-width: 22px;
    width: auto
}

body.halk-bank .smart-form .icon-append.Currency+input {
    padding-right: 37px !important
}

body.halk-bank .smart-form .icon-prepend {
    margin: 0
}

body.halk-bank .smart-form .fa-calendar {
    color: #869196
}

body.halk-bank .smart-form .tooltip {
    opacity: 1;
    white-space: nowrap;
    background: 0 0;
    box-shadow: none
}

body.halk-bank .smart-form .tooltip-wrapped+.tooltip {
    white-space: normal !important;
    max-width: 100% !important;
    left: 0 !important
}

body.halk-bank .smart-form .inline-group label.checkbox,
body.halk-bank .smart-form .inline-group label.radio {
    margin-top: 7px;
    margin-right: 0;
    width: 40%
}

body.halk-bank .smart-form .horizontal-group label.checkbox,
body.halk-bank .smart-form .horizontal-group label.radio {
    margin-right: 10px
}

body.halk-bank .smart-form.vertical .lbl,
body.halk-bank .smart-form.vertical label.text-muted {
    color: #b9b9b9;
    padding-bottom: 5px
}

body.halk-bank .smart-form.light .please {
    font-size: 1em;
    color: #333;
    font-weight: 400
}

body.halk-bank .smart-form.light .icon-append,
body.halk-bank .smart-form.light .icon-prepend,
body.halk-bank .smart-form.light .input input,
body.halk-bank .smart-form.light .select select,
body.halk-bank .smart-form.light .textarea textarea,
body.halk-bank .smart-form.light .toggle i {
    border-color: #e3e3e3
}

body.halk-bank .smart-form.light .input input,
body.halk-bank .smart-form.light .textarea textarea {
    font-family: Roboto
}

body.halk-bank .smart-form.light .input input::-webkit-input-placeholder,
body.halk-bank .smart-form.light .textarea textarea::-webkit-input-placeholder {
    color: #aaa
}

body.halk-bank .smart-form.light .input input:-moz-placeholder,
body.halk-bank .smart-form.light .textarea textarea:-moz-placeholder {
    color: #aaa;
    opacity: 1
}

body.halk-bank .smart-form.light .input input::-moz-placeholder,
body.halk-bank .smart-form.light .textarea textarea::-moz-placeholder {
    color: #aaa;
    opacity: 1
}

body.halk-bank .smart-form.light .input input:-ms-input-placeholder,
body.halk-bank .smart-form.light .textarea textarea:-ms-input-placeholder {
    color: #aaa
}

body.halk-bank .smart-form.light .input input,
body.halk-bank .smart-form.light .select select {
    height: 44px
}

body.halk-bank .smart-form.light .icon-append,
body.halk-bank .smart-form.light .icon-prepend {
    height: 34px;
    line-height: 34px;
    top: 0
}

body.halk-bank .smart-form.light .icon-append .fa,
body.halk-bank .smart-form.light .icon-prepend .fa {
    font-size: 16px
}

body.halk-bank .smart-form .please.blue {
    font-family: Roboto;
    color: #4474a3
}

body.halk-bank .smart-form a.repeat {
    display: inline-block;
    padding-top: 5px;
    font-weight: 500;
    font-size: 1.0769230769230769em;
    color: #bababa
}

body.halk-bank .smart-form a.repeat .fa {
    margin-right: 3px;
    vertical-align: middle;
    color: #80d0fe;
    font-size: 1.3846153846153846em
}

body.halk-bank .smart-form a.repeat:hover {
    text-decoration: underline
}

body.halk-bank .select2-container--open .select2-dropdown--above,
body.halk-bank .select2-container--open .select2-dropdown--below {
    margin-left: -1px;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25)
}

body.halk-bank .BGGray {
    clear: both;
    background-color: #f8f9fb;
    padding-left: 15px;
    padding-top: 10px;
    line-height: 2;
    border-radius: 5px
}

body.halk-bank .BGGray:after {
    display: table;
    content: "";
    clear: both
}

body.halk-bank .BGGray .MasrafBilgileri .Left {
    color: #616f76
}

body.halk-bank .BGGray .MasrafBilgileri .Right {
    color: #fd881d
}

body.halk-bank .BGGray .MasrafBilgileri .checkbox {
    display: inline-block !important;
    vertical-align: top;
    margin-left: 10px;
    margin-top: -3px
}

body.halk-bank .BGGray hr {
    width: 100%;
    margin-left: 0;
    border-top: 2px dotted #C1C1D4
}

body.halk-bank .BGGray+.BGGray {
    margin-top: -10px
}

body.halk-bank .BGGray .margin-bottom-0>.margin-bottom-20 {
    margin-bottom: 0
}

body.halk-bank .BGGray .BGGray {
    padding: 0
}

body.halk-bank .BGGray.light {
    background: #f6f6f6
}

body.halk-bank .BGGray.f9 {
    background: #f9f9f9;
    padding: 25px 20px
}

body.halk-bank .BGGray.f9 .reminder {
    padding-bottom: 7px
}

body.halk-bank .BGGray.banner {
    padding: 3px
}

body.halk-bank .BGGray.banner img {
    display: block;
    width: 100%
}

body.halk-bank .BGGray.white {
    padding: 5px 12px;
    background: #fff;
    border: 1px solid #e1e4e9
}

body.halk-bank .BGGray.b-to-med {
    font-size: 13px;
    line-height: 1.4
}

body.halk-bank .BGGray.b-to-med b,
body.halk-bank .BGGray.b-to-med h2,
body.halk-bank .BGGray.b-to-med h3,
body.halk-bank .BGGray.b-to-med h4,
body.halk-bank .BGGray.b-to-med strong {
    font-weight: 500
}

body.halk-bank .BGGray.b-to-med h3 {
    font-size: 13px;
    margin: 15px 0 10px
}

body.halk-bank .smart-form .BGGray .lbl,
body.halk-bank .smart-form .BGGray .text-muted {
    padding-top: 0 !important
}

body.halk-bank .tabs {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    clear: both
}

body.halk-bank .tabs .nav-tabs {
    background-color: #0bbbef;
    border-bottom: 0;
    width: 100%;
    padding-top: 10px;
    padding-left: 7px
}

body.halk-bank .tabs .nav-tabs li {
    color: #fff;
    float: left;
    width: 50%;
    margin-bottom: 0
}

body.halk-bank .tabs .nav-tabs li a {
    line-height: 22px;
    padding: 8px 7px;
    border: 0;
    font-size: 1em;
    color: #fff;
    margin-right: 0;
    background: #0bbbef
}

body.halk-bank .tabs .nav-tabs li a:focus,
body.halk-bank .tabs .nav-tabs li a:hover {
    background: #1a6fb4
}

body.halk-bank .tabs .nav-tabs li.active {
    width: 48%;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

body.halk-bank .tabs .nav-tabs li.active a {
    background: 0 0;
    font-size: 1em;
    color: #494949;
    box-shadow: none;
    margin: 0 !important
}

body.halk-bank input[type=checkbox],
body.halk-bank input[type=radio] {
    margin: 2px -20px 0
}

body.halk-bank .checkbox,
body.halk-bank .radio {
    margin-bottom: 0;
    padding-left: 23px;
    line-height: 21px;
    color: #404040;
    cursor: pointer;
    font-size: 1em;
    margin-top: 0
}

body.halk-bank .checkbox:last-child,
body.halk-bank .radio:last-child {
    margin-bottom: 0
}

body.halk-bank .checkbox.disabled,
body.halk-bank .radio.disabled {
    cursor: default !important
}

body.halk-bank .checkbox input,
body.halk-bank .radio input {
    height: auto
}

body.halk-bank .checkbox i,
body.halk-bank .radio i {
    border-color: #a7b4b4;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background: #f2f4f4
}

body.halk-bank .checkbox input+i:after,
body.halk-bank .checkbox input+vb-tooltip i:after,
body.halk-bank .radio input+i:after,
body.halk-bank .radio input+vb-tooltip i:after {
    position: absolute;
    opacity: 0;
    transition: opacity .1s;
    -o-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -webkit-transition: opacity .1s
}

body.halk-bank .radio i {
    border-radius: 50%
}

body.halk-bank .radio input+i:after {
    content: '';
    top: 4px;
    left: 4px;
    width: 9px;
    height: 9px;
    border-radius: 50%
}

body.halk-bank .checkbox input+i:after,
body.halk-bank .checkbox input+vb-tooltip i:after {
    content: '\f00c';
    top: -1px;
    left: 1px;
    width: 15px;
    height: 15px;
    font: 400 16px/19px FontAwesome;
    text-align: center
}

body.halk-bank .checkbox input:checked:hover+i:after,
body.halk-bank .checkbox input:checked:hover+vb-tooltip i:after {
    content: '\f00d'
}

body.halk-bank .checkbox input:checked:disabled:hover+i:after,
body.halk-bank .checkbox input:checked:disabled:hover+vb-tooltip i:after {
    content: '\f00c'
}

body.halk-bank .checkbox input:checked+i:after,
body.halk-bank .checkbox input:checked+vb-tooltip i:after,
body.halk-bank .radio input:checked+i:after,
body.halk-bank .radio input:checked+vb-tooltip i:after {
    opacity: 1;
    font-size: 0;
    width: 100%;
    height: 100%;
    background: url(../img/orange_check.png) center no-repeat;
    margin: 0;
    left: 0;
    top: 0
}

body.halk-bank .timescheckbox input:checked+i:after,
body.halk-bank .timescheckbox input:checked+vb-tooltip i:after {
    opacity: 1;
    font-size: 0;
    width: 100%;
    height: 100%;
    background: url(../img/times_check.png) center no-repeat;
    margin: 0;
    left: 0;
    top: 0
}

body.halk-bank .custom-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px
}

body.halk-bank .custom-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

body.halk-bank .custom-switch .switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

body.halk-bank .custom-switch .switch-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 1px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

body.halk-bank .custom-switch input:checked+.switch-slider {
    background-color: #fd881d
}

body.halk-bank .custom-switch input:focus+.switch-slider {
    box-shadow: 0 0 1px #fd881d
}

body.halk-bank .custom-switch input:checked+.switch-slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px)
}

body.halk-bank .custom-switch .switch-slider.round {
    border-radius: 34px
}

body.halk-bank .custom-switch .switch-slider.round:before {
    border-radius: 50%
}

body.halk-bank label.radio {
    color: #4a555b;
    display: inline-block !important;
    margin-top: 8px
}

body.halk-bank label.radio input:checked+i {
    background-color: #fd881d;
    border: 0 !important;
    width: 17px;
    height: 17px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .26)
}

body.halk-bank label.radio input:disabled+i {
    background-color: #ccc;
    cursor: not-allowed
}

body.halk-bank label.radio input+i::after {
    background-color: #fd881d;
    color: #fff;
    content: "\f00c" !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: -2px;
    margin-top: -2px
}

body.halk-bank input:disabled,
body.halk-bank textarea:disabled {
    background-color: #eee
}

body.halk-bank input+i,
body.halk-bank input+vb-tooltip i {
    background-color: #f2f4f4;
    border-radius: 3px
}

body.halk-bank input:checked+i,
body.halk-bank input:checked+vb-tooltip i {
    background-color: #fd881d;
    border: 1px solid #fd881d !important
}

body.halk-bank input+i::after {
    color: #fff
}

body.halk-bank .checkbox i,
body.halk-bank .checkbox i::after {
    border-width: 1px;
    color: #fff
}

body.halk-bank .checkbox input:checked:hover+i::after,
body.halk-bank .checkbox input:checked:hover+vb-tooltip i::after {
    content: '\f00c';
    color: #fff
}

body.halk-bank .select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
    border-radius: 0;
    height: auto;
    line-height: 1
}

body.halk-bank .select2-container--default .select2-selection--single p {
    margin: 5px 0;
    line-height: 1.5
}

body.halk-bank .select2-container--default .select2-selection--single p.Title {
    padding-left: 10px;
    font-size: 1em;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis
}

body.halk-bank .select2-container--default .select2-selection--single p.Size1 {
    padding-left: 10px;
    font-size: .9615384615384616em;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis
}

body.halk-bank .select2-container--default .select2-selection--single p.Size {
    color: #666;
    font-size: .9615384615384616em
}

body.halk-bank .select2-container--default .select2-selection--single p.Size .Total {
    font-weight: 500;
    color: #333;
    margin-left: 3px
}

body.halk-bank .select2-container--default .select2-selection--single p.Blue {
    color: #1a6fb4;
    font-weight: 700;
    font-size: 1em
}

body.halk-bank .select2-container--default .select2-selection--single p.Blue span {
    color: #9dacc2;
    font-weight: 400
}

body.halk-bank .select2-container--default .select2-selection--single .col-sm-7 {
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

body.halk-bank .select2-container--default .select2-selection--single .col-sm-4,
body.halk-bank .select2-container--default .select2-selection--single .col-sm-5 {
    text-align: right;
    padding-left: 0
}

body.halk-bank .select2-container--default .select2-selection__arrow b {
    display: none
}

body.halk-bank .select2-container--default .select2-dropdown--above,
body.halk-bank .select2-container--default .select2-dropdown--below {
    box-shadow: none;
    border: 1px solid #dadada
}

body.halk-bank .select2-container--default .select2-dropdown {
    z-index: 1000;
    background-color: #fbfbfb !important
}

body.halk-bank .select2-container--default .select2-dropdown:after,
body.halk-bank .select2-container--default .select2-dropdown:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0;
    border-color: #fbfbfb transparent transparent;
    position: absolute;
    margin-right: 10px;
    margin-bottom: -8px;
    bottom: 0;
    right: 0
}

body.halk-bank .select2-container--default .select2-dropdown:before {
    border-width: 9px 8px 0;
    border-color: #cfcfcf transparent transparent;
    margin-right: 9px;
    margin-bottom: -9px
}

body.halk-bank .select2-container--default .select2-dropdown.select2-dropdown--below:after,
body.halk-bank .select2-container--default .select2-dropdown.select2-dropdown--below:before {
    border-width: 0 7px 8px;
    border-color: transparent transparent #fbfbfb;
    margin-right: 10px;
    margin-top: -8px;
    top: 0;
    right: 0
}

body.halk-bank .select2-container--default .select2-dropdown.select2-dropdown--below:before {
    border-width: 0 8px 9px;
    border-color: transparent transparent #cfcfcf;
    margin-right: 9px;
    margin-top: -9px
}

body.halk-bank .select2-container--default .select2-dropdown .select2-search::before {
    color: silver !important;
    right: 35px;
    top: 50%
}

body.halk-bank .select2-container--default .select2-dropdown .select2-search {
    width: auto !important;
    padding: 15px 20px 0
}

body.halk-bank .select2-container--default .select2-dropdown .select2-search input {
    border-radius: 25px;
    background-image: none;
    background-color: #fbfbfb !important;
    border-color: #d5d5d6;
    padding-left: 20px;
    padding-right: 20px;
    height: 34px !important;
    color: silver
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: #a49f9f !important
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] {
    background-color: silver !important
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected],
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] {
    border-bottom: 2px solid #f1f1f1;
    padding: 5px 20px;
    color: #fff
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] a:hover,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] a:hover {
    background-color: #fe8d13
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] a:hover p,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] a:hover p b,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] a:hover p,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] a:hover p b {
    color: #fff !important
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] a:focus,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] a:focus {
    background-color: transparent
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] p,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] p {
    color: #fff;
    margin: 5px 0
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] p.Title,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] p.Title {
    font-size: 1em;
    font-weight: 500
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] p.Size,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] p.Size1,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] p.Size,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] p.Size1 {
    font-size: .9615384615384616em
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] p.Blue,
body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] p.Blue {
    font-weight: 700;
    font-size: 1.0384615384615385em
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] {
    background: #f68e4f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f68e4f), color-stop(1, #faad5b));
    background: -ms-linear-gradient(bottom, #f68e4f, #faad5b);
    background: -moz-linear-gradient(center bottom, #f68e4f 0, #faad5b 100%);
    background: -o-linear-gradient(#faad5b, #f68e4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad5b', endColorstr='#f68e4f', GradientType=0)
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results {
    margin-top: 10px
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results .slimScrollDiv .select2-results__options {
    margin-right: 20px
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results .slimScrollBar {
    background: #e8ecef !important;
    box-shadow: -1px 0 0 0 rgba(232, 236, 239, .7) inset;
    border: 1px solid #c9caca !important;
    width: 10px !important;
    opacity: 1 !important
}

body.halk-bank .select2-container--default .select2-dropdown .select2-results .slimScrollRail {
    display: block !important;
    background: #ccc !important;
    box-shadow: 0 0 3px 0 rgba(61, 76, 96, .18) inset;
    border: 1px solid #e3e3e3 !important;
    width: 12px !important;
    opacity: 1 !important;
    top: 0 !important;
    bottom: 0 !important
}

body.halk-bank .select2-container--default .select2-results__options {
    box-shadow: none;
    padding: 0 12px 0 0;
    border: none;
    overflow: auto;
    border-radius: 0
}

body.halk-bank .select2-container--default .select2-results__options li {
    border-bottom: 2px solid #f1f1f1;
    padding: 5px 20px;
    overflow: auto;
    min-height: 30px
}

body.halk-bank .select2-container--default .select2-results__options li:last-child {
    border-bottom: none
}

body.halk-bank .select2-container--default .select2-results__options li a:hover {
    background-color: #fe8d13
}

body.halk-bank .select2-container--default .select2-results__options li a:hover p,
body.halk-bank .select2-container--default .select2-results__options li a:hover p b {
    color: #fff !important
}

body.halk-bank .select2-container--default .select2-results__options li a:focus {
    background-color: transparent
}

body.halk-bank .select2-container--default .select2-results__options p {
    margin: 5px 0
}

body.halk-bank .select2-container--default .select2-results__options p.Title {
    padding-left: 10px;
    font-size: 1em;
    font-weight: 500;
    color: #333
}

body.halk-bank .select2-container--default .select2-results__options p.Size1 {
    padding-left: 10px;
    font-size: .9615384615384616em;
    color: #666
}

body.halk-bank .select2-container--default .select2-results__options p.Size {
    color: #666;
    font-size: .9615384615384616em
}

body.halk-bank .select2-container--default .select2-results__options p.Size .Total {
    margin-left: 3px;
    font-weight: 500
}

body.halk-bank .select2-container--default .select2-results__options p.Blue {
    color: #1a6fb4;
    font-weight: 700;
    font-size: 1.0384615384615385em
}

body.halk-bank .select2-container--default .select2-results__options .col-sm-7 {
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

body.halk-bank .select2-container--default .select2-results__options .col-sm-4,
body.halk-bank .select2-container--default .select2-results__options .col-sm-5 {
    text-align: right;
    padding-left: 0
}

body.halk-bank .select2-container--default.login .select2-selection__rendered {
    padding-left: 16px
}

body.halk-bank .select2-container--default.login .select2-dropdown {
    margin-top: -1px;
    margin-left: -1px;
    border-radius: 0 0 8px 8px;
    background: #fff !important;
    font-family: Roboto, Arial;
    border-color: #0bbbef;
    overflow: hidden
}

body.halk-bank .select2-container--default.login .select2-dropdown:after,
body.halk-bank .select2-container--default.login .select2-dropdown:before {
    display: none
}

body.halk-bank .select2-container--default.login .select2-dropdown.select2-dropdown--below:after,
body.halk-bank .select2-container--default.login .select2-dropdown.select2-dropdown--below:before {
    border-width: 0 7px 8px;
    border-color: transparent transparent #fbfbfb;
    margin-right: 10px;
    margin-top: -8px;
    top: 0;
    right: 0
}

body.halk-bank .select2-container--default.login .select2-dropdown.select2-dropdown--below:before {
    border-width: 0 8px 9px;
    border-color: transparent transparent #cfcfcf;
    margin-right: 9px;
    margin-top: -9px
}

body.halk-bank .select2-container--default.login .select2-dropdown .select2-results__option {
    background-color: #fff !important;
    padding: 8px 16px;
    border-bottom: 0 !important
}

body.halk-bank .select2-container--default.login .select2-dropdown .select2-results__option--highlighted[aria-selected],
body.halk-bank .select2-container--default.login .select2-dropdown .select2-results__option[aria-selected=true] {
    background: #f5f5f5 !important;
    border-bottom: 0 !important;
    padding: 8px 16px;
    color: #666
}

body.halk-bank .select2-container--default.login .select2-dropdown .select2-results__option--highlighted[aria-selected] a:hover,
body.halk-bank .select2-container--default.login .select2-dropdown .select2-results__option[aria-selected=true] a:hover {
    background-color: #f5f5f5
}

body.halk-bank .select2-container--default.login .select2-dropdown .select2-results__option--highlighted[aria-selected] a:focus,
body.halk-bank .select2-container--default.login .select2-dropdown .select2-results__option[aria-selected=true] a:focus {
    background-color: transparent
}

body.halk-bank .select2-container--default.login .select2-results {
    max-height: none;
    margin: 0;
    padding: 0
}

body.halk-bank .select2-container--default.login .select2-results__options {
    padding-right: 0;
    min-height: 1px !important
}

body.halk-bank .OverlayBG {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60px;
    opacity: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: -1
}

body.halk-bank .OverlayBG.active {
    z-index: 1020;
    opacity: 1
}

body.halk-bank .OverlayBG.borderless-active {
    z-index: 1030;
    opacity: 1;
    border-top: none !important;
    top: 60px;
    background-color: rgba(0, 0, 0, .7)
}

body.halk-bank .item.ui-draggable-dragging {
    position: relative;
    min-height: 0;
    margin-bottom: 10px;
    width: 245px;
    cursor: url(../img/cursor.ico), default;
    z-index: 9999;
    height: auto;
    flex-shrink: initial
}

body.halk-bank .item.ui-draggable-dragging article {
    color: #333;
    border: 1px solid #e5e4e4;
    border-radius: 6px;
    padding: 13px 12px 25px;
    font-size: 1em;
    background: #f0f1f4;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f1f4), color-stop(1, #FFF));
    background: -ms-linear-gradient(bottom, #f0f1f4, #FFF);
    background: -moz-linear-gradient(center bottom, #f0f1f4 0, #FFF 100%);
    background: -o-linear-gradient(#FFF, #f0f1f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f0f1f4', GradientType=0);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e8e8e8), color-stop(1, #fff))
}

body.halk-bank .item.ui-draggable-dragging article .hoverImg {
    position: absolute;
    top: 0;
    left: 45%;
    margin-top: -20px
}

body.halk-bank .item.ui-draggable-dragging article .customButton,
body.halk-bank .item.ui-draggable-dragging article button {
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 1.0769230769230769em;
    border: none;
    background: 0 0
}

body.halk-bank .item.ui-draggable-dragging article .customButton i,
body.halk-bank .item.ui-draggable-dragging article button i {
    color: #c7c7c7;
    font-size: .9230769230769231em
}

body.halk-bank .item.ui-draggable-dragging article p {
    margin-bottom: 0
}

body.halk-bank .item.ui-draggable-dragging article p .lightgray {
    color: #333
}

body.halk-bank .item.ui-draggable-dragging article p .blue {
    color: #1a6fb4;
    float: right;
    margin-top: 10px
}

body.halk-bank .item.ui-draggable-dragging article p b,
body.halk-bank .item.ui-draggable-dragging article p span {
    display: table-cell;
    vertical-align: middle;
    zoom: 1
}

body.halk-bank .item.ui-draggable-dragging article p b+span,
body.halk-bank .item.ui-draggable-dragging article p span+span {
    text-align: right
}

body.halk-bank .item.ui-draggable-dragging article p b {
    font-weight: 500;
    font-size: 1.0769230769230769em
}

body.halk-bank .item.ui-draggable-dragging article .blue {
    color: #257eb5
}

body.halk-bank .item.ui-draggable-dragging article.active,
body.halk-bank .item.ui-draggable-dragging article:hover {
    color: #fff;
    border-color: #ed8f4f;
    background: #f68e4f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f68e4f), color-stop(1, #faad5b));
    background: -ms-linear-gradient(bottom, #f68e4f, #faad5b);
    background: -moz-linear-gradient(center bottom, #f68e4f 0, #faad5b 100%);
    background: -o-linear-gradient(#faad5b, #f68e4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad5b', endColorstr='#f68e4f', GradientType=0)
}

body.halk-bank .item.ui-draggable-dragging article.active .blue,
body.halk-bank .item.ui-draggable-dragging article.active .lightgray,
body.halk-bank .item.ui-draggable-dragging article.active i,
body.halk-bank .item.ui-draggable-dragging article:hover .blue,
body.halk-bank .item.ui-draggable-dragging article:hover .lightgray,
body.halk-bank .item.ui-draggable-dragging article:hover i {
    color: #fff
}

body.halk-bank .item.ui-draggable-dragging article p:last-child {
    margin-bottom: 10px
}

body.halk-bank .item.ui-draggable-dragging article+article {
    margin-top: 10px
}

body.halk-bank .item.ui-draggable-dragging article .hoverImg {
    display: block
}

body.halk-bank .item.ui-draggable-dragging article:hover {
    background: #f0f1f4;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f1f4), color-stop(1, #FFF));
    background: -ms-linear-gradient(bottom, #f0f1f4, #FFF);
    background: -moz-linear-gradient(center bottom, #f0f1f4 0, #FFF 100%);
    background: -o-linear-gradient(#FFF, #f0f1f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f0f1f4', GradientType=0);
    color: #4a555b;
    border-color: #e5e4e4
}

body.halk-bank .item.ui-draggable-dragging article:hover .customButton,
body.halk-bank .item.ui-draggable-dragging article:hover button {
    display: none
}

body.halk-bank .item.ui-draggable-dragging article:hover .lightgray {
    color: #9ea2a6
}

body.halk-bank .item.ui-draggable-dragging article:hover .blue {
    color: #2675b7
}

body.halk-bank #ui-datepicker-div {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    border: none;
    border-radius: 5px;
    padding: 0;
    width: 250px;
    margin-top: 2px;
    margin-left: -1px
}

body.halk-bank #ui-datepicker-div i.fa-chevron-left:before {
    content: "\f0d9";
    font-size: 1.3846153846153846em
}

body.halk-bank #ui-datepicker-div i.fa-chevron-right:before {
    content: "\f0da";
    font-size: 1.3846153846153846em
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header {
    color: #fff;
    background: #f68e4f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f68e4f), color-stop(1, #faad5b));
    background: -ms-linear-gradient(bottom, #f68e4f, #faad5b);
    background: -moz-linear-gradient(center bottom, #f68e4f 0, #faad5b 100%);
    background: -o-linear-gradient(#faad5b, #f68e4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad5b', endColorstr='#f68e4f', GradientType=0);
    height: 40px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: 500
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header select {
    color: #333;
    border: 0;
    height: 20px;
    background: url(../img/uidatepicker-arrow.png) right center no-repeat #fff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    line-height: 20px;
    margin-top: 6px;
    font-size: 13px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header select:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 5px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header select:last-child {
    padding-left: 25px;
    border-left: 1px solid #bbb;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar tbody tr td:first-child,
body.halk-bank #ui-datepicker-div .ui-datepicker-calendar thead tr th:first-child {
    padding-left: 15px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header select::-ms-expand {
    display: none
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    color: #fff;
    margin-top: 6px;
    cursor: pointer;
    width: 24px;
    height: 24px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,
body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled {
    opacity: .6;
    filter: alpha(opacity=60)
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span,
body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {
    margin-left: -9px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover,
body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover {
    background-color: transparent
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    margin-left: 5px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    margin-right: 5px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    line-height: 32px;
    text-transform: capitalize
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar thead tr th {
    border-bottom: 1px solid #ececec;
    font-size: .8461538461538461em;
    font-weight: 500
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar thead tr th:last-child {
    padding-right: 15px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar tbody tr {
    background-color: #fcfcfc
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar tbody tr td:last-child {
    padding-right: 15px
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-default {
    font-weight: 500
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end a {
    color: #fd881e
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar .ui-state-highlight,
body.halk-bank #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover {
    background-color: #494949;
    border-radius: 50%;
    color: #fff
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar .ui-state-active {
    border-radius: 50%
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: silver !important
}

body.halk-bank .vb-taginput-item.has-error {
    background-color: #d1374a
}

body.halk-bank vb-tag-input.has-error .vb-taginput {
    border: 1px solid #d1374a
}

body.halk-bank vb-tag-input.has-error .error-message {
    font-size: 13px;
    margin-top: 5px;
    color: #d1374a
}

body.halk-bank .slimScrollDiv .slimScrollBar[style*="display: none;"]+.slimScrollRail {
    display: none !important
}

body.halk-bank .main-favorites {
    width: 100%;
    height: 164px;
    border-radius: 8px;
    box-shadow: none;
    border: 1px solid #0bbbef;
    background-color: #fff;
    margin-bottom: 18px;
    position: relative;
    border-bottom-width: 6px
}

body.halk-bank .main-favorites header {
    height: 49px;
    border-bottom: 1px solid #e6e8f0;
    padding: 14px 17px 0 41px;
    background: linear-gradient(to top, #ebebeb, #fff);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

body.halk-bank .main-favorites header label {
    font-weight: 400;
    font-size: 15px;
    color: #474747;
    font-family: Roboto;
    margin: 0
}

body.halk-bank .main-favorites header:before {
    position: absolute;
    top: 9px;
    left: 8px;
    color: #474747;
    background-image: url(../img/icons/svg/favori-islemlerim.svg);
    font-size: 0;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: auto 100%
}

body.halk-bank .main-favorites .fa-pencil {
    font-size: 0;
    width: 17px;
    height: 17px;
    float: right;
    background: url(../img/edit-favorites.png) no-repeat;
    cursor: pointer;
    margin-right: 3px
}

body.halk-bank .main-favorites .fa-pencil:hover {
    background-position: center bottom
}

body.halk-bank .main-favorites .transactions {
    text-align: center;
    height: 99px;
    position: relative;
    overflow: hidden;
    margin: 9px 18px 0;
    z-index: 1
}

body.halk-bank .main-favorites .transactions #favoritesCarousel {
    min-width: 1000px
}

body.halk-bank .main-favorites .transactions .item {
    width: 85px;
    display: inline-block;
    padding: 0 2px;
    float: left;
    height: 99px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body.halk-bank .main-favorites .transactions .item i {
    width: 46px;
    height: 46px;
    display: inline-block;
    clear: both;
    background-image: url(../img/favori_mavi_bg.png);
    background-size: 100% auto;
    margin-top: 8px
}

body.halk-bank .main-favorites .transactions .item i:before {
    display: block;
    height: 100%;
    background-size: 100% auto;
    font-size: 27px;
    color: #fff;
    line-height: 48px
}

body.halk-bank .main-favorites .transactions .item:first-child i {
    background-image: url(../img/favori_turuncu_bg.png)
}

body.halk-bank .main-favorites .transactions .item span {
    display: block;
    clear: both;
    font-weight: 400;
    font-size: 12px;
    color: #474747;
    line-height: 13px;
    opacity: .9;
    margin-top: 5px
}

body.halk-bank .main-favorites .transactions .item.new {
    margin-left: 86px
}

body.halk-bank .main-favorites .transactions .item.new i {
    position: relative
}

body.halk-bank .main-favorites .transactions .item.new i:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../img/add-remove.png) center no-repeat;
    transform: rotate(45deg)
}

body.halk-bank .main-favorites .box-footer,
body.halk-bank .main-favorites.no-data .swipe-left,
body.halk-bank .main-favorites.no-data .swipe-right,
body.halk-bank .main-favorites.no-data header .fa-pencil {
    display: none
}

body.halk-bank .main-favorites .transactions .swiper-container {
    overflow: auto
}

body.halk-bank .main-favorites .transactions .item-slide {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

body.halk-bank .main-favorites .swipe-left,
body.halk-bank .main-favorites .swipe-right {
    position: absolute;
    top: 75px;
    left: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: left;
    font-size: 17px;
    color: #0bbbef;
    z-index: 2
}

body.halk-bank .main-favorites .swipe-right {
    right: 15px;
    left: auto;
    text-align: right
}

body.halk-bank .main-favorites.no-data .transactions {
    overflow: hidden
}

body.halk-bank .card-appeal {
    width: 294px;
    height: 354px;
    margin-bottom: 50px;
    border: 1px solid #0bbbef;
    border-radius: 8px;
    overflow: hidden;
    border-bottom-width: 6px
}

body.halk-bank .vision-credit-cards {
    width: 294px;
    height: 354px;
    margin-bottom: 23px;
    border: 1px solid #0bbbef;
    border-radius: 8px;
    overflow: hidden;
    border-bottom-width: 6px;
    background-color: #fff
}

body.halk-bank .vision-credit-cards a {
    cursor: pointer;
    display: block
}

body.halk-bank .vision-credit-cards a img {
    width: 100%;
    padding: 0
}

body.halk-bank .vision-credit-cards header {
    border-bottom: 1px solid #e6e8f0;
    padding: 5px 20px;
    min-height: 27px;
    height: 49px;
    background: linear-gradient(to top, #ebebeb, #fff)
}

body.halk-bank .vision-credit-cards header h2 {
    padding-left: 27px;
    position: relative;
    margin: 0;
    line-height: 38px;
    font-size: 15px;
    color: #000;
    font-weight: 400
}

body.halk-bank .vision-credit-cards header h2:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 30px;
    height: 24px;
    background-image: url(../img/icons/svg/kredi-kartlarim.svg);
    top: 6px;
    left: -2px;
    background-repeat: no-repeat;
    background-size: auto 100%
}

body.halk-bank .vision-credit-cards .btn {
    display: block;
    color: #fff !important;
    background: url(../img/date-selected.png) repeat-x !important;
    background-size: contain !important;
    margin: 10px 20px;
    text-align: center
}

body.halk-bank .vision-credit-cards .btn:first-child {
    margin-top: 0
}

body.halk-bank .vision-credit-cards .paraf {
    background: url(../img/paraf-btn.jpg) repeat-x !important;
    background-size: contain !important
}

body.halk-bank vb-last-transactions .box-content {
    max-height: 356px;
    position: relative;
    overflow: visible;
    border-radius: 8px;
    box-shadow: none;
    border: 1px solid #0bbbef;
    border-bottom-width: 6px
}

body.halk-bank vb-last-transactions .box-content header {
    padding-left: 51px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

body.halk-bank vb-last-transactions .box-content header .smart-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 62px;
    height: 0;
    background-color: #fff;
    margin: 0 !important
}

body.halk-bank vb-last-transactions .box-content header .smart-search .smart-form {
    width: auto !important;
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: ease-in;
    margin: 0
}

body.halk-bank vb-last-transactions .box-content header .smart-search .smart-form .input-sm {
    height: 40px;
    border-radius: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    border: 0;
    border-bottom: 2px solid #ecf1f7;
    box-shadow: 0 1px 1px 0 #f2f6fa;
    font-size: 16px;
    font-weight: 300
}

body.halk-bank vb-last-transactions .box-content header .smart-search .smart-form .input-sm+.remove {
    position: absolute;
    width: 17px;
    height: 17px;
    background: url(../img/modal-close.png) no-repeat;
    cursor: pointer;
    right: 20px;
    top: 10px
}

body.halk-bank vb-last-transactions .box-content header .smart-search .btn-search {
    width: 19px;
    height: 15px;
    background: url(../img/icons/search.svg) no-repeat;
    background-size: auto 100%;
    display: inline-block;
    border: 0;
    padding: 0;
    position: absolute;
    top: -44px;
    right: 38px;
    left: auto;
    box-shadow: none
}

body.halk-bank vb-last-transactions .box-content header .smart-search .btn-search .fa {
    display: none
}

body.halk-bank vb-last-transactions .box-content header .toggle.big {
    width: 25px;
    height: 25px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -13px;
    top: 36px;
    box-shadow: 0 4px 3px 0 rgba(228, 228, 228, .6);
    padding: 0;
    z-index: 2;
    border-radius: 50%
}

body.halk-bank vb-last-transactions .box-content header .toggle.big i.switch {
    width: 100%;
    height: 45px;
    background: 0 0;
    font-size: 0;
    position: relative;
    top: -10px;
    padding: 0
}

body.halk-bank vb-last-transactions .box-content header .toggle.big i.switch .bg {
    opacity: 0
}

body.halk-bank vb-last-transactions .box-content header .toggle.big .fa {
    color: #50c0ce;
    position: absolute;
    left: 0;
    margin: 0;
    top: 2px;
    text-decoration: none;
    font-size: 20px;
    text-align: center;
    width: 100%
}

body.halk-bank vb-last-transactions .box-content header:before {
    position: absolute;
    color: #484b5b;
    left: 9px;
    top: 10px;
    background-image: url(../img/icons/svg/son-islemlerim.svg);
    font-size: 0;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 0
}

body.halk-bank vb-last-transactions .box-content section {
    transition-property: padding-top;
    transition-duration: .3s;
    transition-timing-function: ease-in;
    overflow: hidden;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 298px;
    box-shadow: none
}

body.halk-bank vb-last-transactions .box-content section .pad {
    padding: 0;
    overflow-y: auto;
    min-height: 298px;
    max-height: 298px;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: all
}

body.halk-bank vb-last-transactions .box-content section .pad.closed {
    min-height: 120px !important;
    height: auto !important
}

body.halk-bank vb-last-transactions .box-content section .pad .last-trans {
    border-spacing: 0
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item {
    height: 60px;
    border-top: 1px solid #b4c8d4;
    clear: both;
    color: #474747;
    padding: 15px 38px 0 20px
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item:first-child {
    border-top: 0
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item>div {
    float: left
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .icon {
    width: 36px;
    height: 30px;
    text-align: left;
    display: none !important
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .icon i {
    font-size: 24px;
    color: #000;
    display: none
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .type {
    width: 200px;
    font-size: 11px;
    color: rgba(62, 65, 82, .8);
    line-height: 1;
    font-weight: 500;
    padding-right: 20px
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .type span {
    font-weight: 500;
    font-size: 13px;
    display: block;
    color: #474747;
    padding-bottom: 5px;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .transaction-detail {
    color: rgba(62, 65, 82, .8);
    font-size: 12px
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .amount {
    float: right;
    text-align: right
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .amount span {
    font-weight: 500;
    font-size: 14px;
    display: block
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .amount span i {
    font-size: 9px;
    font-style: normal;
    line-height: 9px
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .amount a span {
    font-weight: 500;
    font-size: 11px;
    color: #1ab0e8;
    float: right;
    margin-left: 17px
}

body.halk-bank vb-last-transactions .box-content section .pad .transaction-item .amount a+a {
    margin-left: 0
}

body.halk-bank vb-last-transactions .box-content section .show-all {
    display: none
}

body.halk-bank vb-last-transactions .box-content .alert-info {
    background: #f7f8f9;
    margin: 20px;
    display: block;
    width: auto;
    padding: 18px 15px;
    box-shadow: none
}

body.halk-bank vb-last-transactions .box-content .alert-info a {
    font-weight: 500;
    color: #1ab0e8;
    text-decoration: none
}

body.halk-bank vb-last-transactions .box-content.active header .smart-search.active .smart-form {
    height: 40px;
    transition-duration: .2s
}

body.halk-bank vb-last-transactions .box-content.active section {
    padding-top: 50px;
    transition-duration: .2s
}

body.halk-bank vb-last-transactions .box-content.active section .pad {
    max-height: 250px;
    min-height: 250px
}

body.halk-bank vb-last-transactions .box-content.collapsed section {
    height: 0 !important;
    max-height: inherit;
    min-height: 0
}

body.halk-bank .main-right vb-last-transactions .box-content {
    position: relative;
    margin-bottom: 23px
}

body.halk-bank .main-right vb-last-transactions .box-content header {
    padding-left: 41px
}

body.halk-bank .main-right vb-last-transactions .box-content header .btn-search {
    right: 12px
}

body.halk-bank .main-right vb-last-transactions .box-content header .select.dropdown-lite {
    margin-right: 20px;
    width: 50px
}

body.halk-bank .main-right vb-last-transactions .box-content header .select.dropdown-lite div.select2 {
    float: right
}

body.halk-bank .main-right vb-last-transactions .box-content header .select.dropdown-lite div.select2 .select2-container .select2-selection .select2-selection__rendered {
    text-overflow: inherit;
    overflow: visible;
    padding-left: 0
}

body.halk-bank .main-right vb-last-transactions .box-content header h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 72px;
    min-width: 72px
}

body.halk-bank .main-right vb-last-transactions .box-content section .pad {
    padding: 0
}

body.halk-bank .main-right vb-last-transactions .box-content section .pad .transaction-item {
    padding: 15px 20px 0 17px
}

body.halk-bank .main-right vb-last-transactions .box-content section .pad .transaction-item .icon {
    width: 28px;
    display: none !important
}

body.halk-bank .main-right vb-last-transactions .box-content section .pad .transaction-item .type {
    width: 135px;
    margin-left: 0
}

body.halk-bank .main-right vb-last-transactions .box-content section .pad .transaction-item .transaction-detail {
    display: none
}

body.halk-bank .main-right vb-last-transactions .box-content section .pad .transaction-item .amount {
    width: 90px
}

body.halk-bank .main-right vb-last-transactions .box-content section .pad .transaction-item .amount span {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    width: 100%
}

body.halk-bank .main-right>vb-favourite-transactions>.main-favorites {
    overflow: hidden
}

body.halk-bank .main-page .credit-cards {
    height: 355px;
    box-shadow: none;
    border-radius: 8px;
    border: 1px solid #0bbbef;
    border-bottom-width: 6px
}

body.halk-bank .main-page .credit-cards header h2 {
    padding-left: 27px;
    position: relative
}

body.halk-bank .main-page .credit-cards header h2:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 30px;
    height: 24px;
    background-image: url(../img/icons/svg/kredi-kartlarim.svg);
    top: 6px;
    left: -2px;
    background-repeat: no-repeat;
    background-size: auto 100%
}

body.halk-bank .main-page .credit-cards header .mobile-options {
    display: none
}

body.halk-bank .main-page .credit-cards section {
    padding-top: 40px;
    padding-right: 12px;
    padding-left: 12px;
    height: 250px;
    box-shadow: none
}

body.halk-bank .main-page .credit-cards section .card-summary {
    width: 305px;
    float: right;
    margin-right: 24px;
    text-align: right;
    color: #474747;
    font-weight: 700;
    font-size: 16px;
    padding-top: 5px
}

body.halk-bank .main-page .credit-cards section .card-summary .card-detail {
    line-height: 28px;
    margin: 1px 0
}

body.halk-bank .main-page .credit-cards section .card-summary .card-detail+.seperate {
    display: block
}

body.halk-bank .main-page .credit-cards section .card-summary .card-detail.date {
    font-size: 12px
}

body.halk-bank .main-page .credit-cards section .card-summary .card-detail.change-link {
    line-height: 14px
}

body.halk-bank .main-page .credit-cards section .card-summary .card-detail.change-link a {
    font-size: 11px;
    font-weight: 400;
    color: #1ab0e8;
    margin-top: 5px
}

body.halk-bank .main-page .credit-cards section .card-summary .seperate {
    height: 8px;
    display: none
}

body.halk-bank .main-page .credit-cards section .card-summary .seperate:before {
    content: '';
    height: 2px;
    background-color: #b4c8d4;
    display: block;
    margin-top: 6px
}

body.halk-bank .main-page .credit-cards section .card-summary span {
    font-size: 13px;
    opacity: 1;
    font-weight: 400;
    text-align: left;
    float: left;
    text-shadow: none
}

body.halk-bank .main-page .credit-cards section .card-summary i {
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 9px;
    position: relative;
    top: -5px
}

body.halk-bank .main-page .credit-cards section .card-preview {
    width: 340px;
    height: 200px;
    float: left;
    text-align: center;
    position: relative;
    overflow: hidden
}

body.halk-bank .main-page .credit-cards section .card-preview img {
    width: 243px;
    height: 153px;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .2);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

body.halk-bank .main-page .credit-cards section .card-preview span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #0bbbef;
    box-shadow: 0 4px 3px 0 rgba(228, 228, 228, .6);
    float: left;
    text-indent: -1px;
    cursor: pointer;
    position: absolute;
    top: 60px;
    left: 0;
    background: #fff
}

body.halk-bank .main-page .credit-cards section .card-preview span .fa {
    color: #50c0ce;
    font-size: 22px;
    line-height: 30px
}

body.halk-bank .main-page .credit-cards section .card-preview span.swipe-right {
    float: right;
    text-indent: 1px;
    right: 0;
    left: auto
}

body.halk-bank .main-page .credit-cards section .card-preview.single-card .swipe-left,
body.halk-bank .main-page .credit-cards section .card-preview.single-card .swipe-right {
    display: none
}

body.halk-bank .main-page .credit-cards section .card-preview .swiper-container {
    position: relative;
    overflow: hidden;
    height: 200px
}

body.halk-bank .main-page .credit-cards section .card-preview .swiper-container .swiper-slide {
    position: relative
}

body.halk-bank .main-page .credit-cards section .card-preview .swiper-container .swiper-slide .card-info {
    position: absolute;
    width: 243px;
    height: 153px;
    left: 48px;
    padding-left: 27px;
    top: 0;
    text-align: left;
    color: #fff
}

body.halk-bank .main-page .credit-cards section .card-preview .swiper-container .swiper-slide .card-info .card-no {
    display: block;
    font-size: 16px;
    font-weight: 300;
    margin-top: 85px;
    margin-bottom: 0
}

body.halk-bank .main-page .credit-cards section .card-preview .swiper-container .swiper-slide .card-info .name {
    font-size: 12px;
    font-weight: 300;
    margin-top: 5px
}

body.halk-bank .main-page .credit-cards section .card-preview .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 161px;
    bottom: auto;
    height: 6px;
    z-index: 2
}

body.halk-bank .main-page .credit-cards section .card-preview .swiper-pagination .swiper-pagination-switch {
    width: 6px;
    height: 6px;
    margin: 0 3px;
    top: 0;
    position: relative;
    float: none;
    background: #ceced3;
    border-radius: 50%;
    opacity: 1;
    border: 0;
    box-shadow: none
}

body.halk-bank .main-page .credit-cards section .card-preview .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
    background: #656775
}

body.halk-bank .main-page .credit-cards .box-footer .actions {
    float: left
}

body.halk-bank .main-page .mobile-options {
    display: none
}

body.halk-bank .has-error .select2.select2-container .select2-selection--single,
body.halk-bank .has-error input,
body.halk-bank .has-error textarea {
    border: 1px solid #d1374a
}

body.halk-bank .has-error .select2-selection__arrow b,
body.halk-bank .has-error i {
    color: #d1374a !important
}

body.halk-bank .has-error small {
    margin-top: 5px;
    color: #d1374a
}

body.halk-bank .printVIFrame {
    height: 0;
    border: 0;
    position: absolute
}

@media (max-width:991px) and (min-width:768px) {
    body.halk-bank section.loginArea {
        display: block;
        height: auto;
        min-height: 70vh;
        padding: 0
    }

    body.halk-bank section.loginArea .login-slider {
        display: none
    }

    body.halk-bank section.loginArea .second-login {
        float: none;
        margin: 50px auto;
        width: 100%;
        max-width: 500px
    }

    body.halk-bank section.loginArea .login-box {
        margin: 40px auto 20px !important;
        float: none !important;
        max-width: 500px;
        width: 100%
    }

    body.halk-bank .padding40 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    body.halk-bank .container {
        padding: 7px 13px 13px
    }

    body.halk-bank .margin-bottom-20 {
        margin-bottom: 5px
    }

    body.halk-bank #header {
        padding-right: 0;
        height: 61px;
        background: #1A6FB4 !important
    }

    body.halk-bank #header>div {
        height: auto
    }

    body.halk-bank #header .container {
        background-color: #1A6FB4;
        padding: 0;
        height: 60px
    }

    body.halk-bank #header #logo-group span {
        height: auto
    }

    body.halk-bank #header #logo-group #logo {
        margin-top: 13px !important
    }

    body.halk-bank.extr-page #header #logo-group #logo {
        margin-top: 10px !important
    }

    body.halk-bank .headerSub .LoginInfo {
        float: right;
        margin-right: 40px;
        margin-top: 4px !important
    }

    body.halk-bank #TopNav {
        clear: both;
        height: 0
    }

    body.halk-bank #TopNav .container {
        padding-top: 0
    }

    body.halk-bank #TopNav #hide-menu {
        z-index: 1040;
        position: relative;
        margin-top: -54px;
        margin-right: -10px
    }

    body.halk-bank #TopNav #hide-menu i {
        font-size: 180%
    }

    body.halk-bank #TopNav>:first-child a {
        width: auto !important;
        height: auto !important;
        line-height: 34px !important;
        padding: 0;
        margin: 0;
        background: 0 0;
        border: none
    }

    body.halk-bank #TopNav>:first-child a i {
        color: #fff;
        vertical-align: middle
    }

    body.halk-bank #TopNav>:first-child a:hover {
        box-shadow: none
    }

    body.halk-bank .btn-header a {
        margin-top: 0 !important
    }

    body.halk-bank #main .container {
        padding: 0
    }

    body.halk-bank .form-group .label .col-sm-8 {
        text-align: left;
        padding-left: 0;
        padding-right: 0
    }

    body.halk-bank .form-group .label .col-sm-4 {
        text-align: right;
        padding-left: 0
    }

    body.halk-bank .form-group .label .col-sm-4 p.Blue {
        color: #1a6fb4;
        font-weight: 700
    }

    body.halk-bank .contentAreaMain .table-style p>:first-child {
        width: 40%
    }

    body.halk-bank .contentAreaMain .table-style p strong {
        text-align: left;
        font-weight: 500
    }

    body.halk-bank .contentAreaMain .BorderOrange .border {
        width: 98%
    }

    body.halk-bank .contentAreaMain .WidgetDelete header {
        height: 40px
    }

    body.halk-bank .contentAreaMain .WidgetDelete .color-orange header h2 img {
        margin-top: -1px
    }

    body.halk-bank .contentAreaMain .tabs {
        box-shadow: none;
        border-radius: 0
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs {
        background-color: #F5F5F5;
        padding-left: 25px
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs li {
        width: 40% !important;
        background-color: #1a6fb4;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        margin-right: 5px
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs li a,
    body.halk-bank .contentAreaMain .tabs .nav-tabs li a:hover {
        background: 0 0;
        line-height: 14px
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs li.active {
        background: #fff
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs li.active a {
        color: #ff700f
    }

    body.halk-bank .contentAreaMain .tabs .IconSearch {
        position: absolute;
        font-size: 1.3846153846153846em;
        top: 12px;
        right: 40px;
        cursor: pointer
    }

    body.halk-bank .contentAreaMain .tabs .search-form {
        display: none;
        margin-left: 18px
    }

    body.halk-bank .contentAreaMain .last-proc {
        height: 100% !important
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-inner .item {
        display: none !important;
        margin-top: 10px
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-inner .item.active {
        display: block !important
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-inner .item.active article {
        width: 265px;
        margin: auto
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-control {
        width: 5%;
        text-shadow: none;
        top: 0;
        background: #fff;
        opacity: 1
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-control.left,
    body.halk-bank .contentAreaMain .last-proc .carousel-control.right {
        background-image: none;
        color: #94999c
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-control i {
        position: absolute;
        top: 50%;
        margin-top: -20px
    }

    body.halk-bank .contentAreaMain .last-proc .customButton,
    body.halk-bank .contentAreaMain .last-proc button {
        margin-left: 220px;
        right: auto !important
    }

    body.halk-bank .contentAreaMain .last-proc .ui-draggable.ui-draggable-dragging {
        position: absolute
    }

    body.halk-bank .fuelux .wizard ul li {
        vertical-align: middle;
        float: none !important;
        font-size: 1em;
        padding: 0 0 0 24px !important
    }

    body.halk-bank .fuelux .wizard ul li .Text {
        min-width: 73px;
        display: inline-block
    }

    body.halk-bank .fuelux .wizard ul li .badge {
        font-size: .7692307692307693em
    }

    body.halk-bank .fuelux .wizard ul li .badge.complete {
        font-size: 1.1538461538461537em !important
    }

    body.halk-bank .fuelux .wizard ul li:first-child {
        padding-left: 13px !important
    }

    body.halk-bank .smart-form .col-3+.col-5+.col-1 {
        float: right !important;
        width: auto;
        margin-top: -30px;
        margin-right: -30px;
        line-height: 30px !important
    }

    body.halk-bank .smart-form section.col {
        margin-right: 0
    }

    body.halk-bank #ReceiptModalContent .modal-dialog {
        width: auto;
        margin: 100px 10px 10px
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .popover {
        min-height: auto;
        min-width: 235px
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .popover .popover-content a {
        font-size: .9230769230769231em
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .popover .popover-content a.btn-gray {
        margin-right: 11px
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .popover .popover-content a.btn-blue {
        margin-right: 0
    }
}

@media (min-width:991px) and (max-width:1200px) {
    body.halk-bank .piyasaBilgileri a.btn {
        padding: 2px 7px !important;
        margin: 0 !important
    }
}

@media (max-width:767px) {
    body.halk-bank .padding40 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    body.halk-bank .container {
        padding: 7px 13px 13px
    }

    body.halk-bank .margin-bottom-20 {
        margin-bottom: 5px
    }

    body.halk-bank #header {
        padding-right: 0;
        height: 50px;
        background: #1A6FB4 !important
    }

    body.halk-bank #header .container {
        background-color: #1A6FB4;
        padding: 0 13px;
        position: fixed;
        height: 55px
    }

    body.halk-bank #header #logo-group {
        width: 100% !important;
        text-align: center
    }

    body.halk-bank #header #logo-group span {
        height: auto;
        float: none
    }

    body.halk-bank #header #logo-group #logo {
        margin-top: 10px !important
    }

    body.halk-bank.extr-page #header .container {
        position: relative;
        height: auto
    }

    body.halk-bank.extr-page #header .menu {
        float: none;
        margin-top: 5px;
        text-align: center
    }

    body.halk-bank.extr-page #header .menu a {
        display: inline;
        float: none;
        margin-right: 15px;
        color: #3276b1
    }

    body.halk-bank.extr-page #header .menu a:last-child {
        margin-right: 0 !important
    }

    body.halk-bank.extr-page #header #logo-group {
        text-align: center;
        margin: 0 auto
    }

    body.halk-bank.extr-page #header #logo-group>span {
        float: none
    }

    body.halk-bank #logo img {
        width: 100% !important;
        padding: 0
    }

    body.halk-bank .LoginInfo {
        float: right;
        margin-right: 30px;
        margin-top: 13px !important;
        padding-bottom: 20px
    }

    body.halk-bank .LoginInfo .LoginWelcome {
        position: absolute;
        width: 100%;
        right: 0;
        text-align: right;
        font-size: .8em !important;
        top: 4.3em
    }

    body.halk-bank .LoginInfo .LoginWelcome b {
        display: block
    }

    body.halk-bank .LoginInfo .LoginWelcome .right-zone {
        padding: 3px 17px 4px 15px
    }

    body.halk-bank .LoginInfo .LoginBtn {
        display: inline-block;
        vertical-align: middle
    }

    body.halk-bank .LoginInfo .LoginBtn .circle {
        top: -8px
    }

    body.halk-bank .LoginInfo .LoginBtn .LoginUserPhoto {
        display: inline-block;
        margin-left: 0
    }

    body.halk-bank .LoginInfo .LoginBtn .LoginUserPhoto img {
        width: 40px;
        height: 40px;
        margin-right: 3px;
        position: relative
    }

    body.halk-bank #TopNav {
        clear: both;
        height: 0
    }

    body.halk-bank #TopNav .container {
        padding-top: 0
    }

    body.halk-bank #TopNav #hide-menu {
        z-index: 1040;
        position: fixed;
        margin: 0;
        top: 20px;
        left: 16px
    }

    body.halk-bank #TopNav>:first-child a {
        line-height: 0 !important;
        padding: 0;
        margin: 0;
        border: none;
        display: block;
        width: 22px !important;
        height: 16px !important;
        background: url(../img/mobile-menu.png) no-repeat;
        background-size: 100% auto;
        min-width: auto !important
    }

    body.halk-bank #TopNav>:first-child a i {
        font-size: 0;
        display: inline-block;
        display: none
    }

    body.halk-bank #TopNav>:first-child a:hover {
        box-shadow: none
    }

    body.halk-bank #TopNav #hide-menu>:first-child>a,
    body.halk-bank #TopNav .btn-header a {
        margin-top: 0 !important
    }

    body.halk-bank aside#left-panel {
        width: 100%;
        right: 100%;
        z-index: 9999
    }

    body.halk-bank #main {
        padding-bottom: 94px;
        padding-top: 10px;
        overflow: visible
    }

    body.halk-bank #main .navigation-dropdown {
        margin-top: 20px
    }

    body.halk-bank #main .container {
        padding: 0
    }

    body.halk-bank .form-group .label .col-sm-8 {
        text-align: left;
        padding-left: 0;
        padding-right: 0
    }

    body.halk-bank .form-group .label .col-sm-4 {
        text-align: right;
        padding-left: 0
    }

    body.halk-bank .form-group .label .col-sm-4 p.Blue {
        color: #1a6fb4;
        font-weight: 700
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul {
        table-layout: auto !important
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul li {
        vertical-align: middle;
        float: none !important;
        font-size: 1em;
        padding: 0 10px 0 29px !important
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul li a {
        min-width: 12px
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul li .Text {
        min-width: 73px;
        display: none
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul li .badge {
        font-size: .7692307692307693em
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul li .badge.complete {
        font-size: 1.1538461538461537em !important
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul li.active .Text {
        display: inline-block
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul li:first-child {
        padding-left: 13px !important
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul.f2l li {
        display: none
    }

    body.halk-bank .contentAreaMain .fuelux .wizard ul.f2l li:first-child,
    body.halk-bank .contentAreaMain .fuelux .wizard ul.f2l li:last-child {
        display: table-cell
    }

    body.halk-bank .contentAreaMain .table-style p>:first-child {
        width: 40%
    }

    body.halk-bank .contentAreaMain .table-style p strong {
        text-align: left;
        font-weight: 500
    }

    body.halk-bank .contentAreaMain .BorderOrange .border {
        width: 98%
    }

    body.halk-bank .contentAreaMain .WidgetDelete header {
        height: 40px
    }

    body.halk-bank .contentAreaMain .WidgetDelete .color-orange header h2 img {
        margin-top: -1px
    }

    body.halk-bank .contentAreaMain .tabs {
        box-shadow: none;
        border-radius: 0
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs {
        background-color: #F5F5F5;
        padding-left: 25px
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-body,
    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content {
        padding: 0;
        background: 0 0
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs li {
        width: 40% !important;
        background-color: #1a6fb4;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        margin-right: 5px
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs li a,
    body.halk-bank .contentAreaMain .tabs .nav-tabs li a:hover {
        background: 0 0;
        line-height: 14px
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs li.active {
        background: #fff
    }

    body.halk-bank .contentAreaMain .tabs .nav-tabs li.active a {
        color: #ff700f
    }

    body.halk-bank .contentAreaMain .tabs .IconSearch {
        position: absolute;
        font-size: 1.3846153846153846em;
        top: 12px;
        right: 40px;
        cursor: pointer
    }

    body.halk-bank .contentAreaMain .tabs .search-form {
        display: none;
        margin-left: 18px
    }

    body.halk-bank .contentAreaMain .last-proc {
        height: 100% !important
    }

    body.halk-bank .contentAreaMain .last-proc .InnerItem {
        margin-bottom: 0
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-inner .item {
        display: none !important;
        margin-top: 10px
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-inner .item.active {
        display: block !important
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-inner .item.active article {
        width: 265px;
        margin: auto
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-control {
        width: 5%;
        text-shadow: none;
        top: 35px;
        cursor: pointer
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-control.left,
    body.halk-bank .contentAreaMain .last-proc .carousel-control.right {
        background-image: none;
        color: #94999c
    }

    body.halk-bank .contentAreaMain .last-proc .customButton,
    body.halk-bank .contentAreaMain .last-proc button {
        margin-left: 220px;
        right: auto !important
    }

    body.halk-bank .contentAreaMain .bread-pane {
        border-radius: 0
    }

    body.halk-bank .contentAreaMain .loginContainer {
        border-radius: 0;
        border-left: 0;
        border-right: 0
    }

    body.halk-bank .smart-form .col-3+.col-5+.col-1 {
        float: right !important;
        width: auto;
        margin-top: -30px;
        margin-right: -30px;
        line-height: 30px !important
    }

    body.halk-bank .smart-form section {
        margin-right: 20px
    }

    body.halk-bank .form-group .label .col-sm-4 p.Blue,
    body.halk-bank .form-group .label .col-sm-4 p.Size {
        text-align: left !important;
        margin-top: 10px !important;
        margin-left: 15px !important
    }

    body.halk-bank #ReceiptModalContent .modal-dialog {
        width: auto;
        margin: 100px 10px 10px
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-header {
        display: none
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton {
        margin-top: 0
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .popover {
        min-width: 1px;
        max-width: 100%;
        position: relative;
        left: 0 !important;
        top: 0 !important;
        margin-top: 10px
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .popover>.arrow {
        top: -11px;
        margin-left: -11px;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, .25);
        border-bottom-width: 10px;
        border-top-width: 0
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .popover>.arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
        border-bottom-width: 10px
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .popover .btn,
    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .popover vb-button {
        display: inline-block
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-content .ModalButton .button-group>.btn {
        margin: 20px 0
    }

    body.halk-bank #ReceiptModalContent .modal-dialog .modal-body .bg {
        background: 0 0;
        border: 0;
        overflow: visible
    }

    body.halk-bank .select2-container--default .select2-dropdown .select2-search {
        padding: 15px 20px 0 15px
    }

    body.halk-bank .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected],
    body.halk-bank .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true],
    body.halk-bank .select2-container--default .select2-results__options li {
        padding: 5px
    }

    body.halk-bank .feepanel-checkbox {
        margin-left: 5px !important
    }
}

body.halk-bank.reporting-app aside#left-panel {
    padding-top: 10px;
    background-color: #0c5b9b
}

body.halk-bank.reporting-app aside#left-panel .Dashboard a {
    margin-left: 10px
}

body.halk-bank.reporting-app aside#left-panel #hide-menuLeft {
    margin-right: 20px
}

body.halk-bank.reporting-app aside#left-panel #hide-menuLeft a {
    width: 35px !important;
    height: 30px !important;
    line-height: 29px !important;
    padding: 0;
    margin: 0;
    background: #1a6fb4;
    border: none
}

body.halk-bank.reporting-app aside#left-panel #hide-menuLeft a:hover {
    box-shadow: none
}

body.halk-bank.reporting-app aside#left-panel .header-search {
    margin: 20px 0 15px;
    padding: 0 17px 0 8px
}

body.halk-bank.reporting-app aside#left-panel .header-search>input[type=text] {
    width: 100%;
    color: #fff;
    height: 33px;
    background-color: #1a6fb4;
    border-radius: 20px;
    padding-left: 36px
}

body.halk-bank.reporting-app aside#left-panel .header-search>input[type=text]::-webkit-input-placeholder {
    color: #fff
}

body.halk-bank.reporting-app aside#left-panel .header-search>input[type=text]:-moz-placeholder {
    color: #fff;
    opacity: 1
}

body.halk-bank.reporting-app aside#left-panel .header-search>input[type=text]::-moz-placeholder {
    color: #fff;
    opacity: 1
}

body.halk-bank.reporting-app aside#left-panel .header-search>input[type=text]:-ms-input-placeholder {
    color: #fff
}

body.halk-bank.reporting-app aside#left-panel .header-search>.customButton,
body.halk-bank.reporting-app aside#left-panel .header-search>button {
    color: #fff;
    height: 33px;
    font-size: 1em
}

body.halk-bank.reporting-app aside#left-panel .header-search .btn-search-opener-minified {
    display: none
}

body.halk-bank .cl:after,
body.halk-bank .cl:before {
    display: block;
    content: '';
    height: 0;
    clear: both
}

body.halk-bank .fc .fc-toolbar .fc-clear,
body.halk-bank .fc-content {
    clear: none
}

body.halk-bank .receipt-modal .modal-dialog {
    min-width: 740px
}

body.halk-bank .f-m {
    font-weight: 400
}

body.halk-bank .f-b {
    font-weight: 700
}

body.halk-bank .f-12 {
    font-size: .9230769230769231em
}

body.halk-bank .open-s {
    font-family: Roboto
}

body.halk-bank .ui-widget,
body.halk-bank h1,
body.halk-bank h2,
body.halk-bank h3,
body.halk-bank h4 {
    font-family: Roboto;
    letter-spacing: 0
}

@font-face {
    font-family: Tekton;
    src: url(fonts/Tekton/Tekton.eot);
    src: url(fonts/Tekton/Tekton.eot) format('embedded-opentype'), url(fonts/Tekton/Tekton.woff2) format('woff2'), url(fonts/Tekton/Tekton.woff) format('woff'), url(fonts/Tekton/Tekton.ttf) format('truetype'), url(fonts/Tekton/Tekton.svg#Tekton) format('svg')
}

body.halk-bank .color-orange {
    color: #f58c17 !important
}

body.halk-bank .color-red {
    color: #ff503f !important
}

body.halk-bank .color-green {
    color: #1fbf89 !important
}

body.halk-bank .icon-post-box {
    background: url(../img/icon-post-box.png) no-repeat;
    display: inline-block;
    vertical-align: text-bottom;
    padding: 0;
    width: 13px;
    height: 13px
}

body.halk-bank .icons {
    background: url(../img/icons.png?v=2) no-repeat;
    display: inline-block;
    vertical-align: middle;
    padding: 0
}

body.halk-bank .icons.before {
    background: 0 0;
    width: auto !important;
    height: auto !important
}

body.halk-bank .icons.before:before {
    content: '';
    background: url(../img/icons.png?v=2) no-repeat;
    display: inline-block;
    vertical-align: top
}

body.halk-bank .icons.icon-hesaplarim {
    width: 19px;
    height: 18px;
    background-position: 0 0
}

body.halk-bank .icons.icon-varliklar {
    width: 20px;
    height: 19px;
    background-position: 0 -20px
}

body.halk-bank .icons.icon-takvim {
    width: 20px;
    height: 23px;
    background-position: 0 -41px
}

body.halk-bank .icons.icon-smile {
    width: 22px;
    height: 22px;
    background-position: 0 -66px
}

body.halk-bank .icons.icon-call-center {
    width: 25px;
    height: 25px;
    background-position: 0 -89px
}

body.halk-bank .icons.icon-mail {
    width: 24px;
    height: 17px;
    background-position: 0 -116px
}

body.halk-bank .icons.icon-secure-key {
    width: 46px;
    height: 46px;
    background-position: 0 -136px
}

body.halk-bank .icons.icon-bell-plus {
    width: 20px;
    height: 19px;
    background-position: -40px -66px
}

body.halk-bank .icons.icon-credit-cards {
    width: 16px;
    height: 13px;
    background-position: -40px -87px
}

body.halk-bank .icons.icon-pie {
    width: 15px;
    height: 16px;
    background-position: -40px -102px
}

body.halk-bank .icons.icon-c-less-card {
    width: 13px;
    height: 17px;
    background-position: -40px -119px
}

body.halk-bank .icons.icon-web-pos {
    width: 19px;
    height: 14px;
    background-position: -62px 0
}

body.halk-bank .icons.icon-list {
    width: 12px;
    height: 12px;
    background-position: -62px -16px
}

body.halk-bank .icons.icon-graph {
    width: 12px;
    height: 11px;
    background-position: -62px -31px
}

body.halk-bank .icons.icon-ek-kart {
    width: 20px;
    height: 17px;
    background-position: -62px -44px
}

body.halk-bank .icons.icon-ek-kart-2 {
    width: 26px;
    height: 17px;
    background-position: -58px -146px
}

body.halk-bank .icons.icon-tag {
    width: 16px;
    height: 16px;
    background-position: -62px -63px
}

body.halk-bank .icons.icon-time {
    width: 17px;
    height: 16px;
    background-position: -62px -81px
}

body.halk-bank .icons.icon-close {
    width: 22px;
    height: 22px;
    background-position: -62px -99px
}

body.halk-bank .icons.icon-check-ok,
body.halk-bank .icons.icon-check-ok.before:before {
    width: 12px;
    height: 12px;
    background-position: -62px -123px
}

body.halk-bank .icons.icon-cloud {
    width: 124px;
    height: 81px;
    background: url(../img/dropzone-cloud.png) no-repeat
}

body.halk-bank .icons.icon-chevron-down {
    width: 8px;
    height: 5px;
    background-position: -62px -137px
}

body.halk-bank .icons.icon-logout-check {
    width: 20px;
    height: 17px;
    background-position: -62px -165px
}

body.halk-bank .icons.icon-white-check,
body.halk-bank .icons.icon-white-check.before:before {
    width: 26px;
    height: 20px;
    background-position: -90px 0
}

body.halk-bank .icons.icon-white-check.mini {
    width: 15px;
    height: 11px;
    background-position: -90px -108px
}

body.halk-bank .icons.icon-cart-information {
    width: 32px;
    height: 26px;
    background-position: 0 -185px
}

body.halk-bank .icons.icon-dialog {
    width: 33px;
    height: 33px;
    background-position: 0 -215px
}

body.halk-bank .icons.icon-ex-date {
    width: 15px;
    height: 14px;
    background-position: -90px -22px
}

body.halk-bank .icons.icon-gsm {
    width: 11px;
    height: 18px;
    background-position: -90px -38px
}

body.halk-bank .icons.icon-sms {
    width: 17px;
    height: 14px;
    background-position: -90px -58px
}

body.halk-bank .icons.icon-hb-card {
    width: 19px;
    height: 16px;
    background-position: -90px -74px
}

body.halk-bank .icons.icon-card-pass {
    width: 11px;
    height: 14px;
    background-position: -90px -92px
}

body.halk-bank .icons.icon-cus-num {
    width: 15px;
    height: 17px;
    background-position: -90px -121px
}

body.halk-bank .icons.icon-dialog-pass {
    width: 20px;
    height: 20px;
    background-position: -90px -140px
}

body.halk-bank .icons.icon-list-style {
    width: 6px;
    height: 7px;
    background-position: -90px -162px
}

body.halk-bank .icons.icon-hourglass {
    width: 19px;
    height: 22px;
    background-position: -90px -170px
}

body.halk-bank .icons.icon-white-x {
    width: 22px;
    height: 22px;
    background-position: -90px -194px
}

body.halk-bank .icons.icon-fax {
    width: 18px;
    height: 19px;
    background-position: -90px -217px
}

body.halk-bank .icons.icon-post {
    width: 20px;
    height: 20px;
    background-position: -90px -238px
}

body.halk-bank .icons.icon-agenda-ent {
    width: 21px;
    height: 21px;
    background-position: 0 -250px
}

body.halk-bank .icons.icon-date-ex {
    width: 22px;
    height: 19px;
    background-position: 0 -274px
}

body.halk-bank .icons.icon-kartlarim {
    width: 23px;
    height: 19px;
    background-position: 0 -321px
}

body.halk-bank .icons.icon-borc-ode {
    width: 24px;
    height: 23px;
    background-position: 0 -298px;
    margin: 5px;
    vertical-align: top;
    zoom: .8;
    -moz-transform: scale(.8)
}

body.halk-bank .icons.icon-borc-ode:hover {
    width: 24px;
    height: 23px;
    background-position: -40px -298px
}

body.halk-bank .icons.icon-portfoy {
    width: 20px;
    height: 23px;
    background-position: 0 -344px
}

body.halk-bank .icons.menu {
    display: inline-block;
    vertical-align: middle;
    background-image: none
}

body.halk-bank .icons.menu:before {
    content: '';
    background: url(../img/menu-icons.png?v=2) no-repeat;
    display: inline-block;
    vertical-align: middle
}

body.halk-bank .icons.menu.white:before {
    background: url(../img/menu-icons-white.png?v=2) no-repeat
}

body.halk-bank .icons.menu.basvurular:before {
    width: 16px;
    height: 13px;
    background-position: 0 0
}

body.halk-bank .icons.menu.hesaplar:before {
    width: 18px;
    height: 15px;
    background-position: 0 -15px
}

body.halk-bank .icons.menu.kampanyalar:before {
    width: 16px;
    height: 14px;
    background-position: 0 -32px
}

body.halk-bank .icons.menu.kartlar:before {
    width: 16px;
    height: 13px;
    background-position: 0 -48px
}

body.halk-bank .icons.menu.krediler:before {
    width: 18px;
    height: 13px;
    background-position: 0 -63px
}

body.halk-bank .icons.menu.kurumsal:before {
    width: 13px;
    height: 17px;
    background-position: 0 -78px
}

body.halk-bank .icons.menu.odemeler:before {
    width: 14px;
    height: 13px;
    background-position: 0 -97px
}

body.halk-bank .icons.menu.talimatlar:before {
    width: 16px;
    height: 12px;
    background-position: 0 -112px
}

body.halk-bank .icons.menu.transferler:before {
    width: 17px;
    height: 16px;
    background-position: 0 -126px
}

body.halk-bank .icons.menu.yatirim:before {
    width: 15px;
    height: 12px;
    background-position: 0 -144px
}

body.halk-bank .icons.menu.ana:before {
    width: 15px;
    height: 12px;
    background-position: 0 -158px
}

body.halk-bank .icons.menu.urunler:before {
    width: 15px;
    height: 16px;
    background-position: 0 -172px
}

body.halk-bank .icons.menu.ayarlar:before {
    width: 15px;
    height: 14px;
    background-position: 0 -189px
}

body.halk-bank .active .icon-hesaplarim {
    background-position: -40px 0
}

body.halk-bank .active .icon-varliklar {
    background-position: -40px -20px
}

body.halk-bank .active .icon-takvim {
    background-position: -40px -41px
}

body.halk-bank .active .icon-kartlarim,
body.halk-bank .active .icon-krediler {
    background-position: -40px -322px
}

body.halk-bank .active .icon-portfoy {
    background-position: -40px -344px
}

body.halk-bank a:hover .icons.icon-cart-information {
    background-position: -40px -185px
}

body.halk-bank a:hover .icons.icon-dialog {
    background-position: -40px -215px
}

body.halk-bank .OverlayBG {
    border-top: 54px solid #e9e9e9
}

body.halk-bank #TopNav .dropdown-menu-large {
    background: #f7f6f6;
    z-index: 1052;
    box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, .11);
    border: 0;
    padding: 35px 0;
    font-family: Roboto;
    font-weight: 400;
    font-size: 1em;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

body.halk-bank #TopNav .dropdown-menu-large a {
    color: #333 !important;
    border-bottom: 2px solid transparent
}

body.halk-bank #TopNav .dropdown-menu-large a:focus {
    color: #fe8d12 !important
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul .dropdown-header {
    margin-bottom: 10px;
    margin-top: 10px
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul .dropdown-header:first-child {
    margin-top: 0
}

body.halk-bank #TopNav .dropdown-menu-large ul li ul li a {
    padding-left: 12px;
    position: relative
}

body.halk-bank #TopNav .dropdown-menu-large>ul>li.col-md-2 {
    padding-right: 20px !important;
    margin-bottom: 10px
}

body.halk-bank #TopNav .dropdown-menu-large.children-1>ul>li.col-md-2,
body.halk-bank #TopNav .dropdown-menu-large.children-2>ul>li.col-md-2,
body.halk-bank #TopNav .dropdown-menu-large.children-3>ul>li.col-md-2,
body.halk-bank #TopNav .dropdown-menu-large.children-4>ul>li.col-md-2,
body.halk-bank #TopNav .dropdown-menu-large.children-5>ul>li.col-md-2 {
    width: 20%
}

body.halk-bank #TopNav .dropdown-menu-large.children-6>ul>li.col-md-2 {
    width: 16.6%
}

body.halk-bank #left-panel {
    position: fixed
}

body.halk-bank #TopNav .dropdown-large.open>a {
    border-bottom: 2px solid transparent !important
}

body.halk-bank .form-horizontal .toggle {
    position: relative;
    color: #404040;
    cursor: pointer;
    margin-bottom: 10px
}

body.halk-bank .form-horizontal .toggle input {
    position: absolute;
    left: -9999px
}

body.halk-bank .form-horizontal .toggle input:checked+i {
    border: 0 !important
}

body.halk-bank .form-horizontal .toggle input:checked+i .bg {
    right: auto;
    left: 3px
}

body.halk-bank .form-horizontal .toggle input:checked+i:before {
    color: #494949
}

body.halk-bank .form-horizontal .toggle input:checked+i:after {
    color: #fff
}

body.halk-bank .form-horizontal .toggle i {
    height: 20px;
    line-height: 14px;
    width: 63px;
    display: block;
    border-radius: 10px;
    background: #c5cbd6;
    padding: 3px;
    border: 0
}

body.halk-bank .form-horizontal .toggle i:after,
body.halk-bank .form-horizontal .toggle i:before {
    position: relative;
    z-index: 2;
    content: attr(data-swchoff-text);
    font-style: normal;
    font-size: .6923076923076923em;
    font-weight: 400;
    color: #494949;
    width: 50%;
    float: left;
    text-align: center
}

body.halk-bank .form-horizontal .toggle i:before {
    content: attr(data-swchon-text);
    color: #fff
}

body.halk-bank .form-horizontal .toggle i .bg {
    width: 50%;
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 10px
}

body.halk-bank .form-horizontal .toggle.big i {
    height: 25px;
    width: 90px;
    line-height: 18px;
    font-size: 18px;
    background: #acacac
}

@media (max-width:767px) {
    body.halk-bank .form-horizontal .toggle.big i {
        line-height: 20px
    }
}

body.halk-bank .form-horizontal.inline-switch .toggle {
    margin: 0
}

body.halk-bank .form-horizontal.inline-switch .toggle input:checked+i:before {
    font-weight: 700;
    color: #298dff;
    border-bottom: 2px solid #298dff;
    opacity: 1
}

body.halk-bank .form-horizontal.inline-switch .toggle input:checked+i:after {
    color: #474747;
    border: 0;
    opacity: .6
}

body.halk-bank .form-horizontal.inline-switch .toggle i {
    background: 0 0;
    width: auto
}

body.halk-bank .form-horizontal.inline-switch .toggle i:after,
body.halk-bank .form-horizontal.inline-switch .toggle i:before {
    color: #474747;
    opacity: .6;
    font-weight: 400;
    font-size: 12px;
    display: inline-block;
    width: auto;
    padding: 0 0 8px;
    margin: 0 5px
}

body.halk-bank .form-horizontal .flat+.select2 .select2-selection--single .select2-selection__arrow b,
body.halk-bank .form-horizontal.inline-switch .toggle i .bg {
    display: none
}

body.halk-bank .form-horizontal.inline-switch .toggle i:before {
    padding-bottom: 5px
}

body.halk-bank .form-horizontal.inline-switch .toggle i:after {
    font-weight: 700;
    color: #298dff;
    border-bottom: 2px solid #298dff;
    padding-bottom: 5px;
    opacity: 1
}

body.halk-bank .form-horizontal .flat+.select2 .select2-selection--single {
    border-color: #dbe0e2;
    border-radius: 0;
    height: 30px
}

body.halk-bank .form-horizontal .flat+.select2 .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    padding-left: 12px
}

body.halk-bank .form-horizontal .flat+.select2 .select2-selection--single .select2-selection__arrow {
    line-height: 28px;
    background: 0 0 !important;
    height: 28px;
    text-align: center
}

body.halk-bank .form-horizontal .flat+.select2 .select2-selection--single .select2-selection__arrow:before {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.halk-bank .form-horizontal .flat+.select2 .select2-selection__clear,
body.halk-bank .main-page div.tabs-left>.fa,
body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item .credit-chart .chart-progress,
body.halk-bank .tabs-left .swiper-container .nav-tabs>li a .text,
body.halk-bank .tabs-left>.nav-tabs>li a .text {
    display: none
}

body.halk-bank .form-horizontal .flat+.select2.select2-container--open .select2-selection__arrow:before {
    content: "\f106"
}

body.halk-bank .form-horizontal label {
    margin-top: 7px
}

body.halk-bank .form-horizontal .col-sm-3,
body.halk-bank .form-horizontal .col-sm-6 {
    padding-left: 13px;
    padding-right: 13px
}

body.halk-bank .form-horizontal .row {
    margin-left: -13px;
    margin-right: -13px
}

body.halk-bank .form-horizontal fieldset {
    padding-left: 0
}

body.halk-bank .form-horizontal .col-sm-3,
body.halk-bank .form-horizontal .col-sm-6,
body.halk-bank .form-horizontal .row {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body.halk-bank .form-horizontal .custom-combobox .icon-append {
    border-left: 0
}

body.halk-bank .tabs .text-muted {
    color: #616f76
}

body.halk-bank .tabs .no-pad {
    padding-right: 0
}

body.halk-bank .padding-top10 {
    padding-top: 10px
}

body.halk-bank .tabs-left>.tab-content {
    border: 1px solid #d3d7da;
    border-radius: 0 5px 5px;
    background: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .06);
    margin-left: 64px
}

body.halk-bank .tabs-left .swiper-container .nav-tabs,
body.halk-bank .tabs-left>.nav-tabs {
    margin-right: 0;
    border-right: 0
}

body.halk-bank .tabs-left .swiper-container .nav-tabs>li,
body.halk-bank .tabs-left>.nav-tabs>li {
    margin-bottom: 0
}

body.halk-bank .tabs-left .swiper-container .nav-tabs>li a,
body.halk-bank .tabs-left>.nav-tabs>li a {
    font-size: 1em;
    border: 1px solid #d3d7da !important;
    border-right-width: 0 !important;
    border-radius: 5px 0 0 5px;
    border-bottom-color: #e6e8f0 !important;
    margin: 0;
    text-align: center;
    background: #f7f9fa;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f7f9fa), color-stop(1, #fffFFF));
    background: -ms-linear-gradient(bottom, #f7f9fa, #fffFFF);
    background: -moz-linear-gradient(center bottom, #f7f9fa 0, #fffFFF 100%);
    background: -o-linear-gradient(#fffFFF, #f7f9fa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffFFF', endColorstr='#f7f9fa', GradientType=0);
    width: 64px;
    min-width: 1px;
    line-height: 62px;
    padding: 0
}

body.halk-bank .tabs-left .swiper-container .nav-tabs>li.active a,
body.halk-bank .tabs-left>.nav-tabs>li.active a {
    color: #ff700f;
    width: 65px;
    margin-right: -1px;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-left-width: 1px !important;
    background: #fff
}

body.halk-bank .tabs-left .swiper-container .nav-tabs>li+li,
body.halk-bank .tabs-left>.nav-tabs>li+li {
    margin-top: 4px
}

body.halk-bank .main-page {
    padding-bottom: 50px
}

body.halk-bank .main-page div.tabs-left {
    box-shadow: none;
    border: 1px solid #0bbbef;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 18px;
    border-bottom-width: 6px
}

body.halk-bank .main-page div.tabs-left>.tab-content {
    border-radius: 0 0 4px 4px;
    box-shadow: none !important;
    border: 0;
    margin-left: 0;
    height: 362px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section {
    height: 313px;
    padding: 36px 5px 0
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item {
    box-shadow: -.9px 1px 2px 0 rgba(189, 189, 189, .8), inset 0 -1.5px 0 0 #e2eef5;
    border-radius: 5px;
    color: rgba(62, 65, 82, .8);
    font-size: 12px;
    height: 60px;
    text-align: center;
    margin-bottom: 16px;
    line-height: 1
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item u {
    font-style: normal;
    text-decoration: none;
    font-size: 9px;
    font-weight: 400;
    position: relative;
    top: -5px;
    margin-left: 5px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item>div {
    float: left;
    padding-top: 17px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item .credit-chart {
    position: relative;
    width: 14%;
    padding-top: 7px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item .credit-chart label {
    position: absolute;
    margin: 0;
    top: 23px;
    left: 0;
    right: 0;
    font-size: 17px;
    color: #474747;
    font-weight: 500
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item .credit-chart label u {
    text-decoration: none;
    font-weight: 400;
    font-size: 10px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item .credit-name {
    width: 23%
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item .credit-total {
    width: 22%
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item .credit-amount {
    width: 25%
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item .credit-installment {
    width: 15%
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item .total-installment {
    width: 95px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-item b {
    color: #3e4152;
    font-weight: 700;
    font-size: 16px;
    display: block;
    margin-bottom: 4px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list {
    max-height: 274px;
    overflow-y: auto;
    padding-right: 20px;
    padding-left: 20px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel .empty-credit section {
    text-align: center;
    padding: 26px 26px 0
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.credits-panel .empty-credit section img {
    width: 100%
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.accounts-pane .acc header {
    padding-right: 20px;
    padding-top: 15px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.accounts-pane .acc header .dropdown-lite {
    width: auto;
    margin-right: 0
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section {
    height: 261px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section .list {
    overflow-y: auto
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.accounts-pane .acc .box-footer {
    height: 53px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.accounts-pane .acc .box-footer .actions {
    padding-top: 12px;
    float: left
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.accounts-pane .acc .box-footer .actions .btn-search {
    padding-left: 17px;
    padding-right: 17px;
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.accounts-pane .acc .box-footer .actions .btn-search b {
    float: left;
    width: 13px;
    height: 12px;
    background: url(../img/zoom-white.png) no-repeat;
    margin-right: 11px
}

body.halk-bank .main-page div.tabs-left>.tab-content .tab-pane.accounts-pane .acc .box-footer .summary {
    height: 53px;
    line-height: 24px;
    padding-top: 15px
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc header {
    box-shadow: none;
    height: 48px;
    line-height: 1;
    border: 0;
    padding: 0 24px 0 0;
    overflow: visible
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .list {
    max-height: 260px;
    min-height: inherit
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .accounts-pie {
    width: 250px;
    float: left;
    height: 260px
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .accounts-pie+div {
    width: 520px !important;
    float: right;
    padding-left: 0
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .accounts-pie+div .retail-accounts {
    padding-left: 0
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article {
    border-radius: 5px;
    height: 65px;
    padding-left: 13px;
    padding-right: 12px;
    margin-top: 0;
    margin-bottom: 19px;
    color: #474747;
    border: 1px solid #b4c8d4 !important;
    border-bottom-color: #b4c8d4 !important;
    border-bottom-width: 2px !important;
    box-shadow: none;
    border-top-color: #e6f2f8 !important
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .buttons {
    display: none
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .f-b {
    margin-top: 3px
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .f-b span {
    font-size: 16px
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .f-b span:first-child {
    font-size: 14px
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .f-b span i {
    font-size: 9px;
    position: relative;
    top: -5px;
    font-style: normal
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .f-b span i.minor {
    display: inline-block;
    margin: 8px 0 0 5px;
    float: left
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .f-b+p {
    opacity: 1;
    color: #474747;
    font-size: 12px;
    text-shadow: none;
    margin-top: 0
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .f-b+p i {
    font-style: normal
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .account-name {
    color: #474747
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .account-name label {
    float: left;
    margin: 0;
    font-weight: 700
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .account-name .edit {
    display: none;
    line-height: 0;
    position: relative;
    top: -2px;
    float: left;
    margin-left: 10px
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .account-name .edit .fa-pencil {
    width: 17px;
    height: 17px;
    background: url(../img/edit-favorites.png) no-repeat;
    display: inline-block;
    font-size: 0;
    float: left
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article .account-name .edit .fa-pencil:hover {
    background-position: center bottom
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article:hover {
    box-shadow: 0 2px 4px 0 rgba(26, 176, 232, .5), inset 0 -3px 0 0 rgba(226, 238, 245, .4)
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article:hover .account-name {
    color: #26b3e9
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .retail-accounts article:hover .account-name .edit {
    display: inline-block !important
}

body.halk-bank .main-page div.tabs-left>.tab-content .acc .show-all {
    display: none
}

body.halk-bank .main-page div.tabs-left>.tab-content .alert {
    margin: 20px;
    width: auto;
    display: block
}

body.halk-bank .main-page div.tabs-left>.nav-tabs {
    margin-right: 0;
    border-right: 0;
    height: 49px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li {
    margin-bottom: 0;
    background: #ebebeb;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #ebebeb, #fff);
    background: -moz-linear-gradient(center bottom, #ebebeb 0, #fff 100%);
    background: -o-linear-gradient(#fff, #ebebeb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0)
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li a {
    font-size: 1.0769230769230769em;
    text-align: center;
    background: 0 0;
    width: 100%;
    min-width: 1px;
    height: 49px;
    line-height: 20px;
    padding: 17px 0 0;
    color: #000;
    border-top: 0 !important;
    border-right: 0 !important;
    margin: 0;
    font-weight: 400;
    border-radius: 0;
    border-bottom: 0;
    border-left: 0 !important
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li a .icons {
    width: 30px;
    height: 24px;
    background: right center no-repeat;
    background-size: auto 100%;
    position: relative;
    top: -9px
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li a .icons.icon-hesaplarim {
    background-image: url(../img/icons/svg/hesaplarim.svg)
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li a .icons.icon-krediler {
    background-image: url(../img/icons/svg/kredilerim.svg)
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li a .icons.icon-varliklar {
    background-image: url(../img/icons/svg/varliklarim.svg)
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li a .icons.icon-takvim {
    background-image: url(../img/icons/svg/ajanda.svg)
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li a .icons.icon-portfoy {
    background-image: url(../img/icons/svg/portfoyum.svg)
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li a .text {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 75%;
    top: -2px
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li.active a {
    color: #ff700f;
    font-size: 1.1538461538461537em;
    background: #fff;
    border-bottom-color: #fff !important;
    font-weight: 500;
    border-left: 1px solid #d3d7da !important;
    border-left: 0 !important;
    filter: none
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li:first-child a {
    border-left: 0 !important;
    border-top-left-radius: 8px
}

body.halk-bank .main-page div.tabs-left>.nav-tabs>li:last-child a {
    border-top-right-radius: 8px
}

body.halk-bank .main-page div.tabs-left .swiper-container .nav-tabs {
    margin-right: 0;
    border-right: 0;
    height: 51px
}

body.halk-bank .main-page div.tabs-left .swiper-container .nav-tabs>li {
    margin-bottom: 0
}

body.halk-bank .main-page div.tabs-left .swiper-container .nav-tabs>li a {
    font-size: 1.0769230769230769em;
    text-align: center;
    background: #f7f9fa;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #f8f9fa));
    background: -ms-linear-gradient(bottom, #fff, #f8f9fa);
    background: -moz-linear-gradient(center bottom, #fff 0, #f8f9fa 100%);
    background: -o-linear-gradient(#f8f9fa, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f9fa', endColorstr='#ffffff', GradientType=0);
    width: 100%;
    min-width: 1px;
    padding: 0;
    color: #474747;
    border-left: 1px solid #d3d7da;
    border-bottom: 1px solid #dfe2e4;
    border-top: 0 !important;
    border-right: 0 !important
}

body.halk-bank .main-page div.tabs-left .swiper-container .nav-tabs>li.active a {
    color: #ff700f;
    font-size: 1.1538461538461537em;
    background: #fff;
    border-bottom-color: #fff
}

body.halk-bank .main-page div.tabs-left .swiper-container .nav-tabs>li:first-child a {
    border-left: 0;
    border-top-left-radius: 4px
}

body.halk-bank .main-page div.tabs-left .swiper-container .nav-tabs>li:last-child a {
    border-top-right-radius: 4px
}

body.halk-bank .tabs-left .swiper-container {
    float: left
}

body.halk-bank .in-b {
    display: inline-block;
    vertical-align: middle
}

body.halk-bank .parafcredit {
    background: url(../img/paraf-btn.jpg) repeat-x !important
}

body.halk-bank .btn {
    padding: 7px 18px;
    border-radius: 15px
}

body.halk-bank .btn .fa.icons+span {
    display: inline-block;
    vertical-align: middle
}

body.halk-bank .btn.btn-primary,
body.halk-bank .btn.default {
    font-weight: 400;
    color: #fff;
    border: 0;
    background: url(../img/date-selected.png?v=2022) repeat-x !important;
    font-size: 14px
}

body.halk-bank .btn.circle {
    width: 27px;
    height: 27px;
    line-height: 25px;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    border-color: #cfcfcf;
    color: #777;
    background: #fff
}

body.halk-bank .btn.circle.btn-search {
    line-height: 23px
}

@media (max-width:767px) {
    body.halk-bank .btn.circle.btn-search.tall {
        line-height: 18px
    }
}

body.halk-bank .btn.circle.wide {
    color: #4b4b4b;
    width: auto;
    padding: 0 10px;
    background: 0 0
}

body.halk-bank .btn.circle.wide:active,
body.halk-bank .btn.circle.wide:focus {
    background: 0 0
}

body.halk-bank .btn.circle.wide.active,
body.halk-bank .btn.circle.wide:hover {
    color: #fff;
    background-color: #fe8d12;
    border-color: #ff710f
}

body.halk-bank .btn.circle:active,
body.halk-bank .btn.circle:focus {
    background: #fff;
    border-color: #cfcfcf;
    color: #a6a6a6
}

body.halk-bank .btn.circle.active,
body.halk-bank .btn.circle:hover {
    color: #fff;
    background-color: #fe8d12;
    border-color: #ff710f
}

body.halk-bank .btn.circle .fa {
    font-size: 1em
}

body.halk-bank .btn.transparent {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: .6923076923076923em;
    border: 1px solid #ccc
}

body.halk-bank .btn.transparent-green {
    color: #1fbf89;
    border: 1px solid #1fbf89;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: .6923076923076923em;
    padding: 2px 5px
}

body.halk-bank .btn.transparent-green.financial-market-info {
    background: url(../img/paraf-btn.jpg) repeat-x;
    background-size: contain
}

body.halk-bank .btn.transparent-red {
    color: #f86e21;
    border: 1px solid #f86e21;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: .6923076923076923em;
    padding: 2px 5px
}

body.halk-bank .btn.transparent-red.financial-market-info {
    background: #fa761f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fa761f), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #fa761f, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #fa761f 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #fa761f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#fa761f', GradientType=0)
}

body.halk-bank .btn.transparent-green.financial-market-info,
body.halk-bank .btn.transparent-red.financial-market-info {
    border: 0;
    height: 25px;
    text-align: center;
    line-height: 25px;
    padding: 0;
    color: #fff !important;
    font-size: 12px
}

body.halk-bank .btn.rev {
    line-height: 25px;
    color: #fff;
    background: #ff700f;
    border: 0
}

body.halk-bank .btn.rev:active,
body.halk-bank .btn.rev:focus {
    background: #ff700f;
    color: #fff
}

body.halk-bank .btn.blue {
    font-weight: 400;
    color: #fff;
    background: #70a0c7;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #70a0c7), color-stop(1, #4f90c4));
    background: -ms-linear-gradient(bottom, #70a0c7, #4f90c4);
    background: -moz-linear-gradient(center bottom, #70a0c7 0, #4f90c4 100%);
    background: -o-linear-gradient(#4f90c4, #70a0c7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f90c4', endColorstr='#70a0c7', GradientType=0);
    border: 0
}

body.halk-bank .btn.blue.wide {
    background: #479ee5;
    background: -moz-linear-gradient(-45deg, #479ee5 0, #1a6fb4 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #479ee5), color-stop(100%, #1a6fb4));
    background: -webkit-linear-gradient(-45deg, #479ee5 0, #1a6fb4 100%);
    background: -o-linear-gradient(-45deg, #479ee5 0, #1a6fb4 100%);
    background: -ms-linear-gradient(-45deg, #479ee5 0, #1a6fb4 100%);
    background: linear-gradient(135deg, #479ee5 0, #1a6fb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#479ee5', endColorstr='#1a6fb4', GradientType=1);
    color: #fff;
    font-size: 1.0769230769230769em;
    padding: 7px 15px;
    border: 0
}

body.halk-bank .btn.card-detail-btn {
    min-width: 75px;
    margin-bottom: 3px
}

body.halk-bank .btn.backrequest {
    border: 0;
    background: url(../img/paraf-btn.jpg) repeat-x;
    background-size: contain;
    color: #fff
}

body.halk-bank .btn.blue-grad {
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    border: 0;
    padding-left: 25px;
    padding-right: 25px;
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain
}

body.halk-bank .btn.blue-grad.big {
    padding: 8px 25px;
    font-size: 1.1923076923076923em
}

body.halk-bank .btn.blue-grad.big .fa-lock {
    font-size: 1.5em;
    margin-right: 5px
}

body.halk-bank .btn.white {
    border: 1px solid #BDBDBD;
    box-shadow: none;
    font-weight: 400;
    color: #76848C
}

body.halk-bank .btn.white .icons {
    margin-right: 8px;
    margin-top: -4px
}

body.halk-bank .btn.white.blue-text {
    color: #1a6fb4
}

body.halk-bank .btn.white.blue-text.disabled {
    color: #9b9b9b
}

body.halk-bank .btn.white.grad {
    border: 1px solid #1b6fb5;
    background: #f4f3f3;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f3f3), color-stop(1, #fefefe));
    background: -ms-linear-gradient(bottom, #f4f3f3, #fefefe);
    background: -moz-linear-gradient(center bottom, #f4f3f3 0, #fefefe 100%);
    background: -o-linear-gradient(#fefefe, #f4f3f3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f4f3f3', GradientType=0)
}

body.halk-bank .btn.white.grad.wide {
    padding: 5px 25px;
    color: #4a555b
}

body.halk-bank .btn.white.grad.wide+.btn {
    margin-left: 5px
}

body.halk-bank .btn.white.grid {
    background: #f3f4f4;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f3f4f4), color-stop(1, #fdfdfd));
    background: -ms-linear-gradient(bottom, #f3f4f4, #fdfdfd);
    background: -moz-linear-gradient(center bottom, #f3f4f4 0, #fdfdfd 100%);
    background: -o-linear-gradient(#fdfdfd, #f3f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f3f4f4', GradientType=0);
    border: 1px solid #e2e2e2;
    color: #4a555b;
    padding: 5px 18px
}

body.halk-bank .btn.grey {
    background: #b9b9b9;
    box-shadow: none;
    font-weight: 400;
    color: #fff
}

body.halk-bank .btn.grey.light {
    color: #69767d;
    background: #f8f9fb;
    border-color: #e9ecee;
    font-weight: 400
}

body.halk-bank .btn.head {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #c8d9e6;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding: 0;
    background: 0 0
}

body.halk-bank .btn.head:hover {
    color: #1a6fb4;
    background: #fff;
    border-color: #fff;
    box-shadow: none
}

body.halk-bank .btn.f-w-n {
    font-weight: 400
}

body.halk-bank .btn.orange.b {
    border-radius: 4px;
    font-size: 1.2307692307692308em;
    padding: 10px 32px
}

body.halk-bank .btn.orange.b:hover {
    background: #FB771E;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FB771E), color-stop(1, #ff934a));
    background: -ms-linear-gradient(bottom, #FB771E, #ff934a);
    background: -moz-linear-gradient(center bottom, #FB771E 0, #ff934a 100%);
    background: -o-linear-gradient(#ff934a, #FB771E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff934a', endColorstr='#FB771E', GradientType=0)
}

body.halk-bank .btn.w {
    min-width: 80px
}

body.halk-bank .btn.w+.btn {
    margin-left: 8px
}

body.halk-bank .btn.w2 {
    min-width: 140px
}

body.halk-bank .btn.camp {
    padding: 9px;
    color: #fff;
    font-size: 1em;
    border-radius: 8px;
    box-shadow: none
}

body.halk-bank .btn.camp.camp-blue {
    background: #53ace3;
    background: -moz-linear-gradient(top, #53ace3 0, #4194c6 100%);
    background: -webkit-linear-gradient(top, #53ace3 0, #4194c6 100%);
    background: linear-gradient(to bottom, #53ace3 0, #4194c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53ace3', endColorstr='#4194c6', GradientType=0)
}

body.halk-bank .btn.camp.camp-grey {
    background: #cac9c9;
    background: -moz-linear-gradient(top, #cac9c9 0, #b6b5b5 100%);
    background: -webkit-linear-gradient(top, #cac9c9 0, #b6b5b5 100%);
    background: linear-gradient(to bottom, #cac9c9 0, #b6b5b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac9c9', endColorstr='#b6b5b5', GradientType=0)
}

body.halk-bank .acc .slimScrollDiv .slimScrollBar,
body.halk-bank .acc .slimScrollDiv .slimScrollBar:active:after,
body.halk-bank .acc .slimScrollDiv .slimScrollBar:after,
body.halk-bank .acc .slimScrollDiv .slimScrollBar:hover:after {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

body.halk-bank .btn.camp.camp-orange {
    background: #ff700f
}

body.halk-bank .btn.camp.camp-blue-flat {
    font-weight: 400;
    padding: 8px 20px;
    background: #1a6fb4;
    font-size: 1em
}

body.halk-bank .btn.btn-seperate {
    margin: 0 10px
}

body.halk-bank .radiobox+span {
    font-weight: 400 !important
}

body.halk-bank .yes-no-container .btn {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    width: 127px;
    margin: 0 20px
}

body.halk-bank .yes-no-container .btn:first-child {
    background: url(../img/paraf-btn.jpg) repeat-x;
    background-size: contain;
    border: 0;
    color: #000
}

body.halk-bank #header>div {
    height: 60px
}

body.halk-bank .header-dropdown,
body.halk-bank .headerSub .LoginInfo .LoginBtn>img {
    margin-right: 3px
}

body.halk-bank .header-dropdown.open .btn.head {
    color: #1a6fb4;
    background: #fff;
    border-color: #fff;
    box-shadow: none
}

body.halk-bank .header-dropdown .dropdown-menu>li a:hover,
body.halk-bank .smart-form fieldset {
    background: 0 0
}

body.halk-bank .header-dropdown .dropdown-menu {
    right: 0;
    left: auto;
    padding: 0 12px 8px;
    border-radius: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    border: 0;
    margin-top: 9px
}

body.halk-bank .header-dropdown .dropdown-menu:before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px;
    border-color: transparent transparent #fff
}

body.halk-bank .header-dropdown .dropdown-menu>li a {
    display: block;
    white-space: nowrap;
    padding: 7.5px 3px;
    color: #1b6fb5;
    font-size: .8846153846153846em;
    font-family: Roboto
}

body.halk-bank .select.circle .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.halk-bank .select.circle .select2-container--default .select2-selection--single .select2-selection__clear,
body.halk-bank .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none
}

body.halk-bank .header-dropdown .dropdown-menu>li+li a {
    border-top: 1px solid #ededed
}

body.halk-bank select+.select2-container {
    width: 100% !important
}

body.halk-bank .select.circle .select2-container--default .select2-selection--single {
    border-color: #cfcfcf;
    border-radius: 12px;
    height: 27px;
    min-height: 27px
}

body.halk-bank .select.circle .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px
}

body.halk-bank .select.circle .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: 0 0 !important;
    line-height: 25px;
    height: 25px;
    top: 0;
    text-align: center
}

body.halk-bank .select.circle .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.halk-bank .select.circle .select2-container--default.select2-container--open .select2-selection--single {
    background: #fbfbfb !important;
    border-color: #FBFBFB;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

body.halk-bank .select.circle .select2-container--default.select2-container--open .select2-selection__arrow:before {
    content: "\f106"
}

body.halk-bank .select.circle .select2-hidden-accessible {
    display: none
}

body.halk-bank .smart-search,
body.halk-bank .smart-search .smart-form {
    display: inline-block;
    vertical-align: middle
}

body.halk-bank input.circle {
    border-radius: 12px !important;
    height: 27px;
    line-height: 25px;
    font-size: .9230769230769231em
}

body.halk-bank .smart-search .smart-form {
    width: 0;
    overflow: hidden
}

body.halk-bank .smart-search .smart-form .input-sm {
    padding-top: 0;
    padding-bottom: 0
}

body.halk-bank .smart-search.active .smart-form {
    margin-left: 5px;
    width: 150px
}

body.halk-bank .horizontal-align .cell {
    display: table-cell;
    zoom: 1;
    vertical-align: middle
}

body.halk-bank .horizontal-align .cell .smart-search {
    margin-top: 6px;
    margin-right: 10px
}

body.halk-bank .horizontal-align.wide {
    display: table;
    width: 100%
}

body.halk-bank .horizontal-align .v-b {
    vertical-align: bottom
}

body.halk-bank .horizontal-align .v-t {
    vertical-align: top
}

body.halk-bank .acc {
    color: #4b4b4b
}

body.halk-bank .acc header {
    padding: 10px 25px;
    border-bottom: 1px solid #e1e2e3;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05);
    overflow: auto;
    line-height: 42px
}

body.halk-bank .acc header h2 {
    display: inline-block;
    margin: 0;
    color: #ff700f;
    font-weight: 400;
    font-size: 1.1538461538461537em
}

body.halk-bank .acc header h2 .fa {
    margin-right: 15px;
    margin-left: -10px
}

body.halk-bank .acc header .btn {
    margin-left: 2px
}

body.halk-bank .acc header .select {
    vertical-align: middle;
    display: inline-block;
    width: 160px
}

body.halk-bank .acc header .smart-form>div,
body.halk-bank .acc header .smart-form>p {
    vertical-align: top
}

body.halk-bank .acc header .btn.rev {
    color: #777;
    border-color: #cfcfcf !important;
    background: #fff;
    border: 1px solid
}

body.halk-bank .acc header .btn.rev:hover {
    color: #fff;
    background-color: #ff700f;
    border-color: #ff700f
}

body.halk-bank .acc .slimScrollDiv {
    position: relative !important;
    height: auto !important
}

body.halk-bank .acc .slimScrollDiv .slimScrollBar {
    margin-top: 0;
    margin-right: 0;
    background: 0 0 !important;
    width: 6px !important;
    right: 6px !important
}

body.halk-bank .acc .slimScrollDiv .slimScrollBar:after {
    content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 100%;
    background-color: #747474 !important;
    border-radius: 6px;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: ease-in;
    cursor: pointer
}

body.halk-bank .acc .list {
    padding: 10px 25px;
    margin: 0;
    max-height: 485px;
    height: auto !important
}

body.halk-bank .acc .list article {
    padding: 10px 20px;
    border: 1px solid #dbdfe5;
    border-radius: 5px
}

body.halk-bank .acc .list article p {
    font-size: 1.0769230769230769em;
    display: table;
    width: 100%;
    margin-bottom: 0
}

body.halk-bank .acc .list article p .cell {
    display: table-cell;
    vertical-align: middle;
    zoom: 1
}

body.halk-bank .acc .list article p .cell+.cell {
    text-align: right
}

body.halk-bank .acc .list article p+p {
    margin-top: 3px;
    font-size: 1em
}

body.halk-bank .acc .list article+article {
    margin-top: 8px
}

body.halk-bank .acc .list article .hide-d-but {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

body.halk-bank .acc .list article.show-btn {
    background: #f7f8f9
}

body.halk-bank .acc .list article.show-btn .hide-d-but {
    opacity: 0;
    filter: alpha(opacity=0)
}

body.halk-bank .acc .list article.show-btn .buttons .detail-but {
    left: 0
}

body.halk-bank .acc .list article .buttons a {
    margin-left: 2px
}

body.halk-bank .acc .list article .buttons .detail-but {
    white-space: nowrap;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: absolute;
    overflow: hidden;
    text-align: right;
    left: 100%;
    right: 0;
    margin: -27px 68px 0 0
}

body.halk-bank .acc .list article .buttons .detail-but .btn {
    min-width: 85px;
    font-size: .7692307692307693em;
    font-weight: 700
}

body.halk-bank .acc .list article .wrap {
    display: table;
    width: 100%;
    position: relative
}

body.halk-bank .acc .list article .wrap .pie-color {
    width: 14px;
    height: 42px;
    display: inline-block;
    position: absolute
}

body.halk-bank .acc .list article .buttons,
body.halk-bank .acc .list article .text {
    display: table-cell;
    vertical-align: middle;
    zoom: 1
}

body.halk-bank .acc .list article .wrap .pie-color i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    float: left;
    margin-top: 11px
}

body.halk-bank .acc .list article .wrap .pie-color+.text {
    padding-left: 15px
}

body.halk-bank .acc .list article .wrap .pie-color+.text .f-b+p>span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px
}

body.halk-bank .acc .list article .buttons {
    padding-left: 20px;
    width: 82px
}

body.halk-bank .acc .list article .credit-card-buttons {
    width: 41px !important
}

body.halk-bank .acc .list article .minor {
    margin: 0 3px 0 -9px;
    font-size: 7px;
    color: #ff503f;
    vertical-align: middle
}

body.halk-bank .acc footer {
    position: relative;
    overflow: hidden;
    padding: 12px 18px;
    border-top: 1px solid #e1e2e3
}

body.halk-bank .acc footer:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05)
}

body.halk-bank .acc footer p {
    text-align: right;
    margin-bottom: 0;
    font-size: 1em
}

body.halk-bank .acc footer p b {
    color: #1a6fb4;
    font-size: 1.1538461538461537em
}

body.halk-bank .acc .alert {
    margin-top: 20px
}

body.halk-bank .assets header {
    padding: 11px 18px 3px;
    overflow: auto;
    height: 38px
}

body.halk-bank .assets header h2 {
    line-height: 42px;
    padding: 10px 0;
    border-bottom: 1px solid #e1e2e3;
    margin: 0;
    color: #ff700f;
    font-weight: 400;
    font-size: 1.1538461538461537em
}

body.halk-bank .assets header .form-horizontal {
    float: right;
    margin-top: 0
}

body.halk-bank .assets section {
    padding: 17px 20px 20px;
    margin-bottom: 0;
    height: 274px
}

body.halk-bank .assets section h3 {
    color: #474747;
    font-size: .9230769230769231em;
    margin: 0;
    font-weight: 400;
    float: left;
    line-height: 14px;
    position: relative;
    z-index: 2
}

body.halk-bank .assets section h3+span {
    float: right;
    font-weight: 700;
    font-size: 14px;
    color: #474747;
    line-height: 16px;
    position: relative;
    z-index: 2
}

body.halk-bank .assets section .row .col-sm-6+.col-sm-6:before {
    content: '';
    left: -1px;
    top: 40px;
    width: 1px;
    background-color: #0bbbef;
    position: absolute;
    height: 203px
}

body.halk-bank .assets section .col-sm-6.asset,
body.halk-bank .assets section .col-sm-6.debt {
    height: 258px
}

body.halk-bank .assets .box-footer {
    height: 47px
}

body.halk-bank .assets footer {
    position: relative;
    overflow: hidden;
    padding: 12px 18px;
    border-top: 1px solid #e1e2e3
}

body.halk-bank .assets footer:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05)
}

body.halk-bank .assets footer p {
    text-align: right;
    margin-bottom: 0;
    font-size: 1em
}

body.halk-bank .assets footer p b {
    color: #1a6fb4;
    font-size: 1.1538461538461537em;
    margin-left: 4px
}

body.halk-bank .assets vb-pie-chart {
    background: #fff;
    display: block;
    position: relative;
    top: -10px;
    width: 100%;
    height: 250px;
    overflow: hidden
}

body.halk-bank .assets vb-pie-chart rect.highcharts-background {
    fill: transparent
}

body.halk-bank .assets .asset,
body.halk-bank .assets .debt {
    background: url(../img/giphy.gif) center center no-repeat;
    background-size: 200px 200px
}

body.halk-bank .assets .asset.no-data,
body.halk-bank .assets .debt.no-data {
    background: 0 0
}

body.halk-bank .assets .asset .no-data,
body.halk-bank .assets .debt .no-data {
    display: block;
    margin-top: 20px
}

body.halk-bank .assets .asset vb-pie-chart .highcharts-container:before,
body.halk-bank .assets .debt vb-pie-chart .highcharts-container:before {
    content: '';
    display: block;
    position: absolute;
    width: 148px;
    height: 148px;
    border: 32px solid #f3f4fb;
    z-index: -1;
    border-radius: 50%;
    top: 24px;
    left: -1px
}

body.halk-bank .assets .asset vb-pie-chart.scroll .highcharts-container,
body.halk-bank .assets .debt vb-pie-chart.scroll .highcharts-container {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto
}

body.halk-bank .assets .asset vb-pie-chart .highcharts-container:before {
    background: url(../img/varliklarim.png) center no-repeat
}

body.halk-bank .assets .debt vb-pie-chart .highcharts-container:before {
    background: url(../img/borclarim.png) center no-repeat
}

body.halk-bank .assets .highcharts-container .name,
body.halk-bank .assets .highcharts-container .val {
    font-family: Roboto;
    font-weight: 400;
    color: #8e8e8e;
    display: block
}

body.halk-bank .assets .highcharts-container .name {
    font-size: 12px;
    color: #474747;
    opacity: .8
}

body.halk-bank .assets .highcharts-container .val {
    color: #474747;
    font-size: 13px;
    font-weight: 700
}

body.halk-bank .assets .highcharts-container .highcharts-legend-item:before {
    color: #fff;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: top;
    margin-top: 2px;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: .5
}

body.halk-bank .assets .highcharts-container .highcharts-legend-item:after {
    content: ' ';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 1px;
    border: 2px solid #fff;
    top: 3px;
    border-radius: 50%
}

body.halk-bank .assets .highcharts-container .highcharts-legend-item>span {
    margin-top: -2px !important
}

body.halk-bank .assets .highcharts-container .highcharts-legend-item .name {
    margin-left: -20px;
    padding-left: 20px;
    white-space: normal !important;
    display: block;
    word-wrap: break-word
}

body.halk-bank .assets .highcharts-container .highcharts-legend-item .val {
    width: 150px;
    display: block;
    word-wrap: break-word
}

body.halk-bank .assets .highcharts-container .total {
    position: absolute;
    right: 0;
    bottom: 0
}

body.halk-bank .assets .highcharts-container .total span {
    font-size: 1.1538461538461537em;
    font-weight: 700
}

body.halk-bank .assets .box-footer {
    position: relative
}

body.halk-bank .assets .box-footer:before {
    content: ' ';
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0
}

body.halk-bank .highcharts-container .highcharts-tooltip>span {
    background: rgba(255, 255, 255, .9);
    color: #333;
    padding: 6px;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25);
    position: relative;
    font-weight: 700
}

body.halk-bank .highcharts-container .highcharts-tooltip>span:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0;
    border-color: rgba(255, 255, 255, .8) transparent transparent
}

body.halk-bank .mB {
    margin-bottom: 20px
}

body.halk-bank .mB10 {
    margin-bottom: 10px
}

body.halk-bank .mB2 {
    margin-bottom: 15px
}

body.halk-bank .mT10 {
    margin-top: 10px
}

body.halk-bank .mT20 {
    margin-top: 20px
}

body.halk-bank .temsilci-pane {
    border: 1px solid #d3d7da;
    border-radius: 5px;
    background: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .06);
    overflow: hidden
}

body.halk-bank .temsilci-pane .temsilci {
    padding: 16px 12px 12px
}

body.halk-bank .temsilci-pane .temsilci .img {
    width: 55px;
    height: 55px;
    float: left;
    margin-right: 10px;
    border-radius: 100%;
    border: 1px solid #e3e3e3;
    background: #f3f3f3;
    overflow: hidden
}

body.halk-bank .temsilci-pane .temsilci .img img {
    width: 100%;
    display: block
}

body.halk-bank .temsilci-pane .temsilci .img.cell {
    float: none
}

body.halk-bank .temsilci-pane .temsilci .img.cell+.cell {
    padding-left: 10px
}

body.halk-bank .temsilci-pane .temsilci .name.no p {
    font-size: .9230769230769231em
}

body.halk-bank .temsilci-pane .temsilci .name.no p a {
    color: #1a6fb4
}

body.halk-bank .temsilci-pane .temsilci h2 {
    margin: 0;
    font-size: .9230769230769231em;
    color: #494949;
    font-weight: 700;
    line-height: 1
}

body.halk-bank .temsilci-pane .temsilci h2+p {
    color: #1a6fb4;
    font-size: .9230769230769231em;
    font-weight: 400
}

body.halk-bank .temsilci-pane .temsilci p {
    margin-bottom: 0
}

body.halk-bank .temsilci-pane .temsilci p+p {
    margin-top: 4px;
    font-size: .8076923076923077em;
    color: #73819c
}

body.halk-bank .temsilci-pane .temsilci p a {
    color: #73819c
}

body.halk-bank .temsilci-pane .nav-tabs {
    background: #1a6fb4;
    background: -moz-linear-gradient(-110px, #479ee5 0, #1a6fb4 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #479ee5), color-stop(100%, #1a6fb4));
    background: -webkit-linear-gradient(-110px, #479ee5 0, #1a6fb4 100%);
    background: -o-linear-gradient(-110px, #479ee5 0, #1a6fb4 100%);
    background: -ms-linear-gradient(-110px, #479ee5 0, #1a6fb4 100%);
    background: linear-gradient(135deg, #479ee5 0, #1a6fb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#479ee5', endColorstr='#1a6fb4', GradientType=1);
    width: 101%;
    border: 0
}

body.halk-bank .temsilci-pane .nav-tabs li {
    position: relative
}

body.halk-bank .temsilci-pane .nav-tabs li a {
    margin-right: 0;
    padding: 7px 0
}

body.halk-bank .temsilci-pane .nav-tabs li a:hover {
    background: 0 0
}

body.halk-bank .temsilci-pane .nav-tabs li.active>a,
body.halk-bank .temsilci-pane .nav-tabs li.active>a:focus,
body.halk-bank .temsilci-pane .nav-tabs li.active>a:hover {
    background: 0 0;
    cursor: pointer
}

body.halk-bank .temsilci-pane .nav-tabs li .triangle {
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #fff transparent transparent
}

body.halk-bank .temsilci-pane .nav-tabs li+li a:before {
    content: '';
    border-left: 1px solid #4ca0de;
    float: left;
    height: 18px
}

body.halk-bank .loginStatus {
    border: 1px solid #d3d7da;
    border-radius: 5px;
    background: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .06);
    padding: 16px 14px;
    font-size: .9230769230769231em;
    color: #73819c
}

body.halk-bank .loginStatus .cell>b {
    margin-bottom: 5px;
    display: block
}

body.halk-bank .loginStatus p {
    margin-bottom: 3px
}

body.halk-bank .loginStatus p b {
    color: #333
}

body.halk-bank .loginStatus p .lbl {
    width: 123px;
    display: inline-block
}

body.halk-bank .loginStatus .cell+.cell {
    padding-left: 12px
}

body.halk-bank .loginStatus .login-icon {
    width: 40px
}

body.halk-bank .loginStatus.corporate {
    padding: 12px
}

body.halk-bank .loginStatus.corporate p {
    margin-bottom: 8px;
    padding-left: 40px
}

body.halk-bank .loginStatus.corporate p .fa {
    color: #58caf3;
    font-size: 1.1538461538461537em;
    float: left;
    margin-left: -18px
}

body.halk-bank .loginStatus.corporate p b {
    display: block
}

body.halk-bank .loginStatus.corporate .btn {
    font-size: .9615384615384616em;
    white-space: initial
}

body.halk-bank .last-trans article .cell.amount-cell,
body.halk-bank .table.piyasaBilgileri td:first-child {
    white-space: nowrap
}

body.halk-bank .nav-tabs.table-layout {
    display: table;
    width: 100%;
    width: 101%
}

body.halk-bank .nav-tabs.table-layout li {
    display: table-cell;
    vertical-align: middle;
    zoom: 1
}

body.halk-bank .nav-tabs.table-layout li a {
    margin-right: 0
}

body.halk-bank .nav-tabs>li>a>.fa {
    opacity: 1;
    filter: alpha(opacity=100)
}

body.halk-bank .tabbable.banner-pane {
    box-shadow: none;
    border: 1px solid #0bbbef;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    height: 245px;
    margin-bottom: 10px;
    border-bottom-width: 6px
}

body.halk-bank .tabbable.banner-pane .tab-content {
    position: relative
}

body.halk-bank .tabbable.banner-pane .tab-content .tab-pane {
    display: none !important;
    height: 205px;
    overflow: hidden
}

body.halk-bank .tabbable.banner-pane .tab-content .tab-pane.active {
    display: block !important
}

body.halk-bank .tabbable.banner-pane img {
    display: block;
    width: 100%;
    height: auto
}

body.halk-bank .tabbable.banner-pane .nav-tabs {
    background: #fff;
    border: 0;
    border-top: 1px solid #d3d7da;
    height: 55px
}

body.halk-bank .tabbable.banner-pane .nav-tabs li a {
    background: 0 0;
    color: #73819c;
    font-size: .9230769230769231em;
    padding: 13px 0
}

body.halk-bank .tabbable.banner-pane .nav-tabs li a .fa {
    display: block;
    text-align: center;
    margin-bottom: 4px;
    font-size: 1.2307692307692308em
}

body.halk-bank .tabbable.banner-pane .nav-tabs li a span {
    display: block
}

body.halk-bank .tabbable.banner-pane .nav-tabs li.active a {
    color: #58caf3
}

body.halk-bank .tabbable.banner-pane .nav-tabs li+li a span {
    border-left: 1px solid #eff1f4
}

body.halk-bank .tabbable.banner-pane .swiper-wrapper,
body.halk-bank .tabbable.banner-pane .swiper-wrapper .swiper-slide {
    height: 205px
}

body.halk-bank .tabbable.banner-pane .swiper-wrapper .swiper-slide a label {
    color: #474747;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    margin: 11px 0 0;
    display: none
}

body.halk-bank .tabbable.banner-pane .swiper-wrapper .swiper-slide a label b {
    font-weight: 700
}

body.halk-bank .tabbable.banner-pane .swiper-pagination {
    font-size: 0;
    position: absolute;
    z-index: 2
}

body.halk-bank .tabbable.banner-pane .swiper-pagination .swiper-pagination-switch {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 1px 0 2px;
    background: #fff;
    opacity: .8
}

body.halk-bank .tabbable.banner-pane .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
    opacity: 1
}

body.halk-bank .tabbable.banner-pane .banner-tab-pane {
    height: 37px;
    background: #f5f5f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: table;
    width: 100%
}

body.halk-bank .tabbable.banner-pane .banner-tab-pane>div {
    display: table-row;
    width: 100%
}

body.halk-bank .tabbable.banner-pane .banner-tab-pane span {
    width: 50%;
    height: 37px;
    color: rgba(62, 65, 82, .6);
    font-size: 12px;
    font-weight: 400;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
    display: table-cell
}

body.halk-bank .tabbable.banner-pane .banner-tab-pane span:first-child {
    border-bottom-left-radius: 0
}

body.halk-bank .tabbable.banner-pane .banner-tab-pane span:last-child {
    border-bottom-right-radius: 0
}

body.halk-bank .tabbable.banner-pane .banner-tab-pane span.active {
    background: #fff;
    font-weight: 500;
    color: #1ab0e8;
    box-shadow: 4.97px .52px 4px 0 rgba(0, 0, 0, .08)
}

body.halk-bank .box-content {
    border: 1px solid rgba(180, 191, 199, .4);
    border-radius: 4px;
    margin-bottom: 23px
}

body.halk-bank .box-content>.box-content {
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

body.halk-bank .box-content header {
    border-bottom: 1px solid #e6e8f0;
    padding: 5px 20px;
    min-height: 27px;
    height: 49px;
    background: linear-gradient(to top, #ebebeb, #fff)
}

body.halk-bank .box-content header h2 {
    margin: 0;
    line-height: 38px;
    font-size: 15px;
    color: #000;
    font-weight: 400
}

body.halk-bank .box-content section {
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(11, 48, 103, .06)
}

body.halk-bank .box-content .table {
    margin-bottom: 0
}

body.halk-bank .box-content.draggable header {
    padding-top: 14px;
    padding-bottom: 14px
}

body.halk-bank .box-content.draggable header h2 {
    line-height: 1.5em
}

body.halk-bank .box-content.draggable header .delete,
body.halk-bank .box-content.draggable header .move {
    display: inline-block;
    vertical-align: middle
}

body.halk-bank .box-content.draggable header .delete {
    font-size: 1.2307692307692308em;
    margin-left: 6px
}

body.halk-bank .box-content.draggable header .move {
    cursor: move
}

body.halk-bank .box-content.draggable header .delete .fa,
body.halk-bank .box-content.draggable header .move .fa {
    color: #bfc3c6;
    font-size: .9230769230769231em
}

body.halk-bank .box-content.draggable header .move:hover .fa {
    color: #333
}

body.halk-bank .box-content.draggable header .delete:hover .fa {
    color: #ff503f
}

body.halk-bank .box-content.draggable header .other-btns {
    display: inline-block;
    margin: -3px 10px
}

body.halk-bank .box-content.draggable .bar {
    margin-top: 18px;
    padding: 10px 20px;
    border-top: 1px solid #e4e4e5
}

body.halk-bank .box-content.draggable .foot-total {
    margin-left: auto;
    width: auto
}

body.halk-bank .box-content.draggable .foot-total span {
    font-size: .9615384615384616em
}

body.halk-bank .box-content.draggable .foot-total span+span {
    font-size: 1.0769230769230769em
}

body.halk-bank .box-content.draggable .foot-total .horizontal-align {
    display: table-row
}

body.halk-bank .box-content.draggable #calendar-corparate .fc-toolbar {
    line-height: 1.42857143;
    padding: 0;
    margin: -40px 0 15px
}

body.halk-bank .box-content .box-footer,
body.halk-bank .tab-content .box-footer {
    height: 49px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #ff700f;
    background-color: #fff
}

body.halk-bank .box-content .box-footer .summary,
body.halk-bank .tab-content .box-footer .summary {
    border-bottom-right-radius: 4px;
    color: #474747;
    font-size: 14px;
    font-weight: 700;
    line-height: 48px;
    padding: 0 20px 0 12px;
    float: right
}

body.halk-bank .box-content .box-footer .summary .icon,
body.halk-bank .tab-content .box-footer .summary .icon {
    display: none !important
}

body.halk-bank .box-content .box-footer .summary span,
body.halk-bank .tab-content .box-footer .summary span {
    font-size: 13px;
    font-weight: 400;
    opacity: .9;
    display: inline-block;
    margin-right: 15px
}

body.halk-bank .box-content .box-footer .summary i,
body.halk-bank .tab-content .box-footer .summary i {
    font-style: normal;
    font-size: 9px;
    line-height: 40px
}

body.halk-bank .box-content .box-footer .actions,
body.halk-bank .tab-content .box-footer .actions {
    padding: 9px 0 0 23px
}

body.halk-bank .box-content .box-footer .actions .btn,
body.halk-bank .tab-content .box-footer .actions .btn {
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain;
    color: #fff;
    box-shadow: none !important
}

body.halk-bank .box-content .box-footer .actions .btn .fa-plus,
body.halk-bank .tab-content .box-footer .actions .btn .fa-plus {
    font-size: 14px
}

body.halk-bank .box-content .box-footer .actions .btn:first-child,
body.halk-bank .tab-content .box-footer .actions .btn:first-child {
    background: url(../img/paraf-btn.jpg) repeat-x;
    background-size: contain
}

body.halk-bank .box-content .box-footer .actions .btn-flat,
body.halk-bank .tab-content .box-footer .actions .btn-flat {
    height: 30px;
    line-height: 14px;
    border-radius: 15px;
    padding: 8px 20px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
    border: 0;
    text-shadow: none;
    box-shadow: none
}

body.halk-bank .box-content .box-footer .actions .btn-flat.dark,
body.halk-bank .tab-content .box-footer .actions .btn-flat.dark {
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain
}

body.halk-bank .box-content .box-footer .mobile-options,
body.halk-bank .tab-content .box-footer .mobile-options {
    display: none
}

body.halk-bank .box-content .box-footer .btn,
body.halk-bank .tab-content .box-footer .btn {
    filter: none
}

body.halk-bank .last-trans {
    display: table;
    width: 100%;
    border-spacing: 0 8px
}

body.halk-bank .last-trans article {
    display: table-row !important;
    color: #4b4b4b
}

body.halk-bank .last-trans article .plus {
    color: #1fbf89;
    font-style: normal
}

body.halk-bank .last-trans article .minor {
    color: #fe6c60;
    font-style: normal
}

body.halk-bank .last-trans article time {
    display: block
}

body.halk-bank .last-trans article .cell {
    vertical-align: top;
    padding: 10px 20px;
    border: 1px solid #d9dde4;
    border-left-width: 0;
    border-right-width: 0
}

body.halk-bank .last-trans article .cell:first-child {
    border-left-width: 1px;
    border-radius: 5px 0 0 5px
}

body.halk-bank .last-trans article .cell:last-child {
    border-right-width: 1px;
    border-radius: 0 5px 5px 0
}

body.halk-bank .last-trans article .cell.but {
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 0
}

body.halk-bank .last-trans article .f-b {
    font-size: 1.0769230769230769em
}

body.halk-bank .table.piyasaBilgileri {
    font-size: .9230769230769231em;
    color: #4b4b4b;
    margin-top: 0 !important
}

body.halk-bank .table.piyasaBilgileri .fa {
    margin-right: 4px;
    font-size: 1.0769230769230769em
}

body.halk-bank .table.piyasaBilgileri tr:nth-child(even) {
    background: #f8f9fb
}

body.halk-bank .table.piyasaBilgileri tr {
    background: #fff
}

body.halk-bank .table.piyasaBilgileri td {
    border-top: 0;
    padding: 6px !important;
    vertical-align: middle
}

body.halk-bank .table.piyasaBilgileri td:last-child {
    padding: 8px 0
}

body.halk-bank .table.piyasaBilgileri .red {
    color: #ff503f
}

body.halk-bank .table.piyasaBilgileri .green {
    color: #1fbf89
}

body.halk-bank .table.piyasaBilgileri a.btn {
    margin: 2px 0
}

body.halk-bank .table.piyasaBilgileri .ui-sortable-helper {
    border: 1px dashed #bbc5d4
}

body.halk-bank .table.piyasaBilgileri .ui-state-highlight {
    background: #efefef !important
}

body.halk-bank .ui-autocomplete {
    z-index: 1051 !important;
    border: 1px solid #dbe0e2;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16);
    padding: 10px 0
}

body.halk-bank .ui-autocomplete li a {
    color: #4a555b;
    font-weight: 400;
    padding: 4px 10px
}

body.halk-bank .ui-autocomplete li a.ui-state-focus {
    background: #fef1e8;
    color: #4a555b;
    font-weight: 400
}

body.halk-bank .ui-autocomplete li+li {
    margin-top: 5px
}

body.halk-bank .fc .fc-toolbar {
    padding: 8px 18px 9px;
    line-height: 28px;
    margin: 0;
    height: 45px
}

body.halk-bank .fc .fc-toolbar h2 {
    color: #55555a;
    font-size: 1.0769230769230769em
}

body.halk-bank .fc .fc-toolbar .fc-center,
body.halk-bank .fc .fc-toolbar .fc-left,
body.halk-bank .fc .fc-toolbar .fc-right {
    float: none;
    display: inline-block;
    vertical-align: middle
}

body.halk-bank .fc .fc-icon {
    font-family: FontAwesome;
    margin: 0 15px;
    font-size: 1.0769230769230769em
}

body.halk-bank .fc .fc-button {
    float: none;
    background: 0 0;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body.halk-bank .calendar-default {
    min-height: 315px;
    background-color: #fff
}

body.halk-bank .calendar.corporate .fc-day-header label {
    right: 8px
}

body.halk-bank .calendar header {
    padding: 0 23px;
    height: 0;
    position: relative;
    z-index: 2
}

body.halk-bank .calendar header h2 {
    line-height: 42px;
    padding: 10px 23px;
    margin: 0;
    color: #ff700f;
    font-weight: 400;
    font-size: 1.1538461538461537em
}

body.halk-bank .calendar header h2 .fa {
    margin-right: 15px;
    margin-left: -10px
}

body.halk-bank .calendar header a {
    float: right;
    font-size: 14px;
    font-weight: 500;
    color: #1ab0e8;
    line-height: 15px;
    margin: 15px 0;
    width: 50px;
    text-align: right;
    position: absolute;
    right: 23px
}

body.halk-bank .calendar .calendar-events {
    box-shadow: 0 -1px 14px 0 rgba(0, 0, 0, .15);
    background-color: #fff;
    height: 47px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    clear: both;
    position: relative;
    z-index: 2
}

body.halk-bank .calendar .calendar-events .actions {
    display: table;
    width: 100%
}

body.halk-bank .calendar .calendar-events .actions>div {
    display: table-row;
    width: 100%
}

body.halk-bank .calendar .calendar-events .mobile-options {
    display: none
}

body.halk-bank .calendar .calendar-events vb-link-button {
    display: table-cell;
    vertical-align: middle
}

body.halk-bank .calendar .calendar-events vb-link-button a {
    display: block
}

body.halk-bank .calendar .calendar-events vb-link-button.s {
    width: 54px
}

body.halk-bank .calendar .calendar-events vb-link-button.r {
    width: 162px
}

body.halk-bank .calendar .calendar-events a.new-add {
    font-weight: 400;
    color: #333;
    font-size: 12px;
    height: 47px;
    margin: 0;
    line-height: 1;
    padding: 17px 0 0
}

body.halk-bank .calendar .calendar-events a.new-add .icons {
    display: none
}

body.halk-bank .calendar .calendar-events a.new-add.s {
    width: 54px;
    height: 54px;
    float: right;
    background: #0bbbef;
    margin-top: -7px;
    text-align: center;
    padding: 0;
    font-size: 0
}

body.halk-bank .calendar .calendar-events a.new-add.s .fa {
    font-size: 20px;
    line-height: 54px;
    color: #fff
}

body.halk-bank .calendar .calendar-events a.new-add.r {
    width: 162px;
    background: url(../img/agenda-new-event.png) 15px 0 no-repeat;
    background-size: 47px auto;
    padding-left: 63px;
    border-right: 1px solid #e6e8f0
}

body.halk-bank .calendar .calendar-events a.new-add.past-events {
    background: url(../img/agenda-past-events.png) 15px 0 no-repeat;
    background-size: 47px auto;
    padding-left: 62px
}

body.halk-bank .calendar #calendar {
    position: relative;
    z-index: 1;
    text-align: center
}

body.halk-bank .calendar #calendar>.fc-toolbar {
    position: relative;
    display: inline-block;
    left: 37px
}

body.halk-bank .calendar #calendar>.fc-toolbar .fc-center {
    font-size: 14px;
    color: #474747
}

body.halk-bank .calendar #calendar>.fc-toolbar .fc-center h2 {
    display: block;
    float: none
}

body.halk-bank .calendar #calendar>.fc-toolbar .fc-left .fc-icon,
body.halk-bank .calendar #calendar>.fc-toolbar .fc-right .fc-icon {
    font-size: 22px
}

body.halk-bank .calendar #calendar>.fc-toolbar .fc-left {
    float: left
}

body.halk-bank .calendar #calendar>.fc-toolbar .fc-right {
    float: right
}

body.halk-bank .calendar #calendar>.fc-view-container {
    text-align: left
}

body.halk-bank .calendar .fc-day-header {
    cursor: pointer;
    text-align: center;
    padding: 0;
    position: relative;
    height: 67px;
    vertical-align: middle
}

body.halk-bank .calendar .fc-day-header span {
    color: #474747;
    font-size: 22px;
    font-weight: 500;
    display: block;
    margin-top: -5px
}

body.halk-bank .calendar .fc-day-header label {
    background: #fa761f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fa761f), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #fa761f, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #fa761f 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #fa761f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#fa761f', GradientType=0);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    position: absolute !important;
    right: 35px;
    top: 6px;
    margin: 0;
    line-height: 18px
}

body.halk-bank .calendar .fc-day-header span+span {
    color: #474747;
    font-size: 12px;
    font-weight: 500;
    opacity: .8;
    line-height: 8px;
    margin: 0;
    position: relative;
    top: -2px
}

body.halk-bank .calendar .fc-day-header.active {
    position: relative;
    border-color: transparent;
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain
}

body.halk-bank .calendar .fc-day-header.active span {
    color: #fff
}

body.halk-bank .calendar .fc-day-header.active span+span {
    color: #fff;
    opacity: 1
}

body.halk-bank .calendar .fc-day-header.active:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px;
    border-color: transparent transparent #fff;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -1px
}

body.halk-bank .calendar .fc-head>tr>td {
    border-left-width: 0;
    border-right-width: 0
}

body.halk-bank .calendar .fc-unthemed .fc-divider,
body.halk-bank .calendar .fc-unthemed .fc-popover,
body.halk-bank .calendar .fc-unthemed .fc-row,
body.halk-bank .calendar .fc-unthemed tbody,
body.halk-bank .calendar .fc-unthemed td,
body.halk-bank .calendar .fc-unthemed th,
body.halk-bank .calendar .fc-unthemed thead {
    border-color: #e6e8f0
}

body.halk-bank .calendar .fc-body,
body.halk-bank .calendar .fc-body td {
    border: 0
}

body.halk-bank .calendar .fc-body .fc-widget-content .fc-day-grid-container {
    max-height: 205px;
    overflow-y: auto
}

body.halk-bank .calendar .fc-basicDay-view .fc-content-skeleton,
body.halk-bank .calendar .fc-basicWeek-view .fc-content-skeleton {
    padding: 0
}

body.halk-bank .calendar .fc-basicDay-view .fc-head {
    display: none
}

body.halk-bank .calendar .fc-day-grid-event {
    border: 0;
    border-bottom: 1px solid #e9e9e9;
    margin: 0;
    padding: 15px 25px;
    color: #4b4b4b;
    font-size: 1em;
    background: #fff;
    border-radius: 0
}

body.halk-bank .calendar .fc-event .fc-content {
    line-height: 24px;
    display: table;
    width: 100%
}

body.halk-bank .calendar .fc-event .fc-content .fc-amount,
body.halk-bank .calendar .fc-event .fc-content .fc-time {
    display: table-cell;
    zoom: 1;
    width: 55px;
    font-weight: 400;
    vertical-align: top
}

body.halk-bank .calendar .fc-event .fc-content .fc-amount .fa,
body.halk-bank .calendar .fc-event .fc-content .fc-time .fa {
    margin: 0 8px 0 1px;
    color: #b2b2b2
}

body.halk-bank .calendar .fc-event .fc-content .fc-amount {
    padding-left: 10px
}

body.halk-bank .calendar .fc-event .fc-content .fc-amount span {
    padding-top: 0;
    font-weight: 700
}

body.halk-bank .calendar .fc-event .fc-content .fc-amount span strong {
    font-size: 9px;
    color: #474747;
    position: relative;
    top: -2px
}

body.halk-bank .calendar .fc-event .fc-content .fc-title {
    padding-left: 10px;
    white-space: normal;
    word-break: break-all;
    display: table-cell;
    vertical-align: middle;
    zoom: 1
}

body.halk-bank .calendar .fc-event .fc-content .buttons {
    display: table-cell;
    zoom: 1;
    padding-left: 30px;
    vertical-align: top
}

body.halk-bank .calendar .fc-event .fc-content .buttons .btn.circle {
    line-height: 22px;
    background: 0 0;
    border-radius: 0;
    border: 0;
    width: 17px;
    height: 17px;
    box-shadow: none;
    font-size: 19px;
    display: inline-block;
    color: #adadad
}

body.halk-bank .calendar .fc-event .fc-content .buttons .btn.circle:hover {
    color: #1ab0e8
}

body.halk-bank .calendar .fc-event .fc-content .buttons .btn.circle .fa {
    position: relative;
    top: -2px
}

body.halk-bank .calendar .fc-event .fc-content .buttons .btn.circle+.btn.circle {
    background: url(../img/edit-favorites.png) center top no-repeat;
    font-size: 0;
    margin-left: 10px
}

body.halk-bank .calendar .fc-event .fc-content .buttons .btn.circle+.btn.circle:hover {
    background-position: center bottom
}

body.halk-bank .calendar .fc-content-skeleton table,
body.halk-bank .calendar .fc-content-skeleton table>tbody,
body.halk-bank .calendar .fc-content-skeleton table>tbody>tr,
body.halk-bank .calendar .fc-content-skeleton table>tbody>tr td {
    display: block
}

body.halk-bank .calendar .fc-content-skeleton table>tbody>tr td {
    display: none
}

body.halk-bank .calendar .fc-content-skeleton table>tbody>tr td.active {
    display: block
}

body.halk-bank .calendar .fc-unthemed .fc-today {
    background: 0 0
}

body.halk-bank .calendar .slimScrollBar {
    margin: 0 !important
}

body.halk-bank .calendar #calendarView {
    height: 315px
}

body.halk-bank .calendar #calendarView .calendarListHeader {
    height: 45px;
    border-bottom: 1px solid #e6e8f0;
    padding-top: 16px;
    display: table;
    width: 100%
}

body.halk-bank .calendar #calendarView .calendarListHeader>div {
    display: table-row
}

body.halk-bank .calendar #calendarView .calendarListHeader .calendarDate {
    width: 98px;
    text-align: center;
    font-size: 12px;
    color: #474747;
    display: table-cell
}

body.halk-bank .calendar #calendarView .calendarListHeader .calendarDetail {
    display: table-cell;
    line-height: 15px;
    padding: 0 100px 0 33px
}

body.halk-bank .calendar #calendarView .calendarListHeader .calendarDetail .pull-right {
    color: #ff700f
}

body.halk-bank .calendar #calendarView .calendarList {
    max-height: 265px;
    overflow-y: auto;
    width: 100%
}

body.halk-bank .calendar #calendarView .calendarList>div {
    display: table;
    width: 100%;
    table-layout: fixed
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem {
    display: table-row
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem:first-child .calendarDate,
body.halk-bank .calendar #calendarView .calendarList .calendarItem:first-child .calendarDetail {
    padding-top: 16px
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDate,
body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail {
    display: table-cell
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDate {
    width: 98px;
    text-align: center;
    font-size: 9px;
    color: #474747;
    padding-top: 10px
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDate b {
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    display: block
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail {
    border-left: 1px solid #e6e8f0;
    padding: 10px 24px 0 33px;
    position: relative;
    width: 100%
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #3e4152;
    background-color: #f2f2f2;
    left: -4px
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul {
    margin: 0;
    padding: 0
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li {
    background-color: #f2f2f2;
    border-radius: 3px;
    height: 37px;
    border: 1px solid #c5c6cb;
    padding: 9px 13px 9px 19px;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 6px;
    color: #474747;
    letter-spacing: .02em
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li:after {
    content: '';
    display: block;
    clear: both
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li .fa {
    float: right;
    opacity: .55;
    color: #474747;
    font-size: 18px;
    cursor: pointer
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li .fa:hover {
    opacity: 1
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li span {
    font-weight: 400;
    color: #3e4152;
    margin-right: 0;
    max-width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li b.amount {
    float: right;
    margin-right: 11px
}

body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li u {
    font-size: 9px;
    text-decoration: none;
    line-height: 1;
    margin-left: 4px
}

body.halk-bank .smart-form .col {
    padding-left: 15px
}

body.halk-bank .smart-form .col.col-7 {
    width: 58.33333333%
}

@media (min-width:768px) {
    body.halk-bank #calendar-modal .modal-dialog {
        width: 500px
    }
}

body.halk-bank #calendar-modal .smart-form fieldset {
    padding-left: 0
}

body.halk-bank #calendar-modal .smart-form .icon-prepend {
    margin: 0;
    top: 0;
    line-height: 34px;
    height: 34px;
    color: #4a555b
}

body.halk-bank #calendar-modal .smart-form .row {
    margin-bottom: 12px
}

body.halk-bank #calendar-modal .smart-form hr {
    border-top-color: #e9e9e9;
    margin: 0 -26px 12px
}

body.halk-bank #calendar-modal .smart-form hr+.row .row {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 0
}

body.halk-bank #calendar-modal .smart-form hr+.row .row .col {
    padding-left: 5px;
    padding-right: 5px
}

body.halk-bank #calendar-modal .smart-form .textarea textarea {
    height: 126px;
    color: #1a6fb4
}

body.halk-bank #calendar-modal .smart-form .text-muted {
    padding-bottom: 5px
}

body.halk-bank #calendar-modal .smart-form .select2-container {
    width: 100% !important
}

body.halk-bank .clockpicker-popover {
    z-index: 1050
}

body.halk-bank .loginContainer.pad {
    padding: 18px 45px 37px
}

body.halk-bank .loginContainer.pad.pl-30 {
    padding-left: 30px;
    padding-right: 30px
}

body.halk-bank .tabs-left.credit-cards.list_active>.tab-content {
    margin-left: 0
}

body.halk-bank .tabs-left.credit-cards.list_active .limits,
body.halk-bank .tabs-left.credit-cards.list_active .limits+.row {
    display: none
}

body.halk-bank .tabs-left.credit-cards .credit-cards-table {
    margin-bottom: 40px
}

body.halk-bank .tabs-left.credit-cards>.tab-content {
    border: 0;
    padding: 0;
    box-shadow: none;
    margin-left: 222px;
    border-radius: 0;
    overflow: hidden
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs,
body.halk-bank .tabs-left.credit-cards>.nav-tabs {
    background: 0 0;
    border-bottom: 0
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li {
    margin-bottom: 0
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li a,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li a {
    font-size: 0;
    margin: 0;
    line-height: 1.4;
    text-align: left;
    font-weight: 400;
    width: auto;
    background: 0 0;
    border: 0 !important
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li a div.cardContainerDivClass,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li a div.cardContainerDivClass {
    border: 4px solid transparent !important;
    border-radius: 10px
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li a .text,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li a .text {
    font-size: 11.5px;
    color: #fff;
    position: absolute;
    display: block;
    left: 23px;
    bottom: 17px;
    text-shadow: 1px 1px 2px #000
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li a .text .no,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li a .text .no {
    display: block
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li a i.fa,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li a i.fa {
    display: none;
    font-size: 14px;
    line-height: 30px;
    width: 16px;
    text-align: center;
    color: #fff;
    background: #ff802a;
    border-radius: 0 30px 30px 0
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li.active a,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li.active a {
    width: auto
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li.active a div.cardContainerDivClass,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li.active a div.cardContainerDivClass {
    border-color: #ff802a !important
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li.active a i.fa,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li.active a i.fa {
    display: inline-block;
    position: relative;
    margin-top: 39px;
    left: 191px
}

body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs>li+li,
body.halk-bank .tabs-left.credit-cards>.nav-tabs>li+li {
    margin-top: 0
}

body.halk-bank .tabs-left.credit-cards .limits h3 {
    font-size: 1.9230769230769231em;
    margin: 0 10px 10px;
    font-weight: 400
}

body.halk-bank .tabs-left.credit-cards .limits h3.blue {
    color: #4190b3
}

body.halk-bank .tabs-left.credit-cards .limits h3.orange {
    color: #ff700f
}

body.halk-bank .tabs-left.credit-cards .limits h3 span {
    color: #999;
    font-size: .9230769230769231em;
    display: block
}

body.halk-bank .tabs-left.credit-cards .limits .pull-right {
    text-align: right
}

body.halk-bank .tabs-left.credit-cards .limits .bar {
    border-radius: 7px;
    height: 14px;
    background: #ff802a
}

body.halk-bank .tabs-left.credit-cards .limits .bar .fill-bg {
    width: 0;
    height: 100%;
    background: #1a6fb4;
    border-radius: 7px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

body.halk-bank .tabs-left.credit-cards .limits+.row {
    margin-bottom: 35px
}

body.halk-bank .tabs-left.credit-cards .campaigns {
    color: #333
}

body.halk-bank .tabs-left.credit-cards .campaigns h3 {
    font-size: .9230769230769231em;
    font-weight: 400;
    margin: 0 0 10px
}

body.halk-bank .tabs-left.credit-cards .campaigns ul li {
    font-size: .9230769230769231em
}

body.halk-bank .tabs-left.credit-cards .campaigns ul li .fa {
    margin: 0 4px 0 3px;
    color: #ff802a
}

body.halk-bank .tabs-left.credit-cards .campaigns ul li+li {
    margin-top: 6px
}

body.halk-bank .tabs-left.credit-cards .campaigns .slimScrollDiv {
    position: relative !important
}

body.halk-bank .tabs-left.credit-cards .campaigns .slimScrollDiv .slimScrollBar {
    margin-top: 0;
    margin-right: 0;
    background: 0 0 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    width: 4px !important;
    right: 7px !important
}

body.halk-bank .tabs-left.credit-cards .campaigns .slimScrollDiv .slimScrollBar:after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 3px;
    width: 100%;
    background-color: #dbddde !important;
    border-radius: 4px
}

body.halk-bank .tabs-left.credit-cards .details .horizontal-align {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px
}

body.halk-bank .tabs-left.credit-cards .details .horizontal-align+.horizontal-align {
    margin-top: 20px
}

body.halk-bank .tabs-left.credit-cards .details .cell {
    font-size: .9230769230769231em;
    color: #333
}

body.halk-bank .tabs-left.credit-cards .details .cell b {
    font-weight: 400;
    color: #333;
    font-size: 1.3076923076923077em;
    display: inline-block;
    width: 100%
}

body.halk-bank .tabs-left.credit-cards .details .cell b.blue {
    color: #1a6fb4;
    font-size: 1.2307692307692308em
}

body.halk-bank .tabs-left.credit-cards .details .cell b.red {
    color: #f15454
}

body.halk-bank .tabs-left.credit-cards .details .cell.v-t b {
    font-size: .9230769230769231em
}

body.halk-bank .tabs-left.credit-cards .details .cell+.cell {
    padding-left: 15px
}

body.halk-bank .tabs-left.credit-cards .swiper-container {
    height: 630px;
    width: 211px;
    overflow: hidden
}

body.halk-bank .tabs-left.credit-cards .swiper-buttons {
    width: 187px;
    margin: 4px;
    float: left;
    clear: left;
    background: #f3f3f3;
    border: 1px solid #d1d1d1
}

body.halk-bank .tabs-left.credit-cards .swiper-buttons .button-next,
body.halk-bank .tabs-left.credit-cards .swiper-buttons .button-prev {
    float: left;
    width: 50%;
    text-align: center;
    color: #aeadad;
    cursor: pointer
}

body.halk-bank .tabs-left.credit-cards .swiper-buttons .button-next {
    border-left: 1px solid #d1d1d1
}

body.halk-bank .tabs .nav-tabs {
    position: relative
}

body.halk-bank .tabs .swipe {
    position: absolute;
    right: 25px;
    bottom: 10px;
    z-index: 1
}

body.halk-bank .tabs.grey {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: none
}

body.halk-bank .tabs.grey .nav-tabs {
    padding: 7px 22px 0;
    background: #f4f4f4;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f4f4), color-stop(1, #fdfdfd));
    background: -ms-linear-gradient(bottom, #f4f4f4, #fdfdfd);
    background: -moz-linear-gradient(center bottom, #f4f4f4 0, #fdfdfd 100%);
    background: -o-linear-gradient(#fdfdfd, #f4f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f4f4f4', GradientType=0)
}

body.halk-bank .tabs.grey .nav-tabs li {
    float: none;
    display: inline-block;
    width: auto
}

body.halk-bank .tabs.grey .nav-tabs li a {
    border-radius: 3px 3px 0 0;
    line-height: 30px;
    color: #798992;
    font-size: .9230769230769231em;
    padding: 0 15px;
    border: 1px solid transparent !important;
    border-bottom-color: #e2e2e2 !important;
    background: 0 0
}

body.halk-bank .tabs.grey .nav-tabs li a:hover {
    color: #ff802a;
    background: 0 0;
    cursor: pointer
}

body.halk-bank .tabs.grey .nav-tabs li.active {
    width: auto
}

body.halk-bank .tabs.grey .nav-tabs li.active a {
    font-size: .9230769230769231em;
    border: 1px solid #e2e2e2 !important;
    background: #fff;
    border-bottom-color: #fff !important;
    color: #ff802a
}

body.halk-bank .tabs.grey .tab-content {
    border-top: 1px solid #e2e2e2;
    margin-top: -1px
}

body.halk-bank .total-bar {
    border-top: 1px solid #f2f2f2;
    padding: 15px 10px 0;
    font-size: 1em;
    color: #798992
}

body.halk-bank .table.table-striped tbody tr+tr td,
body.halk-bank .table.table-striped-rev tbody tr+tr td {
    border-top: 0 !important
}

body.halk-bank .total-bar .red {
    color: #e62020;
    font-weight: 400
}

body.halk-bank .table {
    margin-top: 10px !important;
    border-collapse: separate
}

body.halk-bank .table .orange {
    color: #f58c17
}

body.halk-bank .table .red {
    color: #ff503f
}

body.halk-bank .table .green {
    color: #1fbf89
}

body.halk-bank .table.table-striped tbody tr:nth-of-type(odd) {
    background: #ececec
}

body.halk-bank .table.table-striped-rev tbody tr:nth-of-type(odd) {
    background: #fff
}

body.halk-bank .table.table-striped-rev tbody tr:nth-of-type(even) {
    background: #ececec
}

body.halk-bank .table.hide-header thead {
    display: none
}

body.halk-bank .table.table-striped-nohead {
    border-color: #e1e4e9
}

body.halk-bank .table.table-striped-nohead tbody tr:nth-of-type(odd) {
    background: 0 0
}

body.halk-bank .table.table-striped-nohead tbody tr:nth-of-type(even) {
    background: #fcfcfc
}

body.halk-bank .table.table-striped-nohead tbody tr+tr td {
    border-top: 0 !important
}

body.halk-bank .table.first-30 tr td:first-child {
    width: 30%
}

body.halk-bank .table tbody>tr>td,
body.halk-bank .table tbody>tr>th,
body.halk-bank .table tfoot>tr>td,
body.halk-bank .table tfoot>tr>th,
body.halk-bank .table thead>tr>td,
body.halk-bank .table thead>tr>th {
    border-top: 0
}

body.halk-bank .table thead tr {
    background: #f4f3f4;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f3f4), color-stop(1, #fefdfe));
    background: -ms-linear-gradient(bottom, #f4f3f4, #fefdfe);
    background: -moz-linear-gradient(center bottom, #f4f3f4 0, #fefdfe 100%);
    background: -o-linear-gradient(#fefdfe, #f4f3f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdfe', endColorstr='#f4f3f4', GradientType=0);
    border: 1px solid #e2e2e2
}

body.halk-bank .table thead tr th {
    vertical-align: middle;
    font-weight: 400;
    padding: 0 5px !important;
    height: 38px;
    position: relative;
    border: 1px solid #e2e2e2 !important;
    border-width: 1px 0 1px 1px !important
}

body.halk-bank .table thead tr th+th {
    border-left-width: 0 !important
}

body.halk-bank .table thead tr th:last-child {
    border-right-width: 1px !important
}

body.halk-bank .table thead .sorting,
body.halk-bank .table thead .sorting_asc,
body.halk-bank .table thead .sorting_desc {
    background-color: transparent;
    background-image: none;
    padding-right: 26px !important
}

body.halk-bank .table thead .sorting:after,
body.halk-bank .table thead .sorting_asc:after,
body.halk-bank .table thead .sorting_desc:after {
    margin-left: 8px;
    margin-right: -16px;
    color: #333;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.halk-bank .table thead .sorting {
    background: 0 0
}

body.halk-bank .table thead .sorting:after {
    color: #bababa
}

body.halk-bank .table thead .sorting_desc:after {
    content: "\f106"
}

body.halk-bank .table tbody td {
    color: #444;
    padding: 5px;
    font-size: 13px;
    letter-spacing: -.01em;
    font-weight: 400
}

body.halk-bank .table tbody td.f-m {
    color: #333
}

body.halk-bank .table tbody td.colorOrange {
    color: #ff7a20
}

body.halk-bank .table tbody tr:first-child td {
    border-top: 1px solid #fff
}

body.halk-bank .table tbody td.text-center .icons {
    margin-left: 0
}

body.halk-bank .table tbody .icons {
    margin-left: 10px
}

body.halk-bank .table tbody .icons.icon-list-style {
    margin: 0 5px 0 0
}

body.halk-bank .table.slim-table thead tr th {
    font-weight: 400;
    padding: 0 2px !important;
    font-size: 12px
}

body.halk-bank .table.slim-table tbody tr td {
    font-weight: 400;
    padding: 5px 2px !important;
    font-size: 12px
}

body.halk-bank .table.slim-table tbody tr .icons {
    margin-left: 5px
}

body.halk-bank .table.table-radius {
    border-radius: 5px
}

body.halk-bank .table.table-radius thead th:first-child {
    border-top-left-radius: 5px
}

body.halk-bank .table.table-radius thead th:last-child {
    border-top-right-radius: 5px
}

body.halk-bank .table.table-radius tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px
}

body.halk-bank .table.table-radius tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px
}

body.halk-bank .table.table-td-vm td,
body.halk-bank .table.table-td-vm th {
    vertical-align: middle;
    letter-spacing: -.01em
}

body.halk-bank .table.table-td-vm td label.checkbox,
body.halk-bank .table.table-td-vm td label.radio,
body.halk-bank .table.table-td-vm th label.checkbox,
body.halk-bank .table.table-td-vm th label.radio {
    color: #444;
    font-size: 13px;
    line-height: 14px;
    min-height: inherit;
    position: relative;
    top: -3px;
    font-weight: 400
}

body.halk-bank .table.table-td-vm td label.checkbox i,
body.halk-bank .table.table-td-vm td label.checkbox input,
body.halk-bank .table.table-td-vm td label.radio i,
body.halk-bank .table.table-td-vm td label.radio input,
body.halk-bank .table.table-td-vm th label.checkbox i,
body.halk-bank .table.table-td-vm th label.checkbox input,
body.halk-bank .table.table-td-vm th label.radio i,
body.halk-bank .table.table-td-vm th label.radio input {
    top: -1px !important
}

body.halk-bank .table.table-td-vm td label.checkbox input[type=checkbox],
body.halk-bank .table.table-td-vm td label.checkbox input[type=radio],
body.halk-bank .table.table-td-vm td label.radio input[type=checkbox],
body.halk-bank .table.table-td-vm td label.radio input[type=radio],
body.halk-bank .table.table-td-vm th label.checkbox input[type=checkbox],
body.halk-bank .table.table-td-vm th label.checkbox input[type=radio],
body.halk-bank .table.table-td-vm th label.radio input[type=checkbox],
body.halk-bank .table.table-td-vm th label.radio input[type=radio] {
    width: 0
}

body.halk-bank .table.table-border {
    border-color: #0bbbef !important;
    border: 1px solid #f0f0f0
}

body.halk-bank .table.table-border thead tr {
    border: 0;
    background: 0 0
}

body.halk-bank .table.table-border thead tr th {
    border: 0 !important;
    border-bottom: 1px solid #ff700f;
    letter-spacing: -.01em;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    border-bottom-color: transparent !important;
    background: #ebebeb;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #ebebeb, #fff);
    background: -moz-linear-gradient(center bottom, #ebebeb 0, #fff 100%);
    background: -o-linear-gradient(#fff, #ebebeb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0)
}

body.halk-bank .table.table-border tbody tr:first-child td {
    border-top: 0
}

body.halk-bank .table.table-border tbody tr td.blue-payment-button .btn {
    color: #fff !important;
    background: #fa761f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fa761f), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #fa761f, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #fa761f 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #fa761f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#fa761f', GradientType=0);
    border: 0;
    line-height: 27px
}

body.halk-bank .table tr.details td,
body.halk-bank .table tr.details td[rowspan] {
    border-bottom: 10px solid #fff
}

body.halk-bank .table.table-border tbody tr+tr td {
    border-top: 1px solid #f0f0f0
}

body.halk-bank .table.table-border tbody td.group-item-expander {
    height: 45px;
    background: url(../img/bread-grad.png) 0 100% repeat-x #fefefe;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px !important;
    line-height: 30px;
    font-weight: 500;
    cursor: pointer
}

body.halk-bank .table.table-border tbody td.group-item-expander:before {
    margin-top: -3px
}

body.halk-bank .table.f-13 tbody td {
    font-size: 13px
}

body.halk-bank .table tr.selected {
    background: 0 0
}

body.halk-bank .table tr.selected td {
    color: #fff;
    background: #f68e4f !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f68e4f), color-stop(1, #faad5b)) !important;
    background: -ms-linear-gradient(bottom, #f68e4f, #faad5b) !important;
    background: -moz-linear-gradient(center bottom, #f68e4f 0, #faad5b 100%) !important;
    background: -o-linear-gradient(#faad5b, #f68e4f) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad5b', endColorstr='#f68e4f', GradientType=0) !important
}

body.halk-bank .table tr.selected td .radio {
    color: #444
}

body.halk-bank .table tr.selected td .radio i {
    box-shadow: none !important;
    background: #fff;
    text-align: center;
    line-height: 19px;
    text-indent: 1px;
    font-size: 11px
}

body.halk-bank .table tr.selected td .radio i:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fd881d
}

body.halk-bank .table tr.selected td .radio i:after {
    display: none
}

body.halk-bank .table tr.head {
    background: #fff
}

body.halk-bank .table tr.head h4 {
    color: #fd881d;
    font-size: 1.0769230769230769em;
    font-weight: 400
}

body.halk-bank .table tr.details {
    background: #f6f6f6
}

body.halk-bank .table tr.details td:first-child {
    border-left: 10px solid #fff
}

body.halk-bank .table tr.details td:last-child {
    border-right: 10px solid #fff
}

body.halk-bank .table tr.details+.details td {
    border-bottom: 10px solid #fff;
    padding-top: 0
}

body.halk-bank .table tr.details+.details td:last-child {
    border-right: 0
}

body.halk-bank .table.details-2r tr.head+tr.details td {
    border-bottom: 0
}

body.halk-bank .table.details-2r tr.head+tr.details td[rowspan] {
    border-bottom: 10px solid #fff
}

body.halk-bank .table.has-columns-hidden>tbody>tr>td.expand .expandItem {
    display: block;
    position: relative;
    z-index: 1;
    padding-left: 25px
}

body.halk-bank .table.has-columns-hidden>tbody>tr>td>span.responsiveExpander {
    font-weight: 700;
    color: #fff;
    font-size: 1.2307692307692308em;
    text-align: center;
    line-height: 17px;
    background: #1a6fb4;
    width: 20px;
    height: 20px;
    padding: 0;
    display: block;
    vertical-align: middle;
    margin-right: 6px;
    float: left;
    position: absolute;
    z-index: 2
}

body.halk-bank .table.has-columns-hidden>tbody>tr>td>span.responsiveExpander+.radio {
    top: 0;
    margin-top: 0;
    width: 88%
}

body.halk-bank .table.has-columns-hidden>tbody>tr>td>span.responsiveExpander:before {
    content: '+'
}

body.halk-bank .table td.expand .expandItem .checkbox {
    top: 6px;
    left: 8px
}

@media screen and (max-width:375px) {
    body.halk-bank .table.has-columns-hidden>tbody>tr>td>span.responsiveExpander+.radio {
        width: 85%
    }
}

@media screen and (max-width:320px) {
    body.halk-bank .table.has-columns-hidden>tbody>tr>td>span.responsiveExpander+.radio {
        width: 80%
    }
}

body.halk-bank .table.has-columns-hidden>tbody>tr.detail-show {
    background: #e5f0fb !important
}

body.halk-bank .table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander:before {
    content: '-'
}

body.halk-bank .table.has-columns-hidden>tbody>tr.row-detail ul {
    padding: 0 10px 0 30px;
    display: table
}

body.halk-bank .table.has-columns-hidden>tbody>tr.row-detail ul li {
    display: table-row;
    font-size: 0;
    text-align: left !important
}

body.halk-bank .table.has-columns-hidden>tbody>tr.row-detail ul li>span {
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    zoom: 1;
    padding: 3px 0
}

body.halk-bank .table.has-columns-hidden>tbody>tr.row-detail .columnValue {
    text-align: left;
    padding-left: 35px;
    color: #333
}

body.halk-bank .table.has-columns-hidden>tbody>tr.row-detail .columnTitle {
    color: #333
}

body.halk-bank .table.has-columns-hidden>tbody>tr.row-detail>td {
    border-bottom: 1px solid #ccc
}

body.halk-bank .table td.group,
body.halk-bank .table td.subgroup {
    font-size: 1.0769230769230769em;
    color: #fd881d
}

body.halk-bank .table td.group:before,
body.halk-bank .table td.subgroup:before {
    content: '+';
    font-size: 1.3076923076923077em;
    color: #a5afb4;
    font-weight: 700;
    width: 22px;
    height: 22px;
    line-height: 16px;
    text-align: center;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dad9d9;
    border-radius: 50%;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(100%, #f4f3f3));
    background: -webkit-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: -o-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: linear-gradient(to bottom, #fdfdfd 0, #f4f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f4f3f3', GradientType=0)
}

body.halk-bank .table td.group.expanded-group:before,
body.halk-bank .table td.subgroup.expanded-group:before {
    content: '-'
}

body.halk-bank .table td.subgroup {
    padding-left: 42px
}

body.halk-bank .table a {
    color: #798992;
    font-size: 1em
}

body.halk-bank .table .fa-file-excel-o,
body.halk-bank .table .fa-file-text-o {
    font-size: 1.1em
}

body.halk-bank .table label.checkbox,
body.halk-bank .table label.radio {
    font-weight: 400;
    font-size: 1em
}

body.halk-bank .dataTables_scrollHeadInner {
    background: #ebebeb;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #ebebeb, #fff);
    background: -moz-linear-gradient(center bottom, #ebebeb 0, #fff 100%);
    background: -o-linear-gradient(#fff, #ebebeb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden
}

body.halk-bank .dataTables_scrollHeadInner .table-border thead tr th {
    background: 0 0;
    filter: none
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list {
    padding: 0 !important;
    height: 312px !important;
    max-height: none !important;
    overflow: auto
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table {
    border: 0;
    margin: 0 !important;
    color: #474747
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table tr {
    background: 0 0 !important
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table tr:first-child td {
    border-top: 1px solid #fff !important
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table td {
    background: #fff;
    height: 63px;
    padding-top: 12px;
    border-bottom: 1px solid #e6e8f0 !important;
    border-top: 0;
    text-align: center;
    vertical-align: middle
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table td:not(.pay-options)>span {
    color: rgba(62, 65, 82, .8);
    font-size: 12px;
    font-weight: 400;
    display: block
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table td:not(.pay-options)>span:first-child {
    color: #474747;
    font-weight: 700;
    font-size: 16px
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table td.pay-options {
    vertical-align: middle;
    text-align: right;
    padding: 0 24px 0 0;
    width: 110px
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table td.pay-options .financial-market-info {
    width: 40px;
    border-radius: 3px
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table td:first-child+td {
    width: 130px
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table th {
    background: #f8f9fd;
    height: 25px;
    font-size: 12px;
    vertical-align: middle;
    border: 0 !important;
    padding-top: 3px !important
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table th:last-child {
    text-align: right;
    color: #474747;
    font-weight: 700;
    font-size: 12px;
    padding-right: 16px !important
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table th:last-child span:first-child {
    font-size: 11px;
    font-weight: 400;
    margin-right: 48px
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table th:last-child i {
    font-size: 9px;
    line-height: 1;
    font-style: normal;
    position: relative;
    top: -2px;
    margin-left: 2px;
    display: inline-block
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table td:first-child,
body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list .table th:first-child {
    padding-left: 29px !important;
    width: 180px;
    text-align: left
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list>.portfolio>strong {
    font-weight: 700;
    color: #257fe5;
    font-size: 14px;
    padding-left: 29px;
    display: block;
    padding-top: 17px;
    height: 47px
}

body.halk-bank .dataTables_scroll .dataTables_scrollBody thead .sorting:after,
body.halk-bank .dataTables_scroll .dataTables_scrollBody thead .sorting_asc:after,
body.halk-bank .dataTables_scroll .dataTables_scrollBody thead .sorting_desc:after,
body.halk-bank .dt-toolbar {
    display: none
}

body.halk-bank .acc vb-main-page-portfolio-list-grid section.portfolio-list>.portfolio>strong+table {
    margin-top: 0 !important
}

body.halk-bank .selectable-table thead th:first-child {
    padding-left: 32px !important
}

body.halk-bank .dataTables_wrappper.form-inline .checkbox input[type=checkbox],
body.halk-bank .dataTables_wrappper.form-inline .radio input[type=radio] {
    position: absolute !important
}

body.halk-bank .dt-toolbar-footer {
    margin-bottom: 0;
    box-shadow: none;
    border: 0;
    background: 0 0;
    padding: 0
}

body.halk-bank .dt-toolbar-footer .dataTables_paginate {
    border-top: 1px solid #ccc;
    padding: 5px 10px;
    background: #fafafa;
    float: none;
    overflow: auto
}

body.halk-bank .dataTables_scroll {
    position: relative
}

body.halk-bank .dataTables_scroll tbody td:last-child,
body.halk-bank .dataTables_scroll thead th:last-child {
    padding-right: 20px !important
}

body.halk-bank .dataTables_scroll .dataTables_scrollBody,
body.halk-bank .dataTables_scroll .dataTables_scrollHead,
body.halk-bank .dataTables_scroll+.dt-toolbar-footer {
    float: none
}

body.halk-bank .dataTables_scroll .dataTables_scrollBody table.table {
    margin-top: 0 !important;
    border-top: 0
}

body.halk-bank .dataTables_scroll .dataTables_scrollBody table.table thead tr th {
    border-bottom: 0 !important
}

body.halk-bank .dataTables_scroll .dataTables_scrollBody table.table-radius {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body.halk-bank .dataTables_scroll .dataTables_scrollHead {
    background: 0 0
}

body.halk-bank .dataTables_scroll .dataTables_scrollHead table.table {
    margin-top: 0 !important;
    border-bottom: 0;
    width: inherit !important
}

body.halk-bank .dataTables_scroll .dataTables_scrollHead table.table-radius {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

body.halk-bank .dataTables_scroll .dataTables_scrollHeadInner {
    width: 100% !important
}

body.halk-bank .dataTables_scroll .slimScrollDiv {
    position: relative !important
}

body.halk-bank .dataTables_scroll .slimScrollDiv .slimScrollBar {
    margin-top: 0 !important;
    margin-right: 0 !important
}

body.halk-bank .dataTables_scroll .slimScrollDiv .slimScrollRail {
    width: 8px !important;
    opacity: 1 !important;
    background: #ccc !important;
    top: 1px !important;
    bottom: 2px !important;
    right: 3px !important;
    border: 1px solid #acacac;
    border-right-color: #9b9b9b
}

body.halk-bank .dataTables_scroll .slimScrollDivH,
body.halk-bank .dataTables_scroll .slimScrollDivH .horizontal-scroll {
    width: 100% !important
}

body.halk-bank .dataTables_scroll .slimScrollDivH .slimScrollRailH {
    display: none !important
}

body.halk-bank .dataTables_scroll .slimScrollDivH .slimScrollBarH {
    height: 8px !important;
    opacity: 1 !important;
    margin-bottom: 3px;
    bottom: 0;
    top: auto !important;
    z-index: 3 !important;
    background: 0 0 !important;
    display: none !important
}

body.halk-bank .dataTables_scroll .slimScrollDivH .slimScrollBarH:after {
    content: ' ';
    display: block;
    background-color: #747474 !important;
    border-radius: 4px;
    position: absolute;
    height: 5px;
    bottom: 0;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    left: 0;
    right: 0;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: ease-in;
    cursor: pointer
}

body.halk-bank .dataTables_scroll .slimScrollDivH .slimScrollBarH[style*="display: none;"]+.slimScrollRailH {
    display: none !important
}

body.halk-bank .slimScrollBarH,
body.halk-bank .slimScrollRailH {
    top: auto !important;
    bottom: 2px !important
}

body.halk-bank .tabs .toggle.pull-top {
    margin-top: -35px
}

body.halk-bank .tabs h4 {
    color: #fb992c;
    font-size: 1em;
    margin: 0;
    font-weight: 400
}

body.halk-bank .graph_view .highcharts-legend-item {
    width: 350px
}

body.halk-bank .graph_view .highcharts-legend-item>span {
    width: 100%;
    display: block
}

body.halk-bank .all-cards .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.halk-bank .all-cards .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none
}

body.halk-bank .graph_view .name,
body.halk-bank .graph_view .val {
    font-weight: 400;
    font-size: 1em;
    font-family: Roboto;
    width: 50%;
    float: left;
    border: 1px solid #dbe0e2;
    line-height: 30px;
    padding: 0 14px
}

body.halk-bank .graph_view .name {
    color: #fff;
    border-right: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

body.halk-bank .graph_view .val {
    color: #7c8990;
    border-left: 0
}

body.halk-bank .graph_view .val span {
    float: left
}

body.halk-bank .graph_view .val span+span {
    float: right
}

body.halk-bank .all-cards {
    float: left
}

body.halk-bank .all-cards .select {
    width: 195px;
    margin: 0 auto
}

body.halk-bank .all-cards .select2-container--default .select2-selection--single {
    height: 32px;
    min-height: 32px;
    border: 1px solid #dad9d9;
    background: #f4f3f3;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f3f3), color-stop(1, #fefefe));
    background: -ms-linear-gradient(bottom, #f4f3f3, #fefefe);
    background: -moz-linear-gradient(center bottom, #f4f3f3 0, #fefefe 100%);
    background: -o-linear-gradient(#fefefe, #f4f3f3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f4f3f3', GradientType=0)
}

body.halk-bank .all-cards .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    padding-left: 12px
}

body.halk-bank .all-cards .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: 0 0 !important;
    line-height: 30px;
    height: 30px;
    text-align: center
}

body.halk-bank .all-cards .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.halk-bank .all-cards .select2-container--default.select2-container--open .select2-selection__arrow:before {
    content: "\f106"
}

body.halk-bank .smart-form .input input,
body.halk-bank .smart-form .select select,
body.halk-bank .smart-form .textarea textarea {
    font-family: Roboto;
    font-weight: 400;
    color: #666
}

body.halk-bank .modal-backdrop {
    height: 100% !important;
    z-index: 1040
}

body.halk-bank .modal-backdrop+.modal-dialog {
    z-index: 1050
}

body.halk-bank .select2-container .select2-dropdown {
    z-index: 1010
}

body.halk-bank.modal-open .content-pane {
    z-index: 1040 !important
}

body.halk-bank.modal-open #header {
    z-index: 1030 !important
}

body.halk-bank.modal-open .select2-container .select2-dropdown {
    z-index: 1060
}

body.halk-bank.modal-open.header-modal .content-pane {
    z-index: 1030 !important
}

body.halk-bank.modal-open.header-modal #header {
    z-index: 1040 !important
}

body.halk-bank .modal.birthday-modal .modal-body {
    background: 0 0
}

body.halk-bank .modal .modal-content {
    background: #fff;
    box-shadow: 0 0 14px 0 rgba(188, 178, 178, .46) inset;
    border: 2px solid #0bbbef;
    border-radius: 8px
}

body.halk-bank .modal .modal-content .popover {
    max-width: 100%;
    position: relative
}

body.halk-bank .modal .modal-header {
    position: relative;
    z-index: 1;
    background: 0 0;
    color: #fff;
    padding: 29px 50px 14px;
    border: 0
}

body.halk-bank .modal .modal-header .modal-title {
    font-size: 1.3846153846153846em;
    margin: 0;
    font-weight: 500;
    color: #474747;
    text-align: center
}

body.halk-bank .modal .modal-header .modal-close {
    position: absolute;
    width: 17px;
    height: 17px;
    background: url(../img/modal-close.png) no-repeat;
    background-size: 100% auto;
    top: 31px;
    right: 30px;
    font-size: 0
}

body.halk-bank .modal .modal-body {
    background: 0 0;
    padding: 20px 26px
}

body.halk-bank .modal .modal-body .smart-form>div {
    margin-top: 0 !important
}

body.halk-bank .modal .modal-body .main-favorites {
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    height: 172px
}

body.halk-bank .modal .modal-body .main-favorites>.transaction-title {
    font-weight: 700;
    font-size: 14px;
    color: #474747;
    opacity: .8;
    filter: alpha(opacity=80);
    padding-left: 22px;
    padding-top: 10px;
    padding-bottom: 10px
}

body.halk-bank .modal .modal-body .main-favorites .transactions {
    height: 100%
}

body.halk-bank .modal .modal-body .main-favorites .transactions .item i {
    position: relative;
    width: 55px;
    height: 55px;
    background-image: url(../img/favori_mavi_bg.png)
}

body.halk-bank .modal .modal-body .main-favorites .transactions .item i:before {
    line-height: 55px
}

body.halk-bank .modal .modal-body .main-favorites .transactions .item i:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../img/add-remove.png) no-repeat #333;
    background-size: 100% auto;
    border-radius: 50%;
    right: -2px;
    bottom: 1px;
    z-index: 2
}

body.halk-bank .modal .modal-body .main-favorites.added .transactions {
    margin: 0;
    height: 145px
}

body.halk-bank .modal .modal-body .main-favorites.added .transactions #sortable-items {
    display: flex
}

body.halk-bank .modal .modal-body .main-favorites.added .transactions #sortable-items .no-data-text {
    display: block;
    width: 100%;
    padding: 40px 0;
    font-size: 16px
}

body.halk-bank .modal .modal-body .main-favorites.added .transactions #sortable-items .item {
    padding: 0 10px;
    width: 33.3%;
    float: left
}

body.halk-bank .modal .modal-body .main-favorites.added .transactions #sortable-items .item+.no-data-text {
    display: none
}

body.halk-bank .modal .modal-body .main-favorites.all-transactions {
    height: auto
}

body.halk-bank .modal .modal-body .main-favorites.all-transactions .transactions {
    max-height: 222px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 0;
    margin-right: 0
}

body.halk-bank .modal .modal-body .main-favorites.all-transactions .transactions .item {
    margin-bottom: 0;
    width: 20%;
    height: 120px !important
}

body.halk-bank .modal .modal-body .main-favorites.all-transactions .transactions .item i:after {
    transform: rotate(45deg)
}

body.halk-bank .modal .modal-body .btn-default,
body.halk-bank .modal .modal-body .btn-primary {
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    line-height: 20px;
    min-width: 150px;
    border-radius: 3px;
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

body.halk-bank .modal .modal-body .btn-default {
    border: 0;
    color: #333
}

body.halk-bank .modal .modal-body .btn {
    border-radius: 15px
}

@media (min-width:768px) {
    body.halk-bank .modal.blue .modal-dialog {
        width: 800px
    }
}

body.halk-bank .modal.blue .modal-dialog .modal-content {
    border-radius: 5px;
    background: #1262a2;
    padding: 0 26px 26px
}

body.halk-bank .modal.blue .modal-dialog .modal-header {
    padding: 14px 0;
    background: 0 0;
    min-height: 56px
}

body.halk-bank .modal.blue .modal-dialog .modal-header .modal-title {
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 1.5384615384615385em
}

body.halk-bank .modal.blue .modal-dialog .modal-header .modal-close i {
    background: url(../img/icons.png?v=2) -62px -99px no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle
}

body.halk-bank .modal.blue .modal-dialog .modal-header .modal-close i:before {
    content: ''
}

body.halk-bank .modal.blue .modal-dialog .modal-body {
    background: url(../img/profile-photo-change-bg.png) #1a6fb4;
    padding: 22px;
    box-shadow: none
}

body.halk-bank .modal.blue .modal-dialog .modal-body .bg {
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d2dadb;
    padding: 20px
}

body.halk-bank .modal.blue .modal-dialog .modal-body .bg .parent-snap {
    margin: -20px;
    border-radius: 5px;
    overflow: hidden
}

body.halk-bank .modal.result-modal {
    font-size: 1.2307692307692308em
}

body.halk-bank .modal.result-modal .modal-dialog {
    margin-top: 80px;
    margin-bottom: 80px
}

body.halk-bank .modal.result-modal p+p {
    margin-top: 20px
}

body.halk-bank .modal.soz-sizde .bg {
    background: #f7f7f7;
    margin: -20px -26px 20px;
    padding: 20px 26px
}

body.halk-bank .modal.soz-sizde .bg .text-pane {
    padding-left: 25px;
    color: #4a555b
}

@media (min-width:768px) {

    body.halk-bank .modal.modal-form .modal-dialog,
    body.halk-bank .modal.result-modal .modal-dialog {
        width: 450px
    }

    body.halk-bank .modal.soz-sizde .modal-dialog {
        width: 680px
    }
}

body.halk-bank .modal.captcha-modal .captcha-pane {
    margin: 0 0 40px;
    padding: 0 35px
}

@media (min-width:769px) {
    body.halk-bank .modal.campaign-modal .modal-dialog {
        max-width: 600px;
        margin: 2vh auto;
        width: auto
    }
}

@media (max-width:768px) {
    body.halk-bank .modal.campaign-modal .modal-dialog {
        width: 96vw;
        margin-left: 2vw;
        margin-right: 2vw
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.halk-bank .modal.campaign-modal .modal-body {
        padding-bottom: 30px !important
    }
}

body.halk-bank .modal.campaign-modal .head {
    text-align: center;
    color: #33568b;
    font-size: 1.0769230769230769em;
    margin-bottom: 20px;
    font-weight: 400
}

body.halk-bank .modal.campaign-modal .img {
    margin: -20px -26px 10px
}

body.halk-bank .modal.campaign-modal .img img {
    display: block;
    position: relative;
    top: -1px
}

body.halk-bank .modal.campaign-modal .buttons {
    margin: 0 -22px
}

body.halk-bank .modal.campaign-modal .buttons:after {
    content: ' ';
    clear: both;
    display: block
}

body.halk-bank .modal.campaign-modal .buttons .btn {
    float: left;
    width: 32.3%;
    margin: 0 .5%;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px
}

body.halk-bank .modal.campaign-modal .conditions {
    border: 1px solid #d3d7da;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .06);
    padding: 10px;
    font-size: .9230769230769231em;
    color: #000
}

body.halk-bank .modal.campaign-modal .conditions .scroll-pane {
    max-height: 300px;
    border: 0;
    box-shadow: none
}

body.halk-bank .modal.campaign-modal .conditions .scroll-pane p {
    margin-bottom: 0;
    padding-right: 10px
}

body.halk-bank .modal.campaign-modal .conditions .scroll-pane p+p {
    margin-top: 9px
}

body.halk-bank .modal.campaign-modal .conditions .slimScrollDiv {
    padding-right: 6px
}

body.halk-bank .modal.campaign-modal .agree {
    margin: 20px 0
}

body.halk-bank .modal.expire-session-modal {
    z-index: 9999 !important
}

@media (min-width:768px) {
    body.halk-bank .modal.expire-session-modal .modal-dialog {
        width: 460px
    }
}

@media (max-width:768px) {
    body.halk-bank .modal.expire-session-modal .expire-session-modal-buttons a {
        width: 100%
    }

    body.halk-bank .modal.expire-session-modal .row>span {
        margin-top: 5px
    }
}

body.halk-bank .modal.expire-session-modal .modal-body {
    box-shadow: 0 0 14px 0 rgba(188, 178, 178, .46) inset;
    border-radius: 8px;
    border: 2px solid #0bbbef;
    padding: 30px 24px;
    font-size: .9230769230769231em;
    color: #555
}

body.halk-bank .modal.expire-session-modal .spinner {
    display: block;
    overflow: auto;
    margin-bottom: 15px
}

body.halk-bank .modal.expire-session-modal .spinner .timeOut {
    text-align: center;
    font-size: 35px;
    display: block;
    height: 108px;
    line-height: 108px;
    margin-bottom: 7px;
    position: relative;
    font-weight: 100
}

body.halk-bank .modal.expire-session-modal .spinner img {
    position: absolute;
    left: 50%;
    margin-left: -57px
}

body.halk-bank .modal.expire-session-modal .row {
    margin-top: 25px
}

body.halk-bank .modal.expire-session-modal .expire-session-modal-buttons>span .btn {
    min-width: 140px
}

body.halk-bank .modal.expire-session-modal .expire-session-modal-buttons>span:first-child .btn {
    background: #0bbbef;
    color: #000
}

body.halk-bank .modal.expire-session-modal .expire-session-modal-buttons>span:first-child+span .btn {
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain
}

@media (min-width:768px) {
    body.halk-bank .modal.seans-modal .modal-dialog {
        width: 750px
    }
}

body.halk-bank .modal .modal-backdrop.in {
    opacity: .7;
    filter: alpha(opacity=70)
}

body.halk-bank .modal.agreement-popup .modal-body {
    padding: 5px
}

body.halk-bank .modal.agreement-popup .modal-body canvas {
    max-width: 100%
}

body.halk-bank vb-favourite-transactions .modal .modal-header .modal-title .icomoon {
    margin-right: 5px;
    margin-top: 2px
}

body.halk-bank vb-favourite-transactions .modal .modal-body {
    padding-top: 10px
}

body.halk-bank vb-favourite-transactions .modal .modal-body .smart-form .transaction-search section .col {
    float: none;
    display: block;
    width: 100%
}

body.halk-bank vb-favourite-transactions .modal .modal-body .smart-form .transaction-search section .col .text-muted {
    font-weight: 700;
    font-size: 14px;
    color: #474747;
    opacity: .8;
    filter: alpha(opacity=80);
    padding-left: 22px
}

body.halk-bank vb-favourite-transactions .modal .modal-body .smart-form .transaction-search section .col .input {
    position: relative
}

body.halk-bank vb-favourite-transactions .modal .modal-body .smart-form .transaction-search section .col .input:after {
    content: "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    color: #474747;
    opacity: .55;
    right: 19px;
    top: 14px;
    position: absolute
}

body.halk-bank vb-favourite-transactions .modal .modal-body .smart-form .transaction-search section .col .input input[type=text] {
    height: 40px;
    padding: 0 40px 0 22px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px !important;
    background-color: #e6e8f0;
    border: 0 !important
}

body.halk-bank vb-favourite-transactions .modal .modal-body .buttons .btn.btn-default {
    background: url(../img/paraf-btn.jpg) repeat-x;
    background-size: contain
}

body.halk-bank .captcha-pane {
    color: #585858;
    font-size: 1.0769230769230769em
}

body.halk-bank .captcha-pane p {
    font-family: Roboto
}

body.halk-bank .captcha-pane .captcha-img {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    width: 80%
}

body.halk-bank .captcha-pane .captcha-img .LBD_CaptchaDiv {
    width: auto !important;
    height: auto !important
}

body.halk-bank .captcha-pane .captcha-img .LBD_CaptchaImageDiv {
    width: auto !important;
    height: auto !important;
    margin: 15px !important;
    vertical-align: middle !important
}

body.halk-bank .captcha-pane .captcha-img .LBD_CaptchaImageDiv .LBD_CaptchaImageDiv {
    margin: 0 !important
}

body.halk-bank .captcha-pane .captcha-img .LBD_CaptchaIconsDiv {
    margin: 15px 2px !important;
    vertical-align: middle
}

body.halk-bank .captcha-pane .captcha-img .btns {
    border-top: 1px solid #e3e3e3;
    color: #727272
}

body.halk-bank .captcha-pane .captcha-img .btns .helva {
    padding: 0 10px;
    font-family: Roboto;
    font-weight: 700
}

body.halk-bank .captcha-pane .captcha-img .btns .helva .fa {
    color: #80d0fe;
    font-size: 1.5384615384615385em;
    vertical-align: middle
}

body.halk-bank .captcha-pane .captcha-img .btns a {
    color: #727272
}

body.halk-bank .captcha-pane .captcha-img .btns .cell+.cell {
    border-left: 1px solid #e3e3e3;
    width: 35px;
    height: 35px;
    text-align: center
}

body.halk-bank .captcha-pane .captcha-img .btns .smart-form {
    width: 210px !important
}

body.halk-bank .captcha-pane .captcha-img .btns .smart-form input {
    height: 26px;
    border-radius: 3px !important
}

body.halk-bank #piyasa-bilgileri-modal .modal-content {
    overflow: auto
}

@media (max-width:767px) {
    body.halk-bank #piyasa-bilgileri-modal .modal-content .modal-body .scroll-pane {
        max-height: 128px
    }

    body.halk-bank .creditCardWait {
        min-height: 360px
    }
}

@media (min-width:768px) {
    body.halk-bank #piyasa-bilgileri-modal .modal-dialog {
        width: 640px
    }
}

body.halk-bank #piyasa-bilgileri-modal .pad.bg {
    background: #f7f7f7;
    margin: -20px -26px 20px;
    padding: 20px 26px
}

body.halk-bank #piyasa-bilgileri-modal h2 {
    color: #4b4b4b;
    font-size: 1.1538461538461537em;
    font-weight: 700;
    margin: 0 0 12px
}

body.halk-bank #piyasa-bilgileri-modal .btn+.btn {
    margin-left: 8px
}

body.halk-bank #piyasa-bilgileri-modal .single-dropdown .slimScrollDiv .slimScrollBar {
    width: 8px !important
}

body.halk-bank #piyasa-bilgileri-modal .slimScrollDiv {
    position: relative !important;
    height: auto !important
}

body.halk-bank #piyasa-bilgileri-modal .slimScrollDiv .slimScrollBar {
    margin-top: 0;
    margin-right: 0;
    background: 0 0 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    width: 4px !important;
    right: 7px !important
}

body.halk-bank #piyasa-bilgileri-modal .slimScrollDiv .slimScrollBar:after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 3px;
    width: 100%;
    background-color: #dbddde !important;
    border-radius: 4px
}

body.halk-bank .scroll-pane {
    border: 1px solid #d3d7da;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .06);
    max-height: 250px
}

body.halk-bank .scroll-pane .table {
    margin: 0 !important
}

body.halk-bank .scroll-pane .table .delete .fa,
body.halk-bank .scroll-pane .table .move .fa {
    color: #a6a6a6;
    font-size: 1.2307692307692308em
}

body.halk-bank .scroll-pane .table .move:hover .fa {
    color: #333
}

body.halk-bank .scroll-pane .table .delete:hover .fa {
    color: #ff503f
}

body.halk-bank .scroll-pane .table td:last-child {
    padding-right: 25px !important;
    text-align: right
}

body.halk-bank #profil-photo-change .modal-dialog {
    width: 610px
}

body.halk-bank #profil-photo-change .modal-dialog .bg {
    border: 2px dashed #ccc;
    padding: 20px;
    margin: -20px -26px
}

body.halk-bank #profil-photo-change .modal-dialog .bg .steps {
    text-align: center;
    font-family: Roboto;
    color: #767a7b
}

body.halk-bank #profil-photo-change .modal-dialog .bg .steps p {
    font-size: .9230769230769231em;
    margin-top: 15px;
    margin-bottom: 0
}

body.halk-bank #profil-photo-change .modal-dialog .bg .steps .img {
    margin: auto;
    overflow: hidden;
    position: relative
}

body.halk-bank #profil-photo-change .modal-dialog .bg .steps .img img {
    max-width: none
}

body.halk-bank #profil-photo-change .modal-dialog .bg .steps .img .ok {
    width: 30px;
    height: 30px;
    padding: 3px;
    background: #2fb470;
    position: absolute;
    right: 14px;
    bottom: 14px
}

body.halk-bank #profil-photo-change .modal-dialog .bg .steps .img .ok i {
    background-color: #fff;
    width: 100%;
    padding: 3px 0;
    display: block;
    height: 18px !important
}

body.halk-bank #profil-photo-change h2 {
    font-size: 2em;
    margin: 0 0 25px 25px
}

body.halk-bank .my-credit-cards h2.blue,
body.halk-bank h2.blue {
    color: #1a6fb4;
    font-size: 1.2307692307692308em;
    font-weight: 400
}

body.halk-bank h2.blue.mT {
    margin-top: 30px
}

body.halk-bank .creditCardWait {
    background: url(../img/giphy.gif) center center no-repeat #fff !important;
    background-size: 300px 300px !important
}

body.halk-bank .creditCardWait:hover {
    cursor: wait
}

body.halk-bank .my-credit-cards .toggle,
body.halk-bank .my-credit-cards h2.blue.mt0 {
    margin-top: 0
}

body.halk-bank .my-credit-cards .proc .cell {
    font-size: .8461538461538461em;
    color: #999
}

body.halk-bank .my-credit-cards .proc .cell b {
    font-weight: 400;
    color: #333;
    font-size: 1.3076923076923077em;
    display: inline-block;
    width: 100%
}

body.halk-bank .my-credit-cards .proc .cell b.blue {
    color: #1a6fb4;
    font-size: 1.2307692307692308em
}

body.halk-bank .my-credit-cards .proc .cell b.red {
    color: #f15454
}

body.halk-bank .my-credit-cards .proc .cell.v-t b {
    font-size: .9230769230769231em
}

body.halk-bank .my-credit-cards .proc .cell+.cell {
    padding-left: 25px
}

body.halk-bank .foot-total {
    text-align: right;
    display: table;
    width: 100%
}

body.halk-bank .foot-total span+span {
    width: 180px;
    color: #1b6fb5;
    font-weight: 700
}

body.halk-bank .modal .jcrop-holder {
    margin: auto !important
}

body.halk-bank .jcrop-keymgr {
    opacity: 0;
    filter: alpha(opacity=0)
}

body.halk-bank #ProfilePhotoChangeContent .modal-body,
body.halk-bank #ProfilePhotoChangeContent .modal-dialog {
    min-height: 150px
}

body.halk-bank #ProfilePhotoChangeContent .step .preview {
    overflow: hidden;
    margin: auto
}

body.halk-bank #ProfilePhotoChangeContent .step .ok {
    margin-right: 5px
}

body.halk-bank .dropzone {
    background: 0 0;
    border: 0;
    max-height: 440px
}

body.halk-bank .dropzone .dz-preview.dz-image-preview .dz-details {
    opacity: 1
}

body.halk-bank .dropzone.dz-drag-hover {
    border: 0 !important
}

body.halk-bank .dropzone.dz-clickable.dz-started .dz-message {
    display: none
}

body.halk-bank .dropzone.dz-clickable .dz-message {
    font-family: Roboto;
    color: #767a7b;
    display: table;
    width: 100%;
    height: 100%;
    margin: 0
}

body.halk-bank .dropzone.dz-clickable .dz-message>span {
    display: table-cell;
    vertical-align: middle;
    zoom: 1
}

body.halk-bank .dropzone.dz-clickable .dz-message h3 {
    font-family: Roboto;
    font-size: 2.3076923076923075em;
    font-weight: 700
}

body.halk-bank .dropzone.dz-clickable .dz-message h3 span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin-top: 15px
}

body.halk-bank .dropzone.dz-clickable .dz-message p {
    font-size: .9230769230769231em;
    margin-top: 35px !important
}

body.halk-bank .dropzone.dz-clickable .dz-message .icon-cloud {
    margin-bottom: 30px
}

body.halk-bank .dropzone.dz-clickable .dz-message .buttons {
    margin-top: 30px
}

body.halk-bank .dropzone.dz-clickable .dz-message .buttons a {
    color: #fff;
    font-size: .9230769230769231em;
    border-radius: 3px;
    display: inline-block;
    padding: 18px 0 15px;
    width: 108px
}

body.halk-bank .dropzone.dz-clickable .dz-message .buttons a i {
    display: block;
    font-size: 2.3076923076923075em;
    margin-bottom: 10px
}

body.halk-bank .dropzone.dz-clickable .dz-message .buttons a.local {
    background: #fd881d;
    box-shadow: 0 1px 0 0 rgba(255, 112, 15, .75)
}

body.halk-bank .dropzone.dz-clickable .dz-message .buttons a.fb {
    background: #1ca8ed;
    box-shadow: 0 1px 0 0 rgba(0, 102, 152, .75)
}

body.halk-bank .dropzone.dz-clickable .dz-message .buttons a+a {
    margin-left: 45px
}

body.halk-bank .dropzone.dz-clickable .dz-message * {
    margin: 0
}

body.halk-bank .tour-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.LoginWelcome .bottom-marker,
.reminder-top,
body.halk-bank #footer.inner-footer .shortcut-links {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#f96505', GradientType=0)
}

body.halk-bank .tour-step-backdrop,
body.halk-bank .tour-step-backdrop>td {
    position: relative;
    z-index: 1101
}

body.halk-bank .tour-step-background {
    position: absolute !important;
    z-index: 1100;
    background: 0 0;
    border-radius: 6px
}

body.halk-bank .tour-step-background:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 1px;
    border-radius: 100%;
    box-shadow: 0 0 60px 15px #fff
}

body.halk-bank .popover.tour .popover-content {
    font-family: Roboto;
    text-align: center
}

body.halk-bank .popover.tour.bottom {
    margin-top: 20px
}

body.halk-bank .popover[class*=tour-] {
    z-index: 1100
}

body.halk-bank .popover[class*=tour-] .popover-navigation {
    padding: 9px 14px
}

body.halk-bank .popover[class*=tour-] .popover-navigation [data-role=prev],
body.halk-bank .popover[class*=tour-] .popover-navigation [data-role=next],
body.halk-bank .popover[class*=tour-] .popover-navigation [data-role=end] {
    margin-right: 4px
}

body.halk-bank .popover[class*=tour-] .popover-navigation [data-role=prev].disabled,
body.halk-bank .popover[class*=tour-] .popover-navigation [data-role=next].disabled,
body.halk-bank .popover[class*=tour-] .popover-navigation [data-role=end].disabled {
    cursor: default
}

body.halk-bank .popover[class*=tour-] .popover-navigation [data-role=end] {
    float: right;
    margin-right: 0
}

body.halk-bank .popover[class*=tour-].orphan {
    position: fixed;
    margin-top: 0
}

body.halk-bank .popover[class*=tour-].orphan .arrow {
    display: none
}

body.halk-bank #footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0;
    background: #2c2c2c;
    color: #858484;
    font-weight: 400;
    font-size: 1.0769230769230769em
}

body.halk-bank #footer p {
    margin: 0
}

body.halk-bank #footer a {
    color: #858484;
    padding: 0
}

body.halk-bank #footer a:hover {
    color: #fff
}

body.halk-bank #footer .container {
    padding: 5px 0 0;
    width: 1090px
}

body.halk-bank #footer.inner-footer {
    background-color: #fff;
    color: #686868;
    font-size: 10px;
    box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, .03);
    padding: 0;
    border-top: 0
}

body.halk-bank #footer.inner-footer .shortcut-links {
    height: 60px;
    background: #f96505;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f96505), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #f96505, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #f96505 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #f96505);
    display: block;
    text-align: center;
    border-top: 0
}

body.halk-bank #footer.inner-footer .shortcut-links .container {
    text-align: center
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link {
    float: left;
    display: inline-block;
    height: 48px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link {
    text-align: left;
    color: #fff;
    font-size: 12px;
    margin: 8px 0 0;
    position: relative;
    padding-left: 50px;
    height: 40px;
    padding-top: 2px;
    line-height: 14px;
    display: inline-block;
    font-weight: 300;
    text-shadow: 0 0 0 rgba(255, 255, 255, .5);
    padding-right: 0
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link i {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    min-height: 33px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link i.fa {
    margin-top: -2px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link i.fa.fa-align-left {
    margin-top: 2px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link b {
    font-size: 15px;
    font-weight: 400;
    display: block;
    clear: both
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.cust-representative {
    min-width: 185px;
    max-width: 244px;
    padding-left: 45px;
    padding-right: 10px;
    height: 60px;
    margin-top: -5px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.cust-representative img {
    width: 28px;
    position: absolute;
    left: 0;
    top: 12px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.cust-representative label {
    white-space: nowrap;
    display: block;
    clear: both;
    margin-bottom: 0
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.cust-representative strong {
    font-weight: 400
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.cust-representative b {
    font-size: 12px;
    font-weight: 700
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.happy-center {
    width: 173px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.happy-center i {
    width: 32px;
    background-image: url(../img/happy-center.png)
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.dialog {
    width: 191px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.dialog i {
    width: 33px;
    background-image: url(../img/halkbank-dialog.png)
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.e-devlet {
    padding-left: 60px;
    width: 126px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.e-devlet i {
    width: 80px;
    background-image: url(../img/e-devlet.png);
    background-size: contain
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.faq {
    width: 187px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.faq i {
    font-size: 37px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.transactions {
    width: 169px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link.transactions i {
    font-size: 31px
}

body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links {
    max-width: 100%;
    float: none;
    display: inline-block
}

body.halk-bank #footer.inner-footer .shortcut-links .container .mobile-footer,
body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link {
    display: none
}

body.halk-bank #footer.inner-footer>.container {
    padding: 7px 0 0;
    height: 37px;
    width: 1090px
}

body.halk-bank #footer.inner-footer .social {
    float: right;
    text-align: right;
    font-size: 17px;
    color: #636362
}

body.halk-bank #footer.inner-footer .social a {
    color: #636362;
    font-size: 15px;
    position: relative
}

body.halk-bank #footer.inner-footer .social a:hover {
    color: #000
}

body.halk-bank #footer.inner-footer .social [class*=hint--][aria-label]:after {
    content: attr(aria-label)
}

body.halk-bank #footer.inner-footer .social .hint--bg1.hint--top:before {
    border-top-color: #004e95
}

body.halk-bank #footer.inner-footer .social [class*=hint--]:after,
body.halk-bank #footer.inner-footer .social [class*=hint--]:before {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

body.halk-bank .back-to-top,
body.halk-bank .select-question-type footer {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

body.halk-bank #footer.inner-footer .social [class*=hint--]:after {
    background: #383838;
    color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 12px;
    white-space: nowrap;
    text-shadow: 0 -1px 0 #000;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}

body.halk-bank #footer.inner-footer .social [class*=hint--]:hover:after,
body.halk-bank #footer.inner-footer .social [class*=hint--]:hover:before {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    visibility: visible;
    opacity: 1
}

body.halk-bank #footer.inner-footer .social .hint--top:before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 6px solid transparent;
    z-index: 1000001;
    margin-bottom: -11px;
    border-top-color: #383838;
    margin-left: -6px
}

body.halk-bank #footer.inner-footer .social .hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

body.halk-bank #footer.inner-footer .social .hint--top:hover:after {
    -webkit-transform: translateX(-80%) translateY(-8px);
    -moz-transform: translateX(-80%) translateY(-8px);
    transform: translateX(-80%) translateY(-8px)
}

body.halk-bank #footer.inner-footer .social .hint--rounded:after {
    border-radius: 4px
}

body.halk-bank #footer.inner-footer .social .hint--top:after,
body.halk-bank #footer.inner-footer .social .hint--top:before {
    bottom: 100%;
    left: 50%
}

body.halk-bank #footer.inner-footer .social .hint--top:after {
    -webkit-transform: translateX(-80%);
    -moz-transform: translateX(-80%);
    transform: translateX(-80%)
}

body.halk-bank #footer.inner-footer .social .hint--bg1:after {
    background-color: #004e95;
    text-shadow: 0 -1px 0 #6c5328
}

body.halk-bank #footer.inner-footer .social .colorFace {
    color: #4c76be
}

body.halk-bank #footer.inner-footer .social .colorTwit {
    color: #00c7ff
}

body.halk-bank #footer.inner-footer .social .colorYout {
    color: #fd3832
}

body.halk-bank #footer.inner-footer .social .colorLink {
    color: #0b86ca
}

body.halk-bank #footer.inner-footer .social .colorIns {
    color: #e3217f
}

body.halk-bank #footer.inner-footer .copyright {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .02em;
    color: #474747;
    line-height: 26px;
    opacity: .85
}

body.halk-bank .vp-resultpanel .alert {
    position: relative;
    padding-left: 45px !important
}

body.halk-bank .vp-resultpanel .alert i {
    position: absolute;
    left: 18px;
    top: 50%;
    margin-top: -12px
}

body.halk-bank .alertinfo {
    position: relative;
    padding-left: 50px !important
}

body.halk-bank .alert {
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    font-size: 1em;
    padding: 15px 18px;
    font-weight: 400;
    display: table;
    width: 100%
}

body.halk-bank .alert i {
    font-size: 1.9230769230769231em;
    margin-right: 14px;
    vertical-align: middle;
    color: #f8d285
}

body.halk-bank .alert i.cell {
    padding-right: 8px;
    vertical-align: top;
    width: 14px
}

body.halk-bank .alert ul.cell {
    padding-left: 15px
}

body.halk-bank .alert .cell.btn-cover {
    text-align: right;
    padding-left: 14px
}

body.halk-bank .alert a {
    font-weight: 700
}

body.halk-bank .alert .btn {
    float: right;
    font-weight: 700
}

body.halk-bank .alert.alert-warning {
    border-color: #f0ba39;
    background-color: transparent;
    color: #CDA735
}

body.halk-bank .alert.alert-warning span {
    color: #CDA735;
    font-size: 14px;
    padding-top: 2px
}

body.halk-bank .alert.alert-warning i {
    color: #f8c55c;
    font-size: 17px;
    top: 50%;
    margin-top: -9px;
    margin-right: 0;
    left: 17px
}

body.halk-bank .alert.alert-danger img,
body.halk-bank .alert.alert-info img,
body.halk-bank .alert.alert-info-b img,
body.halk-bank .alert.alert-warning img {
    left: 16px;
    position: absolute;
    top: 17px
}

body.halk-bank .alert.alert-danger {
    border-color: #e3717d;
    background-color: transparent;
    color: #bb3139;
    display: block
}

body.halk-bank .alert.alert-danger span {
    color: #bb3139;
    font-size: 14px
}

body.halk-bank .alert.alert-danger i {
    color: #a94442
}

body.halk-bank .alert.alert-info {
    border-color: #0099FA;
    background-color: transparent !important;
    color: #3178A5;
    font-size: 1.0769230769230769em;
    padding: 18px 15px
}

body.halk-bank .alert.alert-info span {
    color: #3178A5;
    font-size: 14px
}

body.halk-bank .alert.alert-info i {
    color: #73819c;
    width: 45px;
    font-size: 2.4615384615384617em;
    padding-right: 14px
}

body.halk-bank .alert.alert-info a {
    color: #73819c;
    text-decoration: underline
}

body.halk-bank .alert.alert-info-b {
    border-color: #0099FA;
    background-color: transparent;
    color: #31708f
}

body.halk-bank .alert.alert-info-b span {
    color: #3178A5;
    font-size: 14px
}

body.halk-bank .alert.alert-info-b i {
    color: #31708f
}

body.halk-bank .alert.alert-info-b a {
    color: #31708f;
    text-decoration: underline
}

body.halk-bank .alert.alert-success {
    border-color: #56BD5B
}

body.halk-bank .alert.alert-success span {
    color: #217F25;
    font-size: 14px
}

body.halk-bank .alert.alert-success img {
    position: absolute;
    left: 17px;
    top: 17px
}

body.halk-bank .alert.alert-success i {
    color: #CDA735
}

body.halk-bank .pagination>li a,
body.halk-bank .pagination>li span {
    color: #333;
    border-color: #ccc;
    font-weight: 400
}

body.halk-bank .pagination>li+li a {
    margin-left: 2px
}

body.halk-bank .pagination>li.previous a {
    margin-right: 2px
}

body.halk-bank .pagination>li.next a {
    margin-left: 4px
}

body.halk-bank .pagination>li.next a,
body.halk-bank .pagination>li.previous a {
    border-radius: 2px
}

body.halk-bank .pagination>li.active a,
body.halk-bank .pagination>li.active a:focus,
body.halk-bank .pagination>li.active a:hover,
body.halk-bank .pagination>li.active span,
body.halk-bank .pagination>li.active span:focus,
body.halk-bank .pagination>li.active span:hover {
    color: #fff;
    border-color: #2d82c5;
    background: #2d82c5
}

body.halk-bank .pagination>li.disabled a,
body.halk-bank .pagination>li.disabled a:focus,
body.halk-bank .pagination>li.disabled a:hover,
body.halk-bank .pagination>li.disabled span,
body.halk-bank .pagination>li.disabled span:focus,
body.halk-bank .pagination>li.disabled span:hover {
    color: #bbb;
    border-color: #e9e9e9;
    cursor: text
}

body.halk-bank .button-group {
    margin: -2.5px
}

body.halk-bank .button-group vb-button {
    display: inline-block
}

body.halk-bank .button-group vb-button a {
    margin: 0 !important
}

body.halk-bank .button-group .btn,
body.halk-bank .button-group vb-button {
    margin: 0 2.5px;
    left: auto;
    right: auto
}

body.halk-bank .row-with-checkbox {
    position: relative
}

body.halk-bank .row-with-checkbox label.checkbox {
    float: right;
    margin-right: -35px
}

body.halk-bank .row-with-checkbox .form-control-feedback {
    margin-right: -50px
}

body.halk-bank .two-input label.input {
    width: 50%;
    float: left
}

body.halk-bank .two-input label.input+label {
    padding-left: 15px;
    padding-right: 0
}

body.halk-bank .label-bold {
    font-size: 14px !important;
    font-weight: 700 !important
}

body.halk-bank .loginSlide .textArea .txt3 {
    background: #fa761f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fa761f), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #fa761f, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #fa761f 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #fa761f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#fa761f', GradientType=0);
    border: 2px;
    min-height: 39px;
    text-align: center;
    line-height: 40px;
    width: 50%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: auto
}

body.halk-bank .miniFooter {
    background-color: #104879;
    height: 65px;
    margin: auto
}

body.halk-bank .miniFooter .link-group {
    text-align: right;
    margin-top: 6px
}

body.halk-bank .miniFooter .link-group a {
    color: #c6d0db;
    font-size: 12px;
    margin-left: 20px;
    line-height: 14px
}

body.halk-bank .miniFooter .link-group a:hover {
    color: #fff
}

body.halk-bank .miniFooter span#logo {
    margin-top: -4px
}

body.halk-bank .miniFooter span#logo a {
    display: block
}

body.halk-bank .miniFooter span#logo a img {
    height: 36px;
    width: 186px
}

body.halk-bank .miniFooter .container {
    padding: 0;
    width: 72%;
    min-width: 992px
}

body.halk-bank #footer.login-footer {
    background-color: #1b3d59;
    color: rgba(255, 255, 255, .3);
    font-size: 11px;
    position: relative
}

@media (max-width:991px) {
    body.halk-bank .miniFooter {
        padding: 15px
    }
}

@media (min-width:992px) {
    body.halk-bank .miniFooter {
        padding: 18px 0 0
    }
}

body.halk-bank .loginArea {
    background-size: cover;
    background-color: #2878b7;
    background-image: url(../img/bghbnew.jpg);
    min-height: 540px;
    height: 70vh;
    background-position: center;
    padding: 80px 0;
    display: flex;
    align-items: center
}

body.halk-bank .loginArea .ct-switch a {
    background-color: #ff710f;
    float: right;
    border-bottom-left-radius: 5px;
    vertical-align: bottom;
    height: 30px;
    font-size: 14px;
    color: #fff;
    padding: 8px 9px 13px 8px;
    margin-top: 0;
    border-top-right-radius: 8px
}

body.halk-bank .loginArea .ct-switch a span {
    float: left
}

body.halk-bank .loginArea .ct-switch a .fa {
    float: left;
    font-size: 0;
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(../img/white-arrow.png) no-repeat;
    margin-left: 8px;
    margin-top: 2px
}

body.halk-bank .loginArea .loginInner {
    min-height: 320px;
    padding: 34px 30px 40px
}

body.halk-bank .loginArea .loginInner .loginHead {
    color: #f47421;
    margin-left: 6px;
    font-size: 21px
}

body.halk-bank .loginArea .loginInner fieldset+.row {
    margin-top: 25px
}

body.halk-bank .loginArea .loginInner .otp-sample {
    height: 0
}

body.halk-bank .loginArea .remind {
    min-height: 321px
}

body.halk-bank .loginArea .fa-mobile {
    font-size: 23px
}

body.halk-bank .loginArea .fa-envelope-o {
    font-size: 16px
}

body.halk-bank .loginArea .fa-caret-right {
    margin-top: -2px
}

body.halk-bank .loginArea .warning {
    min-height: 335px;
    display: table;
    width: 100%
}

body.halk-bank .loginArea .warning .v-center {
    display: table-cell;
    vertical-align: middle
}

body.halk-bank .loginArea .warning .loginHead {
    padding-bottom: 0
}

body.halk-bank .loginArea .warning .loginHead span {
    height: auto
}

body.halk-bank .loginArea .warning .loginHead b {
    display: block
}

body.halk-bank .loginArea .smart-form .input input,
body.halk-bank .loginArea .smart-form .select select,
body.halk-bank .loginArea .smart-form .textarea textarea {
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: Roboto;
    font-weight: 400;
    background: #fff;
    border: 1px solid #0bbbef;
    height: 50px;
    border-radius: 8px !important
}

body.halk-bank .loginArea .smart-form .select select {
    line-height: 1;
    height: 44px;
    border-radius: 0
}

body.halk-bank .loginArea .smart-form .input .icon-prepend+input,
body.halk-bank .loginArea .smart-form .textarea .icon-prepend+textarea {
    padding-left: 34px;
    padding-right: 5px
}

body.halk-bank .loginArea .smart-form .icon-prepend {
    margin: 10px 3px 0
}

body.halk-bank .loginArea .smart-form .icon-prepend.fa-key,
body.halk-bank .loginArea .smart-form .icon-prepend.hb-icon-user {
    display: inline-block;
    margin: 8px 0 0 6px;
    color: #686868;
    background: 0 0
}

body.halk-bank .loginArea .smart-form .icon-prepend.hb-icon-user {
    width: 13px;
    height: 16px;
    font-size: 18px
}

body.halk-bank .loginArea .smart-form .icon-prepend.hb-icon-user:before {
    content: "\f007";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.halk-bank .loginArea .smart-form .icon-prepend.fa-key {
    width: 17px;
    height: 17px;
    font-size: 16px
}

body.halk-bank .loginArea .smart-form .icon-prepend i.icons {
    vertical-align: sub
}

body.halk-bank .loginArea .smart-form .selectField .select2-selection--single {
    min-height: 44px;
    border: 1px solid #0bbbef;
    border-radius: 8px;
    transition-property: border-radius;
    transition-duration: .3s
}

body.halk-bank .loginArea .smart-form .selectField .select2-container--open .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition-duration: .1s
}

body.halk-bank .loginArea .smart-form .selectField .select2-selection__rendered {
    font-size: 14px;
    color: #666;
    line-height: 48px;
    font-family: Roboto;
    font-weight: 400;
    height: 48px;
    border: 0
}

body.halk-bank .loginArea .smart-form .select2-selection__arrow {
    width: 37px;
    background: 0 0 !important;
    filter: none
}

body.halk-bank .loginArea .smart-form .select2-selection__arrow b {
    color: #999;
    display: block;
    top: 0;
    position: relative;
    line-height: 42px;
    margin: 0;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 13px
}

body.halk-bank .loginArea .smart-form .select2-selection__arrow b:before {
    content: "\f107";
    font-size: 16px
}

body.halk-bank .loginArea .smart-form section {
    margin-bottom: 15px !important
}

body.halk-bank .loginArea .smart-form section.col-xs-6 {
    padding-right: 7.5px
}

body.halk-bank .loginArea .smart-form section.col-xs-6+.col-xs-6 {
    padding-left: 7.5px;
    padding-right: 15px
}

body.halk-bank .loginArea .smart-form section.col-12 {
    width: 100%
}

body.halk-bank .loginArea .smart-form section .paraf-seperator {
    padding-top: 20px;
    border-top: 1px solid #0bbbef;
    margin-top: 20px
}

body.halk-bank .loginArea .loginHead i {
    vertical-align: middle
}

body.halk-bank .loginArea .loginHead span {
    font-weight: 700;
    height: auto;
    margin-left: 6px;
    vertical-align: middle
}

@media (max-width:325px) {
    body.halk-bank .loginArea .loginHead span {
        width: 85%
    }
}

@media (max-width:500px) {
    body.halk-bank .loginArea .loginHead span {
        width: 90%
    }
}

body.halk-bank .loginArea .login-box {
    width: 500px;
    padding: 0;
    margin: 0;
    float: right
}

body.halk-bank .loginArea .login-box .loginContainer {
    background: #faf8f7;
    border-radius: 8px;
    border-top: 5px solid #ff710f
}

body.halk-bank .loginArea .login-box .loginContainer.corporate-login-container fieldset .col:first-child {
    padding-right: 6px
}

body.halk-bank .loginArea .login-box .loginContainer.corporate-login-container fieldset .col:first-child+.col {
    padding-left: 6px
}

body.halk-bank .loginArea .login-box input[type=password],
body.halk-bank .loginArea .login-box input[type=text] {
    height: 50px;
    border: 1px solid #0bbbef;
    border-radius: 2px
}

body.halk-bank .loginArea .login-box input[type=password] {
    font-size: 20px;
    letter-spacing: .05em
}

body.halk-bank .loginArea .login-box input[type=password]::-webkit-input-placeholder {
    font-size: 14px;
    letter-spacing: 0
}

body.halk-bank .loginArea .login-box input[type=password]::-moz-placeholder {
    font-size: 14px;
    letter-spacing: 0
}

body.halk-bank .loginArea .login-box input[type=password]:-ms-input-placeholder {
    font-size: 14px;
    letter-spacing: 0
}

body.halk-bank .loginArea .login-box input[type=password]:-moz-placeholder {
    font-size: 14px;
    letter-spacing: 0
}

body.halk-bank .loginArea .loginContainer {
    background: #faf8f7;
    border-radius: 8px;
    border-top: 5px solid #ff710f
}

body.halk-bank .loginArea .login-carousel {
    float: left;
    margin: 0;
    padding: 0
}

body.halk-bank .loginArea .login-carousel .remind {
    padding: 30px 10px 43px;
    min-height: 0
}

body.halk-bank .loginArea>.container {
    width: 72%;
    min-width: 992px;
    padding: 0
}

body.halk-bank .loginArea>.container>.row {
    margin: 0;
    position: relative
}

body.halk-bank .loginArea>.container>.row>.login-carousel {
    position: absolute;
    top: 0;
    bottom: 0
}

body.halk-bank .loginArea>.container>.row>.login-input-box {
    float: right;
    margin: 0;
    padding: 0
}

body.halk-bank .loginArea .loginSlide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0
}

body.halk-bank .loginArea .loginSlide .carousel-indicators {
    bottom: 0;
    left: 0;
    text-align: left;
    margin: 0
}

body.halk-bank .loginArea .loginSlide .carousel-indicators li {
    margin-right: 1px;
    background: rgba(255, 255, 255, .7)
}

body.halk-bank .loginArea .loginSlide .carousel-indicators li.active {
    background: #fff
}

body.halk-bank .loginArea .loginSlide .carousel-inner {
    height: 100%;
    padding-bottom: 30px
}

body.halk-bank .loginArea .loginSlide .carousel-inner .item {
    height: 100% !important;
    min-height: 264px !important
}

body.halk-bank .loginArea .loginSlide .carousel-caption {
    bottom: auto;
    padding: 0;
    left: 0;
    right: 0;
    position: relative;
    height: 100%
}

body.halk-bank .loginArea .loginSlide .carousel-caption .textArea {
    height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 0
}

body.halk-bank .loginArea .loginSlide .carousel-caption .textArea div {
    color: #fff !important;
    padding-left: 0;
    padding-right: 0;
    letter-spacing: normal !important;
    display: block !important;
    float: none !important
}

body.halk-bank .loginArea .loginSlide .carousel-caption .textArea div:first-child {
    font-size: 45px;
    line-height: 48px;
    color: #fff;
    font-weight: 500
}

body.halk-bank .loginArea .loginSlide .carousel-caption .textArea div:first-child+div {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 0 !important
}

body.halk-bank .loginArea .loginSlide .carousel-caption .textArea div:last-child {
    width: auto;
    padding: 0 35px !important;
    border-radius: 3px;
    margin: 20px 0 0;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    display: inline-block !important
}

body.halk-bank .loginArea .loginSlide .textArea a {
    color: #fff !important;
    text-align: left
}

body.halk-bank .loginArea .col-12 {
    width: 100%
}

body.halk-bank .loginArea .mobile-approve-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-right: 10px;
    max-width: 170px
}

@media (min-width:992px) {
    body.halk-bank .loginArea .mobile-approve-details label+label {
        margin-left: 26px
    }
}

@media (max-width:991px) {
    body.halk-bank .loginArea .mobile-approve-details label+label {
        margin-left: 10px
    }
}

body.halk-bank .loginArea .mobile-approve-details span {
    display: block;
    min-width: 100%;
    max-width: 100%
}

body.halk-bank .loginArea .soft-otp-timer-panel {
    position: relative;
    display: flex
}

body.halk-bank .loginArea .soft-otp-timer-panel .col {
    padding: 15px 0 0;
    float: none;
    width: auto;
    flex: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

body.halk-bank .loginArea .soft-otp-timer-panel .col .resend-button-div {
    float: none;
    clear: both;
    margin-right: 0;
    display: none
}

body.halk-bank .loginArea .soft-otp-timer-panel .col .resend-button-div[style*="visibility: visible"] {
    display: block
}

body.halk-bank .loginArea .soft-otp-timer-panel .col .resend-button-div[style*="visibility: visible"]+div {
    display: none
}

body.halk-bank .loginArea .soft-otp-timer-panel .col .resend-button-div .resend-button {
    display: block;
    margin-bottom: 15px
}

body.halk-bank .loginArea .soft-otp-timer-panel .col .resend-button-div+div {
    position: relative;
    top: -25px
}

body.halk-bank .loginArea .soft-otp-timer-panel .col+.col {
    float: right;
    display: block;
    white-space: nowrap
}

body.halk-bank .loginArea .soft-otp-timer-panel .col+.col .timer-svg {
    margin-top: -35px
}

body.halk-bank .loginArea .soft-otp-timer-panel .col+.col .timer-svg vb-timer {
    position: relative
}

body.halk-bank .loginArea .soft-otp-timer-panel .col:after,
body.halk-bank .loginArea .soft-otp-timer-panel .col:before {
    content: '';
    display: block;
    clear: both
}

body.halk-bank .loginArea .soft-otp-timer-panel .soft-otp-timer {
    position: relative;
    text-align: right
}

body.halk-bank .loginArea .soft-otp-timer-panel .soft-otp-timer span.timeout {
    position: absolute;
    top: 30px;
    right: 0;
    width: 96px;
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

body.halk-bank .loginArea .soft-otp-timer-panel .soft-otp-timer span.timeout i {
    display: none !important
}

body.halk-bank .loginArea .soft-otp-timer-panel .soft-otp-timer .remaining {
    position: absolute;
    right: 0;
    top: 50px;
    width: 96px;
    text-align: center;
    font-weight: 400;
    font-size: 12px
}

body.halk-bank .loginArea .soft-otp-timer-panel .soft-otp-timer .svg-item {
    width: 96px;
    height: 96px;
    font-size: 16px;
    margin: 0 0 0 auto
}

body.halk-bank .loginArea .soft-otp-timer-panel .soft-otp-timer .donut-ring {
    stroke: #333
}

body.halk-bank .loginArea .soft-otp-timer-panel .soft-otp-timer .donut-segment {
    transform-origin: center;
    stroke: #aaa
}

body.halk-bank .loginArea .soft-otp-timer-panel .soft-otp-timer .donut-segment-1 {
    stroke: #ff700f;
    animation: donut1 3s
}

body.halk-bank .loginArea #trySmsOption {
    margin-top: 0
}

body.halk-bank .loginArea #trySmsOption span.try-sms {
    position: relative;
    padding-top: 7px
}

body.halk-bank .loginArea #trySmsOption span.try-sms i {
    margin-top: 0;
    top: 3px
}

body.halk-bank .loginArea .otp-message {
    padding-top: 5px
}

body.halk-bank .loginArea .otp-message>.col {
    margin-bottom: 0
}

body.halk-bank .loginArea .otp-message>.col label.input p {
    font-size: 13px;
    margin-right: -25px
}

body.halk-bank .loginArea .loginContainer .imgArea img {
    display: block;
    background-color: #fff
}

body.halk-bank .login-box-area .box2 .txt,
body.halk-bank .logout .loginHead span i {
    display: none
}

body.halk-bank .login-box-area {
    width: 72%;
    min-width: 992px;
    padding: 0
}

body.halk-bank .login-box-area .row {
    margin: 0 -10px
}

body.halk-bank .login-box-area .col-md-3 {
    margin: 0;
    padding: 0 10px
}

body.halk-bank .login-box-area .box {
    background-color: inherit;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 131px
}

body.halk-bank .login-box-area .box2 .title {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 18px;
    height: 50px;
    font-size: 15px;
    color: #fff;
    font-weight: 700
}

body.halk-bank .loginContainer .tbl-cell {
    font-size: 11px
}

body.halk-bank .footArea {
    padding: 25px 0
}

body.halk-bank .footArea .BGGray {
    border: 1px solid #0bbbef;
    border-radius: 8px
}

body.halk-bank .logout {
    background-image: url(../img/logout-bg.jpg);
    background-color: #1b3d59;
    background-position: center top
}

body.halk-bank .logout .col-xs-12 {
    margin: 0;
    padding: 0
}

body.halk-bank .logout .loginHead {
    margin-top: 100px
}

body.halk-bank .logout .loginHead span {
    font-weight: 500;
    font-size: 27px;
    color: #1b3d59;
    text-shadow: 0 0 20px #fff;
    max-width: 550px;
    margin: 0
}

body.halk-bank .logout .btn.orange {
    font-size: 14px;
    border-radius: 3px;
    font-weight: 500;
    padding: 10px 28px;
    height: 40px;
    line-height: 20px
}

body.halk-bank .logout .right-p {
    color: #1b3d59;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    float: left;
    text-align: left !important
}

body.halk-bank .ie-failed {
    position: relative;
    background-image: url(../img/bg-ie.jpg)
}

body.halk-bank .ie-failed h2 {
    font-weight: 400;
    padding-bottom: 260px
}

body.halk-bank .ie-failed .roket {
    position: absolute;
    left: 50%;
    margin-left: -135px;
    bottom: 0
}

body.halk-bank .page-footer {
    bottom: 0;
    position: fixed
}

body.halk-bank.extr-page #header,
body.halk-bank.extr-page #header>div {
    height: auto
}

body.halk-bank.extr-page #header .container {
    background: #fff;
    padding-top: 0;
    padding-bottom: 0
}

body.halk-bank.extr-page #logo {
    margin: auto;
    width: auto
}

body.halk-bank.extr-page #logo img {
    padding: 0;
    width: 208px;
    height: 52px
}

body.halk-bank.extr-page #logo-group>span {
    height: auto
}

body.halk-bank.extr-page .menu a {
    height: 60px !important;
    padding: 18px 0 !important
}

body.halk-bank.extr-page .contentAreaMain {
    min-height: 0;
    height: auto;
    padding: 0;
    background: 0 0
}

body.halk-bank.extr-page .card-password .contentAreaMain .fuelux {
    border: 0
}

body.halk-bank.extr-page .card-password .contentAreaMain .fuelux .wizard {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
    border: 1px solid #0bbbef;
    border-bottom: 0
}

body.halk-bank.extr-page .card-password .loginContainer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #0bbbef;
    border-top: 1px solid #ff710f
}

body.halk-bank.extr-page .loginContainer.pad {
    padding: 30px 30px 15px
}

body.halk-bank.extr-page .timeout {
    color: #ff700f;
    font-size: 13px;
    display: inline-block;
    line-height: 22px
}

body.halk-bank.extr-page .timeout .icons {
    display: none
}

body.halk-bank.extr-page .timeout .fa {
    display: inline-block;
    color: #b3b7bf;
    font-size: 22px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

body.halk-bank a i.mr {
    margin-right: 10px
}

body.halk-bank img.full-width {
    width: 100%;
    height: auto !important
}

body.halk-bank .corporate-main .ui-sortable-helper {
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .14)
}

body.halk-bank .ui-sortable-placeholder {
    background: #fffdec;
    box-shadow: none;
    border: 1px dashed #dcdcdc;
    visibility: visible !important
}

body.halk-bank .btn-group.dropup .dropdown-menu {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .35);
    border-color: #e5e4e4;
    border-radius: 5px;
    background: #e8e8e8;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e8e8e8), color-stop(1, #fcfcfc));
    background: -ms-linear-gradient(bottom, #e8e8e8, #fcfcfc);
    background: -moz-linear-gradient(center bottom, #e8e8e8 0, #fcfcfc 100%);
    background: -o-linear-gradient(#fcfcfc, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e8e8e8', GradientType=0);
    padding: 0;
    margin-bottom: 12px
}

body.halk-bank .btn-group.dropup .dropdown-menu:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0;
    border-color: #e5e4e4 transparent transparent
}

body.halk-bank .btn-group.dropup .dropdown-menu:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0;
    border-color: #e7e8e8 transparent transparent
}

body.halk-bank .btn-group.dropup .dropdown-menu:after,
body.halk-bank .btn-group.dropup .dropdown-menu:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -9px
}

body.halk-bank .btn-group.dropup .dropdown-menu li a {
    color: #4a555b;
    font-size: 1.0769230769230769em;
    padding: 10px 20px
}

body.halk-bank .btn-group.dropup .dropdown-menu li a:focus,
body.halk-bank .btn-group.dropup .dropdown-menu li a:hover {
    background: #e7ebf2
}

body.halk-bank .btn-group.dropup .dropdown-menu li+li {
    border-top: 1px solid #e3e4e4
}

body.halk-bank .green-circle,
body.halk-bank .orange-circle {
    background-size: contain;
    background-image: url(../img/favori_turuncu_bg.png);
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%
}

body.halk-bank .green-circle.mini,
body.halk-bank .orange-circle.mini {
    width: 30px;
    height: 30px;
    line-height: 30px
}

body.halk-bank .green-circle {
    background: #4FD792
}

body.halk-bank .white-circle {
    background: #e2e2e2
}

body.halk-bank .red-circle {
    background: #FB453C;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%
}

body.halk-bank .reminder {
    font-family: Roboto;
    line-height: 1.4
}

body.halk-bank .reminder h3 {
    font-family: Roboto;
    color: #ff700f;
    font-size: 1.2307692307692308em;
    margin: 0 0 10px;
    font-weight: 700
}

body.halk-bank .reminder ul {
    font-weight: 400;
    font-size: 1em;
    color: #585858
}

body.halk-bank .reminder ul li {
    padding-left: 15px
}

body.halk-bank .reminder ul li+li {
    margin-top: 10px
}

body.halk-bank .reminder ul i.fa {
    color: #ff700f;
    margin-left: -15px;
    margin-right: 10px
}

body.halk-bank .forgot-password .remind {
    padding: 0
}

body.halk-bank .forgot-password .remind ul {
    text-align: center
}

body.halk-bank .forgot-password .remind ul li {
    display: inline-block;
    width: 225px
}

body.halk-bank .forgot-password .remind a {
    text-align: center;
    display: block;
    color: #fbfbfb;
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.2307692307692308em
}

body.halk-bank .forgot-password .remind a .bg {
    background: #f3f3f3;
    display: block;
    margin: auto auto 20px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center
}

body.halk-bank .password-success {
    text-align: center;
    font-size: 1.0769230769230769em
}

body.halk-bank .password-success .text {
    margin: 20px 0;
    font-family: Roboto
}

body.halk-bank .password-success .btn.orange {
    font-size: 1.1923076923076923em
}

body.halk-bank .agree a {
    color: #616f76;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle
}

body.halk-bank .agree label.checkbox {
    display: inline-block;
    min-height: 19px;
    margin-left: 10px;
    vertical-align: middle
}

body.halk-bank .slimScrollDiv .slimScrollBar {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    background-color: #dbddde !important;
    border-radius: 4px;
    width: 4px !important
}

body.halk-bank .goto {
    color: #ff7010;
    text-decoration: underline;
    font-weight: 400
}

body.halk-bank h4.orange {
    color: #fb992c;
    font-weight: 400;
    margin-bottom: 5px
}

body.halk-bank ol.normal {
    margin: 0;
    padding: 0 0 0 20px
}

body.halk-bank .back-to-top {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    position: fixed;
    right: 0;
    bottom: 25px;
    border-radius: 3px 0 0 3px;
    background: #fa761f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fa761f), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #fa761f, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #fa761f 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #fa761f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#fa761f', GradientType=0);
    text-align: center;
    width: 45px;
    line-height: 1.2;
    padding: 9px 0;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .44);
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s ease-out;
    z-index: 2
}

body.halk-bank .back-to-top.in {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

body.halk-bank .timeout {
    color: #ff700f;
    font-size: 13px;
    display: inline-block;
    line-height: 22px
}

body.halk-bank .timeout .icons {
    margin-right: 8px
}

body.halk-bank .timeout .fa {
    display: none
}

body.halk-bank .reSend.orange {
    line-height: 22px;
    color: #ff700f;
    text-decoration: underline
}

body.halk-bank .all-transactions {
    margin: 25px 0 0
}

body.halk-bank .all-transactions .section {
    margin-bottom: 14px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
    background: #fff;
    border-radius: 5px
}

body.halk-bank .all-transactions .section h2 {
    margin: 0;
    padding: 12px 15px;
    font-size: 13px;
    color: #617077;
    font-weight: 500;
    border: 1px solid #e2e1e1;
    border-width: 1px 0;
    border-bottom-color: #e5e4e4;
    background: url(../img/bread-grad.png) 0 100% repeat-x #fefefe;
    border-radius: 5px 5px 0 0
}

body.halk-bank .all-transactions .section h2 .icons {
    margin-right: 6px
}

body.halk-bank .all-transactions .section .inside {
    padding: 12px 15px
}

body.halk-bank .all-transactions .section .inside h3 {
    color: #f69f00;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 12px
}

body.halk-bank .all-transactions .section .inside ul a {
    color: #494949;
    font-size: 11px
}

body.halk-bank .all-transactions .section .inside ul a:before {
    content: "\f18e";
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 5px;
    color: #1a6fb4
}

body.halk-bank .all-transactions .section .inside ul a:hover {
    color: #1a6fb4
}

body.halk-bank .all-transactions .section .inside div+div h3 {
    margin-top: 12px
}

body.halk-bank .list-icon-orange {
    list-style: none;
    margin: 0 0 9px;
    padding: 0
}

body.halk-bank .list-icon-orange li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
    font-size: 4px;
    vertical-align: middle;
    margin-right: 4px;
    color: #fb992c
}

body.halk-bank .customize .list-items {
    margin-bottom: 30px
}

body.halk-bank .customize .list-items ul li {
    margin-bottom: 8px
}

body.halk-bank .customize .list-items ul li a {
    display: block;
    border: 1px solid #dbe0e2;
    padding: 7px 8px 7px 22px;
    font-weight: 500;
    font-size: 13px;
    color: #4a555b
}

body.halk-bank .customize .list-items ul li a i {
    color: #e4e4e4;
    font-size: 15px;
    float: right
}

body.halk-bank .customize .list-items ul li a:hover {
    background: #f8f9fb
}

body.halk-bank .customize .list-items ul li a:hover i {
    color: #80d0fe
}

body.halk-bank .customize .smart-form {
    margin-bottom: 30px
}

body.halk-bank .customize label.input {
    width: 40px;
    display: inline-block
}

body.halk-bank .customize .scroll-pane {
    max-height: none;
    box-shadow: none
}

body.halk-bank .col-md-3.col-sm-12.col-xs-12.pull-right~.pull-right {
    clear: right
}

body.halk-bank .bootstrap-tagsinput input {
    border: 0 !important;
    width: 100% !important
}

body.halk-bank .row.pad-thin {
    margin-left: -8px !important;
    margin-right: -8px !important
}

body.halk-bank .row.pad-thin .col,
body.halk-bank .row.pad-thin .cols {
    padding-left: 8px;
    padding-right: 8px
}

body.halk-bank .info-circle {
    font-size: 0 !important;
    background: url(../img/info_toggle.png) no-repeat !important
}

body.halk-bank .icon-gecmisislem {
    width: 15px;
    height: 14px;
    margin-top: 3px;
    font-size: 0 !important;
    background: url(../img/clock.png) no-repeat !important
}

body.halk-bank .icon-info {
    background: url(../img/info_toggle.png) no-repeat;
    width: 30px;
    height: 30px;
    margin: -8.5px 10px -8.5px 0;
    vertical-align: middle;
    display: inline-block
}

body.halk-bank .header-container vb-information-item~vb-information-item,
body.halk-bank ul.normal {
    margin-left: 20px
}

body.halk-bank .popup-blue ul li {
    padding: 5px 5px 15px 15px;
    background: url(../img/popup-list-item.jpg) 0 10px no-repeat
}

body.halk-bank .smart-form .icon-append,
body.halk-bank .smart-form .icon-prepend {
    line-height: 25px;
    height: 25px
}

body.halk-bank ul.normal li {
    list-style: disc
}

body.halk-bank .header-container {
    display: inline-block
}

body.halk-bank .manual-group-item-expander {
    height: 45px;
    background: url(../img/bread-grad.png) 0 100% repeat-x #fefefe;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px !important;
    line-height: 30px;
    font-weight: 500;
    cursor: pointer;
    color: #fd881d
}

body.halk-bank .manual-group-item-expander:before {
    content: '-';
    font-size: 1.3076923076923077em;
    color: #a5afb4;
    font-weight: 700;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dad9d9;
    border-radius: 50%;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(100%, #f4f3f3));
    background: -webkit-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: -o-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: linear-gradient(to bottom, #fdfdfd 0, #f4f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f4f3f3', GradientType=0)
}

body.halk-bank .manual-group-item-expander.inner-item:before {
    margin-left: 35px
}

body.halk-bank .collapsed>.manual-group-item-expander:before {
    content: '+'
}

@media (max-width:991px) {

    body.halk-bank .tabs-left .nav-tabs li,
    body.halk-bank .tabs-left .nav-tabs li.active a .text {
        display: inline-block
    }

    body.halk-bank .tabs-left .tab-content {
        margin-left: 0;
        margin-top: -1px;
        border-radius: 5px
    }

    body.halk-bank .tabs-left .nav-tabs {
        float: none;
        text-align: center
    }

    body.halk-bank .tabs-left .nav-tabs li a {
        line-height: 35px;
        border-radius: 5px 5px 0 0;
        border-right-width: 1px !important
    }

    body.halk-bank .tabs-left .nav-tabs li a .icons {
        position: relative;
        z-index: 2
    }

    body.halk-bank .tabs-left .nav-tabs li a .icons.icon-hesaplarim {
        margin-top: -8px
    }

    body.halk-bank .tabs-left .nav-tabs li a .icons.icon-kartlarim,
    body.halk-bank .tabs-left .nav-tabs li a .icons.icon-krediler {
        margin-top: -7px
    }

    body.halk-bank .tabs-left .nav-tabs li a .icons.icon-varliklar {
        margin-top: -6px
    }

    body.halk-bank .tabs-left .nav-tabs li a .icons.icon-takvim {
        margin-top: -7px
    }

    body.halk-bank .tabs-left .nav-tabs li a .icons.icon-portfoy {
        margin-top: -1px
    }

    body.halk-bank .tabs-left .nav-tabs li.active a {
        margin-right: 0;
        width: auto;
        padding: 0 8px;
        border-bottom-color: #fff !important
    }

    body.halk-bank .tabs-left .nav-tabs li.active a .icons {
        margin-right: 4px
    }

    body.halk-bank .tabs-left .nav-tabs li+li {
        margin-top: 0
    }

    body.halk-bank .tabs-left~div {
        margin-left: 0
    }

    body.halk-bank #TopNav {
        position: static
    }

    body.halk-bank .content-shadow {
        box-shadow: none
    }

    body.halk-bank .contentAreaMain .last-proc .swiper-container {
        width: 285px;
        height: 110px;
        margin: 0 35px
    }

    body.halk-bank .contentAreaMain .last-proc .swiper-container .InnerItem {
        padding: 0 5px;
        height: 100%
    }

    body.halk-bank .contentAreaMain .last-proc .swiper-container .InnerItem article {
        height: 100%
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-control {
        width: 5%;
        text-shadow: none;
        top: 0;
        background: #fff;
        opacity: 1
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-control.left,
    body.halk-bank .contentAreaMain .last-proc .carousel-control.right {
        background-image: none;
        color: #94999c
    }

    body.halk-bank .contentAreaMain .last-proc .carousel-control i {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 50%
    }

    body.halk-bank .tabs-left.credit-cards {
        margin: auto
    }

    body.halk-bank .tabs-left.credit-cards .card-list-swiper {
        overflow: hidden
    }

    body.halk-bank .tabs-left.credit-cards .card-list-swiper .swiper-slide {
        float: left;
        width: auto !important;
        height: auto !important;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    body.halk-bank .tabs-left.credit-cards .swiper-container {
        height: 195px;
        float: none;
        width: 205px;
        margin: 0 30px;
        overflow: inherit;
        max-height: 195px
    }

    body.halk-bank .tabs-left.credit-cards>.tab-content {
        margin-left: 0;
        clear: both
    }

    body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs,
    body.halk-bank .tabs-left.credit-cards>.nav-tabs {
        max-height: 195px
    }

    body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs li,
    body.halk-bank .tabs-left.credit-cards>.nav-tabs li {
        width: 195px !important
    }

    body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs li a,
    body.halk-bank .tabs-left.credit-cards>.nav-tabs li a {
        text-align: center
    }

    body.halk-bank .tabs-left.credit-cards .limits .pull-right,
    body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs li a .text,
    body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs li.active a .text,
    body.halk-bank .tabs-left.credit-cards>.nav-tabs li a .text,
    body.halk-bank .tabs-left.credit-cards>.nav-tabs li.active a .text {
        text-align: left
    }

    body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs li a .cardContainerDivClass,
    body.halk-bank .tabs-left.credit-cards>.nav-tabs li a .cardContainerDivClass {
        margin: 0 auto;
        position: relative
    }

    body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs li a i.fa,
    body.halk-bank .tabs-left.credit-cards>.nav-tabs li a i.fa {
        line-height: 16px;
        width: 30px;
        border-radius: 0 0 30px 30px;
        position: absolute !important;
        bottom: -12px;
        left: 50% !important;
        margin-left: -15px
    }

    body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs li a i.fa:before,
    body.halk-bank .tabs-left.credit-cards>.nav-tabs li a i.fa:before {
        content: "\f107"
    }

    body.halk-bank .tabs-left.credit-cards .swiper-container .nav-tabs li.active a,
    body.halk-bank .tabs-left.credit-cards>.nav-tabs li.active a {
        padding: 0
    }

    body.halk-bank .tabs-left.credit-cards .limits h3 {
        font-size: 1.5384615384615385em
    }

    body.halk-bank .tabs-left.credit-cards .limits h3 span {
        font-size: .7692307692307693em
    }

    body.halk-bank .tabs-left.credit-cards .swiper-buttons {
        position: relative;
        float: none;
        background: 0 0;
        border: 0;
        height: 0;
        overflow: visible;
        width: inherit;
        display: block !important
    }

    body.halk-bank .tabs-left.credit-cards .swiper-buttons .button-next,
    body.halk-bank .tabs-left.credit-cards .swiper-buttons .button-prev {
        position: absolute;
        top: -162px;
        height: 150px;
        background-color: #fff;
        width: 50px;
        font-size: 1.8461538461538463em
    }

    body.halk-bank .tabs-left.credit-cards .swiper-buttons .button-next i,
    body.halk-bank .tabs-left.credit-cards .swiper-buttons .button-prev i {
        margin-top: 50px
    }

    body.halk-bank .tabs-left.credit-cards .swiper-buttons .button-prev {
        left: -23px
    }

    body.halk-bank .tabs-left.credit-cards .swiper-buttons .button-next {
        right: -23px;
        border-left: 0
    }

    body.halk-bank .tabs-left.credit-cards .swiper-buttons .fa-chevron-up:before {
        content: "\f104"
    }

    body.halk-bank .tabs-left.credit-cards .swiper-buttons .fa-chevron-down:before {
        content: "\f105"
    }

    body.halk-bank .tabs-left.credit-cards .view-designer-btns {
        float: none !important;
        width: 195px;
        margin: 0 auto 20px;
        position: relative
    }

    body.halk-bank .tabs-left.credit-cards .view-designer-btns .btn {
        display: block
    }

    body.halk-bank .tabs-left.credit-cards.list_active .view-designer-btns {
        top: 0;
        height: auto
    }

    body.halk-bank .tabs-left.credit-cards .limits h3 {
        margin: 0
    }

    body.halk-bank .tabs-left.credit-cards .limits .bar {
        display: none
    }

    body.halk-bank .tabs-left.credit-cards .limits+.row {
        margin-bottom: 15px
    }

    body.halk-bank .tabs-left.credit-cards .details .horizontal-align {
        overflow: hidden;
        border-bottom: 0;
        border-top: 1px solid #f3f3f3;
        padding-top: 20px;
        padding-bottom: 0
    }

    body.halk-bank .tabs-left.credit-cards .details .horizontal-align+.horizontal-align {
        margin-top: 0;
        padding-top: 0
    }

    body.halk-bank .tabs-left.credit-cards .details .horizontal-align+.horizontal-align .cell {
        margin-bottom: 0
    }

    body.halk-bank .tabs-left.credit-cards .details .cell {
        margin-bottom: 9px;
        width: 40%;
        float: left
    }

    body.halk-bank .tabs-left.credit-cards .details .cell+.cell {
        padding-left: 0
    }

    body.halk-bank .tabs-left.credit-cards .details .cell.cell.v-b {
        float: right;
        text-align: right;
        width: auto
    }

    body.halk-bank .tabs-left.credit-cards .details .cell.cell.v-t {
        float: none;
        display: block;
        width: auto
    }

    body.halk-bank .tabs-left.credit-cards .btns.text-right {
        text-align: left !important
    }

    body.halk-bank .tabs-left.credit-cards .credit-cards-table .btn {
        width: 48%
    }

    body.halk-bank .tabs-left.credit-cards .credit-cards-table .btn+.btn,
    body.halk-bank .tabs-left.credit-cards .credit-cards-table .btn+.btn+.btn+.btn {
        float: right;
        margin-left: 0
    }

    body.halk-bank .tabs-left.credit-cards .credit-cards-table .btn+.btn+.btn {
        float: none;
        margin-top: 8px
    }

    body.halk-bank .all-cards {
        margin: -15px -15px 15px;
        float: none;
        padding: 12px 0 8px;
        background-color: #f5f5f5
    }

    body.halk-bank .tabs.grey .tab-content {
        border-radius: 0
    }

    body.halk-bank .tabs.grey .tab-content.padding-10 {
        padding-top: 10px !important
    }

    body.halk-bank .tabs.grey .nav-tabs {
        padding: 7px 7px 0
    }

    body.halk-bank .tabs.grey .nav-tabs li {
        background: 0 0;
        margin-right: 0
    }

    body.halk-bank .tabs-left .tabs.grey .nav-tabs li a,
    body.halk-bank .tabs.grey .nav-tabs li a {
        line-height: 14px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    body.halk-bank .tabs .toggle.pull-top {
        margin-top: 7px
    }

    body.halk-bank #leftMenu .menu-item-parent a>.fa {
        display: none
    }

    body.halk-bank .button-group.col,
    body.halk-bank .button-group.export-helper {
        margin: 0
    }

    body.halk-bank .button-group .pull-right {
        float: none !important;
        display: block
    }

    body.halk-bank .box-content .table tbody td {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    body.halk-bank .calendar .fc-row.fc-widget-header {
        overflow: auto
    }

    body.halk-bank .calendar .fc-day-header {
        width: 80px
    }

    body.halk-bank .calendar .fc-event .fc-content {
        display: block
    }

    body.halk-bank .calendar .fc-event .fc-content .fc-title {
        padding-left: 20px;
        width: 90%
    }

    body.halk-bank .calendar .fc-event .fc-content .buttons {
        display: table-cell;
        zoom: 1;
        padding-left: 30px;
        vertical-align: top;
        width: 10%
    }

    body.halk-bank .calendar .fc-event .fc-content .buttons .btn.circle {
        width: 22px;
        height: 22px;
        line-height: 22px
    }

    body.halk-bank .calendar .fc-event .fc-content .buttons .btn.circle~.btn.circle {
        margin-left: 4px
    }

    body.halk-bank #footer.inner-footer .container {
        padding: 13px
    }

    body.halk-bank #footer.inner-footer .shortcut-links {
        height: auto
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container {
        padding: 0 0 5px;
        margin: 0;
        width: 100%
    }

    body.halk-bank #footer.inner-footer .shortcut-links .link {
        margin-left: 2vw;
        margin-right: 2vw
    }

    body.halk-bank #footer.inner-footer .shortcut-links .link i.fa {
        margin-top: -2px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .link:hover {
        color: #ff700f
    }
}

@media (max-width:767px) {

    body.halk-bank .assets section .row .col-sm-6+.col-sm-6:before,
    body.halk-bank .tabs-left .nav-tabs li.active a .text {
        display: none
    }

    body.halk-bank #footer.inner-footer,
    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link,
    body.halk-bank .edit-image-button {
        position: relative
    }

    body.halk-bank [vb-id=TaxMovementsButton] {
        padding: 0 !important
    }

    body.halk-bank .receipt-modal .modal-dialog {
        min-width: inherit;
        margin-top: 80px;
        margin-bottom: 80px
    }

    body.halk-bank .margin-top-xs-20 {
        margin-top: 20px
    }

    body.halk-bank .logout {
        padding-left: 13px;
        padding-right: 13px
    }

    body.halk-bank .logout .loginHead span {
        font-weight: 400;
        font-size: 27px;
        color: #fff;
        text-shadow: 0 0 20px rgba(255, 255, 255, .5);
        max-width: 550px;
        margin: 0
    }

    body.halk-bank .logout .right-p {
        font-size: 1.0769230769230769em;
        margin-bottom: 90px;
        margin-top: 100px;
        color: #fff
    }

    body.halk-bank.extr-page #main .loginArea.logout {
        background-image: url(../img/logout-bg.jpg);
        background-color: #1b3d59;
        background-position: center top;
        background-size: cover
    }

    body.halk-bank #main .container.p10 {
        padding: 0 11px
    }

    body.halk-bank .acc .list article,
    body.halk-bank .acc header,
    body.halk-bank .box-content section .pad {
        padding: 10px
    }

    body.halk-bank .acc .list {
        max-height: none;
        padding: 10px
    }

    body.halk-bank .acc header .pull-right {
        float: none !important;
        text-align: right
    }

    body.halk-bank .acc header .select.circle {
        float: left;
        text-align: left
    }

    body.halk-bank .acc .list article .buttons {
        width: 24px
    }

    body.halk-bank .acc .list article .buttons .btn {
        margin: 2px
    }

    body.halk-bank .acc .list article .buttons .detail-but {
        margin: -23px 0 0;
        text-align: left
    }

    body.halk-bank .smart-form section,
    body.halk-bank .tabs-left .nav-tabs li.active a .icons {
        margin-right: 0
    }

    body.halk-bank .acc .list article .buttons .detail-but .btn {
        font-size: .6923076923076923em;
        min-width: auto;
        margin-left: 0
    }

    body.halk-bank .acc .list article .buttons .detail-but .btn+.btn {
        margin-left: 2px
    }

    body.halk-bank .acc .list article.show-btn .hide-d-but-m {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    body.halk-bank .btn.circle .fa {
        font-size: .7692307692307693em
    }

    body.halk-bank .edit-image-button {
        top: -3px
    }

    body.halk-bank .btn.circle {
        width: 20px;
        height: 20px;
        line-height: 18px;
        top: -4px
    }

    body.halk-bank .btn.circle.rev {
        line-height: 17px
    }

    body.halk-bank .assets section .row .col-sm-6+.col-sm-6 {
        margin-top: 25px
    }

    body.halk-bank .last-trans article .cell {
        padding: 10px 5px 10px 10px
    }

    body.halk-bank .tabs-left .nav-tabs li a {
        width: auto;
        padding: 0 15px;
        font-size: .9230769230769231em
    }

    body.halk-bank .tabs-left .nav-tabs li.active a {
        padding: 0 14px
    }

    body.halk-bank .calendar .fc-row.fc-widget-header {
        overflow: auto
    }

    body.halk-bank .calendar .fc-day-header {
        width: 80px
    }

    body.halk-bank .calendar .fc-event .fc-content {
        display: block
    }

    body.halk-bank .calendar .fc-event .fc-content .fc-title {
        padding-left: 20px;
        width: 90%
    }

    body.halk-bank .calendar .fc-event .fc-content .buttons {
        display: table-cell;
        zoom: 1;
        padding-left: 0;
        vertical-align: top;
        width: 10%
    }

    body.halk-bank .calendar .fc-event .fc-content .buttons .btn.circle {
        width: 22px;
        height: 22px;
        line-height: 22px
    }

    body.halk-bank .calendar .fc-event .fc-content .buttons .btn.circle~.btn.circle {
        margin-left: 10px;
        height: 17px
    }

    body.halk-bank .fc .fc-toolbar {
        line-height: 20px
    }

    body.halk-bank .container.p0-m {
        padding: 0 !important;
        margin-top: -20px
    }

    body.halk-bank .container.p0-m .loginContainer.pad {
        border: 0;
        padding: 15px
    }

    body.halk-bank .form-horizontal label {
        font-size: .9230769230769231em
    }

    body.halk-bank .graph_view .highcharts-legend,
    body.halk-bank .graph_view .highcharts-legend .null {
        left: 0 !important;
        right: 0
    }

    body.halk-bank .graph_view .highcharts-legend-item {
        width: 100%;
        left: 0 !important
    }

    body.halk-bank .graph_view .highcharts-legend-item>span {
        left: 0 !important
    }

    body.halk-bank .contentAreaMain {
        padding-bottom: 45px
    }

    body.halk-bank .tabs.grey .nav-tabs li {
        width: 48% !important
    }

    body.halk-bank .smart-form .col-sm-3+.col-sm-5 {
        float: none !important;
        clear: both;
        margin-right: 28px;
        width: auto
    }

    body.halk-bank .smart-form .col-2 .text-muted,
    body.halk-bank .smart-form .col-3 .text-muted,
    body.halk-bank .smart-form .col-lg-3 .text-muted,
    body.halk-bank .smart-form .col-sm-3 .text-muted {
        padding-bottom: 9px !important;
        padding-top: 8px;
        line-height: inherit;
        display: block;
        height: auto;
        vertical-align: inherit
    }

    body.halk-bank .smart-form .lbl {
        padding-bottom: 9px
    }

    body.halk-bank .my-credit-cards .proc {
        overflow: hidden;
        margin-bottom: 30px
    }

    body.halk-bank .my-credit-cards .proc .cell {
        margin-bottom: 10px;
        float: left;
        width: 50%
    }

    body.halk-bank .my-credit-cards .proc .cell+.cell {
        padding-left: 0
    }

    body.halk-bank .my-credit-cards .foot-total span+span {
        width: 6pc
    }

    body.halk-bank #main .container.p0-xs {
        padding: 0
    }

    body.halk-bank #main .container.p0-xs .loginContainer.pad {
        padding-left: 10px;
        padding-right: 10px
    }

    body.halk-bank .contentAreaMain .breadcrumb {
        font-size: .8461538461538461em
    }

    body.halk-bank .button-group {
        margin: 0
    }

    body.halk-bank .button-group div.pull-right {
        float: none !important
    }

    body.halk-bank .loginContainer.pad {
        padding-left: 18px;
        padding-right: 18px
    }

    body.halk-bank .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 30px
    }

    body.halk-bank .select2-container .select2-selection--single .select2-selection__rendered .fRight {
        padding-right: 0 !important
    }

    body.halk-bank .row.summary-row .cell {
        width: 50%
    }

    body.halk-bank .ie-failed {
        padding: 0 10px
    }

    body.halk-bank .ie-failed h2 {
        font-size: 1.3076923076923077em;
        line-height: 1.6
    }

    body.halk-bank .table.first-30 tr td:first-child {
        width: auto
    }

    body.halk-bank .breadcrumb {
        padding-left: 20px !important
    }

    body.halk-bank .breadcrumb>li:first-child {
        width: 20px;
        margin-left: -20px
    }

    body.halk-bank .forgot-password .remind ul li+li {
        margin-top: 30px
    }

    body.halk-bank .details .cell,
    body.halk-bank .details .cell.cell.v-b {
        width: 50% !important
    }

    body.halk-bank #main {
        padding-bottom: 0
    }

    body.halk-bank #footer.inner-footer>.container {
        padding: 10px 0;
        height: auto;
        width: 100%
    }

    body.halk-bank #footer.inner-footer .shortcut-links {
        height: auto
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container {
        padding: 6px 0 0 15px;
        margin: 0;
        width: 100%;
        height: 61px;
        display: block;
        text-align: left;
        position: relative
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link {
        display: inline-block;
        flex: none
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .custom-link .link {
        margin-left: 1vw;
        margin-right: 1vw;
        padding-left: 40px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link .link.dialog,
    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link .link.faq,
    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link.cust+.custom-link .link {
        display: none
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link.cust.ng-hide+.custom-link .link {
        display: block
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links {
        display: none;
        flex: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        padding-bottom: 61px;
        background: #fd6720;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fe6c16), color-stop(1, #fc602d));
        background: -ms-linear-gradient(bottom, #fe6c16, #fc602d);
        background: -moz-linear-gradient(center bottom, #fe6c16 0, #fc602d 100%);
        background: -o-linear-gradient(#fc602d, #fe6c16);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc602d', endColorstr='#fe6c16', GradientType=0);
        width: 100%
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link {
        display: block;
        height: auto;
        width: 100%;
        float: none
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link {
        margin: 0;
        height: 60px;
        padding-top: 15px;
        padding-left: 60px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.cust-representative,
    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.happy-center {
        display: none
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link i {
        top: 12px;
        left: 15px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link.cust+.custom-link .link {
        display: block
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link.cust.ng-hide+.custom-link .link {
        display: none
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .mobile-footer {
        width: 25px;
        height: 25px;
        display: inline-block;
        border-radius: 50%;
        border: 1px solid #fff;
        color: #fff;
        text-align: center;
        line-height: 22px;
        font-size: 14px;
        float: right;
        margin: 12px 16px 0 0;
        position: relative;
        z-index: 2
    }

    body.halk-bank #footer.inner-footer .shortcut-links.reveal-links .container>.custom-link {
        z-index: 3
    }

    body.halk-bank #footer.inner-footer .shortcut-links.reveal-links .container .orange-links {
        display: block
    }

    body.halk-bank #footer.inner-footer .social {
        float: none;
        width: auto;
        text-align: center;
        margin-bottom: 10px
    }

    body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDate,
    body.halk-bank .calendar #calendarView .calendarListHeader .calendarDate {
        width: 72px
    }

    body.halk-bank #footer.inner-footer .social a {
        padding: 0;
        margin: 0 15px 0 0;
        font-size: 17px;
        color: #474747;
        opacity: .65
    }

    body.halk-bank #footer.inner-footer .copyright {
        font-size: 11px;
        color: #474747;
        line-height: 16px;
        display: block;
        text-align: center
    }

    body.halk-bank.extr-page #main {
        padding-top: 0
    }

    body.halk-bank .calendar #calendarView .calendarListHeader .calendarDetail {
        padding-right: 25px;
        padding-left: 27px
    }

    body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail {
        padding-left: 24px;
        padding-right: 25px
    }

    body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li {
        height: auto;
        min-height: 37px;
        padding-bottom: 5px
    }

    body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li span {
        max-width: 100%;
        display: block;
        text-overflow: clip;
        overflow: inherit;
        height: auto;
        white-space: normal;
        word-wrap: break-word
    }

    body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li b.amount {
        display: block;
        text-align: right;
        padding-top: 0
    }

    body.halk-bank .calendar #calendarView .calendarList .calendarItem .calendarDetail ul li b.amount u {
        float: right;
        margin-top: 4px
    }

    body.halk-bank .manual-group-item-expander.inner-item {
        padding-left: 70px;
        position: relative;
        min-height: 45px;
        height: auto;
        line-height: 20px;
        padding-top: 5px;
        padding-bottom: 0
    }

    body.halk-bank .manual-group-item-expander.inner-item:before {
        position: absolute;
        left: 40px;
        top: 13px;
        margin: 0
    }

    body.halk-bank .loginArea #trySmsOption span.try-sms i {
        left: 9px !important
    }

    body.halk-bank .loginArea .otp-message>.col label .input p {
        margin-right: -15px
    }
}

body.halk-bank .cc-icon,
body.halk-bank .cc-icon:before {
    vertical-align: middle;
    display: inline-block
}

@media screen and (max-width:600px) {
    body.halk-bank .smart-form .row {
        margin-right: -10px;
        margin-left: -10px
    }

    body.halk-bank .smart-form .col {
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    body.halk-bank .smart-form .col.col-6 {
        width: 50%
    }

    body.halk-bank .smart-form .col.col-xs-12 {
        width: 100%
    }

    body.halk-bank #footer {
        text-align: center
    }

    body.halk-bank #footer p.pull-right {
        margin-bottom: 12px;
        float: none !important
    }

    body.halk-bank .row.summary-row .cell {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    body.halk-bank #header .menu {
        float: right
    }

    body.halk-bank #header .menu a {
        margin: 0;
        width: 100%
    }

    body.halk-bank .vbRadioButtonList.inline-group .radio {
        width: 100% !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.halk-bank.extr-page #header .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        width: 100%;
        padding: 0 10px;
        margin: 0
    }

    body.halk-bank.extr-page #main .container {
        width: 100%;
        min-width: 0
    }

    body.halk-bank.extr-page #main .container .login-input-box {
        float: none
    }

    body.halk-bank.extr-page #main .container .login-carousel {
        display: block;
        position: relative;
        float: none
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind {
        padding-top: 0
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind .loginSlide {
        position: relative;
        min-height: 0
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind .loginSlide .carousel-indicators {
        text-align: center;
        width: 100%;
        bottom: -20px
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind .loginSlide .carousel-inner .item {
        min-height: 220px !important
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea {
        display: block;
        align-items: normal
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea a {
        text-align: center
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea div {
        text-align: center;
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        width: auto
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea div br {
        line-height: 10px
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea div:first-child {
        font-size: 22px !important;
        line-height: 24px !important;
        margin-bottom: 10px
    }

    body.halk-bank.extr-page #main .container .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea div:last-child {
        height: 40px !important;
        line-height: 40px !important;
        margin-top: 10px
    }

    body.halk-bank.extr-page #main .container>.row {
        margin-left: 0;
        margin-right: 0
    }

    body.halk-bank.extr-page #main .container .col-sm-offset-8 {
        float: right;
        margin-left: 0
    }

    body.halk-bank.extr-page #main .login-box-area .col-md-3 {
        padding: 0 5px;
        width: 25%;
        margin: 0;
        float: left
    }

    body.halk-bank.extr-page #main .login-box-area .col-md-3:first-child {
        padding-left: 0
    }

    body.halk-bank.extr-page #main .login-box-area .col-md-3:last-child {
        padding-right: 0
    }

    body.halk-bank.extr-page #main .login-box-area .col-md-3 .box {
        min-height: 162px
    }

    body.halk-bank .loginStatus {
        width: 49%;
        float: right;
        clear: right
    }

    body.halk-bank .loginStatus.corporate {
        width: auto;
        float: none
    }

    body.halk-bank vb-last-transactions {
        display: block;
        clear: both
    }

    body.halk-bank .headerSub .container .LoginInfo {
        right: 60px
    }

    body.halk-bank .headerSub .container .LoginInfo .LoginWelcome {
        padding-top: 0
    }

    body.halk-bank .main-right .seperate-panels {
        display: block;
        margin-bottom: 12px
    }

    body.halk-bank .main-right .seperate-panels:after {
        content: '';
        display: block;
        clear: both
    }

    body.halk-bank .main-right .seperate-panels .right-banner {
        width: 48%;
        float: left
    }

    body.halk-bank .main-right .seperate-panels .right-banner .tabbable.banner-pane {
        clear: both;
        width: 100%;
        float: left;
        height: auto
    }

    body.halk-bank .main-right .seperate-panels .right-banner .tabbable.banner-pane .tab-pane {
        height: auto
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions {
        padding-bottom: 10px;
        width: 48%;
        float: right
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites {
        width: 100%;
        float: none;
        min-height: 295px;
        margin-bottom: 0
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites .swipe-left,
    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites .swipe-right {
        top: 50%;
        margin-top: 15px;
        font-size: 22px;
        display: none
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites .swipe-left {
        left: 12px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites .swipe-right {
        right: 12px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites header {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 38px;
        height: 49px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites header .fa-pencil {
        margin-top: 9px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites header label {
        font-size: 17px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites>.transactions {
        height: auto;
        padding: 9px 0;
        margin: 0
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites>.transactions #favoritesCarousel {
        min-width: 100%;
        width: auto !important;
        height: 208px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites>.transactions .item {
        width: 33.3%;
        height: 104px !important;
        float: left
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites>.transactions .item span {
        padding: 0 5px;
        font-size: 13px;
        line-height: 18px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites.no-data #favoritesCarousel .item.new {
        margin: 50px auto 0;
        float: none
    }

    body.halk-bank .tabbable.banner-pane+.box-content {
        width: 49%;
        float: right
    }

    body.halk-bank .tabs-left .nav-tabs li a {
        color: #333;
        font-weight: 400;
        width: auto;
        padding: 0 8px
    }

    body.halk-bank .tabs-left .nav-tabs li a .icons {
        margin-right: 4px
    }

    body.halk-bank .tabs-left .nav-tabs li a .text {
        display: inline-block
    }

    body.halk-bank #calendar-modal .smart-form section {
        margin-right: 0
    }

    body.halk-bank .all-cards {
        margin: 0 0 20px;
        padding: 0;
        background: 0 0
    }

    body.halk-bank .icons.icon-hesaplarim {
        margin-top: -6px
    }

    body.halk-bank .icons.icon-kartlarim,
    body.halk-bank .icons.icon-krediler {
        margin-top: -7px
    }

    body.halk-bank .icons.icon-varliklar {
        margin-top: -6px
    }

    body.halk-bank .icons.icon-takvim {
        margin-top: -7px
    }

    body.halk-bank .icons.icon-portfoy {
        margin-top: -1px
    }

    body.halk-bank #main .main-page .market-info-box {
        bottom: 106px
    }

    body.halk-bank #main .main-page .market-info-box .container {
        width: 740px;
        padding-top: 5px
    }

    body.halk-bank #main .main-page .market-info-box .container section {
        width: 570px
    }

    body.halk-bank #main .main-page .market-info-box .container section .swipe-buttons {
        z-index: 2;
        margin-top: 16px
    }

    body.halk-bank #main .main-page .market-info-box .container section .swipe-buttons.swipe-right {
        right: 30px
    }

    body.halk-bank #main .main-page .market-info-box .container section vb-main-page-financial-market-list-grid .item-list {
        width: 510px
    }

    body.halk-bank #main .main-page .market-info-box .container section vb-main-page-financial-market-list-grid .item-list .item-slide .market-item {
        width: 130px
    }

    body.halk-bank #main .main-page .box-content header h2 {
        font-size: 17px
    }

    body.halk-bank #main .main-page .form-horizontal .toggle i:after,
    body.halk-bank #main .main-page .form-horizontal .toggle i:before {
        content: '';
        font-size: 16px;
        margin: 0 0 0 15px
    }

    body.halk-bank #main .main-page .select.dropdown-lite {
        margin-right: 30px !important
    }

    body.halk-bank #main .main-page .select.dropdown-lite div.select2 .select2-container .select2-selection .select2-selection__rendered {
        font-size: 15px
    }

    body.halk-bank #footer .container {
        min-width: 0;
        width: 100% !important;
        height: auto !important
    }

    body.halk-bank #footer .container .row {
        margin: 0
    }

    body.halk-bank #footer.inner-footer>.container {
        max-width: 746px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container {
        position: relative;
        padding-left: 30px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link {
        display: inline-block;
        z-index: 3;
        position: relative
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link .link.happy-center {
        width: 143px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link .link.dialog {
        width: 171px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link .link.faq {
        width: 157px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link .link.transactions {
        width: 139px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container>.custom-link .link.e-devlet {
        width: 130px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links {
        display: none;
        flex: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        padding-bottom: 61px;
        background: #fd6720;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fe6c16), color-stop(1, #fc602d));
        background: -ms-linear-gradient(bottom, #fe6c16, #fc602d);
        background: -moz-linear-gradient(center bottom, #fe6c16 0, #fc602d 100%);
        background: -o-linear-gradient(#fc602d, #fe6c16);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc602d', endColorstr='#fe6c16', GradientType=0);
        width: 100%
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link {
        display: block;
        height: auto;
        width: 100%;
        float: none;
        text-align: left
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link {
        margin: 0 0 0 20px;
        height: 60px;
        padding-top: 15px;
        padding-left: 60px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link i {
        top: 12px;
        left: 15px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.cust-representative,
    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.dialog,
    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.faq,
    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.happy-center {
        display: none !important
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .mobile-footer {
        width: 25px;
        height: 25px;
        display: inline-block;
        border-radius: 50%;
        border: 1px solid #fff;
        color: #fff;
        text-align: center;
        line-height: 22px;
        font-size: 14px;
        float: right;
        margin: 12px 16px 0 0;
        position: relative;
        z-index: 2
    }

    body.halk-bank #footer.inner-footer .shortcut-links.reveal-links .container .orange-links {
        display: block
    }

    body.halk-bank #footer.inner-footer .shortcut-links.reveal-links .container .mobile-footer .fa:before {
        content: "\f078"
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane .acc .accounts-pie+div {
        width: 490px !important
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane .acc .list article p .cell:first-child {
        max-width: 150px
    }
}

@media (min-width:992px) {
    body.halk-bank .main-page>.row {
        margin-left: 0;
        margin-right: 0
    }

    body.halk-bank .main-page .row>.col-md-3 {
        width: 294px;
        padding: 0
    }

    body.halk-bank .main-page .row>.col-md-9 {
        width: 772px;
        padding: 0
    }

    body.halk-bank .rv-cards-col {
        min-width: 105px
    }

    body.halk-bank #campaignCarousel {
        width: 292px;
        height: 205px
    }

    body.halk-bank #campaignCarousel .swiper-wrapper {
        overflow-y: hidden
    }

    body.halk-bank #footer.inner-footer .shortcut-links>.container>.custom-link {
        display: none !important
    }
}

body.halk-bank .autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto
}

body.halk-bank .autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden
}

body.halk-bank ​ .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

body.halk-bank .swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transition-timing-function: ease;
    -o-transform: translate(0, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

body.halk-bank .swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

body.halk-bank .swiper-slide {
    float: left;
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

body.halk-bank .swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

body.halk-bank .swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

body.halk-bank .swiper-pagination {
    text-align: center;
    z-index: 10;
    bottom: 10px;
    left: 0;
    right: 0
}

body.halk-bank .swiper-pagination-switch {
    margin: 0 2.5px;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

body.halk-bank .swiper-active-switch,
body.halk-bank .tooltip.in {
    opacity: 1
}

body.halk-bank .modal-dialog {
    margin: 10px
}

@media (min-width:768px) {
    body.halk-bank .modal-dialog {
        margin: 80px auto
    }
}

body.halk-bank .y10 {
    font-size: 10px
}

body.halk-bank .y12 {
    font-size: 12px
}

body.halk-bank .mB25 {
    margin-bottom: 25px
}

body.halk-bank #header.cc-head {
    background: #1a6fb4 !important;
    height: 80px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}

body.halk-bank #header.cc-head~.OverlayBG {
    top: 80px
}

body.halk-bank #header.cc-head+#TopNav {
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%
}

body.halk-bank #header.cc-head .authorized-customer,
body.halk-bank #header.cc-head .company-info {
    width: 415px
}

body.halk-bank #header.cc-head .company-name {
    height: 44px
}

body.halk-bank #header.cc-head .cc-date-info {
    width: 185px;
    padding-left: 10px
}

body.halk-bank #header.cc-head .retail-user {
    width: 300px
}

body.halk-bank #header.cc-head .retail-user-detail {
    width: 370px
}

body.halk-bank.cc-body>#main {
    margin-top: 134px
}

body.halk-bank.cc-body .container.main-page {
    margin-left: -13px
}

body.halk-bank .btn.orange {
    background: #fa761f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fa761f), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #fa761f, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #fa761f 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #fa761f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#fa761f', GradientType=0);
    font-size: 13px;
    color: #fff;
    box-shadow: none;
    padding: 7px 32px;
    border-radius: 15px;
    border: 0
}

body.halk-bank .btn.cchead-orange,
body.halk-bank .btn.head-orange {
    width: 30px;
    height: 30px;
    line-height: 28px;
    color: #fff;
    padding: 0;
    text-align: center
}

body.halk-bank .btn.head-orange {
    border: 1px solid #c8d9e6;
    border-radius: 50%;
    background: 0 0
}

body.halk-bank .btn.head-orange:hover {
    background: #f4f4f4;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f4f4), color-stop(1, #fdfdfd));
    background: -ms-linear-gradient(bottom, #f4f4f4, #fdfdfd);
    background: -moz-linear-gradient(center bottom, #f4f4f4 0, #fdfdfd 100%);
    background: -o-linear-gradient(#fdfdfd, #f4f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f4f4f4', GradientType=0);
    border-color: #ff700f;
    box-shadow: none
}

body.halk-bank .btn.cchead-orange {
    border: 1px solid #c8d9e6;
    border-radius: 50%;
    background: 0 0
}

body.halk-bank .btn.cchead-orange:hover {
    background: #ff700f;
    border-color: #ff700f;
    box-shadow: none
}

body.halk-bank .btn.blue.big {
    padding-top: 8px;
    padding-bottom: 8px
}

body.halk-bank .btn.white.grad.blue-t {
    color: #157aba
}

body.halk-bank .tooltip .tooltip-inner {
    background: #004e95;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 8px 10px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
    max-width: none;
    font-weight: 400
}

body.halk-bank .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #004e95
}

body.halk-bank .tooltip.top .tooltip-arrow {
    border-top-color: #004e95
}

body.halk-bank .tooltip.right .tooltip-arrow {
    border-right-color: #004e95
}

body.halk-bank .tooltip.left .tooltip-arrow {
    border-left-color: #004e95
}

body.halk-bank .cc-icon:before {
    content: '';
    background: url(../img/call-center/icons.png) no-repeat
}

body.halk-bank .cc-icon.agent-w:before {
    width: 21px;
    height: 21px;
    background-position: 0 0
}

body.halk-bank .cc-icon.agent-w-grey:before {
    width: 21px;
    height: 21px;
    background-position: -25px 0
}

body.halk-bank .cc-icon.agent-w-grey.big:before {
    width: 30px;
    height: 30px;
    background-position: -25px -22px
}

body.halk-bank .cc-icon.agent-w-grey.bigger:before {
    width: 40px;
    height: 40px;
    background-position: -25px -111px
}

body.halk-bank .cc-icon.call-back:before {
    width: 19px;
    height: 17px;
    background-position: 0 -23px
}

body.halk-bank .cc-icon.question:before {
    width: 12px;
    height: 16px;
    background-position: 0 -42px
}

body.halk-bank .cc-icon.close-x:before {
    width: 15px;
    height: 14px;
    background-position: 0 -60px
}

body.halk-bank .cc-icon.search:before {
    width: 16px;
    height: 15px;
    background-position: 0 -76px
}

body.halk-bank .cc-icon.pen:before {
    width: 15px;
    height: 14px;
    background-position: 0 -93px
}

body.halk-bank .cc-icon.cus-call:before {
    width: 25px;
    height: 26px;
    background-position: 0 -109px
}

body.halk-bank .cc-icon.secure-up:before {
    width: 22px;
    height: 26px;
    background-position: -25px -54px
}

body.halk-bank .cc-icon.secure-logs:before {
    width: 24px;
    height: 26px;
    background-position: -25px -82px
}

body.halk-bank #footer-cc {
    color: #b9b9b9;
    text-align: center;
    background: 0 0;
    font-weight: 400;
    margin-top: 30px
}

body.halk-bank .white-main {
    overflow: hidden;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .15);
    background: #fff;
    border-radius: 5px
}

body.halk-bank .white-main .hi.message {
    margin: 0 15px 20px
}

body.halk-bank .hi.message {
    padding: 10px 12px;
    border-radius: 4px;
    background: #4ca5ee;
    background: -moz-linear-gradient(-45deg, #4ca5ee 0, #1a81d4 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #4ca5ee), color-stop(100%, #1a81d4));
    background: -webkit-linear-gradient(-45deg, #4ca5ee 0, #1a81d4 100%);
    background: -o-linear-gradient(-45deg, #4ca5ee 0, #1a81d4 100%);
    background: -ms-linear-gradient(-45deg, #4ca5ee 0, #1a81d4 100%);
    background: linear-gradient(135deg, #4ca5ee 0, #1a81d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ca5ee', endColorstr='#1a81d4', GradientType=1);
    font-size: 14px;
    color: #fff;
    position: relative
}

body.halk-bank .hi.message .btn {
    margin-left: 5px
}

body.halk-bank .hi.message:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #48a2ec transparent transparent;
    position: absolute;
    top: 100%;
    left: 40px
}

body.halk-bank .hi.message i.cc-icon {
    margin-right: 15px;
    width: 70px
}

body.halk-bank .hi.message .orange {
    color: #ff700f
}

body.halk-bank .hi.message.white {
    background: #fff;
    border: 1px solid #cfd4dd;
    color: #1a6fb4;
    font-weight: 500;
    margin-bottom: 20px
}

body.halk-bank .hi.message.white:after {
    border-width: 8px 7.5px 0;
    border-color: #fff transparent transparent;
    left: 41px
}

body.halk-bank .hi.message.white:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 9px 8.5px 0;
    border-color: #cfd4dd transparent transparent;
    border-style: solid;
    position: absolute;
    left: 40px;
    top: 100%
}

body.halk-bank .hi.message.white i.cc-icon {
    display: table-cell;
    vertical-align: top;
    padding-right: 19px;
    padding-left: 19px
}

body.halk-bank .hi.message.white i.cc-icon+div {
    display: table-cell;
    vertical-align: middle
}

body.halk-bank .hi.message.white .blue-t {
    color: #1a6fb4
}

body.halk-bank .hi.message.white .blue-t b {
    color: red !important
}

body.halk-bank .hi.message.white.black {
    display: table;
    width: 100%;
    font-size: 16px
}

body.halk-bank .hi.message.white.black b {
    color: red
}

body.halk-bank .hi.message.no-border {
    border: 0;
    margin-bottom: 0
}

body.halk-bank .hi.message.no-border:after,
body.halk-bank .hi.message.no-border:before {
    display: none
}

body.halk-bank .message-label {
    font-size: 16px;
    color: #494949
}

body.halk-bank #CustomGrid th {
    font-weight: 700;
    font-size: 15px
}

body.halk-bank .security-question .alert {
    font-weight: 700;
    font-size: 1.1em
}

body.halk-bank .aeos-error {
    font-size: 1.2em;
    color: red;
    font-weight: 700
}

body.halk-bank .alerts .alert-mini {
    border-top: 1px solid #ebebeb;
    padding: 10px 15px
}

body.halk-bank .alert-mini {
    color: #494949;
    font-weight: 700
}

body.halk-bank .alert-mini i.icon-m {
    color: #f66f33;
    font-size: 26px;
    vertical-align: middle;
    margin-right: 12px
}

body.halk-bank .alert-mini .close-message {
    float: right;
    color: #b2b2b2;
    border: 1px solid #b2b2b2;
    border-radius: 50%;
    text-align: center;
    margin-top: 4px
}

body.halk-bank .alert-mini .close-message i.fa {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
    font-size: 9px
}

body.halk-bank .tab-normal .nav-tabs li,
body.halk-bank .tab-normal .nav-tabs li.active {
    width: auto
}

body.halk-bank .cc-main-tab {
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0
}

body.halk-bank .cc-main-tab .nav-tabs {
    display: table;
    width: 100%;
    background: 0 0;
    padding: 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #cfcece
}

body.halk-bank .cc-main-tab .nav-tabs li {
    display: table-cell;
    float: none
}

body.halk-bank .cc-main-tab .nav-tabs li a {
    padding: 11px 10px;
    border: 1px solid #ebeaea;
    border-width: 0 1px;
    color: #7c7c7c;
    font-size: 15px;
    font-weight: 500;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 20%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #fff 20%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #fff 20%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #fff 20%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #fff 20%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0)
}

body.halk-bank .cc-main-tab .nav-tabs li:first-child a {
    border-top-left-radius: 5px
}

body.halk-bank .cc-main-tab .nav-tabs li:last-child a {
    border-top-right-radius: 5px
}

body.halk-bank .cc-main-tab .nav-tabs li a.risk {
    color: #fe0000
}

body.halk-bank .cc-main-tab .nav-tabs li.active a,
body.halk-bank .cc-main-tab .nav-tabs li:hover a {
    font-size: 15px;
    background: #3796e3;
    color: #fff
}

body.halk-bank .cc-main-tab .new-entry {
    clear: both;
    border-top: 1px solid #ececec;
    padding: 15px 0
}

body.halk-bank .table-white-header {
    font-size: 12.5px;
    margin: 0 !important
}

body.halk-bank .box-content section .pad.border .message,
body.halk-bank .table label.radio {
    margin-bottom: 0
}

body.halk-bank .table-white-header thead tr th {
    background: #fff;
    border: 0 !important;
    border-bottom: 1px solid #dcdcdc !important
}

body.halk-bank .table-white-header thead tr th.sorting,
body.halk-bank .table-white-header thead tr th.sorting_asc,
body.halk-bank .table-white-header thead tr th.sorting_desc {
    background: #fff
}

body.halk-bank .table-white-header tbody tr:first-child td {
    border-top: 0 !important
}

body.halk-bank .table-white-header tbody>tr>td,
body.halk-bank .table-white-header tbody>tr>th,
body.halk-bank .table-white-header thead>tr>td,
body.halk-bank .table-white-header thead>tr>th {
    vertical-align: middle;
    color: #494949
}

body.halk-bank .table-white-header .faded {
    white-space: nowrap;
    color: #676767
}

body.halk-bank .table-white-header .faded b {
    color: #494949
}

body.halk-bank .table-white-header.table-striped tbody tr,
body.halk-bank .table-white-header.table-striped.hide-header tbody tr {
    background: #f8f9fb
}

body.halk-bank .table-white-header.table-striped tbody tr:nth-of-type(odd),
body.halk-bank .table-white-header.table-striped thead+tbody tr,
body.halk-bank .table-white-header.table-striped.hide-header tbody tr:nth-of-type(odd) {
    background: #fff
}

body.halk-bank .table-white-header.table-striped thead+tbody tr:nth-of-type(odd) {
    background: #f8f9fb
}

body.halk-bank .table-white-header.thin th {
    height: 30px
}

body.halk-bank .table-white-header.thin td {
    padding: 6px 10px
}

body.halk-bank .dataTables_filter {
    display: none
}

body.halk-bank .dataTables_wrapper .dataTables_scrollBody table.dataTable tr {
    border: 0
}

body.halk-bank .dataTables_wrapper .dataTables_scrollBody table.dataTable th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 0;
    border: 0 !important;
    overflow: hidden
}

body.halk-bank .dataTables_wrapper .dataTables_scrollBody table.dataTable th.sorting:after,
body.halk-bank .dataTables_wrapper .dataTables_scrollBody table.dataTable th.sorting_asc:after,
body.halk-bank .dataTables_wrapper .dataTables_scrollBody table.dataTable th.sorting_desc:after {
    height: 0;
    overflow: hidden
}

body.halk-bank .dataTables_scroll .dataTables_scrollBody,
body.halk-bank .dataTables_scroll .dataTables_scrollHead {
    float: none
}

body.halk-bank .dataTables_scroll .dataTables_scrollHeadInner {
    margin-top: 0;
    padding-left: 0 !important
}

body.halk-bank .dataTables_scroll .slimScrollDiv {
    height: auto !important
}

body.halk-bank .dataTables_scroll .slimScrollDiv .slimScrollBar {
    margin-right: 0;
    background: 0 0 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    width: 8px !important;
    right: 5px !important
}

body.halk-bank .dataTables_scroll .slimScrollDiv .slimScrollBar:after {
    content: '';
    position: absolute;
    top: 3px;
    width: 5px;
    bottom: 3px;
    right: 0;
    background-color: #747474 !important;
    border-radius: 4px;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: ease-in;
    cursor: pointer
}

body.halk-bank .table .blk {
    display: block
}

body.halk-bank .table td.group {
    font-size: 14px;
    color: #fd881d
}

body.halk-bank .table td.group:before {
    content: '+';
    font-size: 17px;
    color: #a5afb4;
    font-weight: 700;
    width: 22px;
    height: 22px;
    line-height: 16px;
    text-align: center;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dad9d9;
    border-radius: 50%;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(100%, #f4f3f3));
    background: -webkit-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: -o-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0, #f4f3f3 100%);
    background: linear-gradient(to bottom, #fdfdfd 0, #f4f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f4f3f3', GradientType=0)
}

body.halk-bank .table td.group.expanded-group:before {
    content: '-'
}

body.halk-bank .table.table-striped-c tbody tr {
    background: #f8f9fb
}

body.halk-bank .table.table-striped-c tbody tr:nth-of-type(odd) {
    background: #fff
}

body.halk-bank .box-content {
    overflow: hidden
}

body.halk-bank .box-content .table tbody td {
    padding-left: 20px;
    padding-right: 20px
}

body.halk-bank .box-content .table thead th {
    padding-left: 5px !important
}

body.halk-bank .box-content section .pad {
    padding: 15px;
    overflow: hidden
}

body.halk-bank .box-content section .pad.notop {
    padding-top: 0 !important
}

body.halk-bank .box-content section .pad.border {
    border: 1px solid #ececec;
    border-width: 1px 0;
    padding: 15px 15px 25px
}

body.halk-bank .box-content.orange-head h2 {
    color: #ff700f;
    font-weight: 500
}

body.halk-bank .box-content.orange-head h2 i.cc-icon,
body.halk-bank .box-content.orange-head h2 i.fa {
    margin-right: 7px
}

body.halk-bank .box-content.orange-head a.btn-clear,
body.halk-bank .box-content.orange-head a.btn-other-criteria {
    color: #494949 !important;
    font-size: 14px;
    font-weight: 500
}

body.halk-bank .box-content.orange-head a.btn-clear {
    color: #798992
}

body.halk-bank .box-content.orange-head a.btn-other-criteria+a.btn-clear {
    margin-left: 18px
}

body.halk-bank .box-content.dark {
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .06);
    border: 1px solid #d3d7da;
    border-radius: 5px
}

body.halk-bank .box-content.dark header {
    border-bottom: 1px solid #dadada;
    background: #fcfdfd;
    background: -moz-linear-gradient(top, #fcfdfd 0, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfdfd), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #fcfdfd 0, #e8e8e8 100%);
    background: -o-linear-gradient(top, #fcfdfd 0, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #fcfdfd 0, #e8e8e8 100%);
    background: linear-gradient(to bottom, #fcfdfd 0, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfdfd', endColorstr='#e8e8e8', GradientType=0)
}

body.halk-bank .box-content.dark header h2 {
    color: #494949;
    font-size: 16px;
    font-weight: 400
}

body.halk-bank .box-content.dark header i.fa {
    font-size: 15px
}

body.halk-bank .box-content.white {
    border-color: #d8d7d7;
    margin-bottom: 20px;
    border-radius: 5px
}

body.halk-bank .box-content.white header {
    background: #fff;
    border-bottom-color: #d8d8d8
}

body.halk-bank .box-content.white header h2 {
    font-size: 16px
}

body.halk-bank .products-info li {
    width: 33.3%;
    float: left;
    margin-bottom: 4px
}

body.halk-bank .products-info a {
    font-size: 12px;
    color: #494949
}

body.halk-bank .products-info a i.fa {
    color: #a0a0a0;
    margin-right: 10px
}

body.halk-bank .table-style .r {
    display: table-row
}

body.halk-bank .cc-head .tbl-head {
    color: #fff;
    width: 100%;
    display: table;
    height: 80px
}

body.halk-bank .cc-head .tbl-head .bl {
    color: #93d2f8
}

body.halk-bank .cc-head .tbl-head>.cell {
    padding: 0 5px
}

body.halk-bank .cc-head .tbl-head>.cell.valign-top {
    vertical-align: top;
    padding-top: 5px
}

body.halk-bank .cc-head .tbl-head>.cell+.cell {
    border-left: 1px solid #08507c
}

body.halk-bank .cc-head .tbl-head .user {
    font-size: 17.5px;
    width: auto;
    float: none;
    margin: 0
}

body.halk-bank .cc-head .tbl-head .btns i.fa,
body.halk-bank .cc-head .tbl-head .user-info i.fa {
    margin-right: 3px
}

body.halk-bank .cc-head .tbl-head .user .no {
    display: block;
    font-weight: 500
}

body.halk-bank .cc-head .tbl-head .user .name {
    color: #fff;
    font-weight: 700
}

body.halk-bank .cc-head .tbl-head .user .name .self {
    color: #ff8a00;
    border-bottom: 2px solid #ff8a00
}

body.halk-bank .cc-head .tbl-head .user-info {
    padding: 0 5px;
    font-size: 11px;
    font-weight: 500
}

body.halk-bank .cc-head .tbl-head .user-info .cell {
    padding: 1px 0
}

body.halk-bank .cc-head .tbl-head .user-info .table-style.w .cell {
    width: 50%
}

body.halk-bank .cc-head .tbl-head .auto-credit-pay {
    padding: 0 15px;
    font-size: 15px;
    font-weight: 500
}

body.halk-bank .cc-head .tbl-head .btns {
    font-size: 14px
}

body.halk-bank .cc-head .tbl-head .btns i.fa~i.fa {
    margin-left: 6px
}

body.halk-bank .cc-head .tbl-head .btns a.btn {
    float: left
}

body.halk-bank .cc-head .tbl-head .btns a.btn~a.btn {
    margin-left: 4px
}

body.halk-bank .cc-head .tbl-head .btns .tooltip .tooltip-inner {
    background: #fff;
    color: #494949;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .35)
}

body.halk-bank .cc-head .tbl-head .btns .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff
}

body.halk-bank .cc-head .tbl-head .btns .tooltip.in {
    opacity: 1
}

body.halk-bank .cc-head .tbl-head.dialog .cell {
    width: 190px
}

body.halk-bank .cc-head .tbl-head.dialog .cell.auto {
    width: auto
}

body.halk-bank .smart-form label.checkbox,
body.halk-bank .smart-form label.radiobox {
    padding-top: 8px
}

body.halk-bank .smart-form label.checkbox i {
    top: 10px
}

body.halk-bank .smart-form hr.full {
    border: 1px dashed #ededf4;
    margin: 0 -55px;
    width: auto
}

body.halk-bank .smart-form.pad-thin .col {
    padding-left: 8px;
    padding-right: 8px
}

body.halk-bank .smart-form.pad-thin .row {
    margin-left: -8px;
    margin-right: -8px
}

body.halk-bank .smart-form label {
    color: #333;
    font-size: 1.0769230769230769em
}

body.halk-bank .smart-form.label-vertical .btn {
    margin-top: 33px
}

body.halk-bank .smart-form.center {
    margin-left: 33.33333333%;
    text-align: center
}

body.halk-bank .smart-form.center .label {
    text-align: center
}

body.halk-bank label.please {
    font-weight: 500
}

body.halk-bank label.please.orange {
    color: #fb992c;
    margin-left: 15px
}

body.halk-bank .mini.checkbox {
    line-height: 1.42857143
}

body.halk-bank .mini.checkbox i {
    width: 14px;
    height: 14px;
    border-color: #a7b4b4;
    background: #f2f4f4;
    text-align: center;
    line-height: 14px;
    border-width: 1px;
    top: 1px
}

body.halk-bank .mini.checkbox input+i:after {
    font-size: 10px;
    line-height: 14px;
    position: static;
    display: block;
    width: auto;
    height: auto
}

body.halk-bank .mini.checkbox input:checked+i {
    background: #fd881d
}

body.halk-bank label.radio {
    min-height: 19px
}

body.halk-bank .modal#post-mail-modal,
body.halk-bank .modal#send-fax-modal {
    top: 60px
}

body.halk-bank #yeni-giris-ekle-modal .modal-dialog {
    width: 536px
}

body.halk-bank #yeni-giris-ekle-modal .modal-content {
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(100%, #e7e7e7));
    background: -webkit-linear-gradient(top, #fcfcfc 0, #e7e7e7 100%);
    background: -o-linear-gradient(top, #fcfcfc 0, #e7e7e7 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0, #e7e7e7 100%);
    background: linear-gradient(to bottom, #fcfcfc 0, #e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e7e7e7', GradientType=0);
    padding: 0 13px 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .45);
    border-radius: 5px;
    border: 1px solid #dad9d9
}

body.halk-bank #yeni-giris-ekle-modal .modal-content h2 {
    text-align: center;
    font-size: 16px;
    color: #1a6fb4;
    margin: 0;
    padding: 8.5px 0
}

body.halk-bank #yeni-giris-ekle-modal .modal-content .textarea {
    margin-bottom: 8px
}

body.halk-bank #yeni-giris-ekle-modal .modal-content textarea {
    height: 66px
}

body.halk-bank #yeni-giris-ekle-modal .modal-content .bordered {
    border: 1px solid #E4E4E4;
    border-width: 1px 0;
    padding: 8px 0;
    margin-bottom: 8px
}

body.halk-bank #yeni-giris-ekle-modal .modal-content .buttons .btn+.btn {
    margin-left: 10px
}

body.halk-bank #yeni-giris-ekle-modal .modal-content .col-sm-12 {
    padding-left: 13px;
    padding-right: 13px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body.halk-bank #yeni-giris-ekle-modal .modal-content .checkbox {
    margin-bottom: 0
}

body.halk-bank .credit-cards-cc .buttons .row {
    margin-left: -4px;
    margin-right: -4px
}

body.halk-bank .credit-cards-cc .buttons .col-md-25 {
    padding: 4px
}

body.halk-bank h3.black {
    color: #494949;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 12px
}

body.halk-bank .HesapSecim .label {
    display: block;
    padding: 0
}

body.halk-bank .HesapSecim .label p {
    margin-bottom: 0
}

body.halk-bank .HesapSecim .label p+p {
    margin-top: 9px
}

body.halk-bank .BGGray {
    padding: 10px 15px
}

body.halk-bank .BGGray .table-style p>:first-child {
    color: #4a4a4b
}

body.halk-bank .BGGray .table-style p>.colorOrange {
    color: #ff7a20
}

body.halk-bank .BGGray.light .table-style p>:first-child {
    color: #798992
}

body.halk-bank .BGGray.light .table-style p>strong {
    color: #333
}

body.halk-bank .mt.loginContainer {
    border-radius: 5px;
    min-height: 1px;
    overflow: hidden
}

body.halk-bank .mt.loginContainer header {
    padding: 7px 12px;
    background: #1a6fb4
}

body.halk-bank .mt.loginContainer header h2 {
    margin: 0;
    font-weight: 500;
    color: #fff;
    font-size: 12px;
    background: url(../img/info.png) 0 50% no-repeat;
    line-height: 30px;
    padding-left: 45px
}

body.halk-bank .mt.loginContainer section {
    padding: 20px 25px
}

body.halk-bank .mt.loginContainer section ul li {
    font-weight: 500;
    padding: 5px 5px 5px 15px;
    background: url(../img/popup-list-item.jpg) 0 10px no-repeat
}

body.halk-bank .mt.loginContainer section ul li+li {
    margin-top: 10px
}

body.halk-bank .mt.loginContainer section ul li a {
    color: #1a6fb4;
    text-decoration: underline
}

body.halk-bank .char.question-type {
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    background: #1a6fb4;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%
}

body.halk-bank .char.question-type.orange {
    background: #ff9c22
}

body.halk-bank .step-char {
    display: inline-block;
    text-align: center
}

body.halk-bank .step-char .char {
    position: relative
}

body.halk-bank .step-char .char+.char {
    margin-left: -6px;
    position: static
}

body.halk-bank .select-question-type {
    text-align: center;
    table-layout: fixed
}

body.halk-bank .select-question-type>.cell+.cell {
    border-left: 1px solid #dedede
}

body.halk-bank .select-question-type .head {
    padding: 16px 0
}

body.halk-bank .select-question-type .head .question-char-group {
    width: 150px;
    margin: auto;
    position: relative;
    overflow: hidden
}

body.halk-bank .select-question-type .head .question-char-group .char.question-type {
    float: left;
    position: relative
}

body.halk-bank .select-question-type .head .question-char-group .char.question-type~.char {
    float: right
}

body.halk-bank .select-question-type .head .question-char-group .steps {
    height: 4px;
    top: 50%;
    margin-top: -2px;
    position: absolute;
    left: 30px;
    right: 30px
}

body.halk-bank .select-question-type .head .question-char-group .steps .wrap {
    display: table;
    width: 100%
}

body.halk-bank .select-question-type .head .question-char-group .steps .step {
    display: table-cell
}

body.halk-bank .select-question-type .head .question-char-group .steps .step.rad:before {
    content: '';
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: block;
    margin: -4px auto auto;
    background: #dedede
}

body.halk-bank .select-question-type .head .question-char-group .steps .step.caret-r:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #dedede;
    display: block;
    margin: -5.5px auto auto
}

body.halk-bank .select-question-type .head .question-char-group:before {
    content: '';
    height: 4px;
    top: 50%;
    margin-top: -2px;
    background: #dcdcdc;
    position: absolute;
    left: 0;
    right: 0
}

body.halk-bank .select-question-type section {
    color: #494949;
    font-size: 16px;
    border-top: 1px solid #dedede;
    padding: 16px 0;
    margin: 0 14px 15px
}

body.halk-bank .select-question-type section b {
    display: block;
    margin-bottom: 2px
}

body.halk-bank .select-question-type section p {
    line-height: 1.65;
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

body.halk-bank .select-question-type footer {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px 0;
    transition: all .2s ease-out
}

body.halk-bank .select-question-type .cell.active footer {
    background: #3997e4
}

body.halk-bank .select-question-type input[type=radio] {
    display: none
}

body.halk-bank .select-question-type .radio {
    display: block;
    line-height: 1.42857143;
    padding: 0
}

body.halk-bank .select-question-type .radio i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #dfdfdf;
    text-align: center;
    border: 0 !important
}

body.halk-bank .select-question-type .radio input+i {
    position: static
}

body.halk-bank .select-question-type .radio input+i:after {
    font-size: 20px;
    color: #fdfdfd;
    margin: -6px 0 0;
    background: 0 0;
    width: auto;
    height: auto;
    position: static;
    line-height: 32px;
    opacity: 1;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

body.halk-bank .select-question-type .radio input:checked+i {
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px
}

body.halk-bank .select-question-type .radio input:checked+i:after,
body.halk-bank .select-question-type .radio:hover input+i:after {
    color: #1fb5ac
}

body.halk-bank .select-question-type.bttn {
    margin: 8px 0 40px
}

body.halk-bank .question-steps {
    padding: 10px 25px
}

body.halk-bank .question-steps .foot {
    margin-bottom: 21px;
    background: url(../img/call-center/question-steps-active-bg.png) no-repeat
}

body.halk-bank .question-steps .foot .cell.first,
body.halk-bank .question-steps .foot .cell.last {
    background: url(../img/call-center/question-steps.png) no-repeat;
    height: 52px;
    line-height: 50px;
    font-size: 20px;
    color: #1a6fb4;
    font-weight: 700;
    text-align: center;
    width: 52px;
    vertical-align: top
}

body.halk-bank .question-steps .foot .cell.first.active,
body.halk-bank .question-steps .foot .cell.last.active {
    color: #fff;
    position: relative;
    background-position: 0 -150px
}

body.halk-bank .question-steps .foot .cell.first.active span,
body.halk-bank .question-steps .foot .cell.last.active span {
    position: relative;
    z-index: 1
}

body.halk-bank .question-steps .foot .cell.first.active:after,
body.halk-bank .question-steps .foot .cell.last.active:after {
    content: '';
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    border-radius: 50%;
    top: 5px
}

body.halk-bank .question-steps .foot .cell.first.active.last,
body.halk-bank .question-steps .foot .cell.last.active.last {
    background-position: -98px -150px
}

body.halk-bank .question-steps .foot .cell.first.active.last:after,
body.halk-bank .question-steps .foot .cell.last.active.last:after {
    margin-left: -20px
}

body.halk-bank .question-steps .foot .cell.last {
    background-position: -98px 0
}

body.halk-bank .question-steps .foot .cell.center {
    position: relative
}

body.halk-bank .question-steps .foot .horizontal-align {
    table-layout: fixed
}

body.halk-bank .question-steps .foot .horizontal-align .cell {
    height: 52px;
    vertical-align: top
}

body.halk-bank .question-steps .foot .horizontal-align .cell span.t {
    display: table;
    width: 100%;
    height: 100%;
    position: relative
}

body.halk-bank .question-steps .foot .horizontal-align .cell span.t span.bg,
body.halk-bank .question-steps .foot .horizontal-align .cell span.t:after,
body.halk-bank .question-steps .foot .horizontal-align .cell span.t:before {
    content: '';
    display: table-cell;
    background: url(../img/call-center/question-steps.png) 0 -69px repeat-x
}

body.halk-bank .question-steps .foot .horizontal-align .cell span.t span.bg {
    width: 38px;
    padding: 0;
    background-position: -56px 0;
    text-align: center;
    font-weight: 500;
    color: #494949;
    font-size: 14px
}

body.halk-bank .question-steps .foot .horizontal-align .cell span.t span.bg .text {
    margin-top: 52px;
    position: absolute;
    left: 0;
    right: 0
}

body.halk-bank .question-steps .foot .horizontal-align .cell.no-bg span.t span.bg {
    background-position: 0 -219px !important
}

body.halk-bank .question-steps .foot .horizontal-align .cell.no-bg span.t span.bg span.text {
    margin-top: 38px
}

body.halk-bank .question-steps .foot .horizontal-align .cell.active {
    position: relative
}

body.halk-bank .question-steps .foot .horizontal-align .cell.active span.t:before {
    background-position: 0 -219px
}

body.halk-bank .question-steps .foot .horizontal-align .cell.active span.t span.bg {
    background-position: -56px -320px;
    font-weight: 700;
    font-size: 15px
}

body.halk-bank .question-steps .foot .horizontal-align .cell.active.complete span.t span.bg {
    background-position: -56px -150px;
    font-weight: 500;
    font-size: 14px
}

body.halk-bank .question-steps .foot .horizontal-align .cell.active.complete span.t:after {
    background-position: 0 -219px
}

body.halk-bank .question-steps+.pad {
    padding: 15px 25px !important
}

body.halk-bank .question {
    font-size: 18px;
    width: auto;
    margin: auto
}

body.halk-bank .question p {
    line-height: 1.2
}

body.halk-bank .question span {
    color: #4b4b4b;
    width: auto
}

body.halk-bank .question b {
    color: #494949;
    padding-left: 16px !important;
    font-weight: 500
}

body.halk-bank .question~.bttn {
    margin: -38px 0 0
}

body.halk-bank .answer-btn a {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    padding: 7px 0
}

body.halk-bank .answer-btn a .fa {
    font-size: 18px;
    margin-right: 7px
}

body.halk-bank .answer-btn a.no {
    background: #d43b3b
}

body.halk-bank .answer-btn a.yes {
    background: #76bb38
}

body.halk-bank .unsuccess {
    text-align: center;
    font-size: 16px;
    color: #b9b9b9
}

body.halk-bank .unsuccess span {
    font-weight: 700;
    font-size: 40px;
    color: #d43b3b;
    display: block
}

body.halk-bank .account-info-question {
    color: #494949;
    font-size: 19px;
    margin: 0
}

body.halk-bank .account-info-question i {
    font-size: 22px;
    margin-right: 4px
}

body.halk-bank .account-info-question b {
    font-size: 25px;
    color: #1a6fb4;
    margin-left: 8px
}

body.halk-bank .call-loading {
    margin-top: 60px;
    color: #0069aa;
    font-size: 19px;
    display: table;
    width: 100%;
    height: 250px;
    text-align: center;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .45);
    border: 1px solid #e3e2e2;
    border-radius: 5px;
    background: #fdfdfd;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e7e7), color-stop(1, #fdfdfd));
    background: -ms-linear-gradient(bottom, #e6e7e7, #fdfdfd);
    background: -moz-linear-gradient(center bottom, #e6e7e7 0, #fdfdfd 100%);
    background: -o-linear-gradient(#fdfdfd, #e6e7e7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e6e7e7', GradientType=0)
}

body.halk-bank.cc-body .mt.loginContainer section ul li+li,
body.halk-bank.cc-body .smart-form.detail-form>.margin-top-20 {
    margin-top: 0 !important
}

body.halk-bank .call-loading .cell {
    display: table-cell;
    vertical-align: middle;
    zoom: 1
}

@media (min-width:992px) {
    body.halk-bank .col-md-25 {
        width: 20%
    }
}

body.halk-bank .dataTables_scrollFoot {
    display: none
}

body.halk-bank .text-purple {
    color: purple !important
}

body.halk-bank .text-orange {
    color: orange !important
}

body.halk-bank .text-brown {
    color: brown !important
}

body.halk-bank .text-olivedrab {
    color: #6b8e23 !important
}

body.halk-bank .actionBlackButton {
    color: #000 !important;
    font-weight: 500
}

body.halk-bank .customer-list-grid .table a {
    color: #494949 !important;
    text-decoration: underline;
    font-weight: 500
}

body.halk-bank #OtherCriterias [vb-id=driverNo] label {
    padding-right: 15px
}

body.halk-bank .notification-list section {
    margin-bottom: 0 !important
}

body.halk-bank .small-age {
    color: red !important;
    font-weight: 700 !important
}

body.halk-bank .token-action-button {
    color: #000 !important;
    font-weight: 600;
    font-family: Arial;
    text-decoration: underline;
    font-size: 1.1em
}

body.halk-bank .modalHeaderRelation ul .active,
body.halk-bank.cc-body .smart-form.detail-form section .col+.element-container {
    font-weight: 700
}

body.halk-bank.cc-body .table-style p {
    line-height: 1.5 !important
}

body.halk-bank.cc-body .smart-form section {
    margin-bottom: 7px !important
}

body.halk-bank.cc-body .smart-form.detail-form section {
    margin-bottom: 0 !important
}

body.halk-bank.cc-body .table tbody td {
    padding: 5px
}

body.halk-bank.cc-body .modal.result-modal .modal-dialog {
    margin-top: 135px;
    margin-bottom: 80px
}

body.halk-bank .small-name {
    font-size: 14px !important
}

body.halk-bank .header-card-no {
    font-size: 14px;
    color: #fff
}

body.halk-bank .cardContainerDivClass {
    width: 195px;
    height: 126px;
    background-repeat: no-repeat
}

body.halk-bank .cardContainerDivClassVer {
    width: 126px !important;
    height: 195px !important;
    background-repeat: no-repeat
}

body.halk-bank .cardContainerDivClassVer span.text {
    left: 7px !important;
    bottom: 47px !important
}

body.halk-bank .cardContainerDivClassVer i.fa.fa-angle-right {
    left: 121px !important
}

body.halk-bank .personalization {
    margin-left: 10px;
    margin-right: 10px;
    width: 60px;
    display: inline-block
}

body.halk-bank vb-grid-view vb-amountbox input[type=text] {
    min-width: 100px
}

body.halk-bank #campaignCarousel a,
body.halk-bank .swiper-pagination span {
    cursor: pointer
}

@media (min-width:768px) {
    body.halk-bank .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 0 !important;
        height: 50px
    }
}

body.halk-bank #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today a.ui-state-default.ui-state-highlight.ui-state-active {
    background-color: #484848 !important
}

body.halk-bank .mainTabs.nav.nav-tabs {
    background-color: #ECECEC !important
}

body.halk-bank .main-page .tabs-left .nav-tabs {
    background: 0 0;
    display: flex;
    float: none;
    clear: both;
    min-width: 100%;
    max-width: 100%
}

body.halk-bank .main-page .tabs-left .nav-tabs li {
    display: flex;
    flex: 1;
    overflow: hidden;
    margin: 0;
    width: 20%;
    float: left
}

@media (min-width:992px) and (max-width:1199px) {
    body.halk-bank .table.piyasaBilgileri td {
        padding: 6px 4px !important
    }

    body.halk-bank vb-last-transactions {
        display: block;
        clear: both
    }

    body.halk-bank .main-right .seperate-panels {
        display: block;
        margin-bottom: 12px
    }

    body.halk-bank .main-right .seperate-panels:after {
        content: '';
        display: block;
        clear: both
    }

    body.halk-bank .main-right .seperate-panels .right-banner {
        width: 329px;
        float: left
    }

    body.halk-bank .main-right .seperate-panels .right-banner .tabbable.banner-pane {
        clear: both;
        width: 100%;
        float: left;
        height: auto
    }

    body.halk-bank .main-right .seperate-panels .right-banner .tabbable.banner-pane .tab-pane {
        height: auto
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions {
        padding-bottom: 10px;
        min-height: 274px;
        width: 587px;
        float: right
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites {
        width: 100%;
        float: none;
        min-height: 274px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites .swipe-left,
    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites .swipe-right {
        top: 50%;
        margin-top: 15px;
        font-size: 22px;
        display: none
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites .swipe-left {
        left: 12px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites .swipe-right {
        right: 12px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites header {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 38px;
        height: 49px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites header .fa-pencil {
        margin-top: 9px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites header label {
        font-size: 17px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites>.transactions {
        height: auto;
        padding: 9px 0;
        margin: 0
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites>.transactions #favoritesCarousel {
        min-width: 100%;
        width: auto !important;
        height: 208px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites>.transactions .item {
        width: 33.3%;
        height: 104px !important;
        float: left
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites>.transactions .item span {
        padding: 0 5px;
        font-size: 13px;
        line-height: 18px
    }

    body.halk-bank .main-right .seperate-panels vb-favourite-transactions>.main-favorites.no-data #favoritesCarousel .item.new {
        margin: 50px auto 0;
        float: none
    }

    body.halk-bank #main .main-page .market-info-box {
        bottom: 94px
    }

    body.halk-bank #main .main-page .market-info-box>.container {
        width: 940px
    }

    body.halk-bank #main .main-page .market-info-box>.container section {
        width: 750px
    }

    body.halk-bank #main .main-page .market-info-box>.container section .swipe-buttons {
        margin-top: 16px
    }

    body.halk-bank #main .main-page .market-info-box>.container section vb-main-page-financial-market-list-grid .item-list {
        max-width: 690px
    }

    body.halk-bank #main .main-page .box-content header h2 {
        font-size: 17px
    }

    body.halk-bank #main .main-page .form-horizontal .toggle i:after,
    body.halk-bank #main .main-page .form-horizontal .toggle i:before {
        content: '';
        font-size: 16px;
        margin: 0 0 0 15px
    }

    body.halk-bank #main .main-page .select.dropdown-lite {
        margin-right: 30px !important
    }

    body.halk-bank #main .main-page .select.dropdown-lite div.select2 .select2-container .select2-selection .select2-selection__rendered {
        font-size: 15px
    }

    body.halk-bank #main .main-page>.row>.col-md-3,
    body.halk-bank #main .main-page>.row>.col-md-9 {
        width: 100%;
        float: none
    }

    body.halk-bank #main .main-page .row div.tabs-left .acc .accounts-pie+div {
        width: 680px !important
    }

    body.halk-bank #main .main-page .row div.tabs-left .acc .list article .pie-color+.text .f-b+p>span:first-child {
        max-width: 330px
    }

    body.halk-bank #footer .container {
        min-width: 0;
        width: 100% !important;
        height: auto !important
    }

    body.halk-bank #footer .container .row {
        margin: 0
    }

    body.halk-bank #footer.inner-footer>.container {
        max-width: 940px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.happy-center {
        width: 143px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.dialog {
        width: 171px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.faq {
        width: 157px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.transactions {
        width: 139px
    }

    body.halk-bank #footer.inner-footer .shortcut-links .container .orange-links .custom-link .link.e-devlet {
        width: 130px
    }
}

@media (max-width:991px) {
    body.halk-bank .modal.campaign-modal .modal-body {
        padding-bottom: 20px !important
    }

    body.halk-bank .modal.campaign-modal .modal-body .buttons {
        margin: 0
    }

    body.halk-bank .modal.campaign-modal .modal-body .btn {
        float: none;
        width: 100%;
        display: block;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0
    }

    body.halk-bank #campaignCarousel {
        width: 100%;
        height: 205px
    }
}

body.halk-bank .grab-handle {
    position: absolute;
    right: 5px;
    bottom: 5px;
    overflow: hidden;
    cursor: move;
    width: 12px;
    height: 10px;
    background-image: url(../img/dragHolderH.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

@media (min-width:768px) and (max-width:1199px) {
    body.halk-bank .smart-form .vb-ibantextbox vb-masked-textbox .input input {
        padding-left: 3px;
        padding-right: 3px;
        letter-spacing: -.6px
    }
}

body.halk-bank .ean-caption {
    font-size: 17px;
    font-family: Roboto
}

body.halk-bank .login-forget,
body.halk-bank .virtualKeyboard {
    font-size: 14px
}

body.halk-bank .login-forget span,
body.halk-bank .virtualKeyboard span {
    color: #1b6fb5
}

body.halk-bank .smart-form .text-muted.small-row-title {
    line-height: 2;
    height: auto;
    font-size: 13px
}

body.halk-bank .agent-campaign-text ul li,
body.halk-bank .campaign-modal .modal-body ul li,
body.halk-bank .text-editor ul li {
    list-style-type: disc;
    margin-left: 20px
}

body.halk-bank .agent-campaign-text .ta-scroll-window>.ta-bind,
body.halk-bank .campaign-modal .modal-body .ta-scroll-window>.ta-bind,
body.halk-bank .text-editor .ta-scroll-window>.ta-bind {
    padding: 6px 20px !important
}

body.halk-bank .scrollable-div {
    overflow: scroll
}

body.halk-bank .cb-table {
    margin: 0 auto;
    display: table
}

body.halk-bank .mR5 {
    margin-right: 5px
}

body.halk-bank .pH5 {
    padding-left: 5px;
    padding-right: 5px
}

body.halk-bank tr.orange td {
    color: #ff700f
}

body.halk-bank .aria-header {
    display: none
}

body.halk-bank div>.modalHeaderRelation {
    text-align: center
}

body.halk-bank .modalHeaderRelation {
    position: relative
}

body.halk-bank .modalHeaderRelation div {
    display: inline-block;
    text-align: left !important;
    margin-bottom: 25px
}

body.halk-bank .modalHeaderRelation div.no-photo h2,
body.halk-bank .modalHeaderRelation div.no-photo h3 {
    margin: 0
}

body.halk-bank .modalHeaderRelation div.no-photo img {
    display: none
}

body.halk-bank .modalHeaderRelation div img {
    position: absolute
}

body.halk-bank .modalHeaderRelation div h2 {
    margin-left: 60px;
    color: #474747;
    margin-top: 12px;
    font-size: 18px
}

body.halk-bank .modalHeaderRelation div h2 strong {
    float: left
}

body.halk-bank .modalHeaderRelation div h3 {
    margin-left: 60px;
    color: #474747;
    float: left;
    font-size: 14px
}

body.halk-bank .modalHeaderRelation ul {
    margin-top: 15px;
    text-align: left !important;
    margin-left: 5%
}

body.halk-bank .modalHeaderRelation ul li {
    display: inline-block;
    margin-right: 20px;
    height: 29px
}

body.halk-bank .modalHeaderRelation ul li a {
    color: #474747;
    font-size: 13px;
    padding-bottom: 9.1px
}

body.halk-bank .modalHeaderRelation ul .active a {
    border-bottom: 4px solid #0bbbef
}

body.halk-bank #tab-relation1 {
    margin-left: -25px !important;
    padding: 0 25px;
    margin-right: -25px !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #ebebeb));
    background: -ms-linear-gradient(bottom, #ebebeb, #fff);
    background: -moz-linear-gradient(center bottom, #fff 0, #ebebeb 100%);
    background: -o-linear-gradient(#fff, #ebebeb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0)
}

body.halk-bank #tab-relation1 div {
    width: 100%;
    padding: 10px 0
}

body.halk-bank #tab-relation1 .relationSpaceMap {
    height: 20px !important;
    margin-top: -45px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0), #fff);
    z-index: 200;
    position: relative
}

body.halk-bank #tab-relation1 .relationMapMetail {
    background: #fff;
    position: relative;
    z-index: 10
}

body.halk-bank.corporate-home #main .row .RightPane+div,
body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow,
body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow .content-pane {
    position: inherit
}

body.halk-bank #tab-relation1 .relationMapMetail h4 {
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 20px;
    color: #333;
    font-size: 1.0769230769230769em
}

body.halk-bank #tab-relation1 .relationMapMetail h4 span {
    font-weight: 700;
    float: right
}

body.halk-bank #tab-relation2 {
    padding-top: 20px
}

body.halk-bank .corporate-vision {
    margin-left: -18px;
    margin-right: -18px
}

body.halk-bank .corporate-vision .corporate-main>.connectedSortable {
    padding-left: 8px;
    padding-right: 8px
}

body.halk-bank .corporate-vision .corporate-main>.connectedSortable .calendar-default {
    min-height: 363px
}

body.halk-bank .corporate-vision .corporate-main>.connectedSortable>.box-content {
    border-color: #0bbbef;
    border-radius: 8px;
    border-bottom-width: 6px
}

body.halk-bank .corporate-vision .corporate-main>.connectedSortable>.box-content.draggable .bar {
    border-top-color: #ff700f;
    min-height: 61px
}

body.halk-bank .corporate-vision .corporate-main>.connectedSortable>.box-content .table.piyasaBilgileri td:last-child {
    text-align: center
}

body.halk-bank .corporate-vision .corporate-main>.connectedSortable>.box-content .table.piyasaBilgileri td:last-child .btn {
    width: auto;
    padding: 0 10px;
    font-size: 12px;
    height: 25px;
    line-height: 25px
}

body.halk-bank .corporate-vision .corporate-main>.connectedSortable.right>.box-content:first-child>section {
    padding-top: 12px
}

body.halk-bank .corporate-vision>.col-md-6 {
    padding-left: 8px;
    padding-right: 8px
}

body.halk-bank .corporate-vision .loginStatus .btn {
    background: url(../img/date-selected.png) repeat-x;
    background-size: contain;
    color: #fff;
    border: 0
}

body.halk-bank .corporate-vision .loginStatus .fa-lock {
    color: #0bbbef;
    font-size: 15px;
    line-height: 16px
}

body.halk-bank .corporate-vision .loginStatus,
body.halk-bank .corporate-vision .temsilci-pane {
    border-color: #0bbbef;
    border-radius: 8px;
    border-bottom-width: 6px;
    box-shadow: none
}

body.halk-bank .corporate-vision .temsilci-pane {
    border-bottom-width: 6px;
    padding: 0 13px;
    height: 188px
}

body.halk-bank .corporate-vision .temsilci-pane .tab-content {
    margin: 0 -13px;
    height: 129px
}

body.halk-bank .corporate-vision .temsilci-pane .icons.icon-smile {
    width: 22px;
    height: 22px;
    background: url(../img/happy-center.png) no-repeat;
    background-size: auto 100%
}

body.halk-bank .corporate-vision .temsilci-pane .nav-tabs {
    background: #f68f4f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f68f4f), color-stop(1, #faad5b));
    background: -ms-linear-gradient(bottom, #f68f4f, #faad5b);
    background: -moz-linear-gradient(center bottom, #f68f4f 0, #faad5b 100%);
    background: -o-linear-gradient(#faad5b, #f68f4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faad5b', endColorstr='#f68f4f', GradientType=0);
    margin: 0 0 12px;
    border-radius: 8px;
    display: table;
    width: 100%
}

body.halk-bank .corporate-vision .temsilci-pane .nav-tabs li {
    display: table-cell;
    width: 33.3%
}

body.halk-bank .corporate-vision .temsilci-pane .nav-tabs li a .icons.icon-smile {
    width: 22px;
    height: 25px;
    background: url(../img/customer-white.png) center no-repeat
}

body.halk-bank .corporate-vision .temsilci-pane .nav-tabs li a .icons.icon-call-center {
    width: 25px;
    height: 25px;
    background: url(../img/phone-white.png) center no-repeat
}

body.halk-bank .corporate-vision .temsilci-pane .nav-tabs li a .icons.icon-mail {
    width: 24px;
    height: 25px;
    background: url(../img/email-white.png) center no-repeat
}

body.halk-bank .corporate-vision .temsilci-pane .nav-tabs li+li a:before {
    margin-top: 4px;
    border-left-color: #fff
}

body.halk-bank .corporate-vision .foot-total span+span {
    color: #474747
}

body.halk-bank.corporate-home #main {
    padding-bottom: 176px
}

body.halk-bank.corporate-home #main .market-info-box {
    display: block
}

body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow:before,
body.halk-bank.corporate-home #main vb-flow-navigation {
    display: none
}

body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow .content-pane .loginContainer {
    padding-bottom: 0
}

body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow .content-pane .loginContainer .table>tbody>tr>td,
body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow .content-pane .loginContainer .table>tbody>tr>th,
body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow .content-pane .loginContainer .table>tfoot>tr>td,
body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow .content-pane .loginContainer .table>tfoot>tr>th,
body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow .content-pane .loginContainer .table>thead>tr>td,
body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow .content-pane .loginContainer .table>thead>tr>th {
    line-height: 18px
}

body.halk-bank.corporate-home #main .row .RightPane+div .content-shadow .content-pane .corporate-vision {
    position: relative
}

body.halk-bank.corporate-home #main vb-flow-navigation>.margin-top-20 {
    margin-top: 0 !important
}

body.halk-bank vb-flow-navigation .btn.vb-back {
    border: 0;
    background: url(../img/paraf-btn.jpg) repeat-x;
    background-size: contain;
    color: #fff
}

body.halk-bank .user-notification.bell-rotate {
    animation-name: zoomBell;
    animation-duration: 2s;
    animation-delay: 1.4s;
    animation-iteration-count: 3
}

body.halk-bank .user-notification.bell-rotate .bell {
    animation-name: rotateNotification;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: 3
}

body.halk-bank .user-notification.bell-rotate:after {
    animation-name: rotateBell;
    animation-duration: 1.8s;
    animation-delay: 1.2s;
    animation-iteration-count: 3
}

body.halk-bank #spkPopupModal.modal.birthday-modal .modal-body {
    max-height: calc(100vh - 150px);
    overflow: auto
}

body.halk-bank #spkPopupModal.modal.birthday-modal .modal-body .buttons,
body.halk-bank #spkPopupModal.modal.birthday-modal .modal-body vb-button {
    position: relative !important;
    right: 0 !important;
    left: 0 !important
}

body.halk-bank #spkPopupModal.modal.birthday-modal .modal-body .buttons .btn,
body.halk-bank #spkPopupModal.modal.birthday-modal .modal-body vb-button .btn {
    display: block;
    margin-top: 10px
}

@keyframes rotateNotification {

    0%,
    100%,
    39%,
    61% {
        transform: rotate(0)
    }

    40% {
        transform: rotate(8deg)
    }

    45% {
        transform: rotate(-9deg)
    }

    50% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-11deg)
    }

    60% {
        transform: rotate(12deg)
    }
}

@keyframes rotateBell {

    0%,
    100%,
    39%,
    61% {
        transform: translateX(0) rotate(0)
    }

    40%,
    50%,
    60% {
        transform: translateX(1px) rotate(-5deg)
    }

    45%,
    55% {
        transform: translateX(-1px) rotate(5deg)
    }
}

@keyframes zoomBell {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

body.halk-bank .panel-collapse {
    border: 2px solid #f1f1f1;
    border-top-width: 1px;
    margin: 15px 0 0 !important
}

body.halk-bank .panel-collapse .panel-collapse {
    border: 0;
    padding: 0;
    margin: 0 !important
}

body.halk-bank .panel-collapse .panel-collapse>.panel-body {
    padding: 18px 0
}

body.halk-bank .panel-collapse>.panel-heading {
    height: 39px;
    padding: 0;
    background: linear-gradient(#fdfdfd, #f4f3f4);
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #efefef;
    font-weight: 500;
    font-size: 14px;
    color: #1a6fb4;
    line-height: 37px;
    border-left: 0;
    border-right: 0
}

body.halk-bank .panel-collapse>.panel-heading label.radio {
    margin-top: 0
}

body.halk-bank .panel-collapse>.panel-heading a {
    font-weight: 500;
    font-size: 14px;
    color: #1a6fb4;
    padding: 0;
    cursor: pointer
}

body.halk-bank .panel-collapse>.panel-heading .panel-title {
    line-height: 37px;
    font-weight: 500;
    padding-left: 8px
}

body.halk-bank .panel-collapse>.panel-heading .txt-color-green,
body.halk-bank .panel-collapse>.panel-heading .txt-color-red {
    width: 21px;
    height: 21px;
    color: #a5afb4 !important;
    border-radius: 50%;
    border: 1px solid #dad9d9;
    font-size: 10px;
    text-align: center;
    text-indent: 0;
    padding: 5px;
    box-sizing: border-box
}

body.halk-bank .list.gray article {
    background: #f8f9fb;
    padding: 17px 20px;
    border: 0
}

body.halk-bank .list.gray article .btn {
    padding: 0 30px;
    color: #4b4b4b;
    font-size: 9px;
    border-color: #e1e1e2;
    box-shadow: none;
    height: 23px;
    line-height: 21px
}

body.halk-bank .list.gray article .buttons {
    padding-left: 60px
}

body.halk-bank .breadcrumb .fa {
    font-size: 15px;
    color: #9dacc2
}

body.halk-bank #main.home vb-timer.mobileSecurityTimer {
    display: block;
    width: 100px;
    margin: 20px auto
}

body.halk-bank #main.home vb-timer.mobileSecurityTimer i {
    display: block;
    clear: both;
    margin: 0 0 10px;
    background: 0 0 !important;
    width: auto !important;
    text-align: center;
    font-size: 35px
}

body.halk-bank #main.home vb-timer.mobileSecurityTimer span {
    margin: auto;
    display: block;
    text-align: center;
    font-size: 30px;
    color: #1a6fb4
}

body.halk-bank #main.home vb-timer.mobileSecurityTimer span .icon-hourglass,
body.hidden-menu #hide-menu {
    display: none !important
}

body.halk-bank .twofactorResendContainer {
    margin: auto;
    width: 20%
}

body.halk-bank #logo .IBLogo {
    padding-left: 0 !important
}

body.hidden-menu #header {
    position: relative
}

body.hidden-menu #main {
    left: auto
}

body.hidden-menu #left-panel {
    right: 0 !important;
    left: auto !important
}

@media screen and (max-width:1199px) {
    vb-account-list-combo .select2 .selection .select2-selection .select2-selection__rendered>div {
        width: 50%
    }

    vb-account-list-combo .select2 .selection .select2-selection .select2-selection__rendered>div p.Blue,
    vb-account-list-combo .select2 .selection .select2-selection .select2-selection__rendered>div p.Size {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%
    }

    vb-account-list-combo .select2-dropdown .select2-results .select2-results__options li>div {
        width: 50%
    }

    vb-account-list-combo .select2-dropdown .select2-results .select2-results__options li>div p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%
    }
}

@media (max-width:991px) and (min-width:768px) {
    body.halk-bank {
        overflow-x: hidden
    }

    body.halk-bank.extr-page #main .loginArea {
        background-position: center 75%
    }
}

@media (max-width:767px) {
    body.halk-bank {
        overflow-x: hidden
    }

    body.halk-bank .smart-form .col-sm-3+.col-sm-5 {
        width: 100% !important
    }

    body.halk-bank #creditCalculate .creditBannerText {
        height: 107px !important;
        padding-top: 27px !important
    }

    body.halk-bank #creditCalculate .creditBannerText h1 {
        font-size: 23px !important
    }

    body.halk-bank #creditCalculate .creditBannerText h2 {
        font-size: 17px !important
    }

    body.halk-bank #creditCalculate .calculateArea {
        width: 100% !important
    }

    body.halk-bank #creditCalculate .calculateArea .calculateList .creditDetail {
        padding: 0 0 10px !important;
        width: 100% !important
    }

    body.halk-bank #creditCalculate .calculateArea .smart-form .col {
        padding-right: 0 !important
    }

    body.halk-bank #creditCalculate .calculateArea .smart-form .col .col-xs-12 {
        width: 100% !important
    }

    body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow:first-child>.row {
        width: 100% !important;
        height: 70px !important;
        padding-left: 0 !important
    }

    body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow:first-child vb-grid-column>section {
        padding: 0 !important;
        width: 50% !important
    }

    body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow:first-child vb-grid-column>section.col-sm-4 {
        padding-left: 10px !important
    }

    body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow .title-label {
        width: 100% !important
    }

    body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow>.row {
        width: 100% !important;
        height: 70px !important
    }

    body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow:last-child>.row {
        width: 100% !important;
        height: 70px
    }

    body.halk-bank #creditCalculate .calculateArea .loginContainer .tab-content.loginInner fieldset {
        margin-bottom: 0
    }
}

.text-muted {
    color: #616f76
}

.icon-oval {
    background-color: #ececec !important
}

.padding-right-zero {
    padding-right: 0 !important
}

.padding-left-zero {
    padding-left: 0 !important
}

.halk-yatırım-menu-image {
    background-image: url(../img/halkyatirimlogo.png);
    background-size: 100px;
    display: block;
    background-repeat: no-repeat;
    height: 25px;
    width: 100%
}

body.halk-bank .beneficiary-message,
body.halk-bank .no-beneficiary .last-proc,
body.halk-bank .no-beneficiary .slimScrollDiv,
body.halk-bank .no-beneficiary .smart-form {
    display: none
}

body.halk-bank .vb-amountbox-single-amount input {
    text-align: right
}

body.halk-bank .vb-amountbox-single-amount label.input .icon-append {
    line-height: 28px
}

html.ie body.halk-bank .vb-amountbox-single-amount label.input .icon-append {
    line-height: 24px
}

html.ie9 body.halk-bank .vb-amountbox-single-amount label.input .icon-append {
    line-height: 26px
}

body.halk-bank .vb-amountbox-single-amount input::-webkit-input-placeholder {
    text-align: left
}

body.halk-bank .vb-amountbox-single-amount input::-moz-placeholder {
    text-align: left
}

body.halk-bank .vb-amountbox-single-amount input:-ms-input-placeholder {
    text-align: left
}

body.halk-bank .vb-amountbox-single-amount input:-moz-placeholder {
    text-align: left
}

body.halk-bank #TopNav .dropdown-menu-large .dropdown-header>a.isTransaction {
    color: #fe8d12 !important
}

.resource-manager {
    position: fixed;
    left: 20px;
    bottom: 70px;
    padding: 10px;
    border-radius: 5px;
    z-index: 1
}

td.screenMessageCondition {
    width: 15%
}

td.screenMessageTranslation {
    width: 30%
}

body.halk-bank .no-beneficiary {
    height: 225px;
    text-align: center;
    padding-top: 66px !important
}

body.halk-bank .openBankingConfirmPage {
    width: 127px !important
}

body.halk-bank .no-beneficiary .beneficiary-message {
    display: block
}

body.halk-bank .no-beneficiary .beneficiary-message img {
    display: block;
    clear: both;
    margin: 0 auto 20px
}

body.halk-bank .last-login-info {
    font-size: 1.0769230769230769em
}

body.halk-bank .financial-market-info {
    width: 30px
}

body.halk-bank .feepanel-checkbox {
    position: absolute;
    margin-left: 15px
}

body.halk-bank .feepanel-checkbox .checkbox i {
    top: 5px !important
}

body.halk-bank .dashBoardLink {
    cursor: pointer !important
}

body.halk-bank .rv-card-footer {
    float: left
}

body.halk-bank .clickable {
    cursor: pointer
}

body.halk-bank .clickable:hover {
    color: orange
}

body.halk-bank .unclickable {
    cursor: default !important
}

body.halk-bank #risksTab td:last-child {
    color: #ff503f !important
}

body.halk-bank #creditCalculate {
    background: url(../img/creditBanner.jpg) no-repeat;
    background-size: 100% auto;
    margin: -18px -30px 0
}

body.halk-bank #creditCalculate .creditBannerText {
    height: 159px;
    text-align: center;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .35);
    padding-top: 53px
}

body.halk-bank #creditCalculate .creditBannerText h1 {
    font-size: 36px;
    font-weight: 400;
    margin: 0
}

body.halk-bank #creditCalculate .creditBannerText h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 7px 0 0
}

body.halk-bank #creditCalculate .calculateArea {
    box-shadow: 0 2px 16px 0 rgba(166, 166, 166, .33);
    width: 752px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 45px 20px
}

body.halk-bank #creditCalculate .calculateArea .amountRange {
    height: 93px;
    padding-top: 60px
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider {
    height: 5px;
    border-radius: 4px;
    background: #298dff
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-slider-range {
    background: #dedede;
    border-radius: 4px;
    transition: none;
    box-shadow: none
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-slider-handle {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border: 2px solid #298dff;
    top: -12px;
    background: url(../img/amount-slide-handle.png) center no-repeat #fff;
    cursor: pointer
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-slider-handle span {
    position: absolute;
    top: -36px;
    left: -117px;
    width: 259px;
    height: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    line-height: 24px
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-slider-handle span label {
    background: #298dff;
    display: inline-block;
    border-radius: 1px;
    padding: 0 10px;
    margin: 0 1px;
    position: relative;
    top: -8px
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-slider-handle span:after,
body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-slider-handle span:before {
    display: inline-block;
    font-size: 22px;
    background: #298dff;
    width: 20px;
    height: 24px;
    line-height: 18px;
    overflow: hidden
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-slider-handle span:before {
    content: '-';
    border-radius: 8px 1px 1px 8px
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-slider-handle span:after {
    content: '+';
    border-radius: 1px 8px 8px 1px
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-slider-handle:after {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #298dff transparent transparent;
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -6px
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-range-max,
body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-range-min {
    position: absolute;
    top: -22px;
    color: #333;
    font-size: 12px
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-range-min {
    left: 0
}

body.halk-bank #creditCalculate .calculateArea .amountRange .amount-slider .ui-range-max {
    right: 0
}

body.halk-bank #creditCalculate .calculateArea .btn {
    float: right;
    width: 120px;
    height: 27px;
    border: 1px solid #a4a4a4;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    border-radius: 1px;
    margin-top: 5px;
    padding: 2px 0 0
}

body.halk-bank #creditCalculate .calculateArea .btn .fa {
    float: right;
    top: 1px;
    font-size: 19px;
    width: 0;
    position: relative;
    right: 23px;
    display: none
}

body.halk-bank #creditCalculate .calculateArea .btn.check {
    background-color: #298dff;
    border-color: #298dff;
    color: #fff;
    padding-top: 2px
}

body.halk-bank #creditCalculate .calculateArea .btn.check .fa {
    display: initial
}

body.halk-bank #creditCalculate .calculateArea .calculateList {
    width: 100%;
    margin-bottom: 10px
}

body.halk-bank #creditCalculate .calculateArea .calculateList .creditDetail {
    padding: 0 40px 0 0;
    font-weight: 500;
    font-size: 11px;
    color: #999;
    text-align: center;
    display: inline-block
}

body.halk-bank #creditCalculate .calculateArea .calculateList .creditDetail.total-amount,
body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow:first-child>.row .element-container {
    padding-right: 0
}

body.halk-bank #creditCalculate .calculateArea .calculateList .creditDetail b {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    display: block
}

body.halk-bank #creditCalculate .calculateArea .calculateList .creditDetail.orange b {
    color: #ff700f
}

body.halk-bank #creditCalculate .calculateArea .smart-form>div {
    margin-top: 10px !important
}

body.halk-bank #creditCalculate .calculateArea .smart-form>div:after {
    content: ' ';
    display: block;
    clear: both
}

body.halk-bank #creditCalculate .calculateArea .smart-form .select2-selection__arrow {
    background-color: #298dff !important
}

body.halk-bank #creditCalculate .calculateArea .smart-form section {
    padding: 0;
    margin: 0
}

body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow>.row {
    float: left;
    margin: 0;
    width: 20%
}

body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow>.row section>div:first-child {
    padding-left: 0;
    text-align: center
}

body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow>.row .title-label {
    color: #999;
    font-weight: 300;
    font-size: 12px
}

body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow:first-child>.row {
    width: 55%
}

body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow:first-child>.row vb-grid-column>section {
    padding-left: 10px
}

body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow:first-child>.row vb-grid-column>section.col-sm-7 .selectField.single-dropdown .select2-selection__rendered {
    text-align: left;
    padding-left: 3px
}

body.halk-bank #creditCalculate .calculateArea .smart-form vb-containerrow:last-child>.row {
    width: 25%;
    float: right
}

body.halk-bank #creditCalculate .calculateArea .smart-form hr {
    border-top: 1px solid #d1d1d1
}

body.halk-bank #creditCalculate .calculateArea .creditAmount input {
    color: #298dff
}

body.halk-bank .insurance-panel {
    border-top: 2px solid #ff700f;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .15);
    display: block;
    padding-left: 27px;
    border-radius: 2px
}

body.halk-bank .insurance-panel .smart-form vb-containerrow {
    display: block;
    clear: both
}

body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child>.row section>.col-sm-3,
body.halk-bank .insurance-panel .smart-form vb-containerrow>.row section>.col-sm-4,
body.halk-bank .insurance-panel hr {
    display: none
}

body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child,
body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child+vb-containerrow {
    clear: none
}

body.halk-bank .insurance-panel .smart-form vb-containerrow>.row section>.col-sm-3 {
    width: 290px;
    font-size: 12px
}

body.halk-bank .insurance-panel .smart-form vb-containerrow>.row section .inline-group label.radio {
    width: 20%
}

body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child>.row {
    width: 320px;
    float: left;
    margin-bottom: 20px
}

body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child>.row section>.col-sm-5 {
    font-size: 17px;
    width: 100%
}

body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child+vb-containerrow>.row {
    width: auto;
    float: left
}

body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child+vb-containerrow>.row section>.col-sm-3 {
    height: 0;
    position: relative;
    top: 23px
}

body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child+vb-containerrow>.row section>.col-sm-3 label {
    color: #999;
    font-size: 13px;
    font-family: Roboto
}

body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child+vb-containerrow>.row section>.col-sm-5 {
    font-size: 17px;
    color: #ff700f;
    font-family: Roboto
}

body.halk-bank .insurance-panel .smart-form vb-containerrow:first-child+vb-containerrow>.row section>.col-sm-5 .colorOrange {
    font-size: 17px;
    font-family: Roboto;
    font-weight: 400
}

body.halk-bank .market-info-box {
    height: 60px;
    background-color: #fff;
    clear: both;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    bottom: 97px;
    left: 0;
    right: 0
}

body.halk-bank .market-info-box.corporate {
    display: none
}

body.halk-bank .market-info-box .container {
    width: 1090px;
    padding: 5px 0 0;
    margin: 0 auto;
    height: 60px
}

body.halk-bank .market-info-box:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 60px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
    background-color: #fff;
    z-index: 0;
    margin-top: 0;
    border-top: 1px solid #1b6fb5
}

body.halk-bank .market-info-box:after {
    content: '';
    display: block;
    clear: both
}

body.halk-bank .market-info-box header,
body.halk-bank .market-info-box section {
    position: relative;
    z-index: 1
}

body.halk-bank .market-info-box header {
    float: left;
    max-width: 173px;
    font-size: 14px;
    color: #474747;
    position: relative;
    font-weight: 500;
    margin-top: 12px
}

body.halk-bank .market-info-box header span.lbl {
    text-transform: uppercase
}

body.halk-bank .market-info-box header .fa {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 20px;
    font-size: 0
}

body.halk-bank .market-info-box section {
    float: right;
    width: 900px;
    height: 60px
}

body.halk-bank .market-info-box section .item-list {
    float: left;
    max-width: 839px;
    overflow: hidden;
    height: 103px;
    padding-top: 55px;
    margin-top: -50px;
    margin-left: 5px
}

body.halk-bank .market-info-box section .item-list .item-slide {
    min-width: 3000px;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    margin-top: 0
}

body.halk-bank .market-info-box section .market-item {
    float: left;
    padding: 5px 25px 0;
    color: #494949;
    font-size: 12px;
    height: 43px;
    border-left: 1px solid rgba(216, 217, 220, .6);
    position: relative;
    cursor: default;
    width: 140px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body.halk-bank .market-info-box section .market-item:first-child {
    border-left: 0;
    margin-left: -1px
}

body.halk-bank .market-info-box section .market-item .operation-item {
    display: none;
    position: absolute;
    border-radius: 5px;
    height: 95px;
    padding: 11px 0 0;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 1px 8px 0 rgba(62, 65, 82, .15);
    bottom: -2px;
    left: 15px;
    right: 15px;
    text-align: center
}

body.halk-bank .market-info-box section .market-item .operation-item .financial-market-info {
    width: 40px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    margin: 0 3px 0 0;
    border: 0;
    font-size: 12px;
    border-radius: 3px;
    padding: 0
}

body.halk-bank .market-info-box section .market-item .operation-item .financial-market-info+.financial-market-info {
    margin: 0
}

body.halk-bank .market-info-box section .market-item .operation-item .financial-market-info.transparent-green {
    background: url(../img/paraf-btn.jpg) repeat-x;
    background-size: contain
}

body.halk-bank .market-info-box section .market-item .operation-item .financial-market-info.transparent-red {
    background: #fa761f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fa761f), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #fa761f, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #fa761f 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #fa761f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#fa761f', GradientType=0)
}

body.halk-bank .market-info-box section .market-item .operation-item .financial-market-info.transparent {
    border: 0;
    background-color: #1ab0e8;
    color: #fff
}

body.halk-bank .market-info-box section .market-item b {
    font-weight: 700;
    padding-right: 5px
}

body.halk-bank .market-info-box section .market-item .fa {
    font-size: 17px;
    margin-left: 5px;
    line-height: 0
}

body.halk-bank .market-info-box section .market-item .green .fa {
    color: #1fb5ac
}

body.halk-bank .market-info-box section .market-item .red .fa {
    color: #ff700f
}

body.halk-bank .market-info-box section .market-item:active .operation-item,
body.halk-bank .market-info-box section .market-item:focus .operation-item,
body.halk-bank .market-info-box section .market-item:hover .operation-item {
    display: block
}

body.halk-bank .market-info-box section .market-item>* {
    position: relative;
    z-index: 2;
    display: inline-block
}

body.halk-bank .market-info-box section .market-item .title {
    display: block;
    margin-top: -8px;
    margin-bottom: 2px;
    color: #494949;
    font-size: 12px;
    font-weight: 400
}

body.halk-bank .market-info-box section .market-item .title span {
    float: left;
    padding: 0;
    height: auto;
    width: 5px
}

body.halk-bank .market-info-box section .market-item .title span:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    max-width: 80px;
    float: left;
    margin-right: 4px
}

body.halk-bank .market-info-box section .market-item .title:after {
    content: ' ';
    display: block;
    clear: both
}

body.halk-bank .market-info-box section .market-item .amount,
body.halk-bank .market-info-box section .market-item b {
    line-height: 13px;
    display: block
}

body.halk-bank .market-info-box section .btn.rev {
    width: 20px;
    height: 20px;
    background: url(../img/settings-icon.png) no-repeat;
    background-size: 100% auto;
    line-height: 0;
    float: right;
    border-radius: 0;
    margin-top: 12px;
    box-shadow: none;
    position: relative
}

body.halk-bank .market-info-box section .btn.rev span {
    color: transparent
}

body.halk-bank .market-info-box section .swipe-buttons {
    color: #adadad;
    font-size: 17px;
    margin-top: 16px;
    cursor: pointer;
    position: absolute;
    width: 20px;
    text-align: center
}

body.halk-bank .market-info-box section .swipe-buttons .fa {
    display: block
}

body.halk-bank .market-info-box section .swipe-buttons.swipe-left {
    left: -10px
}

body.halk-bank .market-info-box section .swipe-buttons.swipe-right {
    right: 40px
}

@media screen and (max-width:767px) {
    .loadfund {
        width: 50% !important
    }

    .custom-limit-grid vb-amountbox input[type=text] {
        min-width: 70% !important;
        width: 100% !important
    }

    .custom-limit-grid dataTables_scrollHead table {
        width: 100% !important
    }
}

label input[type=checkbox].checkbox+span:before,
label input[type=radio].radiobox+span:before {
    position: absolute;
    left: -25px;
    top: 2px
}

.checkbox input[type=checkbox].checkbox+span,
.checkbox-inline input[type=checkbox].checkbox+span,
.radio input[type=radio].radiobox+span,
.radiobox-inline input[type=radio].radiobox+span {
    margin-left: 0
}

#login-tutorial {
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999
}

#tutorial-container {
    position: absolute;
    width: 95%;
    max-width: 500px;
    background-color: #fff;
    border-radius: 3px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-top: -224px;
    margin-left: -298px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .44)
}

#tutorial-container h2 {
    font-size: 19px;
    color: #1a6fb4;
    font-weight: 700;
    text-align: center;
    padding: 0 40px
}

#tutorial-container p {
    color: #031d3d;
    font-size: 18px;
    text-align: center;
    padding: 0 40px;
    height: 90px;
    text-shadow: 0 0 0 #000;
    font-weight: 300
}

#tutorial-container #tutorial-screen {
    border-bottom: 4px solid #d0e3f2;
    height: 500px;
    box-shadow: inset 0 7px 16px rgba(0, 0, 0, .13), 0 0 1px 0 #bed5e6;
    position: relative;
    overflow: hidden;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-image: url(../img/new-features/BO_Halkbank_BirlikBeraberlik_500x500_2107.gif)
}

#tutorial-container #tutorial-screen img {
    display: none;
    width: 167px;
    position: absolute;
    left: 13px;
    top: 11px
}

#tutorial-container #tutorial-screen .fa {
    color: #fff;
    position: absolute;
    right: 18px;
    top: 12px;
    font-size: 12px;
    cursor: pointer
}

#tutorial-container #tutorial-screen.landing-screen img {
    display: block
}

#tutorial-container #tutorial-pager {
    max-width: 220px;
    margin: 0 auto
}

#tutorial-container #tutorial-pager>span {
    visibility: hidden;
    float: left;
    width: 22px;
    height: 23px;
    background-color: #d6dadb;
    color: #fff;
    line-height: 23px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

#tutorial-container #tutorial-pager>span.to-right {
    float: right;
    text-align: center
}

#tutorial-container #tutorial-pager.show-navigation>span {
    visibility: visible
}

#tutorial-container #tutorial-pager .tutorial-pager-numbers {
    width: 100%;
    max-width: 174px;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    overflow: hidden
}

#tutorial-container #tutorial-pager .tutorial-pager-numbers.landing {
    text-align: center
}

#tutorial-container #tutorial-pager .tutorial-pager-numbers span {
    display: inline-block;
    width: 23px;
    height: 23px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    background-color: #d6dadb;
    border-radius: 50%;
    margin: 0 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700
}

#tutorial-container #tutorial-pager .tutorial-pager-numbers span.active {
    background-color: #1a6fb4
}

@media (max-width:768px) {
    #tutorial-container {
        width: 98%;
        max-width: 100%;
        top: 1%;
        left: 1%;
        margin: 0;
        min-height: 97vw;
        height: auto
    }

    #tutorial-container p {
        height: auto;
        margin-bottom: 10vw
    }

    #tutorial-container #tutorial-screen {
        border-bottom-width: 8px;
        height: 97vw;
        background-size: 50% auto;
        background-color: #2878b7;
        background-image: url(../img/new-features/BO_Halkbank_BirlikBeraberlik_500x500_2107.gif)
    }

    #tutorial-container #tutorial-screen .fa {
        font-size: 20px
    }

    #tutorial-container #tutorial-screen img {
        width: 191px
    }

    #tutorial-container #tutorial-screen.landing-screen {
        background-size: auto 100%
    }

    #tutorial-container #tutorial-pager {
        max-width: 100%;
        width: 100%;
        margin: 0 0 5vw;
        position: relative
    }

    #tutorial-container #tutorial-pager span {
        width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
        font-size: 19px !important
    }

    #tutorial-container #tutorial-pager>span {
        position: absolute;
        top: 0;
        left: 0
    }

    #tutorial-container #tutorial-pager>span.to-right {
        left: auto;
        right: 0
    }

    #tutorial-container #tutorial-pager .tutorial-pager-numbers {
        max-width: 100%;
        display: block;
        padding: 0 50px;
        text-align: center
    }

    #tutorial-container #tutorial-pager .tutorial-pager-numbers .tutorial-pager-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: block
    }

    #tutorial-container #tutorial-pager .tutorial-pager-numbers .tutorial-pager-container .pager-inner {
        display: inline-block
    }
}

.investmentMenu .dropdown {
    position: relative !important
}

.investmentMenu .dropdown .dropdown-menu.dropdown-menu-large {
    min-width: 220px !important;
    padding: 20px 15px !important
}

.investmentMenu .dropdown li {
    float: none;
    margin: 3px 0
}

.investmentMenu .dropdown.search-menu {
    position: static !important
}

.investmentMenu .dropdown.search-menu .dropdown-menu.dropdown-menu-large {
    min-width: inherit !important;
    padding: 35px 0 !important
}

@media (max-width:768px) {
    [vb-id=MounthYearcontainerID] .col {
        padding: 0 !important
    }
}

.wrapText {
    word-wrap: break-word
}

.selectable-table table tbody tr {
    cursor: pointer
}

.select2.selectField.vb-accountlist-combo {
    -webkit-box-shadow: 0 0 3px 0 rgba(9, 9, 9, .15);
    -moz-box-shadow: 0 0 3px 0 rgba(9, 9, 9, .15);
    box-shadow: 0 0 3px 0 rgba(9, 9, 9, .15);
    border-radius: 5px
}

.select2.selectField.vb-accountlist-combo .select2-selection__arrow {
    background-color: #1b6fb5 !important;
    background-image: url(../img/DownArrowWhite.png) !important;
    background: linear-gradient(to bottom, #faad5b 0, #f68e4f 100%) !important;
    border: 0;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    bottom: 4px !important;
    top: 4px !important;
    right: 4px !important
}

.select2.selectField.vb-accountlist-combo .select2-selection__arrow b {
    color: #fff !important
}

@media (max-width:991px) {

    body.halk-bank .button-group .button-wrapper,
    body.halk-bank .button-group vb-button {
        display: block;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0
    }

    body.halk-bank .button-group .button-wrapper a,
    body.halk-bank .button-group vb-button a {
        width: 100%;
        display: block;
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .swiper-wrapper {
        max-height: 195px;
        overflow-y: hidden;
        min-height: 195px
    }

    body.halk-bank .no-beneficiary {
        height: 140px;
        padding-top: 26px !important
    }

    body.halk-bank .modal.campaign-modal .img img {
        max-width: 100%;
        width: 100%
    }
}

vb-selected-account-show .label p.Title {
    font-size: 14px !important
}

vb-selected-account-show .label p.Size1 {
    font-size: 13px !important;
    color: #666 !important
}

vb-selected-account-show .Size,
vb-selected-account-show vb-label {
    font-size: 14px !important
}

body.halk-bank .BGGray .table-style p>strong {
    color: #333 !important;
    font-weight: 500
}

vb-main-page-portfolio-list-grid table tr:nth-of-type(4n),
vb-main-page-portfolio-list-grid table tr:nth-of-type(4n-1) {
    background: #ececec
}

@media (max-width:767px) {

    vb-main-page-portfolio-list-grid .btn.transparent-green,
    vb-main-page-portfolio-list-grid .btn.transparent-red {
        font-size: 1em !important;
        width: 100%
    }
}

@media (min-width:992px) {

    .retail-vision-min-height,
    .retail-vision-portfolio-min-height {
        min-height: 271px
    }

    .last-proc .swiper-container .swiper-wrapper {
        width: 100% !important
    }
}

body.halk-bank #logo .mobileLogo {
    width: 30px !important;
    display: none;
    margin-top: -5px !important
}

body.halk-bank #logo .IBLogo {
    width: 175px;
    height: 34px
}

@media (max-width:768px) {
    .mobileLogo {
        display: block !important
    }

    body.halk-bank .headerSub .LoginInfo {
        padding-bottom: 0;
        position: absolute;
        right: 0;
        top: 0;
        margin: 0 !important;
        height: auto
    }

    body.halk-bank .headerSub .LoginInfo .LoginWelcome {
        width: inherit !important;
        position: inherit !important;
        padding-top: 7px
    }

    body.halk-bank .headerSub .LoginInfo .LoginWelcome b {
        font-size: 1.2307692307692308em
    }
}

body.halk-bank .contentAreaMain .fuelux .wizard ul li.active a {
    color: #000 !important
}

@media (min-width:768px) {

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        margin-left: -20px
    }
}

.orangeHover:hover {
    color: #fe8d12 !important
}

@media (max-width:768px) {
    .receiptEmailBtn {
        width: 100%;
        display: block;
        margin: 10px 0 0 !important
    }

    body.halk-bank .modal.campaign-modal .img img {
        max-width: 100%
    }
}

.CustomerInfoBold {
    color: #DB8C1F;
    font-weight: 700;
    text-align: right;
    vertical-align: top;
    font-family: Roboto;
    padding-left: 10px
}

.CustomerInfo {
    color: #1F7EDB;
    text-align: left;
    font-family: Roboto
}

.ie9 body.halk-bank #ProfilePhotoChangeContent .upload-controls {
    position: relative;
    width: 320px;
    height: 35px;
    margin: 20px auto
}

.ie9 body.halk-bank #ProfilePhotoChangeContent .upload-controls input[type=file] {
    width: 300px;
    height: 36px !important;
    margin: auto;
    position: absolute;
    z-index: 2 !important
}

.ie9 body.halk-bank #ProfilePhotoChangeContent .upload-controls vb-textbox {
    width: 235px;
    float: left;
    position: relative !important;
    z-index: 1 !important
}

.ie9 body.halk-bank #ProfilePhotoChangeContent .upload-controls .btn {
    margin-top: 2px
}

.announcement-scroll {
    height: 500px;
    overflow-y: auto;
    padding: 0 20px
}

.grid-filter {
    width: 100%;
    text-align: right;
    margin: 5px 0
}

.triple-inline-radio label {
    width: 25% !important
}

.confirm-dialog .btn.default {
    color: #fff !important
}

.navigation-dropdown {
    min-width: 175px
}

.fxrate-list .transparent-green,
.fxrate-list .transparent-red {
    min-width: 60px;
    font-size: .9230769230769231em !important
}

body.halk-bank.reporting-app aside#left-panel {
    right: auto;
    left: 0;
    z-index: 1036;
    width: 50px;
    overflow: auto
}

body.halk-bank.reporting-app aside#left-panel #hide-menu {
    text-align: right;
    display: block !important
}

body.halk-bank.reporting-app aside#left-panel #hide-menu a {
    color: #fff;
    background: #0b4676;
    margin-right: 10px;
    cursor: pointer !important
}

body.halk-bank.reporting-app aside#left-panel #hide-menu h2 {
    color: #fff;
    background: #0b4676
}

body.halk-bank.reporting-app aside#left-panel .Dashboard a span,
body.halk-bank.reporting-app aside#left-panel .main-site-map {
    display: none
}

body.halk-bank.reporting-app aside#left-panel .header-search>input[type=text] {
    width: 34px;
    min-width: 0;
    font-size: 0;
    padding: 0
}

body.halk-bank.reporting-app aside#left-panel .header-search>button {
    left: 10px
}

body.halk-bank.reporting-app aside#left-panel nav ul ul {
    display: block !important;
    height: auto !important;
    overflow: visible !important
}

body.halk-bank.reporting-app aside#left-panel nav>ul>li>a {
    padding-left: 25px
}

body.halk-bank.reporting-app aside#left-panel nav>ul>li>a>i {
    display: none
}

body.halk-bank.reporting-app.hidden-menu #header {
    right: auto;
    left: 0
}

body.halk-bank.reporting-app.hidden-menu #left-panel {
    right: auto !important;
    left: 0 !important;
    width: 260px
}

body.halk-bank.reporting-app.hidden-menu #left-panel .Dashboard {
    width: 260px
}

body.halk-bank.reporting-app.hidden-menu #left-panel .Dashboard a span {
    display: inline
}

body.halk-bank.reporting-app.hidden-menu #left-panel .header-search>input[type=text] {
    width: 100%;
    min-width: 200px;
    font-size: 13px;
    padding: 0 10px 0 36px
}

body.halk-bank.reporting-app.hidden-menu #left-panel .header-search>button {
    left: 10px
}

body.halk-bank.reporting-app.hidden-menu #left-panel .main-site-map {
    display: block;
    width: 260px
}

body.halk-bank.reporting-app.hidden-menu #main {
    left: 0;
    right: auto
}

body.halk-bank.reporting-app.hidden-menu:not(.mobile-view-activated) {
    overflow: auto
}

.JustifyFull {
    display: inline-block;
    text-align: justify
}

.login-footer-area .blue {
    color: #2878b7
}

.login-footer-area .orange {
    color: #EC7E2D
}

.login-footer-area .green {
    color: #71C765
}

.login-footer-area .yellow {
    color: #ECC62D
}

.login-footer-area .purple {
    color: #C364C3
}

.login-footer-area .box {
    border: 1px solid #ccc;
    min-height: 151px;
    padding: 13px 10px 10px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 22px
}

.login-footer-area .box .box-image {
    font-size: 5em;
    color: #fff
}

.login-footer-area .box .paraf-card {
    width: 80px;
    background-image: url(../img/paraf.png)
}

.login-footer-area .box .happy-customer-center {
    width: 67px;
    background-image: url(../img/icons/svg/white/login-mmm.svg);
    background-position: center top
}

.login-footer-area .box .security-box-image {
    width: 55px;
    background-image: url(../img/GUVENLIK.png)
}

.login-footer-area .box .happy-customer-center,
.login-footer-area .box .paraf-card,
.login-footer-area .box .security-box-image {
    background-repeat: no-repeat;
    height: 65px;
    margin: 0 auto;
    background-size: contain
}

.login-footer-area .box .happy-customer-center+.title,
.login-footer-area .box .paraf-card+.title,
.login-footer-area .box .security-box-image+.title {
    margin-top: 18px
}

.login-footer-area .box.blue-border {
    border-bottom: 5px #2878b7 solid
}

.login-footer-area .box.blue-border:hover {
    border-top: 1px #2878b7 solid;
    border-left: 1px #2878b7 solid;
    border-right: 1px #2878b7 solid
}

.login-footer-area .box.paraf-border {
    border-bottom: 5px #0BBBEF solid
}

.login-footer-area .box.paraf-border:hover {
    border-top: 1px #0BBBEF solid;
    border-left: 1px #0BBBEF solid;
    border-right: 1px #0BBBEF solid
}

.login-footer-area .box.orange-border {
    border-bottom: 5px #EC7E2D solid
}

.login-footer-area .box.orange-border:hover {
    border-top: 1px #EC7E2D solid;
    border-left: 1px #EC7E2D solid;
    border-right: 1px #EC7E2D solid
}

.login-footer-area .box.green-border {
    border-bottom: 5px #71C765 solid
}

.login-footer-area .box.green-border:hover {
    border-top: 1px #71C765 solid;
    border-left: 1px #71C765 solid;
    border-right: 1px #71C765 solid
}

.login-footer-area .box.yellow-border {
    border-bottom: 5px #ECC62D solid
}

.login-footer-area .box.yellow-border:hover {
    border-top: 1px #ECC62D solid;
    border-left: 1px #ECC62D solid;
    border-right: 1px #ECC62D solid
}

.login-footer-area .box.purple-border {
    border-bottom: 5px #C364C3 solid
}

.login-footer-area .box.purple-border:hover {
    border-top: 1px #C364C3 solid;
    border-left: 1px #C364C3 solid;
    border-right: 1px #C364C3 solid
}

.login-footer-area .box2 .title {
    color: #fefefe !important
}

@media screen and (min-width:992px) {
    .login-footer-area .col-md-20 {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media screen and (max-width:991px) {
    .login-footer-area .col-md-20 {
        padding-left: 15px;
        padding-right: 15px
    }

    .login-footer-area .box {
        min-height: 165px;
        margin: 15px 0
    }
}

.smart-form section {
    margin-bottom: 10px !important
}

.smart-form .filter-account {
    display: block;
    width: 80%
}

.reminder-top {
    width: 100%;
    height: 36px;
    position: absolute;
    background: #f96505;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f96505), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #f96505, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #f96505 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #f96505);
    top: 61px;
    left: 0;
    right: 0
}

.reminder-top .container-row {
    color: #fff;
    padding-right: 12px;
    padding-left: 12px
}

.reminder-top .container-row>div {
    padding: 8px 10px 0
}

.reminder-top .container-row a {
    cursor: pointer
}

.reminder-top .container-row .close-button {
    display: none
}

.reminder-top .container-row .item-count {
    float: left;
    margin-right: 10px
}

.reminder-top .container-row .item-count .top-zone {
    width: 15px;
    height: 15px;
    background-color: #fff;
    color: #f1652a;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    line-height: 14px
}

.reminder-top .container-row .item-count .middle-zone {
    width: 2px;
    height: 10px;
    background-color: #fff;
    margin: 0 auto
}

.reminder-top .container-row .item-count .bottom-zone {
    width: 8px;
    height: 6px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top: 6px #fff solid;
    margin: 0 auto
}

.reminder-top .container-row .day-title {
    font-size: 12px;
    font-weight: 400
}

.reminder-top .container-row .day-title.past-info vb-label {
    line-height: 24px
}

.reminder-top .container-row .day-title .left-part {
    float: left;
    height: 28px
}

.reminder-top .container-row .day-title vb-dynamic-label {
    line-height: 13px
}

.reminder-top .container-row .day-title vb-label {
    display: block;
    line-height: 12px
}

.reminder-top .container-row .day-title .right-part {
    float: right
}

.reminder-top .container-row .day-title .right-part .fa {
    margin-top: 5px
}

.reminder-top .container-row .day-title a {
    color: #fff
}

.reminder-top .container-row .item-container {
    margin-left: -9px;
    margin-right: -9px
}

.reminder-top .container-row .item-container .rm-item {
    height: 66px;
    background-color: #fff;
    padding-top: 8px;
    color: #333;
    font-weight: 300;
    font-size: 12px;
    border-radius: 8px
}

.reminder-top .container-row .item-container .rm-item .icon-zone {
    max-width: 30px;
    float: left;
    margin-right: 7px;
    height: 60px
}

.reminder-top .container-row .item-container .rm-item .outgoing-amount {
    color: #f2414a;
    font-size: 16px
}

.reminder-top .container-row .item-container .rm-item .incoming-amount {
    color: #04916e;
    font-size: 16px
}

.reminder-top .container-row .item-container .rm-item .item-pager {
    float: right;
    margin-top: 3px
}

.reminder-top .container-row .item-container .rm-item .item-pager a {
    padding: 4px 8px;
    margin: -4px -8px
}

.reminder-top .container-row .item-container .rm-item .item-pager a .arrow {
    color: #444
}

.reminder-top .container-row .item-container .rm-item .item-pager a.no-page .arrow {
    color: #ccc
}

.reminder-top .container-row .item-container .rm-item .item-pager .page-number {
    margin: 0 3px;
    font-size: 13px
}

.reminder-top .container-row .item-container .rm-item .no-content-title {
    text-align: center;
    margin-top: 17px
}

.reminder-top .container-row .item-container .rm-item .item-delete {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 8px 0 0
}

.reminder-top .container-row .item-container .rm-item .item-content {
    height: 36px;
    margin-right: 10px;
    overflow: hidden
}

.reminder-top .rm.balloon,
.reminder-top .rm.cactus,
.reminder-top .rm.clock,
.reminder-top .rm.tree {
    background-size: 84px 47px;
    width: 84px;
    height: 47px;
    margin: -4px 0 0 15px
}

.reminder-top .rm.cactus {
    background-image: url(../img/reminder/cactus.png)
}

.reminder-top .rm.clock {
    background-image: url(../img/reminder/clock.png)
}

.reminder-top .rm.tree {
    background-image: url(../img/reminder/tree.png)
}

.reminder-top .rm.balloon {
    background-image: url(../img/reminder/balloon.png)
}

.reminder-top .rm.money-incoming {
    background-image: url(../img/reminder/money-incoming.png);
    background-size: 17px 23px;
    width: 17px;
    height: 23px;
    margin-top: 4px
}

.reminder-top .rm.money-outgoing {
    background-image: url(../img/reminder/money-outgoing.png);
    background-size: 17px 23px;
    width: 17px;
    height: 23px;
    margin-top: 4px
}

.reminder-top .rm.trash {
    background-image: url(../img/reminder/trash.png);
    background-size: 12px 16px;
    width: 12px;
    height: 16px
}

.LoginWelcome .logout-icon {
    background-image: url(../img/logout.png);
    background-size: 13px 13px;
    width: 13px;
    height: 13px
}

.LoginWelcome .bell {
    background: url(../img/icons/svg/Bell_top.svg) center top no-repeat;
    background-size: auto 100%;
    width: 18px;
    height: 16px;
    display: block;
    position: relative;
    z-index: 1
}

.LoginWelcome .bottom-marker {
    width: 20px;
    height: 10px;
    position: absolute;
    background: #f96505;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f96505), color-stop(1, #fb8a3d));
    background: -ms-linear-gradient(bottom, #f96505, #fb8a3d);
    background: -moz-linear-gradient(center bottom, #f96505 0, #fb8a3d 100%);
    background: -o-linear-gradient(#fb8a3d, #f96505);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: #fb8a3d solid;
    right: 3px;
    top: 30px
}

.LoginWelcome .login-name-passing {
    float: left;
    position: relative
}

.LoginWelcome .login-name-passing .name1 {
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.LoginWelcome .login-name-passing .name1 i {
    margin-left: 5px
}

.LoginWelcome .login-name-passing .profile-menu1 {
    display: none;
    min-width: 250px;
    background-color: #fff;
    border: 1px solid #d3d7da;
    border-top: 0;
    padding-top: 60px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -73px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center
}

.LoginWelcome .login-name-passing .profile-menu1 ul {
    border-top: 1px solid #e6e8f0;
    width: auto;
    padding: 0;
    margin: 0
}

.LoginWelcome .login-name-passing .profile-menu1 ul li {
    border-bottom: 1px solid #e6e8f0;
    color: #fe8d12 !important;
    display: inline-block;
    text-align: center
}

.LoginWelcome .login-name-passing .profile-menu1 ul li a {
    font-weight: 700;
    font-size: 14px;
    color: #fe8d12 !important;
    height: 46px;
    line-height: 46px;
    display: block
}

.LoginWelcome .login-name-passing .profile-menu1 ul li a i {
    margin-right: 5px
}

.LoginWelcome .login-name-passing.profile-visible1 .name1 {
    font-size: 14px;
    font-weight: 700;
    color: #257fe5
}

.LoginWelcome .login-name-passing.profile-visible1 .profile-menu1 {
    display: block
}

.LoginWelcome .login-name-passing.profile-visible1+.button-group {
    position: relative;
    z-index: 2
}

.LoginWelcome .login-name {
    float: left;
    position: relative
}

.LoginWelcome .logout-link {
    float: right;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin-top: 20px;
    font-weight: 300;
    margin-left: 15px
}

.mobile-reminder {
    display: none
}

.inherit-position {
    position: inherit
}

@media (max-width:991px) {

    body.halk-bank #header .reminder-top .container-row .close-button a,
    body.halk-bank #leftMenu .user-name {
        color: #fff
    }

    body.halk-bank #header .reminder-top {
        position: fixed;
        height: 100%;
        overflow: auto;
        top: 54px;
        background: rgba(7, 37, 62, .8)
    }

    body.halk-bank #header .reminder-top>.container {
        background-color: transparent;
        height: auto
    }

    body.halk-bank #header .reminder-top>.container .col-lg-3 {
        margin-top: 20px
    }

    body.halk-bank #header .reminder-top .container-row {
        padding-right: 25px
    }

    body.halk-bank #header .reminder-top .container-row .close-button {
        text-align: right;
        padding: 5px 10px 0 0;
        display: block
    }

    body.halk-bank #header .reminder-top .container-row .day-title .left-part {
        float: none
    }

    body.halk-bank #header .reminder-top .container-row .day-title .right-part {
        margin-top: -22px
    }

    body.halk-bank #header .reminder-top .container-row .item-count .middle-zone {
        position: absolute;
        margin-left: 9px;
        height: 26px
    }

    body.halk-bank #header .reminder-top .container-row .item-container .rm-item .no-content-title {
        text-align: left
    }

    body.halk-bank #header .reminder-top .container-row .item-container .rm-item .item-delete {
        padding-top: 15px
    }

    body.halk-bank #header .reminder-top .rm.cactus {
        margin: 0 10px 0 0
    }

    body.halk-bank #leftMenu .user-img {
        width: 80px;
        height: 80px;
        margin: 10px auto
    }

    body.halk-bank #leftMenu .user-name,
    body.halk-bank #leftMenu .user-name1 {
        font-size: 16px;
        font-weight: 400;
        font-family: Roboto, Arial;
        margin-left: auto;
        margin-right: auto
    }

    body.halk-bank #leftMenu .user-img img {
        border-radius: 50%;
        width: 80px;
        height: 80px
    }

    body.halk-bank #leftMenu .user-name1 {
        color: #ff8a00
    }

    body.halk-bank #leftMenu .top-btn-group a {
        cursor: default;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        font-size: 29px
    }

    body.halk-bank #leftMenu .top-btn-group>:first-child>a {
        margin-right: 5px !important
    }

    body.halk-bank #leftMenu .main-site-map a {
        border-bottom: 1px solid rgba(204, 204, 204, .3)
    }

    body.halk-bank #leftMenu .main-site-map a h1 {
        padding: 0;
        margin: 0;
        display: inline-block
    }

    body.halk-bank #leftMenu .main-site-map>:first-child>a {
        border-top: 1px solid rgba(204, 204, 204, .3)
    }
}

@media (max-width:767px) {
    body.halk-bank.extr-page #main .container {
        padding: 0;
        width: 100%;
        min-width: 0
    }

    body.halk-bank.extr-page #main .login-box-area {
        width: 100%;
        padding: 0
    }

    body.halk-bank.extr-page #main .login-box-area .row {
        margin: 0
    }

    body.halk-bank.extr-page #main .login-box-area .row .col-md-3 {
        padding: 13px 0 0;
        width: 25%;
        float: left
    }

    body.halk-bank.extr-page #main .login-box-area .row .col-md-3 .box {
        padding: 0;
        margin: 0;
        min-height: 0
    }

    body.halk-bank.extr-page #main .login-box-area .row .col-md-3 .box>span:first-child {
        display: block;
        height: 50px
    }

    body.halk-bank.extr-page #main .login-box-area .row .col-md-3 .box .box-image {
        font-size: 30px;
        height: 50px;
        background-position: center top;
        background-size: auto 75%
    }

    body.halk-bank.extr-page #main .login-box-area .row .col-md-3 .box .box-image.paraf-card {
        width: 100%;
        background-size: 50% auto;
        background-position: center top;
        height: 50px
    }

    body.halk-bank.extr-page #main .login-box-area .row .col-md-3 .box .title {
        font-size: 11px;
        font-weight: 500;
        margin: 0;
        height: 35px;
        display: block;
        padding-top: 0
    }

    body.halk-bank.extr-page #main .loginArea {
        min-height: 0;
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
        height: auto;
        background-size: 100% auto;
        background-position: center top;
        background-color: #221b38;
        background-image: url(../img/mobilebghbnew.jpg)
    }

    body.halk-bank.extr-page #main .loginArea .loginContainer.second-login {
        margin: 71px 20px 20px
    }

    body.halk-bank.extr-page #main .loginArea .loginContainer.second-login>.loginInner>#logo-group {
        margin-left: 2px !important;
        margin-top: -76px;
        margin-bottom: 40px !important
    }

    body.halk-bank.extr-page #main .loginArea .loginContainer.second-login>.loginInner>#logo-group img {
        width: 169px !important
    }

    body.halk-bank.extr-page #main .loginArea .second-login {
        float: none;
        clear: both
    }

    body.halk-bank.extr-page #main .loginArea:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, .3)
    }

    body.halk-bank.extr-page #main .loginArea>.container {
        position: relative;
        z-index: 2
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box {
        padding: 0;
        float: none
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner {
        padding: 0 0 30px;
        min-height: 0;
        width: 100%
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner>#logo-group {
        width: 100% !important;
        margin-left: 21px;
        margin-bottom: 26px
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner>#logo-group:after {
        content: '';
        clear: both;
        display: block
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner>#logo-group img {
        width: 169px !important
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner>.title {
        text-align: center
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner .imgArea {
        float: none;
        display: block;
        margin: auto auto 15px;
        width: 94px;
        height: 94px;
        padding: 0;
        border: 1px solid #f0eae7;
        border-radius: 3px;
        background: #fff
    }

    body.halk-bank .main-page .box-content,
    body.halk-bank .main-page .main-favorites,
    body.halk-bank .main-page .tabbable.banner-pane {
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner .imgArea img {
        border-radius: 3px;
        width: 92px !important;
        height: 92px !important
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner .imgArea+fieldset {
        padding: 0 20px;
        margin: 0
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner .imgArea+fieldset .col {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: none
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner .imgArea+fieldset .col:first-child {
        margin-bottom: 20px
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner .imgArea+fieldset section .otp-sample {
        color: transparent !important
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner .imgArea+fieldset .repeat {
        color: #1b6fb5;
        font-size: 17px;
        font-weight: 500;
        display: block;
        width: 150px;
        text-align: center;
        margin: auto auto 10px;
        padding: 0
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner .imgArea+fieldset .repeat .fa {
        display: none
    }

    body.halk-bank.extr-page #main .loginArea>.container .login-input-box .loginContainer .loginInner .loginBtn {
        margin: auto;
        display: block
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel {
        display: block;
        position: relative
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind {
        padding-top: 0
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind .loginSlide {
        position: relative;
        min-height: 0
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind .loginSlide .carousel-indicators {
        text-align: center;
        width: 100%;
        bottom: -20px
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind .loginSlide .carousel-inner .item {
        min-height: 220px !important
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea {
        display: block;
        align-items: normal
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea a {
        text-align: center
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea div {
        text-align: center;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        width: 100%
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea div br {
        line-height: 10px
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea div:first-child {
        font-size: 22px !important;
        line-height: 24px !important;
        margin-bottom: 10px
    }

    body.halk-bank.extr-page #main .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea div:last-child {
        height: 40px !important;
        line-height: 40px !important;
        margin-top: 10px;
        width: auto
    }

    body.halk-bank.extr-page #main .loginArea .login-box {
        float: none;
        width: 100%
    }

    body.halk-bank.extr-page #main .loginArea .login-box>#logo-group {
        float: left;
        margin-left: 22px;
        margin-bottom: 20px
    }

    body.halk-bank.extr-page #main .loginArea .login-box .ct-switch {
        border: 0;
        border-radius: 0;
        float: right;
        margin-top: 15px;
        margin-right: 16px
    }

    body.halk-bank.extr-page #main .loginArea .login-box .ct-switch a {
        background: 0 0;
        font-size: 14px;
        padding: 0;
        margin: 0
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer {
        display: block;
        clear: both;
        margin: 25px 20px 35px
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer .loginInner {
        padding-left: 0;
        padding-right: 0
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer .loginInner .loginHead {
        margin: 20px 0 0;
        padding-left: 21px;
        padding-bottom: 15px
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer .loginInner .loginHead img {
        float: left;
        height: auto;
        width: 22px
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer .loginInner .loginHead img.visible-xs {
        display: none !important
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer .loginInner .login-links {
        text-align: center;
        margin-top: 15px
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer .loginInner .login-forget {
        display: inline-block;
        margin-bottom: 20px
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer .loginInner .linkUnderline {
        margin-bottom: 10px
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer .loginInner .loginBtn {
        width: 150px;
        margin: auto;
        display: block
    }

    body.halk-bank.extr-page #main .loginArea .login-box .loginContainer .loginInner .col {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    body.halk-bank.extr-page #main .loginArea .smart-form .row {
        margin-left: 0;
        margin-right: 0
    }

    body.halk-bank.extr-page #main .loginArea .smart-form .input input,
    body.halk-bank.extr-page #main .loginArea .smart-form .select select,
    body.halk-bank.extr-page #main .loginArea .smart-form .textarea textarea {
        box-shadow: none;
        font-weight: 400;
        font-size: 16px;
        color: #666
    }

    body.halk-bank.extr-page #main .loginArea .smart-form .selectField .select2-selection--single {
        padding-left: 37px;
        min-height: 0;
        height: 50px
    }

    body.halk-bank.extr-page #main .loginArea .smart-form .selectField .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        color: #666
    }

    body.halk-bank.extr-page #main .loginArea .smart-form .icon-prepend {
        margin-top: 8px;
        font-size: 16px;
        color: #666
    }

    body.halk-bank.extr-page #main .miniFooter {
        padding: 0;
        height: 40px
    }

    body.halk-bank.extr-page #main .miniFooter .container #logo-group {
        display: none
    }

    body.halk-bank.extr-page #main .miniFooter .container .link-group {
        display: block;
        margin: 0;
        padding: 0;
        text-align: center
    }

    body.halk-bank.extr-page #main .miniFooter .container .link-group a {
        display: inline-block;
        text-align: center;
        line-height: 40px;
        margin: 0;
        color: #fff
    }

    body.halk-bank.extr-page #main .miniFooter .container .link-group a.lang+a {
        margin: 0 20px
    }

    body.halk-bank.extr-page #main .timeout {
        font-size: 18px;
        display: block;
        max-width: 100px;
        margin: auto;
        text-align: center
    }

    body.halk-bank.extr-page #main .timeout .fa {
        display: inline-block;
        font-size: 22px;
        margin-right: 5px;
        position: relative;
        top: 2px
    }

    body.halk-bank.extr-page #footer {
        padding: 10px
    }

    body.halk-bank.extr-page #footer .container {
        width: 100%
    }

    body.halk-bank.extr-page #footer .container .row {
        margin: 0
    }

    body.halk-bank #header .reminder-top .container-row {
        padding: 0
    }

    body.halk-bank #header .reminder-top .container-row .day-title {
        overflow: hidden
    }

    body.halk-bank #header .LoginWelcome {
        float: left
    }

    body.halk-bank #header .LoginWelcome>a,
    body.halk-bank #header .LoginWelcome>div {
        display: none
    }

    body.halk-bank #header .LoginWelcome .LoginBtn {
        display: inline-block;
        float: right
    }

    body.halk-bank #header .LoginWelcome .LoginBtn .LoginUserPhoto {
        margin-left: 0;
        padding-top: 0;
        margin-right: 20px;
        height: auto
    }

    body.halk-bank #header .LoginWelcome .LoginBtn .LoginUserPhoto img {
        width: 30px;
        height: 30px;
        margin: 0
    }

    body.halk-bank #header .LoginInfo .LoginUserPhoto img {
        margin-top: 2px
    }

    body.halk-bank #header .mobile-reminder {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0;
        width: 28px;
        height: 20px;
        float: right
    }

    body.halk-bank #header .mobile-reminder .reminder-count {
        position: absolute;
        background: #fa761f;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fa761f), color-stop(1, #fb8a3d));
        background: -ms-linear-gradient(bottom, #fa761f, #fb8a3d);
        background: -moz-linear-gradient(center bottom, #fa761f 0, #fb8a3d 100%);
        background: -o-linear-gradient(#fb8a3d, #fa761f);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8a3d', endColorstr='#fa761f', GradientType=0);
        border-radius: 50%;
        width: 14px;
        height: 14px;
        text-align: center;
        color: #fff;
        line-height: 14px;
        font-size: 9px;
        right: 8px;
        top: 8px
    }

    body.halk-bank #header .mobile-reminder a {
        color: #fff;
        margin-left: -10px;
        cursor: pointer
    }

    body.halk-bank #header .mobile-reminder a i {
        width: 28px;
        height: 20px;
        font-size: 0;
        display: inline-block;
        background-image: url(../img/reminder/bell.png);
        background-size: 100% auto
    }

    body.halk-bank .main-page {
        margin-bottom: -55px;
        margin-top: -31px;
        padding-bottom: 0
    }

    body.halk-bank .main-page>.row {
        margin: 0
    }

    body.halk-bank .main-page>.row>div {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }

    body.halk-bank .main-page .market-info-box {
        padding: 20px 0 0;
        margin: 0;
        height: auto;
        background-color: transparent;
        position: relative;
        bottom: 0;
        top: -10px;
        display: block;
        overflow: hidden
    }

    body.halk-bank .main-page .market-info-box:before {
        display: none
    }

    body.halk-bank .main-page .market-info-box .container {
        width: 100%;
        height: auto;
        background-color: #fff;
        border-top: 1px solid #d3d7da
    }

    body.halk-bank .main-page .market-info-box header {
        float: none;
        max-width: 100%;
        margin: 10px;
        text-align: center;
        position: relative
    }

    body.halk-bank .main-page .market-info-box header>span {
        position: absolute;
        left: 5px;
        top: 0;
        font-size: 0;
        line-height: 0
    }

    body.halk-bank .main-page .market-info-box header div.tooltip,
    body.halk-bank .main-page .market-info-box section div.tooltip {
        position: fixed
    }

    body.halk-bank .main-page .market-info-box header>span a {
        margin: 0
    }

    body.halk-bank .main-page .market-info-box header vb-tooltip .fa {
        width: 40%;
        left: 30%
    }

    body.halk-bank .main-page .market-info-box section {
        width: 100%;
        float: none
    }

    body.halk-bank .main-page .market-info-box section vb-main-page-financial-market-list-grid {
        display: block;
        font-size: 0
    }

    body.halk-bank .main-page .market-info-box section .btn.rev {
        position: absolute;
        left: auto;
        right: 15px;
        top: -43px
    }

    body.halk-bank .main-page .market-info-box section .swipe-buttons {
        position: absolute;
        float: none;
        left: 0;
        margin: 0;
        z-index: 2;
        width: 23px;
        text-align: right;
        height: 100%;
        font-size: 21px;
        line-height: 55px;
        background-color: #fff
    }

    body.halk-bank .main-page .market-info-box section .swipe-buttons i {
        line-height: 60px;
        text-align: center
    }

    body.halk-bank .main-page .market-info-box section .swipe-buttons.swipe-right {
        left: auto;
        right: 0;
        text-align: left
    }

    body.halk-bank .main-page .market-info-box section .item-list {
        width: 100%;
        float: none;
        margin: 0;
        height: auto;
        padding: 0 5vw;
        max-width: 100%;
        overflow: visible;
        z-index: 1;
        position: relative
    }

    body.halk-bank .main-page .market-info-box section .item-list .item-slide .market-item {
        height: 50px;
        max-width: none;
        width: 30vw;
        padding-left: 6vw;
        padding-right: 0
    }

    body.halk-bank .main-page .market-info-box section .item-list .item-slide .market-item>span {
        width: 100%;
        display: block
    }

    body.halk-bank .main-page .market-info-box section .item-list .item-slide .market-item .title {
        margin-top: 0
    }

    body.halk-bank .main-page .market-info-box section .item-list .item-slide .market-item .title span {
        float: left
    }

    body.halk-bank .main-page .market-info-box section .item-list .item-slide .market-item .title:after {
        content: ' ';
        display: block;
        clear: both
    }

    body.halk-bank .main-page .market-info-box section .item-list .item-slide .market-item .operation-item {
        bottom: -5px;
        left: 5px;
        right: 5px;
        height: 110px;
        box-shadow: 0 1px 8px 0 rgba(62, 65, 82, .35)
    }

    body.halk-bank .main-page .credit-cards {
        height: auto;
        margin-bottom: 9px
    }

    body.halk-bank .main-page .credit-cards header {
        position: relative;
        height: 51px
    }

    body.halk-bank .main-page .credit-cards header .cell.text-right {
        display: none
    }

    body.halk-bank .main-page .credit-cards header.mobile-active+section,
    body.halk-bank .main-page .credit-cards section {
        display: block;
        height: auto;
        overflow: inherit;
        padding-top: 40px
    }

    body.halk-bank .main-page .credit-cards section {
        padding-right: 12px
    }

    body.halk-bank .main-page .credit-cards .box-footer,
    body.halk-bank .main-page .credit-cards section .card-summary br {
        display: none
    }

    body.halk-bank .main-page .credit-cards section .card-preview,
    body.halk-bank .main-page .credit-cards section .card-summary {
        width: 100%;
        float: none
    }

    body.halk-bank .main-page .credit-cards section .card-preview span {
        left: 16px
    }

    body.halk-bank .main-page .credit-cards section .card-preview span.swipe-right {
        right: 16px
    }

    body.halk-bank .main-page .credit-cards section .card-preview .swiper-container {
        height: 185px;
        overflow: hidden
    }

    body.halk-bank .main-page .credit-cards section .card-preview .swiper-container .card-info {
        height: 153px;
        left: 50% !important;
        margin-left: -122px
    }

    body.halk-bank .main-page .credit-cards section .card-preview .swiper-pagination-switch {
        left: 0
    }

    body.halk-bank .main-page .credit-cards section .card-summary {
        padding: 0 16px 10px
    }

    body.halk-bank .main-page .credit-cards section .card-summary .card-detail,
    body.halk-bank .main-page .credit-cards section .card-summary .card-detail.date {
        font-size: 16px;
        font-weight: 700;
        color: #474747;
        line-height: 24px
    }

    body.halk-bank .main-page .credit-cards section .card-summary .card-detail span,
    body.halk-bank .main-page .credit-cards section .card-summary .card-detail.date span {
        font-weight: 300;
        opacity: .8;
        font-size: 16px
    }

    body.halk-bank .main-page vb-favourite-transactions .main-favorites {
        height: 192px;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #d3d7da;
        margin-bottom: 9px
    }

    body.halk-bank .main-page vb-favourite-transactions .main-favorites header {
        height: 51px;
        border-bottom-color: #d3d7da
    }

    body.halk-bank .main-page vb-favourite-transactions .main-favorites .swipe-left,
    body.halk-bank .main-page vb-favourite-transactions .main-favorites .swipe-right {
        height: 110px;
        width: 30px;
        top: 52px;
        font-size: 22px;
        line-height: 110px;
        left: 0;
        text-align: center
    }

    body.halk-bank .main-page vb-favourite-transactions .main-favorites .swipe-right {
        left: auto;
        right: 0
    }

    body.halk-bank .main-page vb-favourite-transactions .main-favorites .transactions {
        margin-top: 17px;
        height: 116px
    }

    body.halk-bank .main-page vb-favourite-transactions .main-favorites .transactions #favoritesCarousel .item {
        width: 30vw;
        padding: 0 5px
    }

    body.halk-bank .main-page vb-favourite-transactions .main-favorites .transactions #favoritesCarousel .item span {
        opacity: .8
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal {
        padding: 10px !important
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-backdrop.in {
        opacity: .7;
        filter: alpha(opacity=70)
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog {
        padding: 0;
        margin: 0;
        height: 100%
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content {
        height: 100%;
        display: table
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body,
    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-header {
        color: #fff;
        background: 0 0;
        box-shadow: none;
        display: table-row
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .btn,
    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-header .btn {
        border: 0
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body label,
    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body span,
    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-header label,
    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-header span {
        color: #fff
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-header {
        padding: 20px 4vw 0;
        height: 55px
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-header .modal-title {
        color: #fff;
        text-align: left
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-header .modal-title i {
        margin-right: 8px
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body {
        padding: 0 4vw 15px;
        height: 100%;
        display: table
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body>vb-maincontainer {
        display: table-row
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body>vb-maincontainer .smart-form {
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 100%
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body>vb-maincontainer .smart-form>div {
        margin: 0 !important
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .main-favorites {
        background: 0 0;
        height: auto
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .main-favorites .transactions {
        display: block;
        margin: 0;
        height: 236px
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .main-favorites .transactions #sortable-items {
        display: block
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .main-favorites .transactions .item {
        display: block !important;
        width: 33.3%;
        flex: none !important;
        height: 118px !important;
        padding: 0;
        margin: 0
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .main-favorites .transactions .item i {
        margin-top: 0
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .main-favorites .transactions .item span {
        color: #474747;
        font-size: 12px;
        opacity: 1;
        line-height: 13px
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .smart-form section .element-container {
        margin: 0
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .smart-form section .element-container input.input-sm {
        height: 40px;
        border-radius: 3px;
        border: 0;
        box-shadow: none;
        color: #686868;
        font-size: 14px;
        font-weight: 400
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .buttons {
        height: 50px;
        display: table-row
    }

    body.halk-bank .main-page vb-favourite-transactions>.modal .modal-dialog .modal-content .modal-body .buttons .btn {
        margin-top: 10px
    }

    body.halk-bank .main-page vb-favourite-transactions>vb-dialog-modal .modal {
        padding-right: 0 !important
    }

    body.halk-bank .main-page vb-favourite-transactions>vb-dialog-modal .modal.result-modal p {
        text-align: center !important
    }

    body.halk-bank .main-page vb-favourite-transactions>vb-dialog-modal .modal.result-modal p .btn {
        min-width: 140px
    }

    body.halk-bank .main-page .tabbable.banner-pane {
        height: auto;
        margin-bottom: 18px !important
    }

    body.halk-bank .main-page .tabbable.banner-pane .tab-content img {
        max-height: none
    }

    body.halk-bank .main-page .tabbable.banner-pane .tab-content .swiper-container .swiper-wrapper {
        height: auto;
        max-height: none
    }

    body.halk-bank .main-page .tabbable.banner-pane .tab-content .swiper-container .swiper-wrapper .swiper-slide {
        height: auto
    }

    body.halk-bank .main-page .tabbable.banner-pane .tab-content .swiper-container .swiper-pagination {
        height: 30px;
        padding-top: 10px
    }

    body.halk-bank .main-page .tabbable.banner-pane .tab-content .swiper-container .swiper-pagination span {
        width: 8px;
        height: 8px;
        margin: 0 4px
    }

    body.halk-bank .main-page .card-appeal,
    body.halk-bank .main-page .vision-credit-cards {
        max-width: 296px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        display: block;
        height: auto
    }

    body.halk-bank .main-page .tabbable.banner-pane .tab-content .tab-pane {
        height: auto
    }

    body.halk-bank .main-page .card-appeal {
        width: 96%
    }

    body.halk-bank .main-page .card-appeal img {
        width: 100%
    }

    body.halk-bank .main-page .vision-credit-cards {
        width: 96%
    }

    body.halk-bank .main-page .vision-credit-cards a {
        cursor: pointer;
        display: block
    }

    body.halk-bank .main-page .vision-credit-cards a img {
        width: 100%
    }

    body.halk-bank .main-page .row div.tabs-left {
        border-radius: 0;
        border: 0;
        margin-bottom: 9px
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs {
        background: #1a6fb4;
        position: relative;
        z-index: 2;
        border-radius: 0
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li {
        display: none;
        background: 0 0;
        filter: none;
        width: 100%;
        float: none
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li.active {
        display: block
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li a {
        color: #fff !important;
        background: 0 0 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        border-bottom-width: 0 !important;
        padding-top: 18px;
        border-left: 0 !important
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li a .icons {
        top: -4px
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li a .icons.icon-hesaplarim {
        background-image: url(../img/icons/svg/white/hesaplarim.svg)
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li a .icons.icon-krediler {
        background-image: url(../img/icons/svg/white/kredilerim.svg)
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li a .icons.icon-varliklar {
        background-image: url(../img/icons/svg/white/varliklarim.svg)
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li a .icons.icon-takvim {
        background-image: url(../img/icons/svg/white/ajanda.svg);
        top: -5px
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li a .icons.icon-portfoy {
        background-image: url(../img/icons/svg/white/portfoyum.svg);
        top: -9px
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li a .text {
        max-width: none
    }

    body.halk-bank .main-page .row div.tabs-left>ul.nav-tabs li a .grab-handle {
        display: none
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content {
        height: auto;
        padding-top: 58px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section {
        height: auto
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section .accounts-pie {
        float: none;
        width: 100%;
        display: none
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section .accounts-pie+div {
        width: 100% !important;
        float: none
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section .list.retail-accounts {
        padding: 0;
        overflow: hidden;
        max-height: 200px;
        height: auto;
        float: none;
        width: 100%
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section .list.retail-accounts article {
        border-bottom: 2px solid #e2eef5;
        box-shadow: 0 2px 4px 0 rgba(189, 189, 189, .5), inset 0 -3px 0 0 rgba(226, 238, 245, .4);
        margin-bottom: 0;
        border-radius: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section .show-all {
        display: block;
        height: 25px;
        text-align: center;
        font-size: 12px;
        line-height: 25px;
        color: #474747;
        opacity: .8;
        font-weight: 400
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section .show-all span {
        display: block
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.accounts-pane .acc section .slimScrollBar {
        top: 0 !important;
        visibility: hidden !important
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section {
        padding: 0;
        height: auto
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list {
        max-height: 330px;
        padding: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item {
        border-radius: 0;
        margin-bottom: 0;
        height: 165px;
        padding-top: 11px;
        color: rgba(62, 65, 82, .8);
        font-weight: 300;
        font-size: 16px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div {
        margin: 0;
        padding: 7px 4vw 6px;
        width: 100%;
        float: none;
        height: auto;
        text-align: left
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div b {
        float: right;
        width: auto;
        margin: 0;
        font-weight: 700;
        font-size: 16px;
        color: #474747
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div.credit-chart {
        float: right;
        width: auto
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div.credit-chart .chart-progress {
        width: 80px;
        height: 4px;
        border-radius: 2px;
        background-color: #f4f4f4;
        display: inline-block;
        float: left;
        font-size: 0;
        line-height: 0;
        margin-right: 8px;
        margin-top: 5px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div.credit-chart .chart-progress i {
        height: 4px;
        border-radius: 2px;
        display: inline-block
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar header,
    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div.credit-chart canvas {
        display: none
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div.credit-chart label {
        float: right;
        position: relative;
        top: auto
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div.credit-name {
        float: left;
        width: auto;
        text-align: left
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div.credit-name b {
        float: none
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel section .credit-list .credit-item>div.credit-total {
        clear: both
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane.credits-panel .box-footer .actions {
        padding-left: 20px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar {
        min-height: 0;
        z-index: 2;
        margin-top: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar>.fc-toolbar {
        height: 0;
        padding: 0;
        margin: 0;
        display: block;
        left: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar>.fc-toolbar .fc-center {
        position: absolute;
        top: -58px;
        left: 41px;
        right: 41px;
        padding: 0;
        margin: 0;
        height: 58px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar>.fc-toolbar .fc-center h2 {
        color: #fff;
        line-height: 58px;
        font-size: 18px;
        font-weight: 500;
        float: none
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar>.fc-toolbar .fc-left,
    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar>.fc-toolbar .fc-right {
        top: 0;
        background: #fff;
        width: 15.5vw;
        border-top: 1px solid #e6e8f0;
        position: absolute;
        z-index: 2
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar>.fc-toolbar .fc-left button.fc-button,
    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar>.fc-toolbar .fc-right button.fc-button {
        height: 67px;
        width: 100%
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar>.fc-toolbar .fc-left {
        left: 0;
        border-right: 1px solid #e6e8f0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar>.fc-toolbar .fc-right {
        right: 0;
        border-left: 1px solid #e6e8f0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar .fc-view-container .fc-view div.fc-widget-header {
        padding: 0 15.5vw
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar .fc-view-container .fc-view div.fc-widget-header>table {
        margin-left: 1px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar .fc-view-container .fc-view div.fc-widget-header>table tr:after {
        content: ' ';
        display: table-cell;
        width: 15.5vw
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar .fc-view-container .fc-view div.fc-widget-header>table .fc-day-header {
        width: 23vw
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar .fc-view-container .fc-view div.fc-widget-header>table .fc-day-header.active:before {
        top: 0;
        left: 0;
        bottom: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar #calendar .fc-view-container .fc-view div.fc-widget-header>table .fc-day-header label {
        right: 25%
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events {
        height: 58px !important;
        position: absolute;
        top: 48px;
        background: #1a6fb4;
        left: 0;
        right: 0;
        text-align: center;
        border-radius: 0;
        display: block;
        box-shadow: none;
        z-index: 1
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events .actions {
        display: none
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events .mobile-options {
        display: block;
        position: absolute;
        right: 16px;
        bottom: 16px;
        width: 25px;
        height: 25px;
        border: 1px solid #fff;
        border-radius: 50%;
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 25px;
        z-index: 4
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown {
        z-index: 4
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown .action-overlay {
        display: block;
        position: fixed;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: .7;
        height: auto
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown .actions {
        display: block;
        position: absolute;
        left: 5vw;
        right: 5vw;
        top: 50px;
        background: #fff;
        border-radius: 3px;
        padding-top: 0;
        z-index: 3;
        overflow: hidden;
        width: auto;
        padding-left: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown .actions>div {
        display: block
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown .actions vb-link-button {
        display: block;
        min-width: 0;
        width: auto;
        max-width: 100%;
        position: relative
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown .actions vb-link-button:before {
        content: ' ';
        display: block;
        height: 1px;
        background-color: #e6e8f0;
        position: absolute;
        top: 0;
        left: 50px;
        right: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown .actions vb-link-button:first-child:before {
        display: none
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown .actions vb-link-button a.new-add {
        float: none;
        background-position: 0 center;
        height: 50px;
        text-align: left;
        display: block;
        border-right: 0;
        border-left: 0;
        font-size: 16px;
        color: #474747;
        padding-left: 50px;
        line-height: 48px;
        width: 100%;
        padding-top: 2px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown .actions vb-link-button a.new-add.s {
        background: 0 0;
        margin: 0;
        float: none;
        padding-left: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .calendar-events.footer-dropdown .actions vb-link-button a.new-add.s i {
        color: #474747;
        width: 50px;
        text-align: center;
        line-height: 48px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .fc-body .fc-widget-content .fc-day-grid-container {
        max-height: 237px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .fc-event .fc-content .fc-title {
        word-break: break-word
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .tab-pane vb-reminder-calendar .calendar .fc-day-grid-event.no-event {
        margin: 0 0 0 15px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer {
        height: 58px !important;
        position: absolute;
        top: 48px;
        background: #1a6fb4;
        left: 0;
        right: 0;
        text-align: center;
        border-radius: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer .actions {
        display: none;
        background: 0 0;
        border-radius: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer .summary {
        float: none;
        background: 0 0;
        padding: 0 !important;
        margin: 0;
        font-size: 21px;
        font-weight: 500;
        color: #fff;
        border-radius: 0;
        line-height: 1
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer .summary .icon {
        font-size: 21px;
        display: inline-block !important;
        text-decoration: none;
        height: auto
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer .summary span {
        display: block;
        opacity: 1;
        margin: 8px 0 3px;
        font-size: 12px;
        font-weight: 300;
        line-height: 1
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer .summary i {
        line-height: 0;
        position: relative;
        top: -7px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer .mobile-options {
        display: block;
        position: absolute;
        right: 16px;
        bottom: 16px;
        width: 25px;
        height: 25px;
        border: 1px solid #fff;
        border-radius: 50%;
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 25px;
        z-index: 4
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions {
        display: block;
        position: absolute;
        z-index: 4;
        left: 5vw;
        right: 5vw;
        top: 50px;
        background: #fff;
        border-radius: 3px;
        padding-left: 50px;
        padding-top: 0 !important
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .smart-search {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid #e6e8f0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .smart-search .smart-form {
        height: 0;
        margin: 0 !important;
        width: 100%;
        display: block
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .smart-search .smart-form .input {
        border-top: 1px solid #e6e8f0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .smart-search .smart-form .input input {
        border-radius: 0 !important;
        border: 0 !important;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        padding-left: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .smart-search.active .smart-form {
        height: auto
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .btn {
        background: 0 0 !important;
        font-weight: 500;
        color: #474747;
        font-size: 16px;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: left;
        width: 100%;
        height: 50px;
        line-height: 50px;
        position: relative;
        padding: 0 21px 0 0 !important;
        margin: 0;
        border-top: 1px solid #e6e8f0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .btn:first-child {
        border-top: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .btn b {
        position: absolute;
        left: -33px;
        font-weight: 300;
        font-size: 34px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .btn i.fa-angle-right {
        float: right;
        line-height: 50px;
        color: #adadad;
        font-size: 25px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .btn.btn-search {
        background: 0 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .btn.btn-search b {
        top: 17px;
        background: 0 0;
        font-size: 17px;
        line-height: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .actions .btn.btn-search b:before {
        content: "\f002";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .box-footer.footer-dropdown .action-overlay {
        display: block;
        position: fixed;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: .7;
        height: auto
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list {
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        height: auto !important
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>strong {
        padding-left: 15px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table {
        display: block
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table tbody,
    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table td,
    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table th,
    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table thead,
    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table tr {
        display: block !important;
        width: 100%;
        text-align: left;
        height: auto;
        border: 0 !important
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table td.hidden-xs {
        display: none !important
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table td,
    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table th {
        padding: 5px 4.3vw !important;
        color: rgba(62, 65, 82, .8);
        font-size: 16px;
        font-weight: 300
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table td:after,
    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table th:after {
        content: '';
        display: block;
        clear: both
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table td:not(.pay-options)>span:first-child {
        float: right;
        font-size: 16px;
        color: #474747;
        font-weight: 700
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table tbody tr td:first-child>span:first-child {
        float: none;
        font-size: 16px
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table .pay-options {
        border-bottom: 1px solid #e6e8f0 !important;
        padding-bottom: 16px !important
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table .pay-options td {
        text-align: center
    }

    body.halk-bank .main-page .row div.tabs-left>.tab-content .acc vb-main-page-portfolio-list-grid section.portfolio-list .portfolio>table .pay-options .financial-market-info {
        width: 125px;
        margin: 0 5px;
        height: 30px;
        line-height: 30px
    }

    body.halk-bank .main-page .row div.tabs-left>.fa {
        display: inline-block;
        position: absolute;
        top: 0;
        font-size: 25px;
        color: #fff;
        z-index: 3;
        height: 49px;
        line-height: 49px;
        width: 10vw;
        text-align: center
    }

    body.halk-bank .main-page .row div.tabs-left>.fa.fa-angle-left {
        left: 0
    }

    body.halk-bank .main-page .row div.tabs-left>.fa.fa-angle-right {
        right: 0
    }

    body.halk-bank .main-page .main-favorites {
        height: auto
    }

    body.halk-bank .main-page .main-favorites.mobile-active .swipe-left,
    body.halk-bank .main-page .main-favorites.mobile-active .swipe-right,
    body.halk-bank .main-page .main-favorites.mobile-active .transactions {
        display: block
    }

    body.halk-bank .main-page .main-favorites.mobile-active .mobile-collapse,
    body.halk-bank .main-page .main-favorites.mobile-active header:before {
        color: #ff700f
    }

    body.halk-bank .main-page .main-favorites.no-data #favoritesCarousel {
        min-width: 100%
    }

    body.halk-bank .main-page .main-favorites.no-data #favoritesCarousel .item.new {
        margin: 0 auto;
        float: none
    }

    body.halk-bank .main-page vb-last-transactions .box-content {
        margin-bottom: 9px
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .pad {
        max-height: 135px;
        min-height: 0;
        overflow: hidden
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .pad .transaction-item {
        height: 45px;
        padding: 15px 5vw 0 4vw;
        border: 0;
        line-height: 1
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .pad .transaction-item .icon {
        width: 10vw
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .pad .transaction-item .icon i {
        display: block;
        margin-top: 0
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .pad .transaction-item .type {
        width: 60vw
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .pad .transaction-item .amount {
        width: 20vw
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .pad .transaction-item .amount>span {
        position: relative;
        top: -1px;
        margin-bottom: 4px
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .pad .transaction-item .transaction-detail {
        display: none
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .show-all {
        display: block;
        height: 26px;
        text-align: center;
        font-size: 12px;
        line-height: 25px;
        color: #474747;
        opacity: .8;
        font-weight: 400;
        border-top: 1px solid #dbdfe3;
        margin-top: 14px
    }

    body.halk-bank .main-page vb-last-transactions .box-content #LastTransactions .show-all span {
        display: block
    }

    body.halk-bank .main-page vb-last-transactions .box-content header.mobile-active .mobile-collapse {
        color: #ff700f
    }

    body.halk-bank .main-page vb-last-transactions .box-content header.mobile-active .cell.text-right {
        display: table-cell
    }

    body.halk-bank .main-page vb-last-transactions .box-content header .smart-search .btn-search {
        background-position: center top !important
    }

    body.halk-bank .main-page vb-last-transactions .box-content.show-all {
        max-height: inherit
    }

    body.halk-bank .main-page vb-last-transactions .box-content.show-all section .pad {
        max-height: inherit !important;
        overflow: hidden !important
    }

    body.halk-bank .main-page .assets section {
        height: auto;
        padding-bottom: 0
    }

    body.halk-bank .main-page .assets section .col-sm-6 {
        height: auto;
        padding: 0;
        min-height: 150px;
        background-position: center top
    }

    body.halk-bank .main-page .assets section .col-sm-6+.col-sm-6 {
        margin: 0
    }

    body.halk-bank .main-page .assets section .col-sm-6 vb-pie-chart {
        height: auto;
        width: 100%
    }

    body.halk-bank .main-page .assets section .col-sm-6 h3 {
        font-weight: 700;
        font-size: 4.3vw
    }

    body.halk-bank .main-page .assets section .col-sm-6 h3+span {
        font-size: 4.8vw;
        font-weight: 500
    }

    body.halk-bank .main-page .hasmobile-option {
        position: relative;
        overflow: visible
    }

    body.halk-bank .main-page .hasmobile-option .mobile-options {
        display: inline-block;
        position: absolute;
        right: 16px;
        top: 14px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 1px solid #333;
        color: #333;
        text-align: center;
        font-size: 16px;
        line-height: 25px;
        background: #fff;
        z-index: 1
    }

    body.halk-bank .main-page .hasmobile-option.footer-dropdown {
        z-index: 100
    }

    body.halk-bank .main-page .hasmobile-option.footer-dropdown .box-footer {
        display: block !important;
        background: 0 0;
        box-shadow: none;
        border: 0;
        padding: 0;
        margin: 0;
        height: 0;
        z-index: 99
    }

    body.halk-bank .main-page .hasmobile-option.footer-dropdown .box-footer .actions {
        position: absolute;
        left: 5vw;
        right: 5vw;
        top: 50px;
        background: #fff;
        border-radius: 3px;
        padding-left: 50px;
        padding-top: 0;
        z-index: 2;
        overflow: hidden
    }

    body.halk-bank .main-page .hasmobile-option.footer-dropdown .box-footer .actions .btn {
        background: 0 0;
        font-weight: 500;
        color: #474747;
        font-size: 16px;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: left;
        width: 100%;
        height: 50px;
        line-height: 50px;
        position: relative;
        padding: 0 !important;
        margin: 0;
        border-top: 1px solid #e6e8f0
    }

    body.halk-bank .main-page .hasmobile-option.footer-dropdown .box-footer .actions .btn .fa-pencil {
        position: absolute;
        left: -30px;
        top: 14px
    }

    body.halk-bank .main-page .hasmobile-option.footer-dropdown .box-footer .summary {
        display: none
    }

    body.halk-bank .main-page .hasmobile-option.footer-dropdown .mobile-options {
        z-index: 100
    }

    body.halk-bank .main-page .hasmobile-option.footer-dropdown .action-overlay {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .7);
        height: auto;
        z-index: 1
    }

    body.halk-bank .dataTables_scroll .dataTables_scrollBody {
        border-left: 1px solid #0bbbef !important;
        border-right: 1px solid #0bbbef !important
    }

    body.halk-bank .dataTables_scroll .dataTables_scrollBody table.table {
        border-left: 0 !important;
        border-right: 0 !important
    }

    body.hidden-menu #hide-menu {
        display: block !important
    }

    body.hidden-menu #header,
    body.hidden-menu #main {
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px)
    }

    html.hidden-menu-mobile-lock {
        overflow-y: hidden
    }

    .top-menu-search-results i {
        margin-right: 6px
    }
}

@media (max-width:767px) and (orientation:landscape) {
    body.halk-bank.extr-page #main .loginArea {
        background-position: center 75%
    }
}

@media (min-width:768px) {
    body.halk-bank .main-page .hasmobile-option .mobile-options {
        display: none !important
    }

    body.halk-bank .second-login #ResendButtonDiv {
        padding: 0
    }

    body.halk-bank .action-overlay {
        display: none
    }
}

@media (max-width:500px) {
    .capthca-next-button {
        display: table-row !important
    }

    .capthca-next-button input.btn {
        margin-top: 20px;
        width: 100%
    }
}

@media (max-width:360px) {
    body.halk-bank.extr-page #main .miniFooter .container .link-group a {
        font-size: 11px
    }

    body.halk-bank.extr-page #main .miniFooter .container .link-group a.lang+a {
        margin: 0 15px
    }
}

.label-print-content {
    width: 100%;
    height: 100%
}

.print-row {
    clear: both
}

.print-row>div {
    height: 25%;
    width: 50%;
    float: left;
    padding: 30px 20px 20px
}

.print-row>div:last-child {
    padding-left: 40px
}

body.halk-bank #FileUploadContent p {
    clear: both
}

body.halk-bank #FileUploadContent .upload-controls input[type=file] {
    width: 300px;
    height: 36px !important;
    margin: auto;
    position: absolute;
    z-index: 2 !important;
    opacity: 0;
    cursor: pointer
}

body.halk-bank #FileUploadContent .upload-controls vb-textbox {
    width: 235px;
    float: left;
    position: relative !important;
    z-index: 1 !important
}

body.halk-bank #FileUploadContent .upload-controls .btn {
    margin-top: 2px
}

body.halk-bank #FileUploadContent .upload-controls a.browse {
    margin-left: 5px
}

body.halk-bank #FileUploadContent .upload-controls a.upload {
    margin-left: 10px
}

@media screen and (min-height:1130px) and (min-width:1200px) {
    body.halk-bank .market-info-box {
        position: fixed
    }
}

.top-menu-search-results,
h3 {
    margin: 0
}

.main-h1-container {
    display: block;
    color: #333;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500
}

.container-row-h2 {
    display: table-cell;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400
}

.market-info-box .market-repeat-btn {
    position: relative;
    margin-left: 10px;
    font-size: 18px;
    height: 20px;
    width: 20px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    display: inline-block
}

.market-info-box .market-repeat-btn .market-repeat {
    top: 4px;
    color: #93959c;
    background-image: url(../img/refresh.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    content: ' '
}

.market-info-box .market-repeat-btn:hover {
    border: none;
    box-shadow: none;
    background: 0 0
}

.has-pointer {
    cursor: pointer !important
}

#FailedLoginModalContent.modal .modal-dialog {
    max-width: 401px;
    width: 100%
}

#FailedLoginModalContent.modal .modal-dialog .login-attempt-header,
#FailedLoginModalContent.modal .modal-dialog .login-attempt-text {
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

#FailedLoginModalContent.modal .modal-dialog .login-attempt-div {
    width: 157px;
    height: 20px;
    border-radius: 4px;
    background-color: rgba(243, 243, 243, .7);
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#FailedLoginModalContent.modal .modal-dialog .login-attempt-text {
    font-size: 12px;
    color: #3e4152;
    line-height: 20px;
    margin: 0;
    padding: 0
}

#FailedLoginModalContent.modal .modal-dialog .login-attempt-header {
    font-size: 17px;
    color: #fe6904;
    margin-top: 8px;
    display: block;
    text-align: center
}

#FailedLoginModalContent.modal .modal-dialog .login-attempt-img {
    width: 83px;
    height: 83px;
    display: block;
    margin: -37px auto auto
}

#FailedLoginModalContent.modal .modal-dialog .attempt-list {
    padding-bottom: 13px
}

body.halk-bank #LastLoginAttemptsContent.modal .modal-header {
    border-bottom: 1px solid #e6e8f0;
    padding: 9px 20px 0;
    min-height: 27px;
    height: 49px;
    border-radius: 6px;
    font-size: 11px;
    background: linear-gradient(to top, #ebebeb, #fff)
}

body.halk-bank #LastLoginAttemptsContent.modal .modal-header .modal-close {
    top: 18px;
    width: 14px;
    height: 14px;
    right: 20px
}

body.halk-bank #LastLoginAttemptsContent.modal .modal-header h4 {
    font-size: 14px
}

body.halk-bank #LastLoginAttemptsContent.modal .modal-header h4:before {
    content: "\f023";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 34px;
    max-width: 34px;
    min-height: 28px;
    max-height: 28px;
    text-align: center;
    background: url(../img/paraf-btn.jpg) repeat-x !important;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    padding-top: 6px;
    position: relative;
    top: 2px;
    margin-right: 8px
}

body.halk-bank #LastLoginAttemptsContent.modal .modal-content {
    border: 0
}

body.halk-bank #LastLoginAttemptsContent.modal table.logonList {
    width: auto;
    margin: auto
}

body.halk-bank #LastLoginAttemptsContent.modal table.logonList td.failClm {
    color: red
}

body.halk-bank #LastLoginAttemptsContent.modal table.logonList td.successClm {
    color: #2aac30
}

body.halk-bank #LastLoginAttemptsContent.modal table.logonList tr:nth-child(even) {
    background-color: #f5f5f5
}

body.halk-bank #LastLoginAttemptsContent.modal table.logonList thead th {
    position: relative;
    font-size: 10px;
    font-weight: 500;
    color: #000
}

body.halk-bank #LastLoginAttemptsContent.modal table.logonList th {
    padding: 5px 36px;
    text-align: center;
    font-size: 11px
}

body.halk-bank #LastLoginAttemptsContent.modal table.logonList th:after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    border-top: 2px dotted #ccc;
    bottom: 0
}

body.halk-bank #LastLoginAttemptsContent.modal table.logonList td {
    padding: 5px 36px;
    text-align: center;
    font-size: 11px
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal .modal-header {
    border-bottom: 1px solid #e6e8f0;
    padding: 9px 20px 0;
    min-height: 27px;
    height: 49px;
    border-radius: 6px;
    font-size: 11px;
    background: linear-gradient(to top, #ebebeb, #fff)
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal .modal-header .modal-close {
    top: 18px;
    width: 14px;
    height: 14px;
    right: 20px
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal .modal-header h4 {
    font-size: 14px
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal .modal-header h4:before {
    content: "\f023";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 34px;
    max-width: 34px;
    min-height: 28px;
    max-height: 28px;
    text-align: center;
    background: url(../img/paraf-btn.jpg) repeat-x !important;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    padding-top: 6px;
    position: relative;
    top: 2px;
    margin-right: 8px
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal .modal-content {
    border: 0
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal table.logonList {
    width: auto;
    margin: auto
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal table.logonList td.failClm {
    color: red
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal table.logonList td.successClm {
    color: green
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal table.logonList tr:nth-child(even) {
    background-color: #f5f5f5
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal table.logonList thead th {
    position: relative;
    font-size: 10px;
    font-weight: 500;
    color: #000
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal table.logonList th {
    padding: 5px 36px;
    text-align: center;
    font-size: 11px
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal table.logonList th:after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    border-top: 2px dotted #ccc;
    bottom: 0
}

body.halk-bank #LastLoginAttemptsCorporateContent.modal table.logonList td {
    padding: 5px 36px;
    text-align: center;
    font-size: 11px
}

body.halk-bank section#LastLoginAttempts {
    display: flex;
    padding: 10px 15px 5px;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #0bbbef;
    border-radius: 8px;
    box-shadow: 0 5px 2px rgba(0, 0, 0, .08);
    margin-bottom: 18px;
    border-bottom-width: 6px
}

body.halk-bank section#LastLoginAttempts vb-link-button {
    width: 100%;
    text-align: center
}

body.halk-bank section#LastLoginAttempts vb-link-button>a {
    color: #0bbbef;
    font-size: 11px;
    font-weight: 500
}

body.halk-bank section#LastLoginAttempts p span {
    font-weight: 700;
    float: right
}

body.halk-bank section#LastLoginAttempts .iconContainer {
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: url(../img/paraf-btn.jpg) repeat-x !important;
    display: flex;
    border-radius: 6px;
    margin-right: 15px;
    margin-left: 5px
}

body.halk-bank section#LastLoginAttempts .iconContainer .fa {
    color: #fff;
    font-size: 18px
}

body.halk-bank section#LastLoginAttempts .attemptContainer {
    flex: 1;
    font-size: 11px;
    font-weight: 300
}

body.halk-bank .loginStatus.corporate vb-link-button {
    width: 100%;
    text-align: center !important
}

.bar.ots-footer-class .foot-total .horizontal-align,
.dbs-grid-view-footer span.cell {
    text-align: left !important
}

body.halk-bank .loginStatus.corporate vb-link-button>a {
    color: #0bbbef;
    font-size: 11px;
    font-weight: 500
}

.password-security {
    font-family: text-security-disc !important;
    -webkit-text-security: disc
}

#creditcard-campaigns .slimScrollDiv .slimScrollRail {
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important
}

.icon-anaFirma-baslik,
.icon-bayii-baslik {
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    display: block
}

input.password-security::placeholder {
    font-family: Roboto !important;
    -webkit-text-security: none
}

vb-textbox.password-security small.help-block.validation-message {
    font-family: Roboto !important;
    -webkit-text-security: none
}

.dbs-grid-view-footer {
    margin-top: 20px !important
}

.dbs-grid-view-footer span {
    text-align: left !important;
    padding-right: 5px !important
}

.icon-bayii-baslik {
    background-image: url(../img/icons/svg/white/Bayii.svg)
}

.icon-bayii-baslik svg {
    fill: #fff
}

.icon-anaFirma-baslik {
    background-image: url(../img/icons/svg/white/AnaFirma.svg)
}

#dbsTableContainer th {
    font-weight: 500 !important
}

.bold-container-title,
.ots-label.bold-ots {
    font-weight: 700
}

.btn-right-margin {
    margin-right: 30px !important
}

.td-ots-class {
    width: 250px !important
}

.bar.ots-footer-class .foot-total .horizontal-align span,
.ots-footer-excel-template .foot-total .horizontal-align span.cell {
    width: 15% !important
}

.ots-table {
    max-width: 75% !important
}

.pull-right-ots {
    float: right !important;
    margin-bottom: 30px !important
}

.ots-error-invalid {
    margin-left: 5px !important
}

.ots-detail-title {
    font-weight: 700;
    color: #474747 !important
}

.bar.ots-footer-class .foot-total {
    margin-top: 5px !important
}

.m0 {
    margin: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.m1 {
    margin: 1px !important
}

.mt1 {
    margin-top: 1px !important
}

.mr1 {
    margin-right: 1px !important
}

.mb1 {
    margin-bottom: 1px !important
}

.ml1 {
    margin-left: 1px !important
}

.m2 {
    margin: 2px !important
}

.mt2 {
    margin-top: 2px !important
}

.mr2 {
    margin-right: 2px !important
}

.mb2 {
    margin-bottom: 2px !important
}

.ml2 {
    margin-left: 2px !important
}

.m3 {
    margin: 3px !important
}

.mt3 {
    margin-top: 3px !important
}

.mr3 {
    margin-right: 3px !important
}

.mb3 {
    margin-bottom: 3px !important
}

.ml3 {
    margin-left: 3px !important
}

.m4 {
    margin: 4px !important
}

.mt4 {
    margin-top: 4px !important
}

.mr4 {
    margin-right: 4px !important
}

.mb4 {
    margin-bottom: 4px !important
}

.ml4 {
    margin-left: 4px !important
}

.m5 {
    margin: 5px !important
}

.mt5 {
    margin-top: 5px !important
}

.mr5 {
    margin-right: 5px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.ml5 {
    margin-left: 5px !important
}

.m6 {
    margin: 6px !important
}

.mt6 {
    margin-top: 6px !important
}

.mr6 {
    margin-right: 6px !important
}

.mb6 {
    margin-bottom: 6px !important
}

.ml6 {
    margin-left: 6px !important
}

.m7 {
    margin: 7px !important
}

.mt7 {
    margin-top: 7px !important
}

.mr7 {
    margin-right: 7px !important
}

.mb7 {
    margin-bottom: 7px !important
}

.ml7 {
    margin-left: 7px !important
}

.m8 {
    margin: 8px !important
}

.mt8 {
    margin-top: 8px !important
}

.mr8 {
    margin-right: 8px !important
}

.mb8 {
    margin-bottom: 8px !important
}

.ml8 {
    margin-left: 8px !important
}

.m9 {
    margin: 9px !important
}

.mt9 {
    margin-top: 9px !important
}

.mr9 {
    margin-right: 9px !important
}

.mb9 {
    margin-bottom: 9px !important
}

.ml9 {
    margin-left: 9px !important
}

.m10 {
    margin: 10px !important
}

.mt10 {
    margin-top: 10px !important
}

.mr10 {
    margin-right: 10px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.ml10 {
    margin-left: 10px !important
}

.m11 {
    margin: 11px !important
}

.mt11 {
    margin-top: 11px !important
}

.mr11 {
    margin-right: 11px !important
}

.mb11 {
    margin-bottom: 11px !important
}

.ml11 {
    margin-left: 11px !important
}

.m12 {
    margin: 12px !important
}

.mt12 {
    margin-top: 12px !important
}

.mr12 {
    margin-right: 12px !important
}

.mb12 {
    margin-bottom: 12px !important
}

.ml12 {
    margin-left: 12px !important
}

.m13 {
    margin: 13px !important
}

.mt13 {
    margin-top: 13px !important
}

.mr13 {
    margin-right: 13px !important
}

.mb13 {
    margin-bottom: 13px !important
}

.ml13 {
    margin-left: 13px !important
}

.m14 {
    margin: 14px !important
}

.mt14 {
    margin-top: 14px !important
}

.mr14 {
    margin-right: 14px !important
}

.mb14 {
    margin-bottom: 14px !important
}

.ml14 {
    margin-left: 14px !important
}

.m15 {
    margin: 15px !important
}

.mt15 {
    margin-top: 15px !important
}

.mr15 {
    margin-right: 15px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.ml15 {
    margin-left: 15px !important
}

.m16 {
    margin: 16px !important
}

.mt16 {
    margin-top: 16px !important
}

.mr16 {
    margin-right: 16px !important
}

.mb16 {
    margin-bottom: 16px !important
}

.ml16 {
    margin-left: 16px !important
}

.m17 {
    margin: 17px !important
}

.mt17 {
    margin-top: 17px !important
}

.mr17 {
    margin-right: 17px !important
}

.mb17 {
    margin-bottom: 17px !important
}

.ml17 {
    margin-left: 17px !important
}

.m18 {
    margin: 18px !important
}

.mt18 {
    margin-top: 18px !important
}

.mr18 {
    margin-right: 18px !important
}

.mb18 {
    margin-bottom: 18px !important
}

.ml18 {
    margin-left: 18px !important
}

.m19 {
    margin: 19px !important
}

.mt19 {
    margin-top: 19px !important
}

.mr19 {
    margin-right: 19px !important
}

.mb19 {
    margin-bottom: 19px !important
}

.ml19 {
    margin-left: 19px !important
}

.m20 {
    margin: 20px !important
}

.mt20 {
    margin-top: 20px !important
}

.mr20 {
    margin-right: 20px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.ml20 {
    margin-left: 20px !important
}

.m21 {
    margin: 21px !important
}

.mt21 {
    margin-top: 21px !important
}

.mr21 {
    margin-right: 21px !important
}

.mb21 {
    margin-bottom: 21px !important
}

.ml21 {
    margin-left: 21px !important
}

.m22 {
    margin: 22px !important
}

.mt22 {
    margin-top: 22px !important
}

.mr22 {
    margin-right: 22px !important
}

.mb22 {
    margin-bottom: 22px !important
}

.ml22 {
    margin-left: 22px !important
}

.m23 {
    margin: 23px !important
}

.mt23 {
    margin-top: 23px !important
}

.mr23 {
    margin-right: 23px !important
}

.mb23 {
    margin-bottom: 23px !important
}

.ml23 {
    margin-left: 23px !important
}

.m24 {
    margin: 24px !important
}

.mt24 {
    margin-top: 24px !important
}

.mr24 {
    margin-right: 24px !important
}

.mb24 {
    margin-bottom: 24px !important
}

.ml24 {
    margin-left: 24px !important
}

.m25 {
    margin: 25px !important
}

.mt25 {
    margin-top: 25px !important
}

.mr25 {
    margin-right: 25px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.ml25 {
    margin-left: 25px !important
}

.p0 {
    padding: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.p1 {
    padding: 1px !important
}

.pt1 {
    padding-top: 1px !important
}

.pr1 {
    padding-right: 1px !important
}

.pb1 {
    padding-bottom: 1px !important
}

.pl1 {
    padding-left: 1px !important
}

.p2 {
    padding: 2px !important
}

.pt2 {
    padding-top: 2px !important
}

.pr2 {
    padding-right: 2px !important
}

.pb2 {
    padding-bottom: 2px !important
}

.pl2 {
    padding-left: 2px !important
}

.p3 {
    padding: 3px !important
}

.pt3 {
    padding-top: 3px !important
}

.pr3 {
    padding-right: 3px !important
}

.pb3 {
    padding-bottom: 3px !important
}

.pl3 {
    padding-left: 3px !important
}

.p4 {
    padding: 4px !important
}

.pt4 {
    padding-top: 4px !important
}

.pr4 {
    padding-right: 4px !important
}

.pb4 {
    padding-bottom: 4px !important
}

.pl4 {
    padding-left: 4px !important
}

.p5 {
    padding: 5px !important
}

.pt5 {
    padding-top: 5px !important
}

.pr5 {
    padding-right: 5px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pl5 {
    padding-left: 5px !important
}

.p6 {
    padding: 6px !important
}

.pt6 {
    padding-top: 6px !important
}

.pr6 {
    padding-right: 6px !important
}

.pb6 {
    padding-bottom: 6px !important
}

.pl6 {
    padding-left: 6px !important
}

.p7 {
    padding: 7px !important
}

.pt7 {
    padding-top: 7px !important
}

.pr7 {
    padding-right: 7px !important
}

.pb7 {
    padding-bottom: 7px !important
}

.pl7 {
    padding-left: 7px !important
}

.p8 {
    padding: 8px !important
}

.pt8 {
    padding-top: 8px !important
}

.pr8 {
    padding-right: 8px !important
}

.pb8 {
    padding-bottom: 8px !important
}

.pl8 {
    padding-left: 8px !important
}

.p9 {
    padding: 9px !important
}

.pt9 {
    padding-top: 9px !important
}

.pr9 {
    padding-right: 9px !important
}

.pb9 {
    padding-bottom: 9px !important
}

.pl9 {
    padding-left: 9px !important
}

.p10 {
    padding: 10px !important
}

.pt10 {
    padding-top: 10px !important
}

.pr10 {
    padding-right: 10px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pl10 {
    padding-left: 10px !important
}

.p11 {
    padding: 11px !important
}

.pt11 {
    padding-top: 11px !important
}

.pr11 {
    padding-right: 11px !important
}

.pb11 {
    padding-bottom: 11px !important
}

.pl11 {
    padding-left: 11px !important
}

.p12 {
    padding: 12px !important
}

.pt12 {
    padding-top: 12px !important
}

.pr12 {
    padding-right: 12px !important
}

.pb12 {
    padding-bottom: 12px !important
}

.pl12 {
    padding-left: 12px !important
}

.p13 {
    padding: 13px !important
}

.pt13 {
    padding-top: 13px !important
}

.pr13 {
    padding-right: 13px !important
}

.pb13 {
    padding-bottom: 13px !important
}

.pl13 {
    padding-left: 13px !important
}

.p14 {
    padding: 14px !important
}

.pt14 {
    padding-top: 14px !important
}

.pr14 {
    padding-right: 14px !important
}

.pb14 {
    padding-bottom: 14px !important
}

.pl14 {
    padding-left: 14px !important
}

.p15 {
    padding: 15px !important
}

.pt15 {
    padding-top: 15px !important
}

.pr15 {
    padding-right: 15px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pl15 {
    padding-left: 15px !important
}

.p16 {
    padding: 16px !important
}

.pt16 {
    padding-top: 16px !important
}

.pr16 {
    padding-right: 16px !important
}

.pb16 {
    padding-bottom: 16px !important
}

.pl16 {
    padding-left: 16px !important
}

.p17 {
    padding: 17px !important
}

.pt17 {
    padding-top: 17px !important
}

.pr17 {
    padding-right: 17px !important
}

.pb17 {
    padding-bottom: 17px !important
}

.pl17 {
    padding-left: 17px !important
}

.p18 {
    padding: 18px !important
}

.pt18 {
    padding-top: 18px !important
}

.pr18 {
    padding-right: 18px !important
}

.pb18 {
    padding-bottom: 18px !important
}

.pl18 {
    padding-left: 18px !important
}

.p19 {
    padding: 19px !important
}

.pt19 {
    padding-top: 19px !important
}

.pr19 {
    padding-right: 19px !important
}

.pb19 {
    padding-bottom: 19px !important
}

.pl19 {
    padding-left: 19px !important
}

.p20 {
    padding: 20px !important
}

.pt20 {
    padding-top: 20px !important
}

.pr20 {
    padding-right: 20px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pl20 {
    padding-left: 20px !important
}

.p21 {
    padding: 21px !important
}

.pt21 {
    padding-top: 21px !important
}

.pr21 {
    padding-right: 21px !important
}

.pb21 {
    padding-bottom: 21px !important
}

.pl21 {
    padding-left: 21px !important
}

.p22 {
    padding: 22px !important
}

.pt22 {
    padding-top: 22px !important
}

.pr22 {
    padding-right: 22px !important
}

.pb22 {
    padding-bottom: 22px !important
}

.pl22 {
    padding-left: 22px !important
}

.p23 {
    padding: 23px !important
}

.pt23 {
    padding-top: 23px !important
}

.pr23 {
    padding-right: 23px !important
}

.pb23 {
    padding-bottom: 23px !important
}

.pl23 {
    padding-left: 23px !important
}

.p24 {
    padding: 24px !important
}

.pt24 {
    padding-top: 24px !important
}

.pr24 {
    padding-right: 24px !important
}

.pb24 {
    padding-bottom: 24px !important
}

.pl24 {
    padding-left: 24px !important
}

.p25 {
    padding: 25px !important
}

.pt25 {
    padding-top: 25px !important
}

.pr25 {
    padding-right: 25px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pl25 {
    padding-left: 25px !important
}

.ots-upload-icon {
    color: #fd881d !important;
    float: left !important;
    padding-left: 6px !important;
    padding-top: 6px !important
}

.ots-upload-icon+span {
    display: inline-block !important;
    color: #474747 !important;
    margin-left: 10px !important;
    margin-top: 3px !important
}

.ots-download-template a {
    display: block !important;
    max-width: 115px !important;
    height: 40px !important;
    margin-top: 2px !important
}

.ots-download-template i {
    color: #fd881d !important;
    float: left !important;
    font-size: 27.69px !important;
    margin-top: 7px !important
}

.ots-download-template span {
    position: absolute !important;
    color: #474747 !important;
    font-size: 12px !important;
    padding-top: 0 !important;
    margin-left: 15px !important;
    float: left !important
}

.ots-upload-outerclass,
.ots-upload-outerclass a.local {
    margin: 0 !important;
    padding: 0 !important
}

.ots-upload-outerclass a.local {
    box-shadow: none !important;
    background: 0 0 !important
}

.ots-upload-button-container div.dropzone.dz-clickable {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: 40px !important
}

.ots-label {
    display: block !important;
    margin-top: 10px !important
}

#checkboxKVKK-error-label,
.installment-grid-view-container .bar,
.ots-footer-excel,
.ots-footer-excel-template {
    margin-top: 20px !important
}

.ots-container-textbox {
    margin-left: 110px !important
}

.ots-container-verification-textbox {
    margin-left: 88px !important
}

.ots-container-verification-button {
    margin-left: -87px !important
}

#spanKVKKContractAccepted1 {
    position: absolute !important;
    top: 8px !important
}

#OTSApplicationGridView th {
    padding-right: 50px !important
}

.ots-footer-excel span {
    text-align: center !important
}

.ots-footer-excel-template .foot-total .horizontal-align,
body.halk-bank #main.newLogin .loginArea .login-box .loginContainer .row.login-links {
    text-align: left !important
}

.TotalAmountBoxContainer {
    margin-right: 20px !important
}

.MaxLimitLabelContainer {
    margin-left: -20px !important
}

.blendedLoginArea {
    padding: 0 !important
}

.blendedCol,
.blendedContainer,
.blendedRow {
    height: 100% !important
}

.blendedLoginContainer {
    height: 100% !important;
    overflow-y: auto !important
}

.blendedTestButtons {
    max-width: 250px !important
}

.blendedTestButtons div {
    cursor: pointer
}

.SearchInputOffset {
    margin-left: 25% !important
}

.removeAutoFill::-webkit-contacts-auto-fill-button,
.removeAutoFill::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 60px #fafafa inset !important;
    background-color: #fafafa !important;
    background-clip: content-box !important
}

INPUT:-webkit-autofill,
SELECT:-webkit-autofill,
TEXTAREA:-webkit-autofill {
    animation-name: onautofillstart
}

INPUT:not(:-webkit-autofill),
SELECT:not(:-webkit-autofill),
TEXTAREA:not(:-webkit-autofill) {
    animation-name: onautofillcancel
}

@media screen and (min-width:992px) {
    body.halk-bank #TopNav .navbar-default .nav.navbar-nav {
        display: flex;
        justify-content: space-between
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav:after,
    body.halk-bank #TopNav .navbar-default .nav.navbar-nav:before {
        display: none
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a {
        white-space: nowrap
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a h1 {
        font-size: 12px
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a.dashBoardLink {
        margin-left: 0 !important
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li.search-menu {
        margin-right: 0 !important
    }
}

@media screen and (min-width:1200px) {
    body.halk-bank #TopNav .navbar-default .nav.navbar-nav {
        display: flex;
        justify-content: space-between
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav:after,
    body.halk-bank #TopNav .navbar-default .nav.navbar-nav:before {
        display: none
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a {
        white-space: nowrap
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a h1 {
        font-size: 14px
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li>a.dashBoardLink {
        margin-left: 0 !important
    }

    body.halk-bank #TopNav .navbar-default .nav.navbar-nav>li.search-menu {
        margin-right: 0 !important
    }
}

body.halk-bank #main.newLogin .loginArea {
    height: auto;
    min-height: 100vh;
    padding: 0;
    background: #005092
}

body.halk-bank #main.newLogin .loginArea :not(.fa) {
    font-family: 'Source Sans Pro', sans-serif
}

body.halk-bank #main.newLogin .loginArea .select2-selection__arrow b:before {
    font-family: FontAwesome
}

body.halk-bank #main.newLogin .loginArea .placeholder-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #66697A;
    margin-bottom: 8px;
    display: block;
    min-height: 22px
}

body.halk-bank #main.newLogin .loginArea .login-links>div a {
    color: #005697;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    border: 0 !important
}

body.halk-bank #main.newLogin .loginArea .login-links>div:last-child>*+* {
    margin-top: 8px !important;
    display: inline-block
}

body.halk-bank #main.newLogin .loginArea .virtualKeyboard {
    line-height: 0;
    margin-top: 16px
}

body.halk-bank #main.newLogin .loginArea .virtualKeyboard a {
    color: #005697;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    display: inline-block
}

body.halk-bank #main.newLogin .loginArea .virtualKeyboard a span {
    display: block;
    color: #005697
}

body.halk-bank #main.newLogin .loginArea .ct-switch {
    min-width: 100%;
    display: flex
}

body.halk-bank #main.newLogin .loginArea .ct-switch a {
    background-color: #DDD !important;
    float: none;
    height: 52px;
    font-size: 16px !important;
    padding: 0;
    margin-top: 0;
    flex: 1;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid transparent !important;
    color: #32414F !important;
    border-radius: 0 !important
}

body.halk-bank #main.newLogin .loginArea .ct-switch a .fa,
body.halk-bank #main.newLogin .loginArea .loginInner .loginHead {
    display: none
}

body.halk-bank #main.newLogin .loginArea .ct-switch a.active {
    border-top-color: #FF9C27 !important;
    background-color: #fff !important;
    color: #005092 !important
}

body.halk-bank #main.newLogin .loginArea .loginInner {
    padding: 24px
}

body.halk-bank #main.newLogin .loginArea .loginInner fieldset {
    margin-bottom: 0
}

body.halk-bank #main.newLogin .loginArea .loginInner fieldset+.row {
    margin-top: 0
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img {
    width: 100%;
    display: flex;
    border: 0;
    flex-direction: column;
    margin-bottom: 16px
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img .btns {
    border: 0;
    display: flex;
    flex-direction: column;
    padding-right: 0
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img .btns .cell {
    border: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    font-family: 'Source Sans Pro', sans-serif
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img .btns .cell:first-child {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #66697A;
    margin-bottom: 8px;
    padding: 0
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img .btns .cell:first-child .fa {
    display: none
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img .btns .cell #captcha-input {
    border-radius: 0 !important;
    height: 52px;
    border: 1px solid #CED0D8 !important;
    padding: 0 20px !important;
    width: 100% !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #363636
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child {
    display: flex;
    margin-bottom: 16px !important
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_CaptchaIconsDiv,
body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_CaptchaImageDiv {
    margin: 0 !important
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_CaptchaIconsDiv {
    margin-top: -1px !important
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_CaptchaImageDiv {
    margin-right: 8px !important;
    min-height: 51px
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_CaptchaImageDiv img {
    min-height: 52px;
    border: 1px solid #CED0D8 !important
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_ReloadLink,
body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_SoundLink {
    width: 24px;
    height: 24px;
    background-size: contain;
    margin: 0 !important
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_ReloadLink img,
body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_SoundLink img {
    display: none !important
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_ReloadLink {
    background: url(../img/facelift/Refresh.svg) center no-repeat
}

body.halk-bank #main.newLogin .loginArea .loginInner .captcha-img>div:first-child .LBD_SoundLink {
    background: url(../img/facelift/Sound.svg) center no-repeat;
    margin-top: 6px !important
}

body.halk-bank #main.newLogin .loginArea .warning .loginHead {
    padding-bottom: 0
}

body.halk-bank #main.newLogin .loginArea .warning .loginHead span {
    display: block;
    font-weight: 600;
    font-family: 'Source Sans Pro'
}

body.halk-bank #main.newLogin .loginArea .smart-form .input input,
body.halk-bank #main.newLogin .loginArea .smart-form .select select,
body.halk-bank #main.newLogin .loginArea .smart-form .textarea textarea {
    border: 1px solid #CED0D8;
    height: 52px;
    border-radius: 0 !important
}

body.halk-bank #main.newLogin .loginArea .smart-form .input input[disabled],
body.halk-bank #main.newLogin .loginArea .smart-form .select select[disabled],
body.halk-bank #main.newLogin .loginArea .smart-form .textarea textarea[disabled] {
    background-color: #f1f1f1
}

body.halk-bank #main.newLogin .loginArea .smart-form .input input:focus,
body.halk-bank #main.newLogin .loginArea .smart-form .select select:focus,
body.halk-bank #main.newLogin .loginArea .smart-form .textarea textarea:focus {
    border-color: #005697
}

body.halk-bank #main.newLogin .loginArea .smart-form .input .icon-prepend+input,
body.halk-bank #main.newLogin .loginArea .smart-form .textarea .icon-prepend+textarea {
    padding-left: 16px
}

body.halk-bank #main.newLogin .loginArea .smart-form .icon-prepend {
    display: none !important
}

body.halk-bank #main.newLogin .loginArea .smart-form .selectField .select2-selection--single {
    min-height: 52px;
    border: 1px solid #CED0D8;
    border-radius: 0;
    transition: none
}

body.halk-bank #main.newLogin .loginArea .smart-form .selectField .select2-container .select2-selection {
    padding-left: 0 !important
}

body.halk-bank #main.newLogin .loginArea .smart-form .selectField .select2-container .select2-selection .select2-selection__arrow {
    height: 100%;
    top: 0 !important;
    bottom: 0 !important;
    right: 20px !important;
    display: flex;
    align-items: center;
    width: 16px
}

body.halk-bank #main.newLogin .loginArea .smart-form .selectField .select2-container .select2-selection .select2-selection__arrow b {
    width: 16px;
    height: 25px;
    line-height: 0
}

body.halk-bank #main.newLogin .loginArea .smart-form .selectField .select2-container .select2-selection .select2-selection__arrow b:before {
    font-size: 25px;
    line-height: 1;
    top: 0 !important;
    color: #32414F
}

body.halk-bank #main.newLogin .loginArea .smart-form .selectField .select2-container .select2-selection .select2-selection__rendered {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    height: 50px
}

body.halk-bank #main.newLogin .loginArea .smart-form .selectField .select2-container.select2-container--open .selection .select2-selection {
    border-color: #005697 !important
}

body.halk-bank #main.newLogin .loginArea .smart-form section {
    margin-bottom: 16px !important
}

body.halk-bank #main.newLogin .loginArea .loginHead span {
    display: none
}

@media (max-width:325px) {
    body.halk-bank #main.newLogin .loginArea .loginHead span {
        width: 85%
    }
}

@media (max-width:500px) {
    body.halk-bank #main.newLogin .loginArea .loginHead span {
        width: 90%
    }
}

body.halk-bank #main.newLogin .loginArea .login-box {
    max-width: 384px;
    width: 100%;
    padding: 90px 0 0;
    margin: 0 auto 18px;
    float: none;
    display: flex;
    flex-direction: column
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch {
    height: 31px;
    margin-left: auto;
    display: flex;
    align-items: center
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch i {
    width: 48px;
    height: 24px;
    padding: 1px;
    margin-left: 8px;
    position: relative;
    border-radius: 12px
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch i:before {
    content: '';
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #fff;
    display: block;
    position: absolute
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch span {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #66697A
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch a {
    display: flex
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch a.tr i {
    background-color: #DDD
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch a.tr i:before {
    left: 1px
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch a.en span {
    color: #66697A
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch a.en i {
    background-color: #F47421
}

body.halk-bank #main.newLogin .loginArea .login-box .language-switch a.en i:before {
    right: 1px
}

body.halk-bank #main.newLogin .loginArea .login-box #logo-group {
    margin-bottom: 30px
}

body.halk-bank #main.newLogin .loginArea .login-box #logo-group #logo img {
    width: 160px;
    height: auto
}

body.halk-bank #main.newLogin .loginArea .login-box .loginContainer {
    background: #fff;
    border-radius: 0;
    border-top: 0;
    min-height: 0
}

body.halk-bank #main.newLogin .loginArea .login-box .loginContainer .row {
    margin-left: 0;
    margin-right: 0
}

body.halk-bank #main.newLogin .loginArea .login-box .loginContainer .row>.col {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important
}

body.halk-bank #main.newLogin .loginArea .login-box .loginContainer.corporate-login-container fieldset .col:first-child {
    padding-right: 0
}

body.halk-bank #main.newLogin .loginArea .login-box .loginContainer.corporate-login-container fieldset .col:first-child+.col {
    padding-left: 0
}

body.halk-bank #main.newLogin .loginArea .login-box input[type=password],
body.halk-bank #main.newLogin .loginArea .login-box input[type=text] {
    height: 52px;
    border: 1px solid #CED0D8;
    border-radius: 0 !important
}

body.halk-bank #main.newLogin .loginArea .logout-box {
    width: 600px;
    margin: 0 0 auto 101px;
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: auto
}

body.halk-bank #main.newLogin .loginArea .logout-box div p,
body.halk-bank #main.newLogin .loginArea .logout-box div span {
    display: block;
    font-family: Roboto
}

body.halk-bank #main.newLogin .loginArea .logout-box div span {
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    color: #32414F;
    display: inline-block;
    padding-bottom: 30px;
    border-bottom: 1px solid #D4DAE0
}

body.halk-bank #main.newLogin .loginArea .logout-box div span+.btn {
    margin-top: 30px
}

body.halk-bank #main.newLogin .loginArea .logout-box div span i {
    display: none
}

body.halk-bank #main.newLogin .loginArea .logout-box div span:first-child {
    margin-bottom: 16px;
    border-bottom: 0;
    padding-bottom: 0
}

body.halk-bank #main.newLogin .loginArea .logout-box div p {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: #32414F
}

body.halk-bank #main.newLogin .loginArea .logout-box div .btn {
    height: 59px;
    min-width: 224px;
    justify-content: center;
    color: #fff;
    background: #FF9C27 !important;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    float: left;
    align-items: center;
    border-radius: 0 !important;
    margin-top: 20px
}

body.halk-bank #main.newLogin .loginArea .logout-box div b {
    font-weight: 600 !important
}

body.halk-bank #main.newLogin .loginArea .logout-box.error {
    width: 100%;
    max-width: 402px;
    margin: 0 auto
}

body.halk-bank #main.newLogin .loginArea .logout-box .warning .d-flex {
    display: flex;
    flex-direction: column
}

body.halk-bank #main.newLogin .loginArea .logout-box .warning hr {
    background-color: #D4DAE0;
    height: 1px;
    width: 300px;
    margin: 20px auto
}

body.halk-bank #main.newLogin .loginArea .logout-box .warning .mB {
    margin-bottom: 20px
}

body.halk-bank #main.newLogin .loginArea .logout-box .warning .relogin {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #32414F;
    display: inline-block;
    margin: 0 auto
}

body.halk-bank #main.newLogin .loginArea .logout-box .warning .btn.orange {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto
}

body.halk-bank #main.newLogin .loginArea .logout-box .warning .loginHead span {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: #32414F;
    padding: 0;
    margin: 0;
    width: 100%
}

body.halk-bank #main.newLogin .loginArea .logout-box .warning .loginHead span b {
    font-weight: 400
}

body.halk-bank #main.newLogin .loginArea .loginContainer {
    background: #faf8f7;
    border-radius: 8px;
    border-top: 5px solid #ff710f
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login {
    float: none;
    display: flex;
    flex-direction: column;
    border: 0;
    border-radius: 0;
    background: 0 0;
    min-height: 100vh
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner {
    max-width: 507px;
    width: 100%;
    padding: 0;
    margin: 90px auto 18px;
    flex: auto
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .otp-message>.col label.input p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #32414F;
    margin-right: 0 !important
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .otp-message>.col label.input p strong {
    font-weight: 700
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block {
    padding: 24px;
    background-color: #fff;
    clear: both
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block:after,
body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block:before {
    content: '';
    display: block;
    clear: both
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block .otp-row .fa-question:before,
body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block .otp-row .otp-link .fa:before {
    display: none
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block .otp-row {
    padding-left: 40px;
    position: relative
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block .otp-row .fa-question {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(../img/facelift/question.svg) center no-repeat;
    background-size: contain;
    font-size: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block .otp-row+.otp-row {
    margin-top: 8px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block .otp-row .otp-link {
    color: #005697;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
    text-decoration: none;
    padding-left: 16px;
    position: relative
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block+.sms-block,
body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner fieldset.loginButtonContainer {
    margin-top: 16px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block .otp-row .otp-link .fa {
    position: absolute;
    left: 0;
    top: 6px;
    width: 7px;
    height: 7px;
    border: 1px solid #A2AfB5;
    transform: rotate(135deg) skew(10deg, 10deg)
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-block+.sms-block .qr-area {
    padding: 0;
    background-color: #fff
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner fieldset {
    max-width: calc(100% - 111px);
    width: 100%;
    margin-left: auto
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner fieldset.loginButtonContainer #submit-buton {
    margin-bottom: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .title {
    font-size: 16px;
    line-height: 27px;
    color: #32414F;
    display: block;
    margin-bottom: 16px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner label.input.inline-input {
    display: block;
    margin-bottom: 16px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner label.input.inline-input>span {
    font-size: 14px;
    line-height: 17px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner label.input.inline-input>input[type=text] {
    padding: 0;
    border: 0;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    color: #32414F !important;
    height: 20px !important;
    width: auto;
    display: inline-block;
    margin-left: 8px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner .sms-text {
    margin: 0 0 8px;
    display: block;
    color: #32414F;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .loginInner h4 {
    margin: 16px 0 3px;
    font-weight: 600;
    color: #32414F;
    font-size: 16px;
    line-height: 27px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .soft-otp+.loginInner {
    max-width: 456px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column {
    float: left;
    max-width: 95px;
    width: 100%
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column #trySmsOptionPP {
    display: none !important
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column #ResendButtonDiv {
    display: block;
    clear: both;
    padding-top: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column #ResendButtonDiv a {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #005697;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: 0 0;
    padding: 0;
    min-height: 25px;
    max-height: 25px;
    border-radius: 0;
    border: 1px solid #005697
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column #ResendButtonDiv a i {
    display: none
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .soft-otp-donut {
    height: 95px;
    position: relative;
    clear: both;
    width: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 8px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .soft-otp-donut .remaining,
body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .soft-otp-donut vb-timer {
    position: relative;
    z-index: 2
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .soft-otp-donut .remaining i,
body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .soft-otp-donut vb-timer i {
    display: none
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .soft-otp-donut vb-timer .timeout {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #32414F
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .soft-otp-donut vb-timer .timeout i {
    display: none !important
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .soft-otp-donut .remaining {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    color: #32414F
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .svg-item {
    width: 95px;
    height: 95px;
    font-size: 16px;
    margin: 0 0 0 auto;
    position: absolute;
    left: 0;
    top: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .svg-item svg {
    width: 119px;
    height: 119px;
    margin-top: -12px;
    margin-left: -12px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .donut-ring {
    stroke: #ff700f
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .donut-segment {
    transform-origin: center;
    stroke: #F4F4F4
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .donut-segment-1 {
    stroke: #F4F4F4;
    animation: donut1 3s
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .sms-left-column .resend-button-div {
    margin-right: 0;
    float: none
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login #accessToMobileNotification {
    display: block !important;
    max-width: calc(100% - 111px);
    clear: both;
    float: right
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login #loginWithMobileNotification {
    display: block !important;
    max-width: calc(100% - 111px);
    margin-left: auto
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .imgArea {
    width: 95px;
    height: 95px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    border-radius: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .imgArea img {
    max-width: 68px;
    max-height: 68px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .imgArea+#ResendButtonDiv {
    padding-top: 8px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .qr-area {
    margin: 0;
    display: flex
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .qr-area .col {
    padding: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .qr-area .col-md-4 {
    width: 95px;
    margin-left: auto
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .qr-area .col-md-4 .qr {
    width: 95px;
    height: 95px;
    border: 1px solid #EAE8E9;
    border-radius: 7px;
    padding: 8px 6px 6px
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .qr-area .col-md-4 .qr img {
    width: auto;
    height: auto;
    max-width: 100%
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .qr-area a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 2px 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .qr-area p {
    font-size: 14px;
    line-height: 18px;
    color: #66697A
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .qr-area h4 {
    font-size: 14px;
    line-height: 23px;
    color: #66697A !important;
    margin: 5px 0 0 !important;
    font-weight: 700 !important
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .row {
    margin-left: 0;
    margin-right: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .row.otp-message {
    padding-top: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .row.otp-message>.col label .input p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #32414F;
    margin-right: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer.second-login .row .col {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0 !important
}

body.halk-bank #main.newLogin .loginArea .loginContainer .password-success h4.title {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #32414F;
    margin-top: 16px
}

body.halk-bank #main.newLogin .loginArea .loginContainer .password-success p {
    margin: 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer .password-success p.text {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #32414F;
    margin: 8px 0
}

body.halk-bank #main.newLogin .loginArea .loginContainer .password-success p.text label {
    color: #66697A
}

body.halk-bank #main.newLogin .loginArea .loginContainer .password-success p.text b {
    font-size: 16px;
    line-height: 20px
}

body.halk-bank #main.newLogin .loginArea .loginContainer .password-success .icons {
    width: 72px;
    height: 72px;
    display: flex;
    background: url(../img/facelift/success.svg) center no-repeat;
    margin: 0 auto;
    border-radius: 50%;
    background-size: contain
}

body.halk-bank #main.newLogin .loginArea .loginContainer .password-success .loginBtn {
    margin: 16px 0 0
}

body.halk-bank #main.newLogin .loginArea .alert.alert-danger {
    padding: 16px 18px 16px 44px;
    color: #EA4545;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: -8px;
    background: url(../img/error-icon.svg) 18px 20px no-repeat rgba(234, 69, 69, .15);
    border-radius: 0 !important
}

body.halk-bank #main.newLogin .loginArea .login-carousel {
    float: left;
    margin: 0;
    padding: 0
}

body.halk-bank #main.newLogin .loginArea .login-carousel .logout-banner {
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: center
}

body.halk-bank #main.newLogin .loginArea .login-carousel .remind {
    padding: 0;
    min-height: 0
}

body.halk-bank #main.newLogin .loginArea>.container {
    width: 100%;
    padding: 0;
    min-height: 100vh
}

body.halk-bank #main.newLogin .loginArea>.container>.row {
    margin: 0;
    position: relative
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-carousel,
body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box {
    min-height: 100vh
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-carousel {
    position: relative;
    top: 0;
    bottom: 0;
    width: 50%;
    overflow: hidden
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box {
    float: right;
    margin: 0;
    padding: 0;
    width: 50%;
    background-color: #F8F9FB;
    display: flex;
    flex-direction: column
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box .login-box {
    flex: auto
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection {
    display: flex;
    flex-direction: column
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer {
    border: 0;
    margin: 130px auto auto;
    max-width: 349px
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer>span {
    font-size: 16px;
    line-height: 27px;
    color: #32414F;
    font-weight: 600;
    display: block;
    margin-bottom: 16px
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner {
    background-color: #fff;
    padding: 24px;
    margin: 0 auto;
    max-width: 349px
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner .loginBtn,
body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner fieldset .row {
    margin: 0
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner fieldset .row .col {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner fieldset .row .col br,
body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner fieldset .row .col:after,
body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner fieldset .row .col:before {
    display: none
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner fieldset .row .col .superbox-list {
    min-width: 95px;
    max-width: 95px;
    min-height: 95px;
    max-height: 95px;
    border: 1px solid #EAE8E9;
    display: flex;
    align-items: center;
    justify-content: center
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner fieldset .row .col .superbox-list img {
    width: auto;
    height: auto;
    padding: 0;
    max-height: 100%
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner fieldset .row .col .superbox-list.selected-image {
    border-color: #005697;
    box-shadow: 0 0 0 1px #005697
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner fieldset .row .col .superbox-list.selected-image img {
    border: 0 !important
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .newMiniFooter {
    margin-top: 16px
}

@media (max-width:767px) {
    body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer {
        margin: 24px auto 16px
    }

    body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box.login-image-selection .loginContainer .loginInner {
        padding: 24px !important
    }
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box #loginfooter1 #footer.login-footer {
    background: 0 0;
    padding: 0;
    margin-bottom: 8px
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box #loginfooter1 #footer.login-footer .container {
    width: auto;
    padding: 0
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box #loginfooter1 #footer.login-footer .container .row {
    margin: 0
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box #loginfooter1 #footer.login-footer .copyright {
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
    color: #687583;
    opacity: .5
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box .newMiniFooter {
    display: flex;
    column-gap: 10px;
    margin-bottom: 8px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto
}

body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box .newMiniFooter .row {
    margin: 0
}

@media (max-width:767px) {
    body.halk-bank #main.newLogin .loginArea>.container>.row>.login-input-box {
        width: auto;
        float: none;
        min-height: 0
    }
}

body.halk-bank #main.newLogin .loginArea .loginSlide {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 422px;
    margin: 0 auto;
    padding-top: 90px
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-indicators {
    bottom: 0 !important;
    left: 0;
    text-align: left !important;
    margin: 0;
    position: relative;
    width: auto !important
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-indicators li {
    margin-right: 1px;
    background: rgba(255, 255, 255, .7);
    text-align: left
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-indicators li img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    cursor: default
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-indicators li.active {
    background: #fff
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-indicators li.active img {
    display: block;
    margin-top: 50px
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-inner {
    height: 100%;
    padding-bottom: 30px;
    overflow: inherit
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-inner .item {
    height: auto !important;
    min-height: 0 !important;
    display: none !important;
    position: relative
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-inner .item a img {
    position: absolute;
    top: calc(100% + 50px)
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-inner .item.active {
    display: block !important
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-caption {
    bottom: auto;
    padding: 0;
    left: 0;
    right: 0;
    position: relative;
    height: 100%
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-caption .textArea {
    height: 100%;
    display: flex;
    align-items: flex-start;
    padding-bottom: 0;
    visibility: inherit !important
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-caption .textArea div {
    color: #fff !important;
    padding-left: 0;
    padding-right: 0;
    letter-spacing: normal !important;
    display: block !important;
    float: none !important;
    font-family: "Source Sans Pro" !important;
    text-align: left !important
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-caption .textArea div:first-child+div {
    color: #fff;
    padding: 0 !important
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-caption .textArea div:last-child {
    width: 100% !important;
    padding: 0 !important;
    border-radius: 0;
    letter-spacing: 0;
    display: inline-block !important;
    min-height: 0;
    margin: 0;
    line-height: inherit !important
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-caption .textArea div.txt1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-caption .textArea div.txt2 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 400
}

body.halk-bank #main.newLogin .loginArea .loginSlide .carousel-caption .textArea div.txt3 {
    font-weight: 400;
    font-size: 16px;
    padding: 0 !important;
    line-height: 20px;
    background: 0 0 !important;
    width: 100% !important;
    max-width: 100% !important
}

body.halk-bank #main.newLogin .loginArea .loginSlide .textArea a {
    color: #fff !important;
    text-align: left
}

body.halk-bank #main.newLogin .loginArea .col-12 {
    width: 100%
}

body.halk-bank #main.newLogin .loginArea .mobile-approve-details {
    display: flex;
    align-items: flex-start;
    padding-right: 0;
    max-width: 100%;
    min-width: 100%;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    margin-top: 16px
}

body.halk-bank #main.newLogin .loginArea .mobile-approve-details>.row {
    min-width: 100%;
    display: flex;
    justify-content: space-between
}

body.halk-bank #main.newLogin .loginArea .mobile-approve-details>.row+.row {
    margin-top: 6px
}

body.halk-bank #main.newLogin .loginArea .mobile-approve-details>.row .col {
    line-height: 0
}

body.halk-bank #main.newLogin .loginArea .mobile-approve-details>.row .col+.col {
    text-align: right
}

body.halk-bank #main.newLogin .loginArea .mobile-approve-details span {
    display: block;
    min-width: 100%;
    max-width: 100%;
    color: #66697A;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

body.halk-bank #main.newLogin .loginArea .mobile-approve-details label {
    color: #32414F;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-left: 0
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel {
    position: relative;
    display: flex;
    margin-bottom: 0
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col {
    padding: 0;
    float: none;
    width: auto;
    flex: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col .resend-button-div {
    float: none;
    clear: both;
    margin-right: 0;
    display: none
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col .resend-button-div[style*="visibility: visible"] {
    display: block
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col .resend-button-div[style*="visibility: visible"]+div {
    display: none
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col .resend-button-div .resend-button {
    display: block;
    margin-bottom: 15px
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col .resend-button-div+div {
    position: relative;
    top: -25px
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col+.col {
    float: right;
    display: block;
    white-space: nowrap
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col+.col .timer-svg {
    margin-top: -35px
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col+.col .timer-svg vb-timer {
    position: relative
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col:after,
body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .col:before {
    content: '';
    display: block;
    clear: both
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .remaining {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #32414F
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .remaining+vb-timer {
    display: inline-block;
    margin-left: 8px
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .remaining+vb-timer span i,
body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .soft-otp-timer span.timeout i {
    display: none !important
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .remaining+vb-timer span {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #32414F
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .soft-otp-timer {
    position: relative;
    text-align: right
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .soft-otp-timer span.timeout {
    position: absolute;
    top: 30px;
    right: 0;
    width: 96px;
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .soft-otp-timer .svg-item {
    width: 96px;
    height: 96px;
    font-size: 16px;
    margin: 0 0 0 auto
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .soft-otp-timer .donut-ring {
    stroke: #333
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .soft-otp-timer .donut-segment {
    transform-origin: center;
    stroke: #aaa
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel .soft-otp-timer .donut-segment-1 {
    stroke: #ff700f;
    animation: donut1 3s
}

body.halk-bank #main.newLogin .loginArea .soft-otp-timer-panel>div:last-child {
    margin-bottom: 8px
}

body.halk-bank #main.newLogin .loginArea #trySmsOption {
    margin-top: 0
}

body.halk-bank #main.newLogin .loginArea #trySmsOption span.try-sms {
    position: relative;
    padding-top: 7px
}

body.halk-bank #main.newLogin .loginArea #trySmsOption span.try-sms i {
    margin-top: 0;
    top: 3px
}

body.halk-bank #main.newLogin .loginArea .otp-message {
    padding-top: 5px
}

body.halk-bank #main.newLogin .loginArea .otp-message>.col {
    margin-bottom: 0
}

body.halk-bank #main.newLogin .loginArea .otp-message>.col label.input p {
    font-size: 13px
}

body.halk-bank #main.newLogin .loginArea .loginContainer .imgArea img {
    display: block;
    background-color: #fff
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password {
    max-width: 448px;
    margin: 90px auto 0;
    width: 100%;
    flex: auto
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .title {
    font-size: 16px;
    line-height: 27px;
    font-weight: 600;
    color: #32414F;
    display: block;
    margin-bottom: 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row {
    margin-left: -16px !important;
    margin-right: -16px !important;
    display: flex;
    column-gap: 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.country section,
body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.phone section {
    margin: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row>.col {
    padding-left: 0;
    padding-right: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row>.col .placeholder-label {
    white-space: nowrap
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row>.col .selectField .select2-selection--single {
    padding-left: 0 !important
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row>.col .selectField .select2-selection--single .select2-selection__rendered {
    padding-right: 24px;
    font-size: 14px
}

@media screen and (max-width:767px) {
    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row>.col .selectField .select2-selection--single .select2-selection__rendered {
        padding-left: 10px
    }
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row>.col .selectField .select2-selection--single .select2-selection__arrow {
    width: 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row>.col .selectField #CountryCode+.select2-container .selection .select2-selection .select2-selection__arrow {
    right: 8px !important
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row>.col label.input input {
    padding-left: 10px;
    padding-right: 5px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .pad-none>.col,
body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .pad-none>.cols,
body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .pad-thin>.col,
body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .pad-thin>.cols {
    padding-left: 0;
    padding-right: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.country {
    min-width: 128px;
    max-width: 128px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.phone {
    min-width: 117px;
    max-width: 117px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-1 {
    width: 8.33%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-2 {
    width: 16.66%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-3 {
    width: 25%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-4 {
    width: 33.33%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-5 {
    width: 41.66%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-6 {
    width: 50%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-8 {
    width: 66.67%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-9 {
    width: 75%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-10 {
    width: 83.33%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .pad-thin {
    margin-left: -8px !important;
    margin-right: -8px !important;
    display: flex;
    column-gap: 8px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .pad-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    column-gap: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .soft-otp-timer-panel {
    margin-bottom: 8px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .newPasswordCriteria {
    margin: 0;
    padding: 16px 15px
}

@media screen and (max-width:767px) {
    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.country {
        min-width: 100px;
        max-width: 100px
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.phone {
        min-width: 90px;
        max-width: 90px
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-xs-1 {
        width: 8.33%
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-xs-2 {
        width: 16.66%
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-xs-3 {
        width: 25%
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-xs-4 {
        width: 33.33%
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-xs-5 {
        width: 41.66%
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-xs-6 {
        width: 50%
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-xs-8 {
        width: 66.67%
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-xs-9 {
        width: 75%
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .password-info-row .col.col-xs-10 {
        width: 83.33%
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .newPasswordCriteria {
        padding: 16px 0;
        clear: both
    }
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .newPasswordCriteria label {
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    color: #66697A;
    margin: 0;
    display: block
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .newPasswordCriteria label:before {
    content: '*'
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .newPasswordCriteria label+label {
    margin-top: 8px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password #ResendButtonDiv {
    margin-left: 8px;
    margin-bottom: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password #ResendButtonDiv a {
    font-size: 14px;
    font-weight: 600;
    color: #005697;
    display: block;
    text-align: center;
    background: 0 0;
    padding: 0;
    line-height: 22px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .card-password #ResendButtonDiv a .fa {
    display: none
}

@media screen and (max-width:767px) {
    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password {
        margin-top: 24px
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .title {
        padding: 0 24px;
        text-align: center
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .pinLinks {
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 16px
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .pinLinks .pinCreateFooter .pinContent {
        left: 0;
        transform: none
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .pinLinks .pinCreateFooter .pinContent:after {
        transform: none;
        left: 9px
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .contentAreaMain .widget-body .wizard .steps li {
        display: flex;
        padding: 0 !important
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .card-password .loginBtn.green {
        margin-bottom: 0
    }
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard {
    border: 0 !important;
    border-radius: 0 !important;
    background: 0 0;
    overflow: inherit !important;
    height: 16px;
    padding-left: 24px;
    padding-right: 24px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard .steps {
    display: flex;
    justify-content: space-between;
    position: relative
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard .steps:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    height: 1px;
    background-color: #CED0D8;
    z-index: 1
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard .steps li {
    background: 0 0;
    padding: 0;
    height: auto;
    z-index: 2;
    position: relative
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard .steps li a {
    width: 32px;
    height: 32px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard .steps li a .Text {
    display: none
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard .steps li a .badge {
    width: 32px;
    height: 32px;
    background: #F5F5F5;
    border: 1px solid #CED0D8;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CED0D8;
    margin: 0;
    right: 0 !important;
    top: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard .steps li a .chevron {
    display: none
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard .steps li.active .badge {
    background: #FF9C27;
    border-color: transparent;
    color: #fff
}

body.halk-bank #main.newLogin .loginArea.password-recovery .contentAreaMain .widget-body .wizard .steps li.complete .badge {
    font-size: 0;
    background: url(../img/facelift/complete.svg) center no-repeat #FF9C27
}

body.halk-bank #main.newLogin .loginArea.password-recovery .loginContainer {
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff;
    margin-bottom: 16px;
    min-height: 0;
    padding: 24px !important
}

body.halk-bank #main.newLogin .loginArea.password-recovery .loginContainer #result-panel-alert {
    margin-top: 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .loginContainer .please {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #32414F;
    margin-bottom: 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .loginContainer .text-muted {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #66697A
}

body.halk-bank #main.newLogin .loginArea.password-recovery .loginContainer h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #363636;
    display: block;
    margin: 0 0 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .loginContainer .step-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #66697A;
    margin-bottom: 2px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .login-links span {
    border: 0;
    text-decoration: none;
    color: #005697;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

body.halk-bank #main.newLogin .loginArea.password-recovery .login-links i.fa {
    margin-right: 8px;
    font-size: 16px;
    color: #1379B8
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks {
    position: relative;
    padding-bottom: 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .linkUnderline {
    cursor: pointer;
    margin: 0 !important
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .linkUnderline .fa {
    float: left;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/facelift/info-blue.svg) center no-repeat;
    background-size: contain;
    margin-top: 1px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .linkUnderline .fa:before {
    display: none
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter:before {
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent {
    max-width: 448px;
    width: 90%;
    bottom: 30px;
    left: 21px;
    transform: translate3d(-50%, 0, 0);
    background-color: #fff;
    padding: 24px;
    position: absolute;
    z-index: 100
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 12.5px 0;
    border-color: #FFF transparent transparent;
    transform: rotate(0) translateX(-50%);
    display: block;
    position: absolute;
    left: 50%;
    bottom: -7px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .login-footer-area {
    display: none !important
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .footArea {
    margin: 0;
    padding: 0 0 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .footArea .container .BGGray {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: #fff
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .footArea .container .BGGray .reminder h3 {
    font-size: 17px;
    line-height: 22px;
    color: #32414F;
    font-weight: 700;
    text-align: center;
    margin: 0 0 18px;
    display: flex;
    column-gap: 8px;
    align-items: center;
    justify-content: center
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .footArea .container .BGGray .reminder h3:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/facelift/info-blue.svg) center no-repeat
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .footArea .container .BGGray .reminder ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #414042;
    margin: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .footArea .container .BGGray .reminder ul li .fa {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #414042
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .footArea .container .BGGray .reminder ul li .fa:before {
    display: none
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .footArea .container .BGGray .reminder ul li+li {
    margin-top: 18px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .btn {
    width: 173px;
    margin: auto;
    height: 52px;
    background: #005697;
    color: #fff;
    border: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 0;
    display: block
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks .pinCreateFooter .pinContent .closePin {
    background: url(../img/facelift/pin-close.svg) center no-repeat;
    position: absolute;
    right: 27px;
    top: 30px;
    width: 12px;
    height: 12px;
    cursor: pointer
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinLinks.show .pinCreateFooter {
    display: block
}

body.halk-bank #main.newLogin .loginArea.password-recovery label.radio {
    padding-left: 26px;
    position: relative;
    margin-right: 0;
    line-height: 22px
}

body.halk-bank #main.newLogin .loginArea.password-recovery label.radio+label.radio {
    margin-left: 20px
}

body.halk-bank #main.newLogin .loginArea.password-recovery label.radio input {
    width: 18px;
    height: 18px;
    margin: 2px 0 0 -26px;
    opacity: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery label.radio input+i {
    width: 18px;
    height: 18px;
    top: 2px;
    left: 0;
    box-shadow: none;
    border: 1px solid #66697A;
    background: #fff
}

body.halk-bank #main.newLogin .loginArea.password-recovery label.radio input+i:after {
    margin: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery label.radio input:checked+i {
    background: #005697
}

body.halk-bank #main.newLogin .loginArea.password-recovery label.radio input:checked+i:after {
    background: #fff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: 5px;
    top: 5px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange {
    flex: auto
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer {
    max-width: 384px;
    padding: 0 !important;
    background: 0 0;
    margin: 90px auto 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner {
    padding: 0
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner .title {
    font-size: 16px;
    line-height: 27px;
    color: #32414F;
    display: block;
    margin-bottom: 16px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner>form {
    background: #fff;
    padding: 24px;
    width: 100%
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner>form .passwodlogo img {
    height: auto;
    width: 90px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner>form .newPasswordCriteria {
    margin: 0;
    padding: 0 0 16px
}

@media screen and (max-width:767px) {
    body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner>form .newPasswordCriteria {
        padding: 16px 0;
        clear: both
    }
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner>form .newPasswordCriteria label {
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    color: #66697A;
    margin: 0;
    display: block
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner>form .newPasswordCriteria label:before {
    content: '*'
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner>form .newPasswordCriteria label+label {
    margin-top: 8px
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner>form .newPasswordCriteria label:first-child:before {
    display: none
}

body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .loginInner>form .loginBtn.green {
    margin: 0
}

body.halk-bank #main.newLogin .oldLoginFooter {
    display: none !important
}

body.halk-bank #main.newLogin .login-box-area {
    display: flex !important
}

body.halk-bank #main.newLogin .login-box-area.oldLoginFooter {
    display: none !important
}

body.halk-bank #main.newLogin .login-box-area,
body.halk-bank #main.newLogin .miniFooter {
    width: auto;
    min-width: 0;
    padding: 0;
    display: flex;
    flex: auto;
    justify-content: space-around
}

body.halk-bank #main.newLogin .login-box-area .box,
body.halk-bank #main.newLogin .miniFooter .box {
    background-color: inherit;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
    border-bottom: 0;
    padding: 0
}

body.halk-bank #main.newLogin .login-box-area .box2:before,
body.halk-bank #main.newLogin .miniFooter .box2:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat
}

body.halk-bank #main.newLogin .login-box-area .box2 .title,
body.halk-bank #main.newLogin .miniFooter .box2 .title {
    margin-bottom: 0;
    padding-top: 0;
    height: auto;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    color: #66697A !important;
    margin-top: 8px
}

body.halk-bank #main.newLogin .login-box-area .box2.parola-olustur:before,
body.halk-bank #main.newLogin .miniFooter .box2.parola-olustur:before {
    background-image: url(../img/parola-olustur.svg)
}

body.halk-bank #main.newLogin .login-box-area .box2.mutlu-musteri:before,
body.halk-bank #main.newLogin .miniFooter .box2.mutlu-musteri:before {
    background-image: url(../img/mutlu-musteri.svg)
}

body.halk-bank #main.newLogin .login-box-area .box2.guvenlik-bilgileri:before,
body.halk-bank #main.newLogin .miniFooter .box2.guvenlik-bilgileri:before {
    background-image: url(../img/guvenlik-bilgileri.svg)
}

body.halk-bank #main.newLogin .login-box-area .box2.ParafLogo:before,
body.halk-bank #main.newLogin .miniFooter .box2.ParafLogo:before {
    background-image: url(../img/ParafLogo.svg)
}

body.halk-bank #main.newLogin .login-box-area .box2.duyurular:before,
body.halk-bank #main.newLogin .miniFooter .box2.duyurular:before {
    background-image: url(../img/duyurular.svg)
}

body.halk-bank #main.newLogin .login-box-area .box2.sss:before,
body.halk-bank #main.newLogin .miniFooter .box2.sss:before {
    background-image: url(../img/sss.svg)
}

body.halk-bank #main.newLogin .login-box-area .box2.atm:before,
body.halk-bank #main.newLogin .miniFooter .box2.atm:before {
    background-image: url(../img/atm.svg)
}

body.halk-bank #main.newLogin .login-box-area .box2 .txt,
body.halk-bank #main.newLogin .miniFooter .box2 .txt {
    display: none
}

body.halk-bank #main.newLogin .footArea {
    padding: 25px 0
}

body.halk-bank #main.newLogin .footArea .container {
    width: auto
}

body.halk-bank #main.newLogin .footArea .row {
    margin: 0
}

body.halk-bank #main.newLogin .logout {
    height: auto;
    min-height: 100vh;
    padding: 0;
    display: flex;
    align-items: center;
    background: #005092
}

body.halk-bank #main.newLogin .login-forget span,
body.halk-bank #main.newLogin .virtualKeyboard span {
    color: #000
}

body.halk-bank #main.newLogin .btn.default,
body.halk-bank #main.newLogin .loginBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    background: #005697 !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 20px;
    width: 100% !important
}

@media (max-width:767px) {
    body.halk-bank #main.newLogin .loginArea {
        background: #fff
    }

    body.halk-bank #main.newLogin .loginArea:before {
        display: none
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer {
        max-width: 100%;
        margin-top: 24px
    }

    body.halk-bank #main.newLogin .loginArea.password-recovery .pinChange .loginContainer .newPasswordCriteria {
        padding-inline: 15px !important
    }

    body.halk-bank #main.newLogin .loginArea>.container>.row {
        flex-direction: column-reverse
    }

    body.halk-bank #main.newLogin .loginArea>.container>.row .login-carousel {
        width: auto;
        float: none;
        min-height: 0
    }

    body.halk-bank #main.newLogin .loginArea .login-box .loginContainer {
        padding: 30px 24px;
        margin: 0 !important
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box {
        display: flex;
        flex-direction: column;
        min-height: 0
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box.login-image-selection .loginContainer {
        max-width: 100%;
        margin: 24px 0 16px
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box.login-image-selection .loginContainer>span {
        text-align: center
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box.login-image-selection .loginContainer .loginInner {
        max-width: 100%;
        padding: 24px
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login {
        margin: 0 !important;
        min-height: 0;
        padding-top: 24px
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login .sms-left-column {
        float: none;
        max-width: 100%
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login .sms-left-column .soft-otp-donut {
        margin-left: auto;
        margin-right: auto
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login fieldset {
        max-width: 100%;
        margin-left: 0
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login #accessToMobileNotification,
    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login #loginWithMobileNotification {
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login .sms-block+.sms-block .qr-area {
        flex-direction: column
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login .sms-block+.sms-block .qr-area .col-md-4 {
        width: 100%;
        display: flex;
        margin-left: 0
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login .sms-block+.sms-block .qr-area .col-md-4 .qr {
        min-width: 95px;
        max-width: 95px;
        margin-top: 8px;
        margin-right: 2px
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer.second-login .sms-block+.sms-block .qr-area .col-md-4 .qr+div {
        max-width: 95px;
        margin-top: 8px;
        max-height: 95px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .loginContainer .loginInner {
        padding: 0 !important;
        margin-top: 0 !important
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .login-box {
        min-height: 0;
        margin: 0;
        padding: 24px 0 0;
        max-width: 100%
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .login-box #logo-group {
        margin-left: 24px;
        margin-bottom: 0
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .login-box .language-switch {
        margin-right: 24px
    }

    body.halk-bank #main.newLogin .loginArea .login-input-box .login-box .ct-switch {
        margin: 20px 0 0
    }

    body.halk-bank #main.newLogin .loginArea.logout {
        padding: 0;
        background: 0 0
    }

    body.halk-bank #main.newLogin .loginArea.logout .login-carousel {
        display: none
    }

    body.halk-bank #main.newLogin .loginArea.logout .login-input-box {
        min-height: 100vh !important;
        display: flex;
        flex-direction: column
    }

    body.halk-bank #main.newLogin .loginArea.logout .logout-box {
        width: auto;
        padding: 0 24px;
        margin: 0;
        min-height: 0;
        flex: auto
    }

    body.halk-bank #main.newLogin .loginArea.logout .logout-box div span {
        font-size: 24px;
        line-height: 28px
    }

    body.halk-bank #main.newLogin .loginArea.logout .logout-box div p {
        font-size: 16px;
        line-height: 18px
    }

    body.halk-bank #main.newLogin .loginArea.logout .logout-box div .btn {
        height: 44px;
        padding: 0 24px;
        margin-top: 10px
    }

    body.halk-bank #main.newLogin .loginArea.logout #loginfooter1,
    body.halk-bank #main.newLogin .loginArea.logout .newMiniFooter {
        background-color: transparent
    }

    body.halk-bank #main.newLogin .loginArea .login-carousel {
        background: #005092;
        padding: 24px
    }

    body.halk-bank #main.newLogin .loginArea .login-carousel .remind .loginSlide {
        padding: 0
    }

    body.halk-bank #main.newLogin .loginArea .login-carousel .remind .loginSlide .carousel-inner .item {
        min-height: 0 !important
    }

    body.halk-bank #main.newLogin .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea a {
        text-align: left !important
    }

    body.halk-bank #main.newLogin .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea a div,
    body.halk-bank #main.newLogin .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea a div:first-child,
    body.halk-bank #main.newLogin .loginArea .login-carousel .remind .loginSlide .carousel-inner .item .carousel-caption .textArea a div:last-child {
        line-height: inherit !important;
        margin: 0 !important
    }

    body.halk-bank #main.newLogin .loginArea .login-carousel .remind .carousel-indicators img,
    body.halk-bank #main.newLogin .loginArea .login-carousel .remind .loginSlide .carousel-inner .item img {
        display: none !important
    }

    body.halk-bank #main.newLogin .loginArea #footer {
        background: #fff;
        padding: 8px 0 6px;
        opacity: .5
    }

    body.halk-bank #main.newLogin .loginArea #footer div {
        font-size: 12px;
        line-height: 19px;
        color: #687583 !important;
        font-weight: 600
    }

    body.halk-bank #main.newLogin .loginArea #passwodlogo {
        max-width: 95px;
        margin: 0;
        display: block
    }

    body.halk-bank #main.newLogin .newMiniFooter.visible-xs {
        display: flex !important;
        column-gap: 10px;
        margin-top: 24px
    }

    body.halk-bank #main.newLogin .login-box-area>div>a {
        display: block;
        padding: 0 10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.halk-bank #main.newLogin .container .login-input-box {
        width: 100% !important;
        display: flex;
        align-items: center;
        flex-direction: column
    }

    body.halk-bank #main.newLogin .container .login-input-box .login-box {
        flex: auto
    }

    body.halk-bank #main.newLogin .container .login-carousel {
        display: none
    }
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown {
    background: #fff !important;
    box-shadow: none;
    border-color: #005697 !important;
    border-radius: 0 !important
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown .select2-search {
    padding: 0
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown .select2-search:before {
    left: 16px;
    right: auto;
    top: 15px;
    color: #32414F !important;
    font-size: 16px
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown .select2-search input {
    padding: 0 16px 0 48px;
    height: 46px !important;
    border-radius: 0;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    color: #32414F
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown:has(#select2-CountryCode-results) {
    width: 245px !important
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown:after,
body.halk-bank.extr-page .select2-container--default .select2-dropdown:before {
    display: none
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown .select2-results {
    margin: 0 !important;
    padding: 1px
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown .select2-results li {
    min-height: 48px;
    display: flex;
    align-items: center;
    border: 0 !important;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #363636 !important
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown .select2-results li.select2-results__option--highlighted {
    background: inherit !important
}

body.halk-bank.extr-page .select2-container--default .select2-dropdown .select2-results li[aria-selected=true] {
    background: rgba(0, 80, 146, .2) !important
}

body.halk-bank.extr-page .select2-container--default .select2-results__options {
    padding-right: 0;
    overflow-x: hidden
}

body.halk-bank.extr-page .select2-container--default .select2-results__options::-webkit-scrollbar {
    width: 6px;
    opacity: 1
}

body.halk-bank.extr-page .select2-container--default .select2-results__options::-webkit-scrollbar-track {
    box-shadow: none;
    background: 0 0
}

body.halk-bank.extr-page .select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
    width: 6px;
    background: #005092;
    outline: 0;
    border-radius: 3px
}

body.halk-bank.extr-page .select2-container--default .select2-results__options .select2-results__option {
    padding-left: 5px;
    padding-right: 5px
}

body.halk-bank .modal.newLogin .modal-backdrop {
    opacity: .3
}

body.halk-bank .modal.newLogin .modal-dialog {
    width: 90%;
    max-width: 692px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate3d(-50%, -50%, 0)
}

body.halk-bank .modal.newLogin .modal-dialog .modal-content {
    border-radius: 0;
    border: 0;
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .15)
}

body.halk-bank .modal.newLogin .modal-dialog .modal-content .modal-header span.close {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../img/facelift/pin-close-blue.svg);
    right: 33px;
    top: 41px;
    margin: 0;
    opacity: 1
}

body.halk-bank .modal.newLogin.captcha-modal .modal-header {
    padding: 30px 30px 8px
}

body.halk-bank .modal.newLogin.captcha-modal .modal-header .modal-title {
    font-size: 24px;
    line-height: 34px;
    text-align: left;
    font-weight: 700;
    color: #363636
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body {
    padding: 0 30px 30px;
    text-align: left
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body * {
    font-family: 'Source Sans Pro', sans-serif
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D4DAE0
}

@media screen and (max-width:767px) {
    body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img {
        flex-direction: column
    }

    body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns {
        padding-right: 0 !important
    }

    body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .capthca-next-button {
        display: block !important;
        width: 100%
    }
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane p {
    margin: 0 0 8px;
    padding: 0;
    text-align: left !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #32414F;
    font-family: 'Source Sans Pro', sans-serif
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style form {
    display: block
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img {
    width: 100%;
    display: flex;
    border: 0
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns {
    border: 0;
    display: flex;
    flex-direction: column;
    padding-right: 16px
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns .cell {
    border: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    font-family: 'Source Sans Pro', sans-serif
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns .cell:first-child {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #66697A;
    margin-bottom: 8px;
    padding: 0
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns .cell:first-child .fa {
    display: none
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns .cell #captcha-input {
    border-radius: 0 !important;
    height: 52px;
    border: 1px solid #CED0D8 !important;
    padding: 0 20px !important;
    width: 100% !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #363636
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div {
    display: flex;
    margin-top: 30px !important
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_CaptchaIconsDiv,
body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_CaptchaImageDiv {
    margin: 0 !important
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_CaptchaIconsDiv {
    margin-top: -1px !important
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_CaptchaImageDiv {
    margin-right: 8px !important;
    min-height: 51px;
    min-width: 260px
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_CaptchaImageDiv img {
    min-height: 52px;
    border: 1px solid #CED0D8 !important
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_ReloadLink,
body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_SoundLink {
    width: 24px;
    height: 24px;
    background-size: contain;
    margin: 0 !important
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_ReloadLink img,
body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_SoundLink img {
    display: none !important
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_ReloadLink {
    background: url(../img/facelift/Refresh.svg) center no-repeat
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .captcha-img .btns+div .LBD_SoundLink {
    background: url(../img/facelift/Sound.svg) center no-repeat;
    margin-top: 6px !important
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .capthca-next-button {
    display: block;
    text-align: left !important;
    margin-top: 20px
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .captcha-pane .table-style .capthca-next-button input {
    height: 52px;
    min-width: 200px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    background: #005697 !important;
    border-radius: 0
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .BGGray {
    padding: 0;
    background: #fff
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .BGGray .reminder {
    padding: 0
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .BGGray .reminder h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #32414F;
    margin-bottom: 8px;
    padding-left: 32px;
    background: url(../img/facelift/info-blue.svg) left center no-repeat;
    background-size: 24px auto
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .BGGray .reminder ul li {
    padding-left: 24px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #414042;
    font-weight: 400
}

body.halk-bank .modal.newLogin.captcha-modal .modal-body .BGGray .reminder ul li .fa {
    position: absolute;
    left: 10px;
    font-size: 0;
    width: 3px;
    height: 3px;
    top: 7px;
    background-color: #414042;
    border-radius: 50%;
    margin: 0
}

body.halk-bank .modal.newLogin .modal-footer .loginBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    background: #005697 !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 20px;
    width: auto !important;
    min-width: 204px;
    margin: 0 auto
}

.d-flex {
    display: flex
}

.ui-keyboard.ui-widget-content.ui-widget {
    background: #F8F9FB !important;
    box-shadow: none !important;
    border-color: #CED0D8 !important
}

.ui-keyboard.ui-widget-content.ui-widget .ui-keyboard-button {
    background: #fff !important;
    border-color: transparent !important;
    font-family: 'Source Sans Pro';
    font-weight: 700 !important;
    font-size: 14px !important
}

.mb-8 {
    margin-bottom: 8px
}

.mb-16 {
    margin-bottom: 16px !important
}

.m-336 {
    max-width: 336px
}

.br-0 .select2-selection--single {
    border-right: 0 !important
}

.dbs-upload-button-container a {
    min-width: 150px
}

.dbs-upload-button-container span {
    text-align: left;
    min-width: 80px
}

.dbs-upload-button-container .dz-started {
    margin-top: -15px !important
}

.dbs-upload-button-container div.dropzone.dz-clickable {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: 40px !important
}

.dbs-upload-button-container.col-xs-6 {
    margin-left: 25px !important
}
/* Genel CSS Ayarları */
@charset "UTF-8";

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

ng\:form {
    display: block;
}

.ng-animate-shim {
    visibility: hidden;
}

.ng-anchor {
    position: absolute;
}

/* UIB Typeahead Popup */
[uib-typeahead-popup].dropdown-menu {
    display: block;
}

/* UIB Time Input */
.uib-time input {
    width: 50px;
}

/* UIB Tooltip & Popover */
[uib-tooltip-popup].tooltip, [uib-tooltip-html-popup].tooltip, [uib-tooltip-template-popup].tooltip, [uib-popover-popup].popover, [uib-popover-html-popup].popover, [uib-popover-template-popup].popover {
    display: block !important;
}

[uib-tooltip-popup] .tooltip-arrow, [uib-tooltip-html-popup] .tooltip-arrow, [uib-tooltip-template-popup] .tooltip-arrow, [uib-popover-popup] .arrow, [uib-popover-html-popup] .arrow, [uib-popover-template-popup] .arrow {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0;
}

/* UIB Datepicker Popup */
.uib-datepicker-popup.dropdown-menu {
    display: block;
    float: none;
    margin: 0;
}

.uib-button-bar {
    padding: 10px 9px 2px;
}

/* UIB Position */
.uib-position-measure {
    display: block !important;
    visibility: hidden !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.uib-position-scrollbar-measure {
    position: absolute !important;
    top: -9999px !important;
    width: 50px !important;
    height: 50px !important;
    overflow: scroll !important;
}

.uib-position-body-scrollbar-measure {
    overflow: scroll !important;
}

/* UIB Datepicker */
.uib-datepicker .uib-title {
    width: 100%;
}

.uib-day button, .uib-month button, .uib-year button {
    min-width: 100%;
}

.uib-left, .uib-right {
    width: 100%;
}

/* NG Animate */
.ng-animate.item:not(.left):not(.right) {
    -webkit-transition: 0s ease-in-out left;
    transition: 0s ease-in-out left;
}
.loginBtnss {
    color: #fff;
    padding: 10px 50px;
    border: 0;
    border-radius: 5px;
    background-color: #0bbbef;
    height: 40px;
    color: #fff;
    padding: 10px 10px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    border: 0;
    min-width: 120px;
}

.modal-content p {
    margin: 0px 9px 10px;
    text-align: center;
}

.modal-footer {
    padding: 15px;
}