@import url('../assets/fonts/popfonts.css');
@import url('../assets/fonts/redditmonofonts.css');
.ui-widget {
    font-family: Roboto, sans-serif !important;
}
.confirmClass {
    top: 100px !important;
    position: absolute;
    width: 600px !important;
    z-index: 10000;
    border-radius: 0 !important;
}
.confirmClass .ui-dialog-titlebar {
    background: 0 0;
    padding: 15px;
    border: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #e5e5e5;
}
.confirmClass .ui-dialog-titlebar .ui-dialog-title {
    font-size: 18px;
    display: block;
    -webkit-margin-before: 0.53em;
    -webkit-margin-after: 0.53em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}
.confirmClass .ui-dialog-titlebar .ui-button {
    margin-top: -2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: #c14539;
    border: 0;
    width: 20px;
    height: 14px;
    padding: 15px 16px !important;
    font-size: 18px;
    border-radius: 0;
    color: #fff;
    position: absolute;
    right: 0;
    top: 2px;
    font-weight: 300;
    line-height: inherit;
    text-shadow: none;
    opacity: 1;
    float: right;
}
.confirmClass .ui-dialog-titlebar-close span {
    margin: -8px 0 0 -8px !important;
}
.buton-alis,
.buton-dark,
.buton-dark-out,
.buton-gri,
.buton-gri-out,
.buton-kirmizi,
.buton-kirmizi-out,
.buton-mavi,
.buton-sari,
.buton-sari-out,
.buton-satis,
.buton-softkir,
.buton-stk-ck,
.buton-yesil,
.buton-yesil-out,
.buton.mavi-out {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
}
.buton-kirmizi {
    padding: 5px 8px;
    border: 1px solid #d9534f;
    color: #fff;
    background: #d9534f;
}
.buton-gri {
    padding: 5px 8px;
    border: 1px solid #b1b1b1;
    color: #fff;
    background: #b1b1b1;
}
button:focus {
    outline: 0;
}
.trncu {
    background: #d2811c !important;
}
.krmz {
    background: #fe2b2a !important;
}
.sri {
    background: #fbd11d !important;
}
.yesl {
    background: #1f9f84 !important;
}
.byzfnt {
    color: #fff !important;
} /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #5867dd;
    --secondary: #e1e1ef;
    --success: #1dc9b7;
    --info: #5578eb;
    --warning: #ffb822;
    --danger: #fd397a;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1399px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI',
        Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
        'Noto Color Emoji';
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
        'Liberation Mono', 'Courier New', monospace; /* Hayati Girgin */
    --height-banner: 50px;
    --height-impersonating-banner: 39px;
    --height-topbar: 60px;
    --width-sidemenu: 68px;
    --padding-page-content: 15px;
    --font-family-poppins: 'Poppins', sans-serif !important;
    --color-midnight-express: #1f2937;
    --color-rogue-blue: #4b5563;
    --color-product-ohh: linear-gradient(
        90deg,
        #3af2cb 0%,
        #4ce6e3 50%,
        #61d9ff 100%
    );
    --color-product-sp: linear-gradient(
        90deg,
        #63daff 0%,
        #6facff 50%,
        #7b7dff 100%
    );
    --color-product-pr: linear-gradient(
        90deg,
        #797bff 0%,
        #af7aff 50%,
        #ec78ff 100%
    );
    --color-product-cheque: linear-gradient(90deg, #2b2f4a 0%, #88899b 100%);
    --color-product-dbs: linear-gradient(90deg, #8eb9e2 0%, #1b32a8 100%);
    --color-product-tos: linear-gradient(90deg, #FF8D6A 0%, #FFD47B 100%);
}
*,
::after,
::before {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
html {
    font-family: sans-serif;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
body,
html {
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #f9f9f9;
    min-width: 1000px;
    font-size: 14px;
}
[tabindex='-1']:focus {
    outline: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
h6 {
    font-weight: 600;
    font-size: 15px;
    padding: 15px 15px 10px 15px;
    margin-bottom: 0;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 90%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #282828;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #20bac3;
    text-decoration: underline;
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
    outline: 0;
}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-thumb {
    border-width: 0;
}
::-webkit-scrollbar-track {
    border-width: 0;
}
::-webkit-scrollbar {
    height: 4px;
    overflow: visible;
    width: 4px;
}
::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}
::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0;
}
::-webkit-scrollbar-track:horizontal {
    border-width: 0;
}
::-webkit-scrollbar-thumb {
    background-color: #eee;
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0;
    min-height: 28px;
    padding: 100px 0 0;
}
::-webkit-scrollbar-thumb:horizontal {
    border-width: 0;
    padding: 0 0 0 100px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #209f84;
}
::-webkit-scrollbar-thumb:active {
    background-color: #209f84;
}
::-webkit-scrollbar-track {
    border-width: 0;
}
::-webkit-scrollbar-track:horizontal {
    border-width: 6px 0 1px;
}
::-webkit-scrollbar-track:hover {
    background-color: rgba(245, 245, 245, 0.03);
}
::-webkit-scrollbar-thumb {
    border-width: 0;
}
::-webkit-scrollbar-thumb:horizontal {
    border-width: 0;
}
::-webkit-scrollbar-corner {
    background: 0 0;
}
.bank-owf::-webkit-scrollbar-thumb,
.bank-owf::-webkit-scrollbar-track {
    background: 0 0;
}
.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}
:focus {
    outline: 0;
}
ul {
    list-style: none;
    padding: 0;
}
.d-ort {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
}
.dy-ort {
    display: flex;
    display: -ms-flexbox;
}
.crsp {
    cursor: pointer !important;
}
.crsd {
    cursor: default !important;
}
.v-btn {
    font-size: 12px;
    font-weight: 900;
    padding: 7px 14px;
    text-decoration: none;
    border-radius: 10px;
    color: #656565;
    margin-left: 5px;
    display: inline-block;
    background: #dedede;
    border: solid 1px #eee;
}
.v-btn:hover {
    text-decoration: none;
    color: #858585;
}
.mny {
    font-family: 'Roboto Mono', sans-serif;
    letter-spacing: -0.5px !important;
}
hr {
    margin: 15px -15px;
}
.pl {
    padding-left: 0 !important;
}
.pr {
    padding-right: 0 !important;
}
.plr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.flr {
    float: right !important;
}
.fll {
    float: left !important;
}
.lh1 {
    line-height: 1;
}
.tc {
    text-align: center;
}
.tl {
    text-align: left;
}
.tr {
    text-align: right;
}
.fw-3 {
    font-weight: 300;
}
.fw-4 {
    font-weight: 400;
}
.fw-5 {
    font-weight: 500;
}
.fw-6 {
    font-weight: 600;
}
.fw-7 {
    font-weight: 700;
}
.fw-8 {
    font-weight: 800;
}
.fw-9 {
    font-weight: 900;
}
.w-35 {
    width: 35px;
    position: relative;
}
.w-65 {
    width: 65px;
    padding: 0 15px;
}
.w-80 {
    width: 80px;
}
.w-auto {
    width: auto;
}
.w-120 {
    width: 120px;
}
.w-130 {
    width: 130px;
}
.w-140 {
    width: 140px;
}
.w-150 {
    width: 150px;
}
.w-160 {
    width: 160px;
}
.w-170 {
    width: 170px;
}
.w-180 {
    width: 90px;
}
.w-105 {
    width: 105px;
    padding: 0 15px 0 2px;
}
.w-105shh {
    min-width: 105px;
    max-width: 145px;
    padding: 0 15px 0 2px;
    position: relative;
}
.w-170fx {
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    max-width: 170px;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.w-210 {
    width: 210px;
}
.f-11 {
    font-size: 11px;
}
.f-12 {
    font-size: 12px;
}
.f-13 {
    font-size: 13px;
}
.f-14 {
    font-size: 14px;
}
.f-15 {
    font-size: 15px;
}
.f-16 {
    font-size: 16px;
}
.f-17 {
    font-size: 17px;
}
.f-18 {
    font-size: 18px;
}
.f-19 {
    font-size: 19px;
}
.f-20 {
    font-size: 20px;
}
.f-21 {
    font-size: 21px;
}
.f-22 {
    font-size: 22px;
}
.f-23 {
    font-size: 23px;
}
.f-24 {
    font-size: 24px;
}
.bakiye {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto Mono', sans-serif;
    letter-spacing: -0.8px !important;
}
.p-15 {
    padding: 15px;
}
.bakiye.var {
    color: #585858;
}
.bakiye.yok {
    color: #cacaca;
}
.bakiye.blok {
    color: #fdcb03;
}
.bakiye.kullanilabilir {
    color: #3db596;
}
.p-14 {
    padding: 14px;
}
.vm-btn {
    font-size: 13px;
    font-weight: 600;
    padding: 9.2px 20px;
    text-decoration: none;
    border-radius: 10px;
    color: #fff;
    margin-left: 5px;
    display: inline-block;
    letter-spacing: 0.3px;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    min-height: 37.5px;
    cursor: pointer;
}
.vm-btn:hover {
    text-decoration: none;
    color: #fff;
}
.vm-btn:focus {
    outline: 0;
}
.new-btn {
    background: #1f9f84;
}
.new-btn:hover {
    background: #05896f;
}
.vm-yesil {
    background: #1f9f84;
}
.vm-yesil:hover {
    background: #10a995;
}
.vm-kirmizi {
    background: #ff2b2b;
}
.vm-kirmizi:hover {
    background: #ff2b2b;
}
.vm-gri {
    color: #969899;
    background: #e9e9e9;
    border: solid 1px #d8d8d8;
}
.vm-gri:hover {
    background: #e0e0e0;
    color: #969899;
}
.vom-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.r-yesil {
    color: #179e83;
}
.r-sari {
    color: #f5d553;
}
.bg-f5 {
    background: #f5f5f5 !important;
}
.top-header {
    background: #f1f1f1;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    z-index: 1399 !important;
    width: 100vw;
    height: var(--height-topbar);
    max-height: var(--height-topbar);
    border-bottom: 1px solid #eaeaea;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: flex;
    font-family: var(--font-family-poppins);
}
.top-header .logo {
    max-width: 130px;
}
.top-header a {
    color: #333;
    font-weight: 700;
}
.top-header a:hover {
    text-decoration: none;
}
.topbar-spacer {
    height: 40px;
    width: 1px;
    background-color: #e5e7eb;
    border-radius: 100%;
}
.navvom {
    height: var(--height-topbar);
    list-style: none;
    display: flex;
    margin-left: auto;
    align-items: center;
    margin-bottom: 0 !important;
}
.navvom li {
    float: left;
    display: flex;
    align-items: center;
}
.navvom li:hover {
    background: transparent !important;
    border: none !important;
}
.navvom li img {
    margin-right: 5px;
}
.navvom li a {
    height: var(--height-topbar);
    padding: 0px 15px;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: none !important;
}
.navvom-responsive-wrapper {
    display: flex;
    align-items: center;
    margin-left: auto;
    position: relative;
}
.navvom-responsive-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    margin-left: auto;
}
.navvom-responsive-toggle:hover {
    background-color: #f1f1f1;
}
.navvom-responsive-toggle svg {
    width: 24px;
    height: 24px;
    fill: #333;
}
.ust-aramabar {
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    white-space: nowrap;
    min-width: 100px;
    margin: 0 10px;
    background-color: #ffffff;
}
.searchbar {
    margin-bottom: 5px;
    margin-top: 5px;
    height: 40px;
    border-radius: 20px;
}
.search_input {
    border: 0;
    outline: 0;
    background: 0 0;
    width: 0;
    caret-color: transparent;
    line-height: 40px;
    transition: width 0.4s linear;
}
.searchbar:hover > .search_input {
    padding: 0 15px;
    width: 450px;
    transition: width 0.4s linear;
    background: #fff;
    border-radius: 10px;
}
.search_input:focus {
    width: 450px;
    padding: 0 15px;
    background: #fff;
    border-radius: 10px;
}
.searchbar:hover > .search_icon {
    color: #45ad96;
}
.search_icon {
    height: 40px;
    float: right;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #646464 !important;
    border-right: none !important;
    font-size: 19px !important;
    padding: 0 0 0 15px !important;
}
.search_icon:hover {
    text-decoration: none;
}
.search-grup {
    border: none;
    padding-top: 1px;
    padding-bottom: 6px;
    float: right;
}
.search-grup .input-group-prepend {
    margin-top: 5px;
}
.search-grup .input-group-text {
    background: #fff;
    border: solid 1px #e7e7e7;
    border-right: none;
    border-radius: 15px 0 0 15px;
}
.search-grup .form-control {
    border: solid 1px transparent;
    margin-top: 5px;
    border-left: none;
    height: 30px;
    background: 0 0;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.5px;
    border-radius: 0;
}
.search-grup .input-group-text {
    padding-right: 15px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 14px;
}
.search-grup i {
    /* font-size: 1.3em; */
    color: #a2a2a2;
    position: relative;
}
.search-grup i:after {
    width: 1px;
    height: 20px;
    content: '';
    display: inline-flex;
    top: -2px;
    right: -11px;
    background: #d8d8d8;
    position: absolute;
}
.vom-user {
    height: var(--height-topbar);
    padding: 0px 15px;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border: none;
    background: 0 0;
    text-align: left;
    cursor: pointer;
}
.top-header .vom-user.dropdown-toggle::after {
    display: inline-block !important;
    content: '';
    width: 8px;
    height: 8px;
    margin-left: 10px;
    vertical-align: 3px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.3s ease-in-out;
    border-top: 0 !important;
    border-left: 0 !important;
}
.top-header .vom-user.dropdown-toggle:hover::after {
    transform: rotate(-135deg);
    vertical-align: 0px;
}
.vom-user .bildirim {
    position: absolute;
    background: red;
    width: 10px;
    height: 10px;
    font-size: 10px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-left: 0;
    margin-top: -14px;
}
.vom-user .ns {
    background: #e5e5ea;
    border-radius: 50%;
    font-size: 12px;
    color: var(--color-rogue-blue);
    margin: 0 5px 0;
    padding: 2px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}
.vom-user .company {
    padding: 0 10px 0 5px;
    max-width: 160px;
}
.vom-user .company .cns {
    color: var(--color-rogue-blue);
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vom-user .company .ccn {
    font-size: 12px;
    color: var(--color-midnight-express);
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 95;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: var(--height-topbar);
    height: calc(100vh - var(--height-topbar)) !important;
    max-height: calc(100vh - var(--height-topbar)) !important;
}
.bank-sidenav {
    width: var(--width-sidemenu);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    background-color: #f1f1f1;
    height: calc(100vh - var(--height-topbar));
    z-index: 501;
    position: fixed;
    top: var(--height-topbar);
    border-left: solid 1px #eaeaea;
    right: 0;
}
.bank-sidenav .bank {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.bank-sidenav .bank {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
}
.bank-sidenav .bank .nav-link {
    position: relative;
    padding: 0;
    color: #fff;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 7.5px 0;
    border-radius: 7px;
}
.bank .nav-link img {
    border-radius: 7px;
}
.bank-sidenav .bank .guncel {
    background-size: 300% 100%;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-image: linear-gradient(
        to right,
        #0fd5ac,
        #22b6c6,
        #22b6c6,
        #0fd5ac
    );
    padding: 5px 0 0 0;
}
.bank-sidenav .bank .guncel:hover {
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bank-sidenav .bank .ekle {
    font-size: 3em;
    color: #969899;
    box-shadow: none;
    border: solid 1px #d8d8d8;
}
.sayfa-bilgi h1 {
    font-size: 22px;
    padding-bottom: 15px;
    font-weight: 600;
}
.page-content {
    position: relative;
    padding: 15px;
    width: calc(100% - (2 * var(--width-sidemenu)));
    float: right;
    margin-left: var(--width-sidemenu);
    margin-right: -5px;
    background-color: #f9f9f9 !important;
}
.tum-card {
    background-image: linear-gradient(
        to right,
        #f5f5f5,
        #f9f9f9,
        #f9f9f9,
        #f5f5f5
    );
    background-size: 300% 100%;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    min-height: 130px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    text-align: center;
    color: #626567;
    margin-bottom: 15px;
}
.tum-card:hover {
    background-position: 100% 0;
}
.tum-card .sembol {
    position: absolute;
    font-size: 138px;
    padding: 1px;
    top: -10px;
    color: rgba(98, 101, 103, 0.06);
    left: 0;
    transform: rotate(-10deg);
}
.tum-card h5 {
    margin: 10px 0;
    font-size: 12px;
    font-weight: 400;
}
.tum-card h6 {
    font-weight: 500;
    font-size: 14px;
    padding: 15px 15px 10px 15px;
    margin-bottom: 0;
}
.vom-card {
    border-radius: 10px;
    min-height: 200px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.vom-card .ust {
    position: relative;
    z-index: 500;
    height: 45px;
    background: #f5f5f5;
}
.vom-card .scroll {
    overflow-y: scroll;
    height: calc(100% - 60px);
    margin: -10px;
    padding: 10px;
}
.vom-card .baslik {
    margin: 5px 0;
    color: #626567;
    line-height: 1.2;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.vom-card .baslik b {
    font-weight: 900;
    font-size: 16px;
}
.vom-card .baslik small {
    font-size: 90%;
    font-weight: 400;
}
.vom-card .bankimg {
    padding: 0 0 0 10px;
    -ms-flex-preferred-size: 0;
    flex-basis: 105px;
    -ms-flex-positive: 1;
    flex-grow: 0;
    max-width: 100%;
}
.vom-card .sonuc {
    margin: -13px 0;
    color: #626567;
    line-height: 1.2;
    -ms-flex-align: center !important;
    align-items: center !important;
    background: #f5f5f5;
    padding: 10px 0;
    position: relative;
}
.vom-card .sonuc b {
    font-weight: 900;
    font-size: 16px;
}
.vom-card .sonuc small {
    font-size: 90%;
    font-weight: 400;
}
.vom-card .list {
    background: #fff;
    border-radius: 5px;
    margin: 5px 0;
    padding: 10px 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.shh-card .tarih,
.vom-card .tarih {
    color: grey;
}
.shh-card .tarih b,
.vom-card .tarih b {
    font-size: 15px;
    font-weight: 600;
}
.shh-card .tarih small,
.vom-card .tarih small {
    font-size: 11px;
}
.shh-card.stick {
    position: sticky;
    top: 65px;
}
.shh-card {
    background: #fff;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    min-height: 200px;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    top: 0 !important;
    height: calc(100vh - var(--height-topbar));
    padding: 0 10px;
}
.shh-card .ortala {
    align-items: center !important;
    -ms-flex-align: center !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 50px;
}
.shh-card .ortala h3 {
    margin: 0;
}
.page-sub-fix {
    position: fixed;
    z-index: 1;
    width: calc(100% - 110px);
    background: #ededed;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: -25px !important;
}
.page-sub-fix + .page-sub-tpad {
    padding-top: 50px;
}
.shh-card .tumunu_gor {
    padding: 3px 15px;
    display: inline-block;
    font-weight: 500;
    color: #209f83;
    margin: 0 0 0 auto;
    cursor: pointer;
}
.shh-card .ust {
    background: #fff;
    position: relative;
    z-index: 500;
}
.shh-card .list {
    border-bottom: solid 1px #e7e7e7;
    padding: 10px 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0 -10px;
}
.shh-card .list:hover {
    background: #f7f7f7;
}
.shh-card .list:focus {
    background: #f7f7f7;
}
.shh-card .list:active {
    background: #f7f7f7;
}
.shh-card h3 {
    color: #585858;
    font-size: 18px;
    font-weight: 400;
    padding: 5px;
}
.shh-card .tanimlama {
    margin: 0 -10px;
    background: #f7f7f7;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    color: #626567;
    font-weight: 900;
    padding: 5px 0;
    font-size: 11px;
}
.shh-card .bico {
    border-radius: 10px;
}
.shh-card .aciklama {
    font-size: 11px;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    align-items: center;
}
.shh-card .tutar {
    font-size: 14px;
    font-weight: 500;
}
.shh-card .gelen {
    color: #3db596;
}
.shh-card .giden {
    color: #f0614b;
}
.shh-card .scroll {
    overflow-y: auto;
    height: calc(100vh - 118px);
    margin: -10px;
    padding: 10px;
}
.bank-owf {
    width: var(--width-sidemenu);
    overflow-y: auto;
    max-height: calc(100vh - 123px);
}
.bank-ekle {
    width: var(--width-sidemenu);
    margin: 5px 0;
    background-color: #f1f1f1;
    position: sticky;
    bottom: 0;
}
.bank-ekle-btn {
    position: relative;
    padding: 0;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 2em;
    font-weight: 700;
    color: var(--color-midnight-express);
    box-shadow: none;
    background-size: 300% 100%;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #ffffff;
} /* .bank-ekle-btn:after { display: block; content: 'Banka Ekle'; font-size: 11px; width: 60px; position: absolute; left: -10px; right: 0; top: 45px; } */
.bank-ekle-btn:hover {
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    color: #ffffff;
    background-color: var(--color-midnight-express);
}
.dropdown-menu {
    border: 1px solid #d8d8d8;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
    min-width: 160px;
}
.dropdown-menu-right:after {
    width: 100%;
    height: 20px;
    position: absolute;
    top: -20px;
    background: 0 0;
    content: '';
}
.dropdown-menu .dropdown-item {
    padding: 6px 24px;
    text-transform: inherit;
    font-weight: 400;
    cursor: pointer;
}
.user-dropdown .dropdown-item i {
    color: #969899 !important;
    margin-right: 0.5rem;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}
.toggle-lisans {
    cursor: pointer;
    display: flex;
}
.toggle-lisans:hover {
    background: #fff;
}
.toggle-lisans::after {
    display: none;
}
.lisans-drop {
    min-width: 300px;
    padding: 10px 0 0 0;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    -moz-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    transform: translate3d(-100px, 0, 0) !important;
    position: absolute;
    margin-top: 14px;
}
.lisans-drop .list {
    border-bottom: solid 1px #d9d9d9;
    padding: 7.5px 0;
    margin: 0;
}
.lisans-drop .list .first {
    color: #777;
}
.lisans-drop .list .last {
    color: #333;
    font-weight: 600;
    text-align: right;
}
.lisans-drop:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.lisans-drop:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #fff;
    border-width: calc(1px + 12px);
    margin-left: -18px;
}
.lisans-drop:after {
    width: 100%;
    height: 14px;
    background: 0 0;
    display: block;
    position: absolute;
    z-index: 9999;
    content: '';
    top: -14px;
    filter: drop-shadow(-3px 0px 2px rgba(35, 35, 35, 0.15));
}
.lisans-drop h6 {
    font-weight: 600;
    color: #333;
    text-align: center;
    font-size: 16px;
}
.progress {
    width: 100%;
    margin: 0 10px;
    border: 1px solid #d9d9d9;
    font-size: 100%;
    line-height: 1;
    display: block;
    position: relative;
}
.progress-bar {
    background: #fbd11d;
    font-size: 12px;
    color: #333;
    padding: 7px 0;
    height: 27px;
    position: relative;
}
.progress .hareket {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 0;
    padding: 7px 0;
}
.lisans-drop .list:last-child {
    border-radius: 0 0 10px 10px;
}
.lisans-drop .uzat {
    background-size: 300% 100% !important;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-image: linear-gradient(
        to right,
        #0fd5ac,
        #22b6c6,
        #22b6c6,
        #0fd5ac
    ) !important;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    font-weight: 400;
    border-radius: 0 0 10px 10px;
}
.lisans-drop .uzat:hover {
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
}
.btn-group:hover .dropdown-menu,
.dropdown:hover .dropdown-menu {
    display: block;
}
.nav-tabs .dropdown-toggle,
.navbar .dropdown-toggle {
    margin-bottom: 0;
}
.users-drop {
    min-width: 220px;
    padding: 0;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    -moz-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    position: absolute;
    right: 15px;
    left: auto;
    margin-top: 14px;
}
.users-drop .menualt {
    color: grey !important;
    font-weight: 400;
    font-size: 13px;
    display: -ms-flexbox !important;
    display: flex !important;
    cursor: pointer;
}
.users-drop .menualt .row {
    width: 100%;
    gap: 16px;
    padding: 9px 15px !important;
    position: relative;
}
.users-drop .menualt .row:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background-color: #e5e5ea;
}
.users-drop .menualt:last-child .row:after {
    display: none;
}
.users-drop .menualt .row .default-icon {
    height: 28px;
    width: 28px;
    align-items: center;
}
.users-drop .menualt .row .hover-icon {
    height: 28px;
    width: 28px;
    align-items: center;
}
.users-drop .menualt .row .link span {
    line-height: 1.2rem !important;
    color: var(--color-rogue-blue);
}
.users-drop .menualt .row .link small {
    color: #aeaeb2;
}
.users-drop .menualt:hover .row .link small {
    color: var(--color-rogue-blue);
}
#logoutLinkIcon:hover #logoutLinkText,
#logoutLinkIcon:hover #logoutLinkText span,
#logoutLinkIcon:hover #logoutLinkText small {
    color: #e20e00 !important;
}
.users-drop .menualt:first-child {
    border-radius: 10px 10px 0 0;
}
.users-drop .menualt:last-child {
    border-radius: 0 0 10px 10px;
}
.users-drop .menualt:hover {
    background: #f5f5f5;
    text-decoration: none;
}
.users-drop .menualt .bildirim {
    position: absolute;
    background: red;
    width: 15px;
    height: 15px;
    font-size: 10px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-left: -11px;
    margin-top: -4px;
}
.users-drop .menualt .row {
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0;
}
.users-drop .menualt .icon {
    font-size: 20px;
    margin-right: 15px;
    width: 20px;
    text-align: center;
}
.users-drop .menualt .link {
    font-weight: 500;
    letter-spacing: 0.5px;
}
.users-drop .menualt small {
    color: #777;
    font-size: 90%;
    font-weight: 300;
}
.users-drop:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.users-drop:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #fff;
    border-width: calc(1px + 12px);
    margin-left: -18px;
}
.users-drop:after {
    width: 100%;
    height: 14px;
    background: 0 0;
    display: block;
    position: absolute;
    z-index: 9999;
    content: '';
    top: -14px;
}
.settings-drop {
    min-width: 210px;
    padding: 0;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    -moz-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    transform: translate3d(-60px, 0, 0) !important;
    position: absolute;
    margin-top: 14px;
}
.settings-drop .menualt {
    color: grey !important;
    font-weight: 400;
    padding: 9px 15px !important;
    font-size: 13px;
    display: -ms-flexbox !important;
    display: flex !important;
    border-bottom: solid 1px #dadada;
    cursor: pointer;
}
.settings-drop .menualt:first-child {
    border-radius: 10px 10px 0 0;
}
.settings-drop .menualt:last-child {
    border-radius: 0 0 10px 10px;
}
.settings-drop .menualt:hover {
    background: #f5f5f5;
    text-decoration: none;
}
.settings-drop .menualt .row {
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0;
}
.settings-drop .menualt .icon {
    font-size: 20px;
    margin-right: 12px;
    max-width: 23px;
}
.settings-drop .menualt .link {
    font-weight: 500;
    letter-spacing: 0.5px;
}
.settings-drop .menualt small {
    color: #777;
    font-size: 90%;
    font-weight: 300;
}
.settings-drop:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.settings-drop:before {
    settings-drop: rgba(194, 225, 245, 0);
    border-bottom-color: #fff;
    border-width: calc(1px + 12px);
    margin-left: -18px;
}
.settings-drop:after {
    width: 100%;
    height: 14px;
    background: 0 0;
    display: block;
    position: absolute;
    z-index: 9999;
    content: '';
    top: -14px;
}
.ortak-drop {
    width: 280px;
    padding: 0;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    -moz-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    transform: translate3d(-60px, 0, 0) !important;
    position: absolute;
    margin-top: 14px;
}
.ortak-drop .menualt {
    color: grey !important;
    font-weight: 400;
    padding: 9px 15px !important;
    font-size: 13px;
    display: -ms-flexbox !important;
    display: flex !important;
    border-bottom: solid 1px #dadada;
    cursor: pointer;
}
.ortak-drop .menualt:first-child {
    border-radius: 10px 10px 0 0;
}
.ortak-drop .menualt:last-child {
    border-radius: 0 0 10px 10px;
}
.ortak-drop .menualt:hover {
    background: #f5f5f5;
    text-decoration: none;
}
.ortak-drop .menualt .row {
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0;
}
.ortak-drop .menualt .icon {
    font-size: 25px;
    margin-right: 10px;
    min-width: 41px;
    max-width: 41px;
    text-align: center;
}
.ortak-drop .menualt .icon .ns {
    background: #e0e0e0;
    border-radius: 30%;
    font-size: 80%;
    color: #7a7c7e;
    padding: 3px 7px;
    margin: 0;
    font-weight: 300;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
.ortak-drop .menualt .link {
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    width: 100%;
}
.ortak-drop .menualt .link .sinirla {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ortak-drop .menualt small {
    color: #777;
    font-size: 90%;
    font-weight: 300;
}
.ortak-drop:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ortak-drop:before {
    settings-drop: rgba(194, 225, 245, 0);
    border-bottom-color: #fff;
    border-width: calc(1px + 12px);
    margin-left: -63px;
}
.ortak-drop:after {
    width: 100%;
    height: 14px;
    background: 0 0;
    display: block;
    position: absolute;
    z-index: 9999;
    content: '';
    top: -14px;
}
.ortak-drop .firma-check {
    position: absolute;
    right: 0;
    font-size: 1.5em;
    top: 50%;
    margin-top: -2px;
    color: #15ceb3;
}
.ortak-drop .firma-tanim {
    margin: -1px 0 0 0;
    background: #f7f7f7;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
    border-right: solid 1px #d8d8d8;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    color: #848484;
    font-weight: 500;
    padding: 6px 0;
    font-size: 11px;
    letter-spacing: 0.7px;
}
.bs-popover-auto[x-placement^='right'] .arrow::before,
.bs-popover-right .arrow::before {
    border-right-color: rgba(0, 0, 0, 0.1) !important;
}
.popover {
    border-color: #d8d8d8 !important;
    border-radius: 7px !important;
    -webkit-box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.1) !important;
}
.tooltip.show {
    opacity: 1;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 3rem;
    height: 15px !important;
    top: 0;
}
.tooltip .arrow::before {
    position: absolute;
    content: '';
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #fff !important;
    border-width: 0 15px 15px !important;
}
.tooltip-inner {
    max-width: 320px !important;
    padding: 10px 10px;
    color: #777;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    border-radius: 10px;
    box-shadow: 0 0 5px 1px rgba(35, 35, 35, 0.15);
    margin-top: 10px;
    line-height: 1.4;
}
.tooltip-inner b {
    color: #333;
    font-weight: 900;
    font-size: 16px;
}
.animated-modal {
    max-width: 550px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(-50px);
    transition: all 0.7s;
}
.animated-modal h2,
.animated-modal p {
    transform: translateY(-50px);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 0.4s;
}
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
    transform: translateY(0);
    opacity: 1;
}
.fancybox-slide--current .animated-modal h2 {
    transition-delay: 0.1s;
}
.fancybox-slide--current .animated-modal p {
    transition-delay: 0.3s;
}
.fancybox-bg {
    background: rgba(30, 30, 30, 0.4);
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.65;
}
.vom-modal {
    background: rgba(245, 245, 245, 0.25);
    border-radius: 10px;
    height: auto;
    box-shadow: 0 0 5px 1px rgba(35, 35, 35, 0.15);
    min-height: 200px;
    padding: 10px 0;
    overflow: hidden;
    border: solid 1px #fff;
    background: #fff;
    width: 70%;
    max-height: 65vh;
}
.vom-modal .top {
    padding: 0 14px;
}
.vom-modal .bilgi {
    line-height: 42px;
    padding: 0 10px;
}
.vom-modal .list {
    border-bottom: solid 1px #e7e7e7;
    border-radius: 0;
}
.vom-modal .basliklar {
    background: #f7f7f7;
    border-bottom: solid 1px #e7e7e7;
    color: #626567;
    font-size: 11px;
    font-weight: 600;
    padding: 8px 0;
    margin: 0;
    letter-spacing: 0.5px;
    z-index: 9;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}
.vom-modal .sonislem {
    max-width: 120px;
    text-align: center;
    font-size: 11px;
}
.vom-modal .scroll {
    overflow-y: scroll;
    max-height: calc(80vh - 202px);
    height: auto;
    margin: -10px 0 -10px -10px;
    padding: 10px;
}
.banka-hesaplari {
    min-height: auto;
    height: auto;
}
.vetkot {
    min-height: inherit;
    height: auto;
    max-height: calc(91vh);
    margin-bottom: 15px;
    padding: 0 10px 10px 10px;
}
.vetkot h6 {
    font-weight: 500;
    font-size: 15px;
    padding: 15px 15px 10px 0;
    margin-bottom: 0;
    color: #5b6361;
}
.vetkot .tanimlama {
    margin: 0 -10px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    color: #626567;
    font-weight: 900;
    padding: 5px 0;
    font-size: 12px;
}
.vetkot .scroll {
    overflow-y: scroll;
    height: auto;
    max-height: 86vh;
    margin: 0 -10px;
    padding: 0 10px;
    border-radius: 10px;
}
.radius {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #eee;
    margin: 0 auto;
}
.kul-kay.tanimlama {
    padding: 10px;
}
.radius.esitlendi {
    background: #1dc9b7;
    border: solid 1px #1dc9b7;
}
.radius.esitdegil {
    background: #fd397a;
    border: solid 1px #fd397a;
}
.radius.uyari {
    background: #ffb822;
    border: solid 1px #ffb822;
}
.bank-card {
    background: #f5f5f5;
    border-radius: 10px;
    box-shadow: 0 0 5px 1px rgba(35, 35, 35, 0.15);
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}
.bank-card .list {
    border-bottom: solid 1px #e6e6e6;
    margin: 0;
    padding: 15px 0;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.bank-card .list:last-child {
    border: none;
}
.bank-card .adet {
    font-size: 14px;
    color: #aeaeae;
    padding: 0 3px;
}
.bank-card .bankimg {
    padding: 3px 15px;
    border-bottom: solid 1px #e6e6e6;
}
.bank-card .bankimg img {
    max-width: 100px;
}
.hesap-card .bankimg {
    padding: 3px 15px;
}
.hesap-card .bankimg img {
    max-width: 100px;
}
.hesap-card {
    background: #f5f5f5;
    border-radius: 10px;
    box-shadow: 0 0 5px 1px rgba(35, 35, 35, 0.15);
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    padding-bottom: 10px;
}
.hesap-card h6 {
    font-weight: 600;
    font-size: 15px;
    padding: 15px 15px 10px 15px;
    margin-bottom: 0;
}
.hesap-card .list {
    background: #fff;
    margin: 0 10px 5px 10px;
    padding: 10px 0;
    -ms-flex-align: center !important;
    align-items: center !important;
    border-radius: 10px;
    color: #585858;
    font-size: 13px;
}
.zmn {
    color: #999;
}
.shh-detay .w-150 {
    width: 150px;
    padding: 0 15px 0 2px;
    position: relative;
}
.shh-detay {
    height: auto;
    box-shadow: 0 3px 5px 1px rgba(35, 35, 35, 0.15);
    border-radius: 0 0 10px 10px;
}
.shh-detay .scroll {
    height: auto;
    max-height: calc(100vh - 155px);
    padding-bottom: 90px;
}
.shh-detay .bs {
    background: #e0e0e0;
    border-radius: 25%;
    font-size: 13px;
    color: #7a7c7e;
    margin: 0;
    font-weight: 500;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
}
.shh-detay.tum-liste {
    height: calc(100vh - 170px);
}
.shh-arama-list {
    border-radius: 10px;
    box-shadow: 0 0 5px 1px rgba(35, 35, 35, 0.15);
}
.shh-arama-list .pagination {
    margin-bottom: 0;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #5a6361;
    background-color: #f7f7f7;
    border: none;
    margin: 0 2px;
    border-radius: 4px;
    box-shadow: 0 0 1px 1px rgba(35, 35, 35, 0.05);
}
.page-item.active .page-link {
    background-color: #39a78d;
    border-color: transparent;
}
.page-link:focus,
.page-link:hover {
    color: #39a78c;
    text-decoration: none;
    background-color: #fff;
    border-color: transparent;
}
.d-filtre-card {
    background: #f5f5f5;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 5px 1px rgba(35, 35, 35, 0.15);
    padding: 15px 15px 15px 0;
    position: relative;
    overflow: hidden;
}
.d-filtre-card .row {
    margin: 0;
}
.d-filtre-card label {
    color: #a2a2a2;
    font-weight: 600;
    font-size: 13px;
    margin: 0 10px 0 0;
}
.ckti {
    font-size: 12px;
    font-weight: 900;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 10px;
    color: #fff;
    margin-left: 5px;
    display: inline-block;
    border: none;
    opacity: 0.9;
    transition: all 0.15s ease-in-out;
}
.ckti:hover {
    opacity: 1;
}
.ckti.pdf {
    background: #ff2b2b;
}
.ckti.excel {
    background: #37adfe;
}
select {
    -webkit-appearance: none !important;
    background-color: #fff !important;
    background-image: url(../images/select.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    padding-right: 1.5em;
}
select.form-control:not([size]):not([multiple]) {
    border-radius: 0.25rem;
    font-size: 13px;
}
.tarih-filtre {
    background-color: #eee;
    border-radius: 10px;
    border: solid 1px #d2d2d2;
    height: 39px;
    font-size: 12px;
    color: #a7a7a7;
    padding: 0 10px 0 40px;
    display: inline-block;
    line-height: 39px;
    font-weight: 600;
    text-decoration: none;
}
.tarih-filtre:hover {
    text-decoration: none;
    color: #686868;
}
.page-sub-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: -5px;
    min-height: 37.5px;
}
.page-sub-head .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}
.page-sub-head .left h3 {
    margin: 0;
    padding: 0 1.5rem 0 0;
    font-size: 1.3rem;
    font-weight: 500;
    color: #5b6361;
}
.page-sub-head .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}
.white-card {
    background: #fff;
    border-radius: 5px;
    margin: 5px 0;
    padding: 10px 15px;
    padding-top: 15px;
}
.beyaz-kart {
    background: #fff;
    margin: 15px 0;
    padding: 10px 0;
    border-radius: 10px;
    color: #585858;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
.beyaz-kart .baslik {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    -ms-flex-align: center !important;
    align-items: center !important;
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 10px;
    height: 50px;
}
.form-group {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.form-label {
    text-align: right;
    margin: 0;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #5b6361;
}
.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    transition: all 0.15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: 0;
    position: relative;
    border: solid 2px #b0b0b0;
    background: #fff;
    width: 22px !important;
    height: 22px !important;
}
.option-input.checkbox:before {
    width: 22px;
    display: block;
    content: ' ';
}
.option-input:hover {
    background: #e0e0e0;
}
.option-input:checked {
    background: #fff;
}
.option-input.radio:checked {
    border: solid 2px #49c8b0;
}
.option-input:checked::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f111';
    height: 16px;
    width: 16px;
    position: absolute;
    display: inline-block;
    text-align: center;
    color: #49c8b0;
    line-height: 19px;
}
.blokicerik label {
    font-size: 12px;
    font-weight: 600;
    color: #777;
    text-transform: uppercase;
}
.option-input:checked::after {
    background: #fff;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    min-width: 22px;
}
.option-input.radio {
    border-radius: 50%;
}
.option-input.radio::after {
    border-radius: 50%;
}
.option-input.checkbox:checked {
    border: solid 2px #48c9b0;
}
.option-input.checkbox:checked:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00c';
    height: 17px;
    width: 16px;
    position: absolute;
    display: inline-block;
    text-align: center;
    color: #48c9b0;
    line-height: 19px;
}
.genel-yetki .yetki {
    background: #fff;
    border-radius: 5px;
    margin: 5px 0;
    padding: 10px 15px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.genel-yetki .yetki label,
.genel-yetki .yetki p {
    margin: 0;
}
.genel-yetki p {
    color: #757575;
}
.genel-yetki .yetki label {
    padding: 5px 15px;
    cursor: pointer;
}
.genel-yetki .yetki span {
    font-weight: 500;
    color: #656565;
    font-size: 13px;
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}
.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 1.5;
    color: #5b6361;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 8px;
}
.input-group
    > .input-group-append:last-child
    > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
    > .input-group-append:last-child
    > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
span.multiselect-native-select {
    position: relative;
}
span.multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px -1px -1px -3px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    left: 50%;
    top: 30px;
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.multiselect-container .input-group {
    margin: 5px;
}
.multiselect-container .multiselect-reset .input-group {
    width: 93%;
}
.multiselect-container > li {
    padding: 0;
    border-bottom: solid 1px #ddd;
}
.multiselect-container > li > a.multiselect-all label {
    font-weight: 700;
}
.multiselect-container > li.multiselect-group label {
    margin: 0;
    padding: 3px 20px;
    height: 100%;
    font-weight: 700;
}
.multiselect-container > li.multiselect-group-clickable label {
    cursor: pointer;
}
.multiselect-container > li > a {
    padding: 0;
}
.multiselect-container > li > a {
    color: transparent;
    text-decoration: none;
}
.multiselect-container > li > a > label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 500;
    padding: 3px 20px 3px 40px;
}
.multiselect-container > li > a > label.checkbox,
.multiselect-container > li > a > label.radio {
    margin: 0;
    display: flex;
    color: #656565;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative;
    padding: 8px 11px;
    font-size: 15px;
    letter-spacing: 0.6px;
    font-weight: 400;
}
.multiselect-container > li > a > label.checkbox:focus,
.multiselect-container > li > a > label.radio:focus {
    outline: 0;
}
.multiselect-container > li > a > label > input[type='checkbox'] {
    margin-bottom: 0;
}
.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.list-btn .duzenle-btn,
.list-btn .sil-btn {
    overflow: hidden;
    float: left;
    margin-left: 4px;
    width: 35px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.list-btn .sil-btn a {
    background: #dc3545;
    border: solid 1px #c22b3a;
    display: flex;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}
.list-btn .duzenle-btn a {
    background: #f7f7f7;
    border: solid 1px #d8d8d8;
    color: #949494;
    display: flex;
    text-decoration: none;
    border-radius: 4px;
}
.list-btn i {
    font-size: 13px;
    margin-right: 3px;
    padding: 3px 11px;
}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px;
}
.form-inline .multiselect-container li a label.checkbox input[type='checkbox'],
.form-inline .multiselect-container li a label.radio input[type='radio'] {
    margin-left: -20px;
    margin-right: 0;
}
.bank-yetki {
    min-width: 320px;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    -moz-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    position: absolute;
    right: 15px;
    margin-top: 0;
    transform: translate3d(0, 31px, 0);
    top: 0;
    left: 0;
    will-change: transform;
    max-height: 40vh;
    overflow-y: scroll;
    z-index: 999;
}
.number-yetki {
    max-width: 108px;
}
.col-bank-ekle {
    -ms-flex: 0 0 190px;
    flex: 0 0 190px;
    max-width: 190px;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
ul.bankliste {
    background: #fff;
    border-radius: 8px;
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
ul.bankliste li a {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    border-bottom: solid 1px #eee;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
ul.bankliste li a.active {
    color: #209f83;
}
ul.bankliste li a:hover {
    text-decoration: none;
}
ul.bankliste li a.active:after {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00c';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 10px;
    color: #209f83;
    border: solid 1px #dadada;
    border-radius: 4px;
    padding: 2px;
}
ul.bankliste li a span {
    display: inline-block;
}
ul.bankliste li a .list-ico {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-left: auto;
    display: inline-block;
}
ul.bankliste li a.active .list-ico {
    display: none;
}
.bank-ekle-layout {
    background: #fff;
    margin: 15px 0;
    padding: 10px 0;
    border-radius: 10px;
    color: #585858;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
.bank-ekle-layout h6 {
    font-weight: 600;
    font-size: 15px;
    padding: 15px 15px 10px 15px;
    margin-bottom: 0;
}
.bank-ekle-layout ul {
    list-style: none;
    padding: 10px 15px 10px 15px;
}
.bank-ekle-layout ul li {
    margin-bottom: 15px;
}
.bank-ekle-layout ul li span {
    background: #e0e0e0;
    margin-right: 10px;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 7px;
}
.bank-ekle-layout .row {
    margin: 0 15px 0 -10px;
}
.bank-ekle-giris {
    background: #fff;
    margin: 15px 0;
    padding: 15px 0;
    border-radius: 10px;
    color: #585858;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
.bank-ekle-giris hr {
    margin: 25px -15px 15px;
}
.bank-ekle-giris .top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    -ms-flex-align: center !important;
    align-items: center !important;
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 25px;
    height: 50px;
}
.bank-ekle-giris .top i {
    margin-left: auto;
    color: #999;
    margin-right: 20px;
}
.bank-ekle-giris h6 {
    padding: 0 15px;
}
.bank-ekle-giris .row {
    margin: 0;
}
.mavi-deg {
    color: #fff !important;
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #18c5fd),
            color-stop(100%, #4aa4ff)
        )
        #4aa4ff;
    background: -webkit-linear-gradient(top, #18c5fd, #4aa4ff) #4aa4ff;
    background: -moz-linear-gradient(top, #18c5fd, #4aa4ff) #4aa4ff;
    background: -ms-linear-gradient(top, #18c5fd, #4aa4ff) #4aa4ff;
    background: -o-linear-gradient(top, #18c5fd, #4aa4ff) #4aa4ff;
    background: linear-gradient(to bottom, #18c5fd, #4aa4ff) #4aa4ff;
    border: none;
}
.yesil-deg {
    color: #fff;
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #20d5a4),
            color-stop(100%, #1f9f84)
        )
        #1f9f84;
    background: -webkit-linear-gradient(top, #20d5a4, #1f9f84) #1f9f84;
    background: -moz-linear-gradient(top, #20d5a4, #1f9f84) #1f9f84;
    background: -ms-linear-gradient(top, #20d5a4, #1f9f84) #1f9f84;
    background: -o-linear-gradient(top, #20d5a4, #1f9f84) #1f9f84;
    background: linear-gradient(to bottom, #20d5a4, #1f9f84) #1f9f84;
    border: none;
}
.yesil-deg:hover {
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #20d5a4),
            color-stop(100%, #33c498)
        )
        #1f9f84;
    background: -webkit-linear-gradient(top, #33c498, #1f9f84) #1f9f84;
    background: -moz-linear-gradient(top, #33c498, #1f9f84) #1f9f84;
    background: -ms-linear-gradient(top, #33c498, #1f9f84) #1f9f84;
    background: -o-linear-gradient(top, #33c498, #1f9f84) #1f9f84;
    background: linear-gradient(to bottom, #33c498, #1f9f84) #1f9f84;
    color: #fff !important;
}
.kirmizi-deg {
    color: #fff;
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #ff4242),
            color-stop(100%, #d23d3d)
        )
        #d23d3d;
    background: -webkit-linear-gradient(top, #ff4242, #d23d3d) #d23d3d;
    background: -moz-linear-gradient(top, #ff4242, #d23d3d) #d23d3d;
    background: -ms-linear-gradient(top, #ff4242, #d23d3d) #d23d3d;
    background: -o-linear-gradient(top, #ff4242, #d23d3d) #d23d3d;
    background: linear-gradient(to bottom, #ff4242, #d23d3d) #d23d3d;
    border: none;
}
.kirmizi-deg:hover {
    background: #e63b3b;
}
.bank-ekle-baglanti {
    background: #fff;
    margin: 15px 0;
    padding: 15px 0;
    border-radius: 10px;
    color: #585858;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
.bank-ekle-baglanti .top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    -ms-flex-align: center !important;
    align-items: center !important;
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 10px;
}
.bank-ekle-baglanti h6 {
    padding: 0 15px;
}
.bank-ekle-baglanti .bankimg {
    width: 90px;
    margin-right: 15px;
}
.bank-ekle-baglanti .list {
    border-bottom: solid 1px #f6f6f6;
    padding: 7.5px 0;
    margin: 0;
}
.bank-ekle-baglanti .list .first {
    color: #777;
}
.bank-ekle-baglanti .list .last {
    color: #333;
    font-weight: 600;
    text-align: right;
}
.bank-ekle-baglanti .onay {
    padding-right: 30px;
}
.bank-ekle-baglanti .onay:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00c';
    height: 22px;
    width: 22px;
    position: absolute;
    display: inline-block;
    text-align: center;
    color: #48c9b0;
    line-height: 19px;
    margin-left: 1px;
    border: solid 2px #48c9b0;
    border-radius: 50%;
}
.bank-form-card {
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 5px;
}
.bank-form-card h6 {
    font-weight: 600;
    font-size: 15px;
    padding: 15px 15px 10px 15px;
    margin-bottom: 0;
}
.bank-form-card .icon {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    display: inline-block;
    margin-right: 5px;
}
.bank-form-card .row {
    margin: 5px 15px 5px;
}
.bank-form-card span {
    font-weight: 500;
    color: #656565;
    font-size: 13px;
    display: block;
    margin-bottom: 3px !important;
}
.ek-form .row {
    margin: 0;
}
.ek-form .col-3 {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}
.ek-form .vm-btn {
    height: 35px !important;
    margin-top: 23px;
    border: none;
    margin-left: 0;
    padding: 5px 16px;
    min-height: inherit;
    margin-right: 15px;
}
.ek-form .hesap-ekle {
    margin: 0 15px 15px 0;
}
.white-box {
    background: #fff;
    margin: 15px 0;
    padding: 10px 0;
    border-radius: 10px;
    color: #585858;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
.card-columns {
    padding: 0 15px;
}
.card-columns .card {
    background: #fff;
    margin: 0 0 15px;
    padding: 10px 0;
    border-radius: 10px;
    color: #585858;
    border: none;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
h3.gelistirme {
    font-size: 32px;
    font-weight: 100;
    text-align: center;
    margin: 33px auto 16.5px;
}
.gelistirme-columns {
    padding: 33px 33px;
    -webkit-column-gap: 30px !important;
    column-gap: 30px !important;
}
.card-columns .gelistirme-card {
    padding: 15.5px 25.25px;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.gelistirme-card,
.gelistirme-card .card-body {
    padding-bottom: 0 !important;
}
.gelistirme-card h6 {
    padding: 10px 0;
    color: #0886d5;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16.5px;
}
.gelistirme-card p {
    color: #484848;
    font-size: 16px;
    margin-bottom: 24.75px;
    line-height: 27px;
}
.gelistirme-card .text-field {
    max-height: 250px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    moz-transition: all 1.4s ease-in-out;
    -o-transition: all 1.4s ease-in-out;
    -webkit-transition: all 1.4s ease-in-out;
    transition: all 1.4s ease-in-out;
}
.gelistirme-card .text-field.active {
    max-height: inherit;
}
.gelistirme-card .text-field.active:after {
    display: none;
}
.gelistirme-card .text-field.active + .link {
    display: none;
}
.gelistirme-card .text-field:after {
    height: 50%;
    content: '';
    width: 100%;
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(
        to bottom,
        rgba(255, 0, 0, 0),
        rgba(255, 255, 255, 1)
    );
}
.gelistirme-card .link a {
    display: block;
    padding: 0;
    text-align: center;
    margin: 0 -42px 0;
    color: #646464;
    letter-spacing: 0.5px;
    cursor: pointer;
}
.gelistirme-card .footer {
    border-top: solid 1px #e9e9e9;
    margin: 10px -42px 0;
    padding: 15px 42px;
    font-size: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.gelistirme-card .footer span {
    margin-right: 15px;
}
.gelistirme-card .footer i {
    margin-right: 7.5px;
}
@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}
.header {
    position: relative;
    padding: 20px;
    margin: 50px auto;
    text-align: center;
}
.header:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 25%;
    background: #000;
}
.header h1 {
    position: relative;
    padding: 5px;
}
.bank-ayar {
    margin: 0;
}
.bank-ayar .col-6 {
    padding: 0 7.5px;
}
.listede-bank {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 15px;
}
.listede-bank a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
}
.listede-bank .card-body {
    border: none;
    padding: 0 15px;
    margin-bottom: 15px;
}
.listede-bank .card-body:last-child {
    margin-bottom: 0;
}
.listede-bank .list-hesap {
    margin-bottom: 15px;
}
.listede-bank .collapse {
    padding-bottom: 10px;
}
.listede-bank .islemler-collapse {
    background: #f9f9f9;
    border-top: solid 1px #d8d8d8;
    padding: 10px 15px;
    border-radius: 0;
    margin: 10px -25px 0;
}
.listede-bank .islemler-card {
    padding: 0 10px;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}
.islemler-card .ayar-list {
    margin: 0 -15px 0 -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px #e8e8e8;
    padding: 7.5px 15px 7.5px 5px;
}
.islemler-card .ayar-list:last-child {
    border: none;
}
.list-hesap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
    -ms-flex-align: center;
    align-items: center;
}
.list-hesap a {
    padding: 0;
}
.list-hesap a.vm-btn {
    padding: 2.5px 10px;
    display: inline-flex;
}
.list-hesap .vm-gri {
    color: #969899;
    font-weight: 500;
    background: #e9e9e9;
    border: solid 1px #d8d8d8;
    padding: 4px 25px !important;
}
.list-hesap a.duzenle {
    color: #989898;
    padding: 0 10px;
}
.list-hesap a.duzenle:hover {
    color: #219f83;
    text-decoration: none;
}
.list-hesap a.ekle {
    color: #219f83;
    padding: 0;
    font-size: 12px;
}
.list-hesap a.ekle:hover {
    color: #989898;
    text-decoration: none;
}
.ayar-list .vm-kirmizi {
    min-height: inherit;
    border-radius: 24px;
    padding: 2.5px 12.5px !important;
}
.ayar-list .alert-field {
    padding: 0 0 0 10px;
    margin-top: 10px;
}
.ayar-list .alert {
    border-radius: 0;
    margin-bottom: 10px;
    padding: 5px 15px;
}
.list-hesap .switch {
    display: flex;
    height: 24px;
    position: relative;
    width: 50px;
    margin-bottom: 0;
}
.list-hesap .switch input {
    display: none;
}
.list-hesap .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
}
.list-hesap .slider:before {
    background-color: #fff;
    bottom: 4px;
    content: '';
    height: 16px;
    left: 4px;
    position: absolute;
    transition: 0.4s;
    width: 16px;
}
.list-hesap input:checked + .slider {
    background-color: #219f83;
}
.list-hesap input:checked + .slider:before {
    transform: translateX(26px);
}
.list-hesap .slider.round {
    border-radius: 24px;
}
.list-hesap .slider.round:before {
    border-radius: 50%;
}
.aranan {
    background: #fff;
    border-radius: 10px;
    text-align: left;
    padding: 3px 15px;
    color: #9c9c9c;
    width: 100%;
}
.aranan .form-control {
    border: none;
}
.filtreler {
    padding: 0 15px;
}
.filtreler .a-ico {
    font-size: 2em;
    margin-right: 15px;
    padding: 3px 0;
    color: #b0b0b0;
}
.filtreler .arama-filtre {
    background: #f7f7f7;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
}
.arama-filtre .check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 1.5;
    color: #5b6361;
    text-align: center;
    white-space: nowrap;
    border-radius: 8px;
    height: 100%;
    padding: 0 10px;
}
.arama-filtre .check .option-input {
    border: solid 2px #b0b0b0;
    margin-right: 10px;
}
.arama-filtre .check .option-input:checked {
    border: solid 2px #48c9b0;
}
.arama-filtre .check .col {
    padding: 0;
}
.arama-filtre .check label {
    margin: 0;
}
.arama-filtre .vm-btn {
    margin: 0;
}
.arama-filtre .bank-sec {
    height: 100%;
}
.arama-filtre .bank-sec .btn {
    background: 0 0;
    font-weight: 500;
    color: #5a6260;
    text-transform: uppercase;
}
.arama-filtre .btn-group {
    height: 100%;
}
.arama-filtre .btn-group .btn {
    background: 0 0;
}
.filtreler .input-group-text {
    border: none;
    background: #f7f7f7;
    border-radius: 0 10px 10px 0 !important;
}
.filtreler .form-control {
    border: none;
}
.arama-sonuclari {
    background: #f5f5f5;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    min-height: 200px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.arama-sonuclari-list {
    height: calc(100vh - 175px);
    padding-bottom: 20px;
}
.arama-sonuclari-list .scroll {
    overflow-y: scroll;
    height: calc(100vh - 228px);
    margin: -10px;
    padding: 10px;
}
.firma-bilgileri {
    background: #f5f5f5;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    padding: 45px 45px 45px;
}
.firma-bilgileri h1 {
    border-bottom: solid 1px #d8d8d8;
    padding: 20px 15px 15px;
    font-size: 16px;
    text-transform: uppercase;
    color: #5b6361;
    margin-bottom: 15px;
}
.firma-bilgileri .list {
    margin: 0 0 15px;
}
.firma-bilgileri label {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #5b6361;
    margin: 0;
}
.firma-bilgileri .doldur {
    background: #fff;
    border-radius: 10px 10px 0 0;
    min-height: 20px;
    padding: 25px;
}
.firma-bilgileri .doldur .d-ort {
    margin-bottom: 10px;
}
.firma-bilgileri .doldur label {
    margin: 0;
}
.firma-bilgileri hr {
    margin: 15px 0;
}
.verileri-sil {
    background: #fde7a7;
    border: solid 1px #ecd48c;
    padding: 8px 25px !important;
    font-weight: 600;
    color: #846404;
    letter-spacing: 0.3px;
    min-height: inherit;
}
.alert {
    border-radius: 10px;
}
.beta-nedir {
    padding: 5px 10px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 0;
    position: relative;
    top: 3px;
    color: #282828 !important;
}
.beta-alan {
    padding: 55px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 0 auto 30px;
}
.beta-alan h6 {
    padding: 10px 0;
    color: #0886d5;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16.5px;
}
.beta-alan .text-field {
    display: inline-block;
    position: relative;
    -moz-transition: all 1.4s ease-in-out;
    -o-transition: all 1.4s ease-in-out;
    -webkit-transition: all 1.4s ease-in-out;
    transition: all 1.4s ease-in-out;
    padding: 20px 0;
}
.beta-alan h3 {
    font-weight: 300 !important;
}
.beta-alan .text-field p {
    color: #484848;
    font-size: 20px;
    margin-bottom: 24.75px;
    line-height: 32px;
}
.beta-alan .imza {
    font-size: 16px !important;
    line-height: 25px !important;
    margin: 55px 0 -20px !important;
    text-align: right;
}
.beta-alan .imza span {
    font-style: italic;
}
.navvom li a.btn-v1 {
    height: 50px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background-size: 300% 100%;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-image: linear-gradient(
        to right,
        #0fd5ac,
        #22b6c6,
        #22b6c6,
        #0fd5ac
    );
}
.navvom li a.btn-v1:hover {
    background-position: 100% 0;
}
.navvom li a svg {
    width: 28px;
    height: 28px;
    fill: #333;
}
.navvom li a .default-icon {
    width: 28px;
    height: 28px;
    fill: #333;
}
.navvom li a .hover-icon {
    width: 28px;
    height: 28px;
    fill: #333;
}
.copy-btn {
    margin-left: auto;
    color: #969899;
    font-size: 1.3em;
}
.copy-btn:hover {
    background: #e9e9e9;
    border-radius: 50%;
    color: #454545;
}
.bank-sira-label {
    position: absolute;
    top: 5px;
    left: 10px;
    text-align: center;
    font-weight: 500;
    color: #969899;
}
.bank-sira-number {
    width: 70px;
    background: #efefef;
    border: solid 1px #d8d8d8;
    border-radius: 10px;
    display: inline-block;
    padding: 4px 0 4px 35px !important;
    text-align: center;
    font-weight: 600;
    color: #969899;
}
.bank-sira-alan {
    position: absolute;
    right: 60px;
    top: 20px;
}
.connect-card {
    background: #f5f5f5;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    min-height: 200px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.connect-card .blokbaslik {
    background: #f7f7f7;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.connect-card .blokbaslik h2 {
    margin: 0;
    font-size: 16px;
    letter-spacing: 0.7px;
    color: #777;
    font-weight: 300;
}
.connect-card .contop span:first-child {
    color: #868686;
    font-size: 12px;
}
.connect-card .contop span:last-child {
    color: #4d4d4d;
    font-size: 25px;
    font-weight: 600;
}
.connect-card .aln {
    background: #f9f9f9;
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 12px 15px;
    cursor: pointer;
    border-left: solid 6px;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    color: #5b6361;
}
.connect-card .str {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    -ms-flex-align: center;
    align-items: center;
}
.connect-card h6 {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 0;
    padding: 0 0 5px 0;
}
.connect-card .bank-bilgi {
    color: #868686;
    font-size: 12px;
}
.connect-card .bakiye {
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 600;
}
.var-ortak {
    margin-left: 0;
    width: calc(100% - 0px);
}
.mxh-auto {
    max-height: inherit !important;
}
.son-giris-pop {
    height: auto !important;
}
.pdf-color {
    background: #fd4043;
    color: #fff;
    border: none;
}
.pdf-color:hover {
    background: #ff2b2b;
}
.hosgeldin {
    color: #333;
    text-align: center;
    border-radius: 10px;
    background: #fafafa;
    max-width: 770px;
}
.hosgeldin h2 {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 15px;
}
.hosgeldin p {
    font-size: 18px;
}
.hosgeldin img {
    height: 300px;
    margin-bottom: 15px;
}
.tavsiye {
    color: #333;
    text-align: center;
    border-radius: 10px;
    background: #fff;
    max-width: 770px;
}
.tavsiye h2 {
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 15px;
}
.tavsiye p {
    font-size: 16px;
}
.tavsiye img {
    height: 250px;
    margin-bottom: 15px;
}
.tavsiye label {
    text-align: left;
    width: 100%;
    margin: 0 0 2px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #777;
}
.tavsiye .dvtgosterme {
    bottom: 0;
    text-align: center;
    margin: 40px 0 -40px;
    display: block;
    font-size: 13px;
}
.tavsiye small {
    font-style: italic;
    display: block;
    text-align: left;
    margin-top: 3px;
}
.tavsiye .sdc {
    font-size: 12px;
    margin: 25px 0 -10px;
}
.tavsiye-et-btn {
    width: 100%;
    text-align: center;
    cursor: pointer;
}
div.tagsinput {
    border-radius: 10px;
}
div.tagsinput input {
    width: 100% !important;
}
div.tagsinput span.tag {
    border: 1px solid #1ea286;
    background: #d9f1ea;
    font-family: inherit;
    color: #1f9f83;
}
div.tagsinput span.tag a {
    color: #1f9f83;
}
.not_valid {
    border: solid 1px #dc7f80 !important;
}
.tk-str {
    overflow: hidden;
    word-break: break-all;
    align-items: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.iki-str {
    overflow: hidden;
    word-break: break-all;
    align-items: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dash-cont {
    display: flex;
    flex-direction: row;
    margin: -15px;
    overflow: visible;
}
.alert.alert-danger + .dash-cont {
    margin-top: 0px;
}
.panel-left {
    flex: 0 0 auto;
    width: 50%;
    min-width: 450px;
    max-width: calc(100% - 400px);
    padding: 15px;
}
.splitter {
    flex: 0 0 auto;
    width: 8px;
    cursor: col-resize;
    position: sticky;
    top: var(--height-topbar) !important;
    height: calc(100vh - var(--height-topbar)) !important;
    background: #e0e0e0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.splitter::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f142';
    top: 50%;
    position: absolute;
    margin-top: -10px;
    margin-left: 1.5px;
}
.panel-right {
    flex: 1 1 auto;
    width: 100%;
    min-width: 380px;
}
.stk {
    position: sticky;
    top: var(--height-topbar);
    height: calc(100vh - var(--height-topbar));
}
.fff-card {
    background: #fff;
    margin: 0 0 15px;
    padding: 10px 0;
    border-radius: 10px;
    color: #585858;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
.fff-card .top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    -ms-flex-align: center !important;
    align-items: center !important;
    border-bottom: solid 1px #e5e5e5;
    padding: 10px 0;
}
.fff-card h6 {
    padding: 0 15px;
}
.fff-card .list {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    border-bottom: solid 1px #eee;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.fff-card .list span.italic {
    color: #848484;
    font-style: italic;
    font-size: 12px;
}
.fff-card .bilgi {
    margin: -1px 0 0 0;
    background: #f7f7f7;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    color: #848484;
    padding: 5px 15px;
    font-size: 13px;
    letter-spacing: 0.7px;
}
.firma-bilgileri .list {
    margin: 0 !important;
    padding: 5px 10px !important;
    border: none;
}
.firma-bilgileri .vm-btn {
    margin: -5px 0 -5px 0;
    padding: 5px 15px;
    min-height: inherit;
    position: relative;
}
.firma-bilgileri .top {
    margin-bottom: 10px;
    border: none;
}
.sag-tik-menu {
    cursor: pointer;
}
.mail-check-warning {
    height: var(--height-impersonating-banner);
    width: 100%;
    z-index: 501;
    padding: 5px 0;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 12px;
    letter-spacing: 0.5px;
    border-radius: 0;
    position: fixed;
}
.dog-deg {
    background-color: #ffe500 !important;
    border: solid 1px #ffe000;
    padding: 3px 15px;
    font-weight: 600;
    color: #000;
    min-height: inherit;
    border-radius: 3px;
    letter-spacing: 0.7px;
}
.mail-check-warning strong {
    margin: 0 4px;
}
.mail-check-warning + .top-header {
    top: 0;
}
.mail-check-warning + .top-header + .main {
    height: calc(
        100vh - var(--height-topbar) - var(--height-impersonating-banner)
    ) !important;
    padding-top: var(--height-impersonating-banner);
}
.mail-check-warning + .top-header + .main .page-content .dash-cont {
    height: calc(
        100vh - var(--height-topbar) - var(--height-impersonating-banner)
    ) !important;
}
.mail-check-warning + .top-header + .main .page-content .dash-cont .panel-left {
    height: calc(
        100vh - var(--height-topbar) - var(--height-impersonating-banner)
    ) !important;
    overflow-y: auto;
}
.mail-check-warning + .top-header + .main .shh-card,
.mail-check-warning + .top-header + .main .splitter,
.mail-check-warning + .top-header + .main .stk {
    height: calc(
        100vh - var(--height-topbar) - var(--height-impersonating-banner)
    ) !important;
}
.mail-check-warning + .top-header + .main .shh-detay {
    height: calc(100vh - 189px);
}
.mail-check-warning + .top-header + .main .shh-arama-list {
    height: calc(100vh - 219px);
}
.mail-check-warning + .top-header + .main .shh-detay .scroll {
    max-height: calc(100vh - 154px);
}
.mail-check-warning + .top-header + .main .shh-card .scroll {
    max-height: calc(100vh - 148px);
}
.mail-check-warning + .top-header + .main .shh-arama-list .scroll {
    max-height: calc(100vh - 194px) !important;
}
.dog-deg:hover {
    background: #ffc800 !important;
    color: #000;
}
.hover-isle {
    display: none;
}
.islendimi {
    display: none;
}
.shh-card .list {
    position: relative;
    padding: 7px 0;
    border-left: 0 solid #dedede;
    transition: border-left 0.4s;
}
.shh-card .aciklama {
    width: 100%;
}
.islendi .islendimi {
    display: inline-block;
    font-size: 11px;
    background: #4ab4fe;
    padding: 3px 7px;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    line-height: 1;
}
.shh-card .list:hover .hover-isle {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: absolute;
    background: #f7f7f7;
    width: 100%;
    height: 100%;
}
.etiketler {
    margin-top: 2px;
    height: 16px;
}
.etiket {
    display: inline-block;
    z-index: 1;
    border: 1px solid;
    text-align: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 12px;
    align-self: baseline;
    line-height: 20px;
    border-color: transparent;
    border-radius: 50px;
    text-transform: uppercase;
}
.eti-acikla {
    background: #f5f5f5;
    padding: 5px 15px;
    border-radius: 15px;
}
.etiket-list ul li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.renk-1 {
    background: #69ac1f;
    color: #fff;
}
.renk-2 {
    background: #2ba3d4;
    color: #fff;
}
.renk-3 {
    background: #ee5154;
    color: #fff;
}
.renk-4 {
    background: #856147;
    color: #fff;
}
.renk-5 {
    background: #ed7304;
    color: #fff;
}
.renk-6 {
    background: #936ea6;
    color: #fff;
}
.renk-7 {
    background: #8a4a64;
    color: #fff;
}
.renk-8 {
    background: #d9534f;
    color: #fff;
}
.renk-9 {
    background: #b98667;
    color: #fff;
}
.renk-10 {
    background: #7f8d72;
    color: #fff;
}
.renk-11 {
    background: #6b9099;
    color: #fff;
}
.renk-12 {
    background: #ca5a12;
    color: #fff;
}
.renk-13 {
    background: #575826;
    color: #fff;
}
.renk-14 {
    background: #cbab7f;
    color: #fff;
}
.renk-15 {
    background: #5bc0de;
    color: #fff;
}
.renk-16 {
    background: #deacb8;
    color: #fff;
}
.renk-17 {
    background: #66976b;
    color: #fff;
}
.renk-18 {
    background: #75826a;
    color: #fff;
}
.renk-19 {
    background: #abb2e1;
    color: #fff;
}
.renk-20 {
    background: #c39e43;
    color: #fff;
}
.renk-21 {
    background: #a2bfc7;
    color: #fff;
}
.renk-22 {
    background: #636069;
    color: #fff;
}
.renk-23 {
    background: #84863b;
    color: #fff;
}
.renk-24 {
    background: #a14329;
    color: #fff;
}
.renk-25 {
    background: #3c4e5c;
    color: #fff;
}
.renk-26 {
    background: #945562;
    color: #fff;
}
.renk-27 {
    background: #cb906d;
    color: #fff;
}
.renk-28 {
    background: #626b52;
    color: #fff;
}
.renk-29 {
    background: #9d8c86;
    color: #fff;
}
.renk-30 {
    background: #e05d60;
    color: #fff;
}
.renk-31 {
    background: #d3b3b8;
    color: #fff;
}
.renk-32 {
    background: #6d5a7f;
    color: #fff;
}
.renk-33 {
    background: #3c8890;
    color: #fff;
}
.renk-34 {
    background: #7e8341;
    color: #fff;
}
.renk-35 {
    background: #8e734e;
    color: #fff;
}
.renk-36 {
    background: #f66;
    color: #fff;
}
.renk-37 {
    background: #293f3c;
    color: #fff;
}
.renk-38 {
    background: #a5545d;
    color: #fff;
}
.renk-39 {
    background: #f3ba00;
    color: #fff;
}
.renk-40 {
    background: #5cb3c1;
    color: #fff;
}
.renk-41 {
    background: #8a3f1f;
    color: #fff;
}
.renk-42 {
    background: #b173a4;
    color: #fff;
}
.renk-43 {
    background: #30884c;
    color: #fff;
}
.renk-44 {
    background: #77888f;
    color: #fff;
}
.renk-45 {
    background: #8d706c;
    color: #fff;
}
.renk-46 {
    background: #ee3743;
    color: #fff;
}
.renk-47 {
    background: #f49136;
    color: #fff;
}
.renk-48 {
    background: #548bb0;
    color: #fff;
}
.renk-49 {
    background: #8f897d;
    color: #fff;
}
.context-menu-icon-renk-1:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #69ac1f;
}
.context-menu-icon-renk-2:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #2ba3d4;
}
.context-menu-icon-renk-3:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #ee5154;
}
.context-menu-icon-renk-4:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #856147;
}
.context-menu-icon-renk-5:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #ed7304;
}
.context-menu-icon-renk-6:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #936ea6;
}
.context-menu-icon-renk-7:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #8a4a64;
}
.context-menu-icon-renk-8:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #d9534f;
}
.context-menu-icon-renk-9:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #b98667;
}
.context-menu-icon-renk-10:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #7f8d72;
}
.context-menu-icon-renk-11:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #6b9099;
}
.context-menu-icon-renk-12:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #ca5a12;
}
.context-menu-icon-renk-13:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #575826;
}
.context-menu-icon-renk-14:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #cbab7f;
}
.context-menu-icon-renk-15:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #5bc0de;
}
.context-menu-icon-renk-16:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #deacb8;
}
.context-menu-icon-renk-17:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #66976b;
}
.context-menu-icon-renk-18:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #75826a;
}
.context-menu-icon-renk-19:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #abb2e1;
}
.context-menu-icon-renk-20:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #c39e43;
}
.context-menu-icon-renk-21:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #a2bfc7;
}
.context-menu-icon-renk-22:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #636069;
}
.context-menu-icon-renk-23:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #84863b;
}
.context-menu-icon-renk-24:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #a14329;
}
.context-menu-icon-renk-25:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #3c4e5c;
}
.context-menu-icon-renk-26:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #945562;
}
.context-menu-icon-renk-27:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #cb906d;
}
.context-menu-icon-renk-28:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #626b52;
}
.context-menu-icon-renk-29:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #9d8c86;
}
.context-menu-icon-renk-30:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #e05d60;
}
.context-menu-icon-renk-31:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #d3b3b8;
}
.context-menu-icon-renk-32:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #6d5a7f;
}
.context-menu-icon-renk-33:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #3c8890;
}
.context-menu-icon-renk-34:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #7e8341;
}
.context-menu-icon-renk-35:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #8e734e;
}
.context-menu-icon-renk-36:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #f66;
}
.context-menu-icon-renk-37:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #293f3c;
}
.context-menu-icon-renk-38:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #a5545d;
}
.context-menu-icon-renk-39:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #f3ba00;
}
.context-menu-icon-renk-40:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #5cb3c1;
}
.context-menu-icon-renk-41:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #8a3f1f;
}
.context-menu-icon-renk-42:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #b173a4;
}
.context-menu-icon-renk-43:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #30884c;
}
.context-menu-icon-renk-44:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #77888f;
}
.context-menu-icon-renk-45:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #8d706c;
}
.context-menu-icon-renk-46:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #ee3743;
}
.context-menu-icon-renk-47:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #f49136;
}
.context-menu-icon-renk-48:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #548bb0;
}
.context-menu-icon-renk-49:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f111' !important;
    font-weight: 900;
    color: #8f897d;
}
.context-menu-icon-checked:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f00c' !important;
    font-weight: 900;
    color: #8f897d;
}
.context-menu-icon-loading:before {
    font-family: 'Font Awesome 5 Free' !important;
    content: '\f110' !important;
    font-weight: 900 !important;
}
.renk-2 {
    background: #2ba3d4;
    color: #fff;
}
.renk-3 {
    background: #ee5154;
    color: #fff;
}
.renk-4 {
    background: #856147;
    color: #fff;
}
.renk-5 {
    background: #ed7304;
    color: #fff;
}
.renk-6 {
    background: #936ea6;
    color: #fff;
}
.renk-7 {
    background: #8a4a64;
    color: #fff;
}
.renk-8 {
    background: #d9534f;
    color: #fff;
}
.renk-9 {
    background: #b98667;
    color: #fff;
}
.renk-10 {
    background: #7f8d72;
    color: #fff;
}
.renk-11 {
    background: #6b9099;
    color: #fff;
}
.renk-12 {
    background: #ca5a12;
    color: #fff;
}
.renk-13 {
    background: #575826;
    color: #fff;
}
.renk-14 {
    background: #cbab7f;
    color: #fff;
}
.renk-15 {
    background: #5bc0de;
    color: #fff;
}
.renk-16 {
    background: #deacb8;
    color: #fff;
}
.renk-17 {
    background: #66976b;
    color: #fff;
}
.renk-18 {
    background: #75826a;
    color: #fff;
}
.renk-19 {
    background: #abb2e1;
    color: #fff;
}
.renk-20 {
    background: #c39e43;
    color: #fff;
}
.renk-21 {
    background: #a2bfc7;
    color: #fff;
}
.renk-22 {
    background: #636069;
    color: #fff;
}
.renk-23 {
    background: #84863b;
    color: #fff;
}
.renk-24 {
    background: #a14329;
    color: #fff;
}
.renk-25 {
    background: #3c4e5c;
    color: #fff;
}
.renk-26 {
    background: #945562;
    color: #fff;
}
.renk-27 {
    background: #cb906d;
    color: #fff;
}
.renk-28 {
    background: #626b52;
    color: #fff;
}
.renk-29 {
    background: #9d8c86;
    color: #fff;
}
.renk-30 {
    background: #e05d60;
    color: #fff;
}
.renk-31 {
    background: #d3b3b8;
    color: #fff;
}
.renk-32 {
    background: #6d5a7f;
    color: #fff;
}
.renk-33 {
    background: #3c8890;
    color: #fff;
}
.renk-34 {
    background: #7e8341;
    color: #fff;
}
.renk-35 {
    background: #8e734e;
    color: #fff;
}
.renk-36 {
    background: #f66;
    color: #fff;
}
.renk-37 {
    background: #293f3c;
    color: #fff;
}
.renk-38 {
    background: #a5545d;
    color: #fff;
}
.renk-39 {
    background: #f3ba00;
    color: #fff;
}
.renk-40 {
    background: #5cb3c1;
    color: #fff;
}
.renk-41 {
    background: #8a3f1f;
    color: #fff;
}
.renk-42 {
    background: #b173a4;
    color: #fff;
}
.renk-43 {
    background: #30884c;
    color: #fff;
}
.renk-44 {
    background: #77888f;
    color: #fff;
}
.renk-45 {
    background: #8d706c;
    color: #fff;
}
.renk-46 {
    background: #ee3743;
    color: #fff;
}
.renk-47 {
    background: #f49136;
    color: #fff;
}
.renk-48 {
    background: #548bb0;
    color: #fff;
}
.renk-49 {
    background: #8f897d;
    color: #fff;
}
.eti-renk {
    z-index: 1;
    text-align: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 12px;
    align-self: baseline;
    line-height: 20px;
    border-color: transparent;
    border-radius: 7px;
    text-transform: uppercase;
    width: 45px;
    height: 25px;
    float: left;
    border: 2px solid;
    cursor: pointer;
}
.eti-renk i {
    opacity: 0;
}
.eti-renk:hover i {
    opacity: 1;
}
.eti-renk.active i {
    opacity: 1 !important;
}
.dar-gri-btn {
    color: #969899;
    background: #e9e9e9;
    border: solid 1px #d8d8d8;
    font-size: 12px;
    padding: 0 15px;
    width: 170px;
    border-radius: 4px;
    min-height: 30px;
    font-weight: 500;
    margin-left: 0;
    line-height: 30px;
    margin-top: 5px;
}
.alan-doldurma {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #454545;
    border-style: dashed;
    font-size: 15px;
    font-weight: 500;
    padding: 2px 7px;
    letter-spacing: 0.5px;
    background: #f5f5f5;
}
.alan-dol-label {
    display: inline-block;
    margin-bottom: 0.1rem !important;
}
.karsitaraf {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.bankaciklama {
    font-size: 13px;
    font-weight: 400;
}
.islendi {
    border-left: solid 5px #29997f !important;
    transition: border-left 0.4s !important;
}
.sol-bilgilendirme {
    background: #fff;
    border-radius: 8px;
    margin: 5%;
    padding: 2.5%;
}
.sol-ico {
    color: #aaa;
    font-size: 2em;
    border-radius: 8px 0 0 8px;
    padding: 0.5rem 1.25rem;
}
.sol-bilgilendirme h6 {
    color: #555;
}
.bglnti-yok-img {
    margin: 10px 0 24.75px;
    text-align: center;
}
.step3 {
    text-align: center;
    font-size: 22px;
    margin: 25px 0;
}
.dgruyg {
    padding-left: 5%;
    font-size: 18px;
    margin-top: 33px;
}
.sol-bilgilendirme p {
    font-size: 16px;
    margin: 16.5px 10px;
}
.ind-alert {
    position: relative;
    overflow: hidden;
}
.ind-20 {
    font-size: 65px;
    font-weight: 600;
    opacity: 0.1;
    -ms-transform: rotate(-30deg);
    transform: rotate(-10deg);
    position: absolute;
    right: 0;
}
.veriyok {
    text-align: center;
    padding: 40px;
}
.veriyok i {
    font-size: 52px;
    opacity: 0.2;
}
.veriyok div {
    font-size: 22px;
    font-weight: 300;
    margin-top: 15px;
}
.dfgmp {
    margin: 15px 0 15px;
    padding: 9.2px 20px;
    width: auto;
}
.ortak-yuksek {
    max-height: 70vh;
    overflow-y: scroll;
}
.bank-ayar .tab-content > .active {
    padding-bottom: 74px;
}
.kaydir {
    background: #ffeb3b;
    height: var(--height-banner);
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    font-size: 18px;
    cursor: pointer;
}
.kaydir + .top-header {
    margin-top: var(--height-banner);
}
.kaydir + .top-header + .main {
    margin-top: calc(var(--height-banner) + var(--height-topbar));
    height: calc(
        100vh - var(--height-banner) - var(--height-topbar)
    ) !important;
    max-height: calc(
        100vh - var(--height-banner) - var(--height-topbar)
    ) !important;
    overflow-y: auto;
}
.kaydir + .top-header + .main > .bank-sidenav {
    margin-top: var(--height-banner);
    height: calc(100vh - var(--height-banner) - var(--height-topbar));
}
.kaydir + .top-header + .main > .side-menu {
    margin-top: var(--height-banner);
    height: calc(100vh - var(--height-banner) - var(--height-topbar));
}
.kaydir + .top-header + .main > .page-content {
    height: calc(100vh - var(--height-banner) - var(--height-topbar));
    max-height: calc(
        100vh - var(--height-banner) - var(--height-topbar)
    ) !important;
}
.kaydir + .top-header + .main > .page-content > .dash-cont {
    height: calc(
        100vh - var(--height-banner) - var(--height-topbar)
    ) !important;
}
.kaydir + .top-header + .main > .page-content > .dash-cont > .panel-left {
    height: calc(
        100vh - var(--height-banner) - var(--height-topbar)
    ) !important;
    overflow-y: auto;
}
.kaydir + .top-header + .main > .page-content > .dash-cont > .splitter {
    height: calc(
        100vh - var(--height-banner) - var(--height-topbar)
    ) !important;
}
.kaydir + .top-header + .main > .page-content > .dash-cont > .panel-right.stk {
    height: calc(
        100vh - var(--height-banner) - var(--height-topbar)
    ) !important;
}
.kaydir
    + .top-header
    + .main
    > .page-content
    > .dash-cont
    > .panel-right
    .shh-card {
    height: calc(
        100vh - var(--height-banner) - var(--height-topbar)
    ) !important;
}
@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(
        to left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next';
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 8px)
    );
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
    > .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-horizontal
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube {
    overflow: visible;
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}
.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}
.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
.tooltip {
    z-index: 99993 !important;
}
#hubspot-messages-iframe-container {
    visibility: hidden;
}
.nav_active {
    background: #fff;
}
.sag-tik-menu {
    cursor: context-menu;
}
.sag-tik-menu-tutarsiz {
    cursor: context-menu;
}
.backdrop {
    background: #000000a1;
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1400;
    top: 0;
    margin: 0;
    left: 0;
    display: none;
}
.sag-tik-menu .etiket a {
    visibility: hidden;
}
.sag-tik-menu .etiket:hover a {
    visibility: visible;
}
.hareketNot a {
    visibility: hidden;
}
.hareketNot:hover a {
    visibility: visible;
}
#calendarForm .sag-tik-menu {
    font-style: italic;
    padding: 10px;
    background-color: #f3f3f3;
    margin-bottom: 10px;
    font-size: 12px;
}
.txBtn {
    cursor: pointer;
}
.fil-revize {
    border: 1px solid #ddd;
    margin-right: 5px !important;
}
.fil-gri-btn {
    background: 0 0 !important;
    border: 1px solid #ddd !important;
    color: #919191 !important;
}
.dropdown-menus {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.dropdown-menus {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 105;
    float: left;
    visibility: hidden;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    display: block;
}
.dropdown-menus {
    border: 1px solid #d8d8d8;
}
.lisans-drop {
    min-width: 300px;
    padding: 10px 0 0 0;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    -moz-box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
    transform: translate3d(-100px, 0, 0) !important;
    position: absolute;
    margin-top: 14px;
}
.side-menu {
    width: var(--width-sidemenu);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: #f1f1f1;
    height: calc(100vh - var(--height-topbar) + 1px);
    z-index: 1399 !important;
    position: fixed;
    top: calc(var(--height-topbar) - 1px);
    border-right: solid 1px #eaeaea;
    display: flex;
    padding-top: 10px;
}
.svg-logo {
    height: var(--height-topbar);
    width: var(--width-sidemenu);
    min-width: var(--width-sidemenu);
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.svg-logo a {
    display: block;
}
.svg-logo svg {
    width: 30px;
    height: 40px;
    margin: 10px 0;
}
.svg-logo img {
    width: 42px;
    height: 39px;
}
.z9999 {
    z-index: 9999;
}
.top-bar-nav-menu {
    flex: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
}
.tbnv-product-name {
    margin-left: 16px;
    font-size: 16px;
    font-weight: 700;
    cursor: default;
    color: var(--color-midnight-express);
    white-space: nowrap;
}
.tbnv-nav-buttons {
    flex: auto;
    display: flex;
    align-items: center;
    gap: 0px;
}
.tbnv-nav-button {
    color: var(--color-midnight-express);
    background-color: transparent;
    padding: 8px 20px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s ease;
}
.tbnv-nav-button:hover {
    color: var(--color-rogue-blue);
}
.tbnv-nav-button.active {
    background-color: var(--color-midnight-express);
    color: #ffffff;
}
.tbnv-nav-button a {
    text-decoration: none;
    font-size: 12px;
    color: var(--color-midnight-express);
    font-weight: 500;
}
.tbnv-nav-button:hover a {
    color: var(--color-rogue-blue);
}
.tbnv-nav-button.active a {
    color: #ffffff;
}
.tbnv-dropdown {
    position: relative;
    display: inline-block;
}
.tbnv-dropdown .tbnv-nav-button.dropdown-toggle::after {
    display: inline-block !important;
    content: '';
    width: 7px;
    height: 7px;
    margin-left: 12px;
    vertical-align: 3px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.3s ease-in-out;
    border-top: 0 !important;
    border-left: 0 !important;
}
.tbnv-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 16px;
    background-color: #fff;
    min-width: 240px;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.25));
    z-index: 1000;
    border-radius: 16px;
    padding: 5px 0;
}
.tbnv-dropdown-content::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.tbnv-dropdown-content::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 16px;
    background: transparent;
}
.tbnv-dropdown-content a {
    color: var(--color-rogue-blue);
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: 500;
    position: relative;
}
.tbnv-dropdown-content a:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background-color: var(--color-rogue-blue);
    opacity: 0.2;
}
.tbnv-dropdown-content a:hover {
    color: var(--color-rogue-blue);
    font-weight: 600;
}
.tbnv-dropdown-content a.active {
    color: var(--color-midnight-express);
    font-weight: 600;
}
.tbnv-dropdown:hover .tbnv-dropdown-content {
    display: block;
}
.menu-link svg {
    max-height: 36px;
}
.menu-link span {
    height: 36px;
    width: 43px;
}
.menu-link {
    width: 100%;
    position: relative;
}
.menu-link a {
    display: block;
    fill: #333;
    padding: 15px 0;
    position: relative;
    z-index: 12;
}
.menu-link a:hover {
    fill: #16a085;
}
.side-menu-bottom {
    margin-top: auto;
    width: 100%;
}
.menu-button {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    margin: 1em;
    padding: 0;
    width: 2.5em;
    height: 2.25em;
    border: none;
    font-size: 1.5em;
    color: #373a47;
    background: 0 0;
}
.menu-wrap {
    position: fixed;
    z-index: 999;
    background: #ffffff;
    -webkit-transition: width 0.3s, height 0.3s;
    transition: width 0.3s, height 0.3s;
    width: 0;
    height: 0;
    font-size: 1.5em;
    bottom: 15px;
    left: 75px;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    border-radius: 15px 15px 15px 15px;
    display: none;
    box-shadow: 0 0 5px 3px rgba(35, 35, 35, 0.15);
}
.show-menu .menu-wrap {
    display: block;
    margin-left: 10px;
}
.menu-wrap-rapor {
    position: fixed;
    z-index: 999;
    background: #e8e8e8;
    -webkit-transition: width 0.3s, height 0.3s;
    transition: width 0.3s, height 0.3s;
    width: 0;
    height: 0;
    font-size: 1.5em;
    bottom: 527px;
    left: 65px;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    border-radius: 15px 15px 15px 0;
    border: 1px solid #ddd;
    display: none;
}
.show-menu-rapor .menu-wrap-rapor {
    display: block;
}
.menu-wrap-cek {
    position: fixed;
    z-index: 999;
    background: #e8e8e8;
    -webkit-transition: width 0.3s, height 0.3s;
    transition: width 0.3s, height 0.3s;
    width: 0;
    height: 0;
    font-size: 1.5em;
    bottom: 527px;
    left: 65px;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    border-radius: 15px 15px 15px 0;
    border: 1px solid #ddd;
    display: none;
}
.show-menu-cek .menu-wrap-cek {
    display: block;
}
@media screen and (max-width: 50em) {
    .menu-button {
        margin: 0.25em;
    }
    .menu-wrap {
        bottom: 0.25em;
        left: 0.25em;
    }
    .menu-wrap-rapor {
        bottom: 0.25em;
        left: 0.25em;
    }
    .menu-wrap-cek {
        bottom: 0.25em;
        left: 0.25em;
    }
}
.menu {
    height: 100%;
    opacity: 0;
    font-size: 0.65em;
    color: #64697d;
    text-align: right;
}
.link-list {
    padding: 1.35em 0;
    margin: 0 0.75em;
    border-bottom: 3px solid rgba(125, 129, 148, 0.2);
    border-top: 3px solid rgba(125, 129, 148, 0.2);
}
.link-list a {
    display: block;
    margin: 0.25em 0;
    color: #7d8194;
    padding: 0.5em 1.5em;
}
.link-list a:focus,
.link-list a:hover {
    color: #64697d;
}
.link-list a span {
    margin-left: 10px;
    font-weight: 700;
    vertical-align: middle;
}
.show-menu .content::before {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.show-menu .menu-wrap {
    width: 280px;
    height: auto;
    -webkit-animation: anim-jelly 0.8s linear forwards;
    animation: anim-jelly 0.8s linear forwards;
}
.show-menu-rapor .menu-wrap-rapor {
    width: 280px;
    height: auto;
    -webkit-animation: anim-jelly 0.8s linear forwards;
    animation: anim-jelly 0.8s linear forwards;
}
.show-menu-cek .menu-wrap-cek {
    width: 280px;
    height: auto;
    -webkit-animation: anim-jelly 0.8s linear forwards;
    animation: anim-jelly 0.8s linear forwards;
}
.show-menu .menu {
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}
.show-menu-rapor .menu {
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}
@-webkit-keyframes anim-jelly {
    0% {
        -webkit-transform: matrix3d(
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.333333% {
        -webkit-transform: matrix3d(
            0.32778,
            0,
            0,
            0,
            0,
            0.32778,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.32778,
            0,
            0,
            0,
            0,
            0.32778,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    6.666667% {
        -webkit-transform: matrix3d(
            0.69875,
            0,
            0,
            0,
            0,
            0.69875,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.69875,
            0,
            0,
            0,
            0,
            0.69875,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    10% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    13.333333% {
        -webkit-transform: matrix3d(
            1.1815,
            0,
            0,
            0,
            0,
            1.1815,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.1815,
            0,
            0,
            0,
            0,
            1.1815,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    16.666667% {
        -webkit-transform: matrix3d(
            1.24402,
            0,
            0,
            0,
            0,
            1.24402,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.24402,
            0,
            0,
            0,
            0,
            1.24402,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    20% {
        -webkit-transform: matrix3d(
            1.21871,
            0,
            0,
            0,
            0,
            1.21871,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.21871,
            0,
            0,
            0,
            0,
            1.21871,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    23.333333% {
        -webkit-transform: matrix3d(
            1.14702,
            0,
            0,
            0,
            0,
            1.14702,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.14702,
            0,
            0,
            0,
            0,
            1.14702,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    26.666667% {
        -webkit-transform: matrix3d(
            1.06589,
            0,
            0,
            0,
            0,
            1.06589,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.06589,
            0,
            0,
            0,
            0,
            1.06589,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    30% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    33.333333% {
        -webkit-transform: matrix3d(
            0.9603,
            0,
            0,
            0,
            0,
            0.9603,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.9603,
            0,
            0,
            0,
            0,
            0.9603,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    36.666667% {
        -webkit-transform: matrix3d(
            0.94663,
            0,
            0,
            0,
            0,
            0.94663,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.94663,
            0,
            0,
            0,
            0,
            0.94663,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    40% {
        -webkit-transform: matrix3d(
            0.95217,
            0,
            0,
            0,
            0,
            0.95217,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.95217,
            0,
            0,
            0,
            0,
            0.95217,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    43.333333% {
        -webkit-transform: matrix3d(
            0.96784,
            0,
            0,
            0,
            0,
            0.96784,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.96784,
            0,
            0,
            0,
            0,
            0.96784,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    46.666667% {
        -webkit-transform: matrix3d(
            0.98559,
            0,
            0,
            0,
            0,
            0.98559,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.98559,
            0,
            0,
            0,
            0,
            0.98559,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    50% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    53.333333% {
        -webkit-transform: matrix3d(
            1.00868,
            0,
            0,
            0,
            0,
            1.00868,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00868,
            0,
            0,
            0,
            0,
            1.00868,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    56.666667% {
        -webkit-transform: matrix3d(
            1.01167,
            0,
            0,
            0,
            0,
            1.01167,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.01167,
            0,
            0,
            0,
            0,
            1.01167,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    60% {
        -webkit-transform: matrix3d(
            1.01046,
            0,
            0,
            0,
            0,
            1.01046,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.01046,
            0,
            0,
            0,
            0,
            1.01046,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    63.333333% {
        -webkit-transform: matrix3d(
            1.00703,
            0,
            0,
            0,
            0,
            1.00703,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00703,
            0,
            0,
            0,
            0,
            1.00703,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    66.666667% {
        -webkit-transform: matrix3d(
            1.00315,
            0,
            0,
            0,
            0,
            1.00315,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00315,
            0,
            0,
            0,
            0,
            1.00315,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    70% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    73.333333% {
        -webkit-transform: matrix3d(
            0.9981,
            0,
            0,
            0,
            0,
            0.9981,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.9981,
            0,
            0,
            0,
            0,
            0.9981,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    76.666667% {
        -webkit-transform: matrix3d(
            0.99745,
            0,
            0,
            0,
            0,
            0.99745,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99745,
            0,
            0,
            0,
            0,
            0.99745,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    80% {
        -webkit-transform: matrix3d(
            0.99771,
            0,
            0,
            0,
            0,
            0.99771,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99771,
            0,
            0,
            0,
            0,
            0.99771,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    83.333333% {
        -webkit-transform: matrix3d(
            0.99846,
            0,
            0,
            0,
            0,
            0.99846,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99846,
            0,
            0,
            0,
            0,
            0.99846,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    86.666667% {
        -webkit-transform: matrix3d(
            0.99931,
            0,
            0,
            0,
            0,
            0.99931,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99931,
            0,
            0,
            0,
            0,
            0.99931,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    90% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    93.333333% {
        -webkit-transform: matrix3d(
            1.00042,
            0,
            0,
            0,
            0,
            1.00042,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00042,
            0,
            0,
            0,
            0,
            1.00042,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    96.666667% {
        -webkit-transform: matrix3d(
            1.00056,
            0,
            0,
            0,
            0,
            1.00056,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00056,
            0,
            0,
            0,
            0,
            1.00056,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    100% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}
@keyframes anim-jelly {
    0% {
        -webkit-transform: matrix3d(
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.333333% {
        -webkit-transform: matrix3d(
            0.32778,
            0,
            0,
            0,
            0,
            0.32778,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.32778,
            0,
            0,
            0,
            0,
            0.32778,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    6.666667% {
        -webkit-transform: matrix3d(
            0.69875,
            0,
            0,
            0,
            0,
            0.69875,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.69875,
            0,
            0,
            0,
            0,
            0.69875,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    10% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    13.333333% {
        -webkit-transform: matrix3d(
            1.1815,
            0,
            0,
            0,
            0,
            1.1815,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.1815,
            0,
            0,
            0,
            0,
            1.1815,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    16.666667% {
        -webkit-transform: matrix3d(
            1.24402,
            0,
            0,
            0,
            0,
            1.24402,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.24402,
            0,
            0,
            0,
            0,
            1.24402,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    20% {
        -webkit-transform: matrix3d(
            1.21871,
            0,
            0,
            0,
            0,
            1.21871,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.21871,
            0,
            0,
            0,
            0,
            1.21871,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    23.333333% {
        -webkit-transform: matrix3d(
            1.14702,
            0,
            0,
            0,
            0,
            1.14702,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.14702,
            0,
            0,
            0,
            0,
            1.14702,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    26.666667% {
        -webkit-transform: matrix3d(
            1.06589,
            0,
            0,
            0,
            0,
            1.06589,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.06589,
            0,
            0,
            0,
            0,
            1.06589,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    30% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    33.333333% {
        -webkit-transform: matrix3d(
            0.9603,
            0,
            0,
            0,
            0,
            0.9603,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.9603,
            0,
            0,
            0,
            0,
            0.9603,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    36.666667% {
        -webkit-transform: matrix3d(
            0.94663,
            0,
            0,
            0,
            0,
            0.94663,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.94663,
            0,
            0,
            0,
            0,
            0.94663,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    40% {
        -webkit-transform: matrix3d(
            0.95217,
            0,
            0,
            0,
            0,
            0.95217,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.95217,
            0,
            0,
            0,
            0,
            0.95217,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    43.333333% {
        -webkit-transform: matrix3d(
            0.96784,
            0,
            0,
            0,
            0,
            0.96784,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.96784,
            0,
            0,
            0,
            0,
            0.96784,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    46.666667% {
        -webkit-transform: matrix3d(
            0.98559,
            0,
            0,
            0,
            0,
            0.98559,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.98559,
            0,
            0,
            0,
            0,
            0.98559,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    50% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    53.333333% {
        -webkit-transform: matrix3d(
            1.00868,
            0,
            0,
            0,
            0,
            1.00868,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00868,
            0,
            0,
            0,
            0,
            1.00868,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    56.666667% {
        -webkit-transform: matrix3d(
            1.01167,
            0,
            0,
            0,
            0,
            1.01167,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.01167,
            0,
            0,
            0,
            0,
            1.01167,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    60% {
        -webkit-transform: matrix3d(
            1.01046,
            0,
            0,
            0,
            0,
            1.01046,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.01046,
            0,
            0,
            0,
            0,
            1.01046,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    63.333333% {
        -webkit-transform: matrix3d(
            1.00703,
            0,
            0,
            0,
            0,
            1.00703,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00703,
            0,
            0,
            0,
            0,
            1.00703,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    66.666667% {
        -webkit-transform: matrix3d(
            1.00315,
            0,
            0,
            0,
            0,
            1.00315,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00315,
            0,
            0,
            0,
            0,
            1.00315,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    70% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    73.333333% {
        -webkit-transform: matrix3d(
            0.9981,
            0,
            0,
            0,
            0,
            0.9981,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.9981,
            0,
            0,
            0,
            0,
            0.9981,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    76.666667% {
        -webkit-transform: matrix3d(
            0.99745,
            0,
            0,
            0,
            0,
            0.99745,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99745,
            0,
            0,
            0,
            0,
            0.99745,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    80% {
        -webkit-transform: matrix3d(
            0.99771,
            0,
            0,
            0,
            0,
            0.99771,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99771,
            0,
            0,
            0,
            0,
            0.99771,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    83.333333% {
        -webkit-transform: matrix3d(
            0.99846,
            0,
            0,
            0,
            0,
            0.99846,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99846,
            0,
            0,
            0,
            0,
            0.99846,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    86.666667% {
        -webkit-transform: matrix3d(
            0.99931,
            0,
            0,
            0,
            0,
            0.99931,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99931,
            0,
            0,
            0,
            0,
            0.99931,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    90% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    93.333333% {
        -webkit-transform: matrix3d(
            1.00042,
            0,
            0,
            0,
            0,
            1.00042,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00042,
            0,
            0,
            0,
            0,
            1.00042,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    96.666667% {
        -webkit-transform: matrix3d(
            1.00056,
            0,
            0,
            0,
            0,
            1.00056,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00056,
            0,
            0,
            0,
            0,
            1.00056,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    100% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}
.menu-button {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    margin: 1em;
    padding: 0;
    width: 2.5em;
    height: 2.25em;
    border: none;
    font-size: 1.5em;
    color: #373a47;
    background: 0 0;
}
.show-menu .sol-acilir-menu {
    opacity: 1;
    -webkit-transition: opacity 0.2s 0.2s;
    transition: opacity 0.2s 0.2s;
}
.show-menu-rapor .sol-acilir-menu-rapor {
    opacity: 1;
    -webkit-transition: opacity 0.2s 0.2s;
    transition: opacity 0.2s 0.2s;
}
.show-menu-cek .sol-acilir-menu-cek {
    opacity: 1;
    -webkit-transition: opacity 0.2s 0.2s;
    transition: opacity 0.2s 0.2s;
}
.sol-acilir-menu-rapor {
    opacity: 0;
}
.sol-acilir-menu-cek {
    opacity: 0;
}
.sol-acilir-menu-rapor a {
    font-size: 15px;
    text-align: left;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}
.sol-acilir-menu-cek a {
    font-size: 15px;
    text-align: left;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}
.sol-acilir-menu-rapor a:last-child {
    border-bottom: none;
    border-radius: 0 0 15px 15px;
}
.sol-acilir-menu-cek a:last-child {
    border-bottom: none;
    border-radius: 0 0 15px 15px;
}
.sol-acilir-menu-rapor a:hover {
    background: #f1f1f1;
    color: #16a085;
    text-decoration: none;
}
.sol-acilir-menu-cek a:hover {
    background: #f1f1f1;
    color: #16a085;
    text-decoration: none;
}
.sol-acilir-menu-rapor a:hover:first-child {
    border-radius: 15px 15px 0 0;
}
.sol-acilir-menu-cek a:hover:first-child {
    border-radius: 15px 15px 0 0;
}
.sol-acilir-menu {
    opacity: 0;
}
.sol-acilir-menu .menu-arrow {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #fff;
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
    filter: drop-shadow(-3px 0px 2px rgba(35, 35, 35, 0.15));
}
.sol-acilir-menu a {
    font-size: 14px;
    text-align: left;
    padding: 10px 15px;
    position: relative;
    display: block;
    text-decoration: none;
    color: var(--color-rogue-blue);
    font-weight: 500;
    font-family: var(--font-family-poppins);
    margin: 0 6px;
}
.sol-acilir-menu a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background-color: #e5e5ea;
}
.sol-acilir-menu a:last-child:after {
    display: none;
}
.sol-acilir-menu a:last-child {
    border-bottom: none;
    border-radius: 0 0 15px 15px;
}
.sol-acilir-menu a:hover {
    color: var(--color-midnight-express);
    font-weight: 600;
    text-decoration: none;
}
.sol-acilir-menu a:hover:first-child {
    border-radius: 15px 15px 0 0;
}
.sanalpos-menu-btn {
    position: relative;
    padding: 0;
    width: 40px;
    margin-bottom: 15px !important;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 3em;
    color: #969899;
    box-shadow: none;
    border: solid 1px #d8d8d8;
    background-size: 300% 100%;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-image: linear-gradient(
        to right,
        #e9e9e9,
        #e9e9e9,
        #f9f9f9,
        #f9f9f9
    );
}
.sanalpos-menu-btn i {
    font-size: 22px;
}
.sanalpos-menu-btn:after {
    display: block;
    font-size: 11px;
    width: 60px;
    position: absolute;
    left: -10px;
    right: 0;
    top: 45px;
}
.sanalpos-menu-btn:hover {
    background-position: 100% 0;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    color: #969899;
}
.new-tag {
    background-color: red;
    color: #fff;
    font-size: 7px;
    padding: 2px;
    font-weight: 800;
    position: absolute;
    bottom: 10px;
    right: 3px;
    border-radius: 4px;
    font-size: 6px;
    padding: 2px 4px;
    letter-spacing: 0.7px;
}
#zsiq_float {
    display: none;
}
.loadingortala {
    display: flex;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    text-align: center;
    padding: 30px 0 0;
}
.yukleniyorimage {
    max-width: 150px;
}
.blurred {
    filter: blur(8px);
    -webkit-filter: blur(5px);
}
.bgtext {
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 80%;
    padding: 20px;
    text-align: center;
    top: 45px;
}
.etiket {
    z-index: 501;
}
.anket-new {
    font-size: 15px;
    text-align: center;
}
.secenekler img {
    margin-right: 30px;
    cursor: pointer;
    width: 250px;
    background-color: #fff;
    border-radius: 22px;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}
.secenekler img:hover {
    border-color: #7be5ce;
    box-shadow: 0 0 0 3px #d3f6ef;
}
table {
    width: 100%;
}
.table-fixed-left table,
.table-fixed-right table {
    border-collapse: collapse;
}
.table-fixed-left {
    width: 220px;
    float: left;
    overflow-x: scroll;
    white-space: nowrap;
    text-align: left;
    z-index: 2;
}
.table-fixed-right {
    width: calc(100% - 220px);
    float: left;
    right: 15px;
    overflow-x: scroll;
    white-space: nowrap;
    margin-left: -5px;
}
.tbl-head {
    background-color: #f5f5f5;
    color: #626567;
}
.swiper {
    width: 90%;
    height: 20%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    height: calc((100% - 30px) / 2) !important;
    margin-top: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-next {
    position: relative !important;
    top: 23vh !important;
    color: #707070 !important;
}
.swiper-button-prev {
    top: 23vh !important;
    color: #707070 !important;
}
.modal-content {
    margin-top: calc(2 * var(--height-topbar));
} /* Custom Dark Popover Styles */
.vom-dark-popover {
    background-color: var(--color-midnight-express) !important;
    color: #ffffff !important;
    border: 1px solid var(--color-midnight-express);
    font-family: var(--font-family-poppins);
    border-radius: 9px !important;
}
.vom-dark-popover .popover-body {
    color: #ffffff !important;
    padding: 5px 10px;
}
.vom-dark-popover .popover-header {
    background-color: var(--color-midnight-express) !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--color-midnight-express);
}
.vom-dark-popover .arrow::before {
    border-width: 0 !important;
}
.vom-dark-popover.bs-popover-right .arrow::after,
.vom-dark-popover.bs-popover-auto[x-placement^='right'] .arrow::after {
    border-right-color: var(--color-midnight-express) !important;
    border-width: 5px 5px 5px 0 !important;
    top: 50% !important;
    margin-top: -6px !important;
    margin-left: 5px !important;
}
.vom-dark-popover.bs-popover-left .arrow::after,
.vom-dark-popover.bs-popover-auto[x-placement^='left'] .arrow::after {
    border-left-color: var(--color-midnight-express) !important;
    border-width: 5px 0 5px 5px !important;
    top: 50% !important;
    margin-top: -6px !important;
    margin-right: 5px;
}
.vom-dark-popover.bs-popover-top .arrow::after,
.vom-dark-popover.bs-popover-auto[x-placement^='top'] .arrow::after {
    border-top-color: var(--color-midnight-express) !important;
    border-width: 5px 5px 0 5px !important;
    left: 50% !important;
    margin-left: -6px !important;
}
.vom-dark-popover.bs-popover-bottom .arrow::after,
.vom-dark-popover.bs-popover-auto[x-placement^='bottom'] .arrow::after {
    border-bottom-color: var(--color-midnight-express) !important;
    border-width: 0 5px 5px 5px !important;
    left: 50% !important;
    margin-top: 6px !important;
    margin-left: -6px !important;
} /* Sidebar Active Menu Curve */
.menu-link.active a {
    background-color: #f9f9f9;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;
    z-index: 10;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 15px 5px 10px;
    border: 1px solid #eaeaea;
    border-right: none;
    margin-left: calc(50% - 23px);
    margin-right: -1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.menu-link.active a span {
    background-color: #f9f9f9;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;
    z-index: 10;
    padding: 5px;
    margin-left: calc(50% - 23px);
    margin-right: -1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.menu-link.active a::before {
    content: '';
    position: absolute;
    top: -15px;
    right: 0;
    width: 15px;
    height: 15px;
    background: radial-gradient(
        circle at 0 0,
        transparent 15px,
        #eaeaea 15px,
        #eaeaea 16px,
        #f9f9f9 16px
    );
    z-index: 10;
}
.menu-link.active a::after {
    content: '';
    position: absolute;
    bottom: -15px;
    right: 0;
    width: 15px;
    height: 15px;
    background: radial-gradient(
        circle at 0 100%,
        transparent 15px,
        #eaeaea 15px,
        #eaeaea 16px,
        #f9f9f9 16px
    );
    z-index: 10;
} /* Product Popover Styles */
.vom-ohh-popover {
    background: var(--color-product-ohh) !important;
    color: #ffffff !important;
    border: 1px solid var(--color-product-ohh);
    font-family: var(--font-family-poppins);
    border-radius: 9px !important;
}
.vom-ohh-popover .popover-body {
    color: #ffffff !important;
    padding: 5px 10px;
}
.vom-ohh-popover .popover-header {
    background-color: var(--color-product-ohh) !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--color-product-ohh);
}
.vom-ohh-popover .arrow::before {
    border-width: 0 !important;
}
.vom-ohh-popover.bs-popover-right .arrow::after,
.vom-ohh-popover.bs-popover-auto[x-placement^='right'] .arrow::after {
    border-right-color: #3af2cb !important;
    border-width: 5px 5px 5px 0 !important;
    top: 50% !important;
    margin-top: -6px !important;
    margin-left: 5px !important;
}
.vom-ohh-popover.bs-popover-left .arrow::after,
.vom-ohh-popover.bs-popover-auto[x-placement^='left'] .arrow::after {
    border-left-color: #3af2cb !important;
    border-width: 5px 0 5px 5px !important;
    top: 50% !important;
    margin-top: -6px !important;
}
.vom-ohh-popover.bs-popover-top .arrow::after,
.vom-ohh-popover.bs-popover-auto[x-placement^='top'] .arrow::after {
    border-top-color: #3af2cb !important;
    border-width: 5px 5px 0 5px !important;
    left: 50% !important;
    margin-left: -6px !important;
}
.vom-ohh-popover.bs-popover-bottom .arrow::after,
.vom-ohh-popover.bs-popover-auto[x-placement^='bottom'] .arrow::after {
    border-bottom-color: #3af2cb !important;
    border-width: 0 5px 5px 5px !important;
    left: 50% !important;
    margin-top: 6px !important;
    margin-left: -6px !important;
}
.vom-sp-popover {
    background: var(--color-product-sp) !important;
    color: #ffffff !important;
    border: 1px solid var(--color-product-sp);
    font-family: var(--font-family-poppins);
    border-radius: 9px !important;
}
.vom-sp-popover .popover-body {
    color: #ffffff !important;
    padding: 5px 10px;
}
.vom-sp-popover .popover-header {
    background-color: var(--color-product-sp) !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--color-product-sp);
}
.vom-sp-popover .arrow::before {
    border-width: 0 !important;
}
.vom-sp-popover.bs-popover-right .arrow::after,
.vom-sp-popover.bs-popover-auto[x-placement^='right'] .arrow::after {
    border-right-color: #63daff !important;
    border-width: 5px 5px 5px 0 !important;
    top: 50% !important;
    margin-top: -6px !important;
    margin-left: 5px !important;
}
.vom-sp-popover.bs-popover-left .arrow::after,
.vom-sp-popover.bs-popover-auto[x-placement^='left'] .arrow::after {
    border-left-color: #63daff !important;
    border-width: 5px 0 5px 5px !important;
    top: 50% !important;
    margin-top: -6px !important;
}
.vom-sp-popover.bs-popover-top .arrow::after,
.vom-sp-popover.bs-popover-auto[x-placement^='top'] .arrow::after {
    border-top-color: #63daff !important;
    border-width: 5px 5px 0 5px !important;
    left: 50% !important;
    margin-left: -6px !important;
}
.vom-sp-popover.bs-popover-bottom .arrow::after,
.vom-sp-popover.bs-popover-auto[x-placement^='bottom'] .arrow::after {
    border-bottom-color: #63daff !important;
    border-width: 0 5px 5px 5px !important;
    left: 50% !important;
    margin-top: 6px !important;
    margin-left: -6px !important;
}
.vom-pr-popover {
    background: var(--color-product-pr) !important;
    color: #ffffff !important;
    border: 1px solid var(--color-product-pr);
    font-family: var(--font-family-poppins);
    border-radius: 9px !important;
}
.vom-pr-popover .popover-body {
    color: #ffffff !important;
    padding: 5px 10px;
}
.vom-pr-popover .popover-header {
    background-color: var(--color-product-pr) !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--color-product-pr);
}
.vom-pr-popover .arrow::before {
    border-width: 0 !important;
}
.vom-pr-popover.bs-popover-right .arrow::after,
.vom-pr-popover.bs-popover-auto[x-placement^='right'] .arrow::after {
    border-right-color: #797bff !important;
    border-width: 5px 5px 5px 0 !important;
    top: 50% !important;
    margin-top: -6px !important;
    margin-left: 5px !important;
}
.vom-pr-popover.bs-popover-left .arrow::after,
.vom-pr-popover.bs-popover-auto[x-placement^='left'] .arrow::after {
    border-left-color: #797bff !important;
    border-width: 5px 0 5px 5px !important;
    top: 50% !important;
    margin-top: -6px !important;
}
.vom-pr-popover.bs-popover-top .arrow::after,
.vom-pr-popover.bs-popover-auto[x-placement^='top'] .arrow::after {
    border-top-color: #797bff !important;
    border-width: 5px 5px 0 5px !important;
    left: 50% !important;
    margin-left: -6px !important;
}
.vom-pr-popover.bs-popover-bottom .arrow::after,
.vom-pr-popover.bs-popover-auto[x-placement^='bottom'] .arrow::after {
    border-bottom-color: #797bff !important;
    border-width: 0 5px 5px 5px !important;
    left: 50% !important;
    margin-top: 6px !important;
    margin-left: -6px !important;
}
.vom-cheque-popover {
    background: var(--color-product-cheque) !important;
    color: #ffffff !important;
    border: 1px solid var(--color-product-cheque);
    font-family: var(--font-family-poppins);
    border-radius: 9px !important;
}
.vom-cheque-popover .popover-body {
    color: #ffffff !important;
    padding: 5px 10px;
}
.vom-cheque-popover .popover-header {
    background-color: var(--color-product-cheque) !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--color-product-cheque);
}
.vom-cheque-popover .arrow::before {
    border-width: 0 !important;
}
.vom-cheque-popover.bs-popover-right .arrow::after,
.vom-cheque-popover.bs-popover-auto[x-placement^='right'] .arrow::after {
    border-right-color: #2b2f4a !important;
    border-width: 5px 5px 5px 0 !important;
    top: 50% !important;
    margin-top: -6px !important;
    margin-left: 5px !important;
}
.vom-cheque-popover.bs-popover-left .arrow::after,
.vom-cheque-popover.bs-popover-auto[x-placement^='left'] .arrow::after {
    border-left-color: #2b2f4a !important;
    border-width: 5px 0 5px 5px !important;
    top: 50% !important;
    margin-top: -6px !important;
}
.vom-cheque-popover.bs-popover-top .arrow::after,
.vom-cheque-popover.bs-popover-auto[x-placement^='top'] .arrow::after {
    border-top-color: #2b2f4a !important;
    border-width: 5px 5px 0 5px !important;
    left: 50% !important;
    margin-left: -6px !important;
}
.vom-cheque-popover.bs-popover-bottom .arrow::after,
.vom-cheque-popover.bs-popover-auto[x-placement^='bottom'] .arrow::after {
    border-bottom-color: #2b2f4a !important;
    border-width: 0 5px 5px 5px !important;
    left: 50% !important;
    margin-top: 6px !important;
    margin-left: -6px !important;
}
.vom-dbs-popover {
    background: var(--color-product-dbs) !important;
    color: #ffffff !important;
    border: 1px solid var(--color-product-dbs);
    font-family: var(--font-family-poppins);
    border-radius: 9px !important;
}
.vom-dbs-popover .popover-body {
    color: #ffffff !important;
    padding: 5px 10px;
}
.vom-dbs-popover .popover-header {
    background-color: var(--color-product-dbs) !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--color-product-dbs);
}
.vom-dbs-popover .arrow::before {
    border-width: 0 !important;
}
.vom-dbs-popover.bs-popover-right .arrow::after,
.vom-dbs-popover.bs-popover-auto[x-placement^='right'] .arrow::after {
    border-right-color: #8eb9e2 !important;
    border-width: 5px 5px 5px 0 !important;
    top: 50% !important;
    margin-top: -6px !important;
    margin-left: 5px !important;
}
.vom-dbs-popover.bs-popover-left .arrow::after,
.vom-dbs-popover.bs-popover-auto[x-placement^='left'] .arrow::after {
    border-left-color: #8eb9e2 !important;
    border-width: 5px 0 5px 5px !important;
    top: 50% !important;
    margin-top: -6px !important;
}
.vom-dbs-popover.bs-popover-top .arrow::after,
.vom-dbs-popover.bs-popover-auto[x-placement^='top'] .arrow::after {
    border-top-color: #8eb9e2 !important;
    border-width: 5px 5px 0 5px !important;
    left: 50% !important;
    margin-left: -6px !important;
}
.vom-dbs-popover.bs-popover-bottom .arrow::after,
.vom-dbs-popover.bs-popover-auto[x-placement^='bottom'] .arrow::after {
    border-bottom-color: #8eb9e2 !important;
    border-width: 0 5px 5px 5px !important;
    left: 50% !important;
    margin-top: 6px !important;
    margin-left: -6px !important;
}
/* TOS */
.vom-tos-popover {
    background: var(--color-product-tos) !important;
    color: #ffffff !important;
    border: 1px solid var(--color-product-tos);
    font-family: var(--font-family-poppins);
    border-radius: 9px !important;
}
.vom-tos-popover .popover-body {
    color: #ffffff !important;
    padding: 5px 10px;
}
.vom-tos-popover .popover-header {
    background-color: var(--color-product-tos) !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--color-product-tos);
}
.vom-tos-popover .arrow::before {
    border-width: 0 !important;
}
.vom-tos-popover.bs-popover-right .arrow::after,
.vom-tos-popover.bs-popover-auto[x-placement^='right'] .arrow::after {
    border-right-color: #FF8D6A !important;
    border-width: 5px 5px 5px 0 !important;
    top: 50% !important;
    margin-top: -6px !important;
    margin-left: 5px !important;
}
.vom-tos-popover.bs-popover-left .arrow::after,
.vom-tos-popover.bs-popover-auto[x-placement^='left'] .arrow::after {
    border-left-color: #FF8D6A !important;
    border-width: 5px 0 5px 5px !important;
    top: 50% !important;
    margin-top: -6px !important;
}
.vom-tos-popover.bs-popover-top .arrow::after,
.vom-tos-popover.bs-popover-auto[x-placement^='top'] .arrow::after {
    border-top-color: #FF8D6A !important;
    border-width: 5px 5px 0 5px !important;
    left: 50% !important;
    margin-left: -6px !important;
}
.vom-tos-popover.bs-popover-bottom .arrow::after,
.vom-tos-popover.bs-popover-auto[x-placement^='bottom'] .arrow::after {
    border-bottom-color: #FF8D6A !important;
    border-width: 0 5px 5px 5px !important;
    left: 50% !important;
    margin-top: 6px !important;
    margin-left: -6px !important;
}

@media (max-width: 1468.98px) {
    .vom-user .company {
        display: none;
    }
    .tbnv-nav-button {
        padding: 8px 1vw;
    }
    .tbnv-product-name {
        display: none;
    }
    .tbnv-nav-buttons {
        padding-left: 10px;
    }
}
@media (max-width: 1068.98px) {
    .navvom-responsive-toggle {
        display: flex;
    }
    .navvom {
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        flex-direction: row;
        align-items: center;
        background-color: #ffffff;
        border-radius: 16px;
        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
        z-index: 10001;
        padding: 4px 8px;
        min-width: auto;
        height: auto;
        margin-left: 0;
        white-space: nowrap;
    }
    .navvom-responsive-wrapper.open .navvom {
        display: flex;
    }
    .navvom li {
        float: none;
        display: flex;
        align-items: center;
    }
    .navvom li a {
        height: auto;
        padding: 8px 10px;
    }
    .navvom .topbar-spacer {
        width: 1px;
        height: 24px;
        margin: 0 4px;
    }
    .navvom li.btn-group,
    .navvom li.dropdown {
        position: static;
    }
    .navvom li.btn-group > a,
    .navvom li.dropdown > a {
        position: relative;
    }
    .navvom li.btn-group > a::after,
    .navvom li.dropdown > a::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 60px;
        background: transparent;
        z-index: 1050;
    }
    .navvom li .dropdown-menu,
    .navvom li .dropdown-menus {
        position: absolute !important;
        transform: none !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        max-height: 70vh;
        overflow-y: auto;
    }
    .vom-dark-popover {
        margin-top: 20px !important;
    }
} /* LAPTOP / KÜÇÜK MONİTÖR: 992px altına düşerse */
@media (max-width: 991.98px) {
} /* TABLET: 768px altına düşerse */
@media (max-width: 767.98px) {
} /* MOBİL (Yatay): 576px altına düşerse */
@media (max-width: 575.98px) {
} /* KÜÇÜK MOBİL: 375px altına düşerse */
@media (max-width: 374.98px) {
}