@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; --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%); } *, ::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; } @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) { }