/* STYLE : [361] Fonts. */ @font-face { font-family: "QuickSand"; src: url("/fonts/Quicksand-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 1 999; font-display: swap; } @font-face { font-family: "JosefinSans"; src: url("/fonts/JosefinSans-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 1 999; font-display: swap; } /* STYLE : [361] root. */ :root { --singleItem-opacity:1; --singleItemBackColor:#f0f1f6; --menuBackColor:#1a1a27; /*--backColor:#f0f0f0;*/ /*--backColor:#f0f1f6;*/ --backColor:#f5f7fa; --tabTextColorSelected: #0068bb; --multiItemBackColor: #f8faff; --multiItemBackColor: #f0f4f8; --bs-blue: #009ef6; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-gray: #7E8299; --bs-gray-dark: #3F4254; --bs-gray-100: #F5F8FA; --bs-gray-200: #EFF2F5; --bs-gray-300: #E4E6EF; --bs-gray-400: #B5B5C3; --bs-gray-500: #A1A5B7; --bs-gray-600: #7E8299; --bs-gray-700: #5E6278; --bs-gray-800: #3F4254; --bs-gray-900: #181C32; --bs-white: #ffffff; --bs-light: #F5F8FA; --bs-primary: #009EF7; --bs-secondary: #E4E6EF; --bs-success: #50CD89; --bs-info: #7239EA; --bs-warning: #FFC700; --bs-danger: #F1416C; --bs-dark: #181C32; --bs-white-rgb: 255, 255, 255; --bs-light-rgb: 245, 248, 250; --bs-primary-rgb: 0, 158, 247; --bs-secondary-rgb: 228, 230, 239; --bs-success-rgb: 80, 205, 137; --bs-info-rgb: 114, 57, 234; --bs-warning-rgb: 255, 199, 0; --bs-danger-rgb: 241, 65, 108; --bs-dark-rgb: 24, 28, 50; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 24, 28, 50; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: "NotoSansDisplay","Inter","sans-serif"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.25; --bs-body-color: #181C32; --bs-body-bg: #ffffff; --bs-main-bg:#f8faff; --text-danger:241, 65, 108; } .input,input, textarea{ color:#121c21; } .diabledBG{ color: rgba(152, 160, 166, 0.6); background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f9f9fa' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E"); cursor: not-allowed; } /*.Document_Scrolled .ItemStates{ background-color: var(--backColor3); }*/ .DangerMessage{ color: rgba(var(--text-danger), 1) !important; background-color: rgba(var(--text-danger), 0.1) !important; border: 1px dashed rgba(var(--text-danger), 1) !important; } .boxshadowlight{ box-shadow: 0 0 20px #f7f7f7; border: 1px solid #e5e5e5; } *, ::after, ::before { box-sizing: border-box } /* *:focus-visible{ outline: 0 !important; border: 0; box-shadow: 0 !important; } */ body { margin: 0; -webkit-tap-highlight-color: transparent; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 600; line-height: 1.25; color: inherit } ol,ul { padding-left: 2rem } dl,ol,ul { margin-top: 0; margin-bottom: 1rem } ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } dt { font-weight: 500 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: 600 } .small,small { font-size: .875em } .mark,mark { padding: .2em; background-color: #fcf8e3 } sub,sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { /*color: #7e8299;*/ color: inherit; text-decoration: none } a:hover { color:inherit; text-decoration: none; } /*a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none }*/ code,kbd,pre,samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #b93993; word-wrap: break-word } a>code { color: inherit } img, svg { vertical-align: middle; max-width: 100%; } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #a1a5b7; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #e4e6ef; border-radius: .475rem; box-shadow: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05); max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #7e8299 } /* STYLE : [361] buttons. */ .Button:hover { z-index: 1000; outline:0 !important; opacity: 1.0; } .Button:active { outline: unset; } .Button > div { font-size: 1.1em !important; } .Button.HasImage { gap:4px; } .Button.HasImage > .ButtonTitle { min-width: fit-content; } /* STYLE : [361] buttons.btnmenu. */ .btn.btnmenu{ width: 100%; padding: 8px 0 8px 8px !important; } .btn.btnmenu >.ButtonImage{ max-height: 24px; max-width: 24px; } .btn.btnmenu > .ButtonTitle{ text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important;text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; } .btn.btnmenu .AggregateValue{ font-weight: 300; color: #01579B; opacity: 1; } .btn.btnmenu .Aggregate.AggregateLink:after{ content: "" !important; display: none !important; } .btn.btnmenu > .Aggregate { position: relative; padding: 0; min-width: fit-content; } /* STYLE : [361] buttons.btn. */ .btn-success { background-color: #1e7e34 !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-primary { background-color: #0069d9 !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-danger { background-color: #dc3545 !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-warning { background-color: #ffc107 !important; color: black !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-info { background-color: #117a8b !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-secondary { background-color: #6c757d !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-light-success { background-color: #E8F5E9 !important; color: #1e7e34 !important;border: 1px solid #1e7e34; border-radius: 4px; } .btn-light-primary { background-color: #E3F2FD !important;color: #0069d9 !important;border: 1px solid #0069d9;border-radius: 4px; } .btn-light-danger { background-color: #ffecf3 !important; color: #cb444a !important; border:1px solid #dc3545; border-radius: 4px; } .btn-light-warning {background-color: #FFF8E1 !important;color: #E65100 !important;border: 1px solid #ffc107; border-radius: 4px; } .btn-light-info { background-color: #E0F7FA !important; color: #117a8b !important; border:1px solid #117a8b; border-radius: 4px; } .btn-light-secondary { background-color: #eceff1 !important; color: #6c757d !important; border:1px solid #6c757d; border-radius: 4px; } /* STYLE : [361] htmlbackground. */ body { background-color: transparent; color: black; background-attachment: fixed; background-size: cover; background-position: center; } .MainContent > * { /* background-color: var(--bs-main-bg) !important;*/ background-attachment: fixed; background-size: cover; background-position: center; } /* STYLE : [361] Scroll. */ .Document_Scrolled .Button.ScrollToTop { display: block; } .Button.ScrollToTop { /*position: fixed; bottom: 1em; right: 1em; height: auto; background-color: white; color: #303030; font-size: 200%; padding: 0.5em 0.6em; border-radius: 100%; opacity: 0.5; display: none; z-index: 999999; box-shadow: 0 0 1px gray;*/ position: fixed; bottom: 0; right: 6px; height: 52px; width: 52px; background-color: #BBDEFB; color: #0D47A1; font-size: 160%; padding: 0.3em 0.3em; border-radius: 100%; opacity: 0.75; display: none; z-index: 999999; box-shadow: 0 0 1px gray; border: 1px solid #26C6DA; } .Button.ScrollToTop:hover { opacity: 1.0; box-shadow: 0 0 10px black; } .Document_Scrolled .PageTop { position: fixed; top: 0; left: 0; right: 0; bottom: auto; height: auto !important; z-index: 10000; box-shadow: 0 2px 5px rgba(99,99,99,0.5); padding: 0px !important; background-color: white; } .Document_Scrolled { padding-top: 4em; } .Scroll2Top { position: fixed; right: 2em; bottom: 2em; border-radius: 100%; display: none; background-color: white; color: #303030; font-size: 150%; height: 3em; width: 3em; z-index: 999999; transition: all 250ms; } .Mobile .Scroll2Top { transition: none; } .Scroll2Top:hover { outline: 0 !important; background-color: white; color: #303030; transform: scale(1.1); color: red; } .Document_Scrolled .Scroll2Top { display: block; } /* STYLE : [361] @media only screen and (max-width: 1399px). */ @media only screen and (max-width: 1399px) { :root { --fieldpadding: 0.5rem 1rem; --inputpadding: 0.75rem; } .FieldValue { font-size: 1em; line-height: 1em; } .Field.FieldDate input { font-size: 1em; } .NewFormButton { padding: 0.75em !important; font-size: 1em !important; margin-top: -3px; } .FieldIsEmpty.Mode_Display > .FieldValue > .InputSpan { max-height: 32px; } .Suffix { font-size: 90%; opacity: 0.85; } } /* STYLE : [361] QRCode. */ @media (min-width: 600px) { #reader { width: 80%; margin: auto; padding: 0px; } #reader-container { max-width: 1200px; margin: auto; } .HTMLWidget_Reader { max-width: 800px !important } } @media (max-width: 600px) { .desktop-render-area { width: 100%; } #reader { width: 100%; margin: 0px; padding: 0px; } } .ItemView_QRCodeReader_Card .FieldSet_Reader { height: 100% !important; justify-content: center !important; } .ItemView_Person_AccessControl .ItemView_QRCodeReader_Card { height: 98%; } /* STYLE : [361] NewTheme.root. */ :root{ --blue: #3874ff; --indigo: #6610f2; --purple: #6f42c1; --pink: #d63384; --red: #fa3b1d; --orange: #e5780b; --yellow: #ffc107; --green: #25b003; --teal: #20c997; --cyan: #0097eb; --black: #000000; --white: #fff; --gray: #6e7891; --gray-dark: #141824; --gray-50: #f5f7fa; --gray-100: #eff2f6; --gray-200: #e3e6ed; --gray-300: #cbd0dd; --gray-400: #9fa6bc; --gray-500: #8a94ad; --gray-600: #6e7891; --gray-700: #525b75; --gray-800: #3e465b; --gray-900: #31374a; --gray-1000: #222834; --gray-1100: #141824; --primary: #3874ff; --secondary: #31374a; --success: #25b003; --info: #0097eb; --warning: #e5780b; --danger: #fa3b1d; --light: #eff2f6; --dark: #141824; --primary-rgb: 56, 116, 255; --secondary-rgb: 49, 55, 74; --success-rgb: 37, 176, 3; --info-rgb: 0, 151, 235; --warning-rgb: 229, 120, 11; --danger-rgb: 250, 59, 29; --light-rgb: 239, 242, 246; --dark-rgb: 20, 24, 36; } .ViewBody{ min-height: 1em !important; } .ViewBody.ViewBody_Chart { min-height: 180px !important; } .ItemView:hover .Button { opacity: 1 !important; } /* STYLE : [361] NewTheme.Bootstrap-Grid. */ :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } /* STYLE : [361] NewTheme.Bootstrap-Grid.Container. */ .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; display: flex; } .container .ViewBody, .row .ViewBody{ background-color: transparent !important; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Row. */ .row { --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); display: flex; flex-direction: column; } .row.FieldSet:only-child{ flex-direction: row; } .row, Panel .row, .Panel.row{ gap: 0; flex-direction: row; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col. */ .col { flex: 1 0 0%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth576. */ @media (min-width: 576px) { .d-sm-none { display: none !important; } .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth768. */ @media (min-width: 768px) { .d-md-none { display: none !important; } .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth992. */ @media (min-width: 992px) { .d-lg-none { display: none !important; } .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth1200. */ @media (min-width: 1200px) { .d-xl-none { display: none !important; } .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth1400. */ @media (min-width: 1400px) { .d-xxl-none { display: none !important; } .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Offset. */ .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Order. */ .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } @media (min-width: 576px) { .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } } @media (min-width: 768px) { .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } } @media (min-width: 992px) { .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.gap. */ .gap-0 {gap: 0 !important;} .gap-1 {gap: 0.25rem !important;} .gap-2 {gap: 0.5rem !important;} .gap-3 {gap: 1rem !important;} .gap-4 {gap: 1.5rem !important;} .gap-5 {gap: 2rem !important;} .gap-6 {gap: 2.5rem !important;} .gap-7 {gap: 3rem !important;} .gap-8 {gap: 3.5rem !important;} .gap-9 {gap: 4rem !important;} .gap-10 {gap: 4.5rem !important;} .gap-11 {gap: 5rem !important;} .gap-12 {gap: 6rem !important;} .gap-13 {gap: 6.5rem !important;} .gap-14 {gap: 7rem !important;} .gap-15 {gap: 7.5rem !important;} .gap-row-0 {row-gap: 0 !important;} .gap-row-1 {row-gap: 0.25rem !important;} .gap-row-2 {row-gap: 0.5rem !important;} .gap-row-3 {row-gap: 1rem !important;} .gap-row-4 {row-gap: 1.5rem !important;} .gap-row-5 {row-gap: 2rem !important;} .gap-row-6 {row-gap: 2.5rem !important;} .gap-row-7 {row-gap: 3rem !important;} .gap-row-8 {row-gap: 3.5rem !important;} .gap-row-9 {row-gap: 4rem !important;} .gap-row-10 {row-gap: 4.5rem !important;} .gap-row-11 {row-gap: 5rem !important;} .gap-row-12 {row-gap: 6rem !important;} .gap-row-13 {row-gap: 6.5rem !important;} .gap-row-14 {row-gap: 7rem !important;} .gap-row-15 {row-gap: 7.5rem !important;} .gap-.column-0 {-webkit-column-gap: 0 !important;-moz-column-gap: 0 !important;column-gap: 0 !important;} .gap-.column-1 {-webkit-column-gap: 0.25rem !important;-moz-column-gap: 0.25rem !important;column-gap: 0.25rem !important;} .gap-.column-2 {-webkit-column-gap: 0.5rem !important;-moz-column-gap: 0.5rem !important;column-gap: 0.5rem !important;} .gap-.column-3 {-webkit-column-gap: 1rem !important;-moz-column-gap: 1rem !important;column-gap: 1rem !important;} .gap-.column-4 {-webkit-column-gap: 1.5rem !important;-moz-column-gap: 1.5rem !important;column-gap: 1.5rem !important;} .gap-.column-5 {-webkit-column-gap: 2rem !important;-moz-column-gap: 2rem !important;column-gap: 2rem !important;} .gap-.column-6 {-webkit-column-gap: 2.5rem !important;-moz-column-gap: 2.5rem !important;column-gap: 2.5rem !important;} .gap-.column-7 {-webkit-column-gap: 3rem !important;-moz-column-gap: 3rem !important;column-gap: 3rem !important;} .gap-.column-8 {-webkit-column-gap: 3.5rem !important;-moz-column-gap: 3.5rem !important;column-gap: 3.5rem !important;} .gap-.column-9 {-webkit-column-gap: 4rem !important;-moz-column-gap: 4rem !important;column-gap: 4rem !important;} .gap-.column-10 {-webkit-column-gap: 4.5rem !important;-moz-column-gap: 4.5rem !important;column-gap: 4.5rem !important;} .gap-.column-11 {-webkit-column-gap: 5rem !important;-moz-column-gap: 5rem !important;column-gap: 5rem !important;} .gap-.column-12 {-webkit-column-gap: 6rem !important;-moz-column-gap: 6rem !important;column-gap: 6rem !important;} .gap-.column-13 {-webkit-column-gap: 6.5rem !important;-moz-column-gap: 6.5rem !important;column-gap: 6.5rem !important;} .gap-.column-14 {-webkit-column-gap: 7rem !important;-moz-column-gap: 7rem !important;column-gap: 7rem !important;} .gap-.column-15 {-webkit-column-gap: 7.5rem !important;-moz-column-gap: 7.5rem !important;column-gap: 7.5rem !important;} .gap-0 > .DirectionVer , .gap-0 > .PanelBody , .gap-0 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 0 !important;} .gap-1 > .DirectionVer , .gap-1> .PanelBody , .gap-1 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 0.25rem !important;} .gap-2 > .DirectionVer , .gap-2 > .PanelBody , .gap-2 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 0.5rem !important;} .gap-3 > .DirectionVer , .gap-3 > .PanelBody , .gap-3 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 1rem !important;} .gap-4 > .DirectionVer , .gap-4 > .PanelBody , .gap-4 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 1.5rem !important;} .gap-5 > .DirectionVer , .gap-5 > .PanelBody , .gap-5 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 2rem !important;} .gap-6 > .DirectionVer , .gap-6 > .PanelBody , .gap-6 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 2.5rem !important;} .gap-7 > .DirectionVer , .gap-7 > .PanelBody , .gap-7 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 3rem !important;} .gap-8 > .DirectionVer , .gap-8 > .PanelBody , .gap-8 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 3.5rem !important;} .gap-9 > .DirectionVer , .gap-9 > .PanelBody , .gap-9 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 4rem !important;} .gap-10 > .DirectionVer , .gap-10 > .PanelBody , .gap-10 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 4.5rem !important;} .gap-11 > .DirectionVer , .gap-11 > .PanelBody , .gap-11 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 5rem !important;} .gap-12 > .DirectionVer , .gap-12 > .PanelBody , .gap-12 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 6rem !important;} .gap-13 > .DirectionVer , .gap-13 > .PanelBody , .gap-13 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 6.5rem !important;} .gap-14 > .DirectionVer , .gap-14 > .PanelBody , .gap-14 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 7rem !important;} .gap-15 > .DirectionVer , .gap-15 > .PanelBody , .gap-15 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 7.5rem !important;} /* STYLE : [361] NewTheme.TogglePanel.Detail. */ .Panel.TogglePanel.Detail{ border: 0 solid transparent !important; background-color: transparent !important; } .Panel.TogglePanel.Detail> .PanelHeader.ToggleHeader { border: 0 solid transparent !important; background-color: transparent !important; } .TogglePanel.Detail > .PanelHeader.ToggleHeader:before { content: var(--icon-Close); color: #f1416c !important; font-weight: 100; } /*close */ .TogglePanel.Detail.Toggle_Closed { border: 0 solid transparent !important; background-color: transparent !important; } .Panel.TogglePanel.Detail.Toggle_Closed > .PanelHeader.ToggleHeader { border: 0 solid transparent !important; background-color: transparent !important; } .TogglePanel.Detail.Toggle_Closed > .PanelHeader.ToggleHeader:before { content: var(--icon-New); color:#78909C !important; font-weight: 100; } .TogglePanel.Detail> .PanelHeader.ToggleHeader >.PanelHeaderTitle{ text-align: left; justify-content: flex-start; padding-left: 2.2em; text-transform: none; } /* STYLE : [361] NewTheme.Card. */ .card{ --cardcolor:#313741; --cardbgcolor:#ffffff; --cardborder:1px; --cardbordercolor:rgba(203, 208, 221, 0.54); --cardborderradius:8px; --cardboxshadow: unset; --cardspacex:1em; --cardspacey:1em; --paddingcardheader:1em 1em 0 1em ; --cardbodycolor:var(--cardcolor); --cardheadercolor:var(--cardcolor); --cardheaderbgcolor:var(--cardbgcolor); --cardheaderbordercolor:#cbd0dd; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; color: var(--cardcolor); word-wrap: break-word; background-color: var(--cardbgcolor); background-clip: border-box; border: var(--cardborder) solid var(--cardbordercolor); border-radius: var(--cardborderradius); -webkit-box-shadow: var(--cardboxshadow); box-shadow: var(--cardboxshadow); flex:1; /*overflow: hidden;*/ } .card-header { padding: var(--cardspacey) var(--cardspacex); margin-bottom: 0; color: var(--cardheadercolor); background-color: var(--cardheaderbgcolor); border-bottom: var(--cardborder) solid var(--phoenix-card-border-color); border-radius: var(--cardborderradius) var(--cardborderradius) 0 0; } .card-body{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--cardspacey) var(--cardspacex); color: var(--cardbodycolor); } .card > .PanelHeader { padding: var(--paddingcardheader); margin-bottom: 0; color: var(--cardheadercolor); background-color: var(--cardheaderbgcolor); border-bottom: var(--cardborder) solid var(--phoenix-card-border-color); border-radius: var(--cardborderradius) var(--cardborderradius) 0 0; } .card > .PanelHeader > .PanelHeaderTitle{ font-weight: 700; font-size: 110%; margin-top: 0; margin-bottom: .25rem; padding: 0; } .card > .PanelBody{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--cardspacey) var(--cardspacex); color: var(--cardbodycolor); } .card.t0 > .PanelBody{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 var(--cardspacex) var(--cardspacey) var(--cardspacex); color: var(--cardbodycolor); } .card.transparent { --cardbgcolor: transparent; } /* STYLE : [361] NewTheme.Card.EntityTypeView. */ .card.EntityTypeView>.EntityTypeViewBody { padding: 0.5em 1em 0.25em; } .card .EntityTypeView{ border: 0 !important; } /* STYLE : [361] NewTheme.Card.Aggregate. */ .card .Aggregate { opacity: 1 !important; } .card .AggregateValue{ color: #252f4a !important; font-size: 1.75rem !important; font-weight: 600 !important; text-align: center !important; } .card .Aggregate:after{ display: none !important; } .card .AggregateLabel{ color: #646E88 !important; font-size: 1.2rem !important; font-weight: 600 !important; text-align: center !important; text-transform:uppercase; } /* STYLE : [361] NewTheme.Card.TopDownAggregate. */ .TopDownAggregate .AggregateValue { flex-direction: column; } /* STYLE : [361] NewTheme.Card.ToggleBody. */ .card .ToggleBody >.EntityTypeView{ border: 0 !important; } /* STYLE : [361] NewTheme.Modal. */ /* Modal - popup - üzerinde form */ .modal{ --modalzindex: 1050; --modalbgopacity: 50%; --modalbgcolor:rgb(0 0 0 / var(--modalbgopacity)); display: block; position: fixed; top: 0; left: 0; z-index: var(--modalzindex); width: 100vw; height: 100vh; background-color: var(--modalbgcolor); } .modalcontent{ --modalcontentbgcolor:#ffffff; --modalcontentborder:1px solid transparent; --modalboderradius:0.375rem; --modalshadow: 0px 2px 4px -2px rgba(36, 40, 46, 0.08); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: var(--modalcontentbgcolor); background-clip: padding-box; border: var(--modalcontentborder); border-radius: var(--modalcontentborder); -webkit-box-shadow: var(--modalshadow); box-shadow: var(--modalshadow); outline: 0; } /* STYLE : [361] NewTheme.CloseButton. */ /* Buttons*/ .btn-close { --btn-close-color: #000000; --btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --btn-close-opacity: 0.5; --btn-close-hover-opacity: 0.75; --focus-shadow: 0 0 0 0.25rem rgba(56, 116, 255, 0.25); --btn-close-focus-opacity: 1; --btn-close-disabled-opacity: 0.25; --btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); -webkit-box-sizing: content-box; box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: var(--btn-close-color); background: rgba(0, 0, 0, 0) var(--btn-close-bg) center / 1em auto no-repeat; border: 0; border-radius: .375rem; opacity: var(--btn-close-opacity); } .btn-close:hover { color: var(--btn-close-color); text-decoration: none; opacity: var(--btn-close-hover-opacity); } /* STYLE : [361] NewTheme.Animation. */ .fade { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .FadeBorder { animation:borderred 1s ease-in; -webkit-animation:borderred 1s ease-in; animation-iteration-count: 2 !important; } @keyframes borderred { from { background-color: #FFF3E0;border: 2px solid #F57C00;} to{background-color: #fff3e000;border: 2px solid #f57c0000;} } /* STYLE : [361] NewTheme.Clamp. */ .lineclamp1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden } .lineclamp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } .lineclamp3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden } /* STYLE : [361] NewTheme.Positons. */ .positionstatic { position: static !important } .positionrelative { position: relative !important } .positionabsolute { position: absolute !important } .positionfixed { position: fixed !important } .positionsticky { position: sticky !important } .top0 { top: 0 !important } .top50 { top: 50% !important } .top100 { top: 100% !important } .bottom0 { bottom: 0 !important } .bottom50 { bottom: 50% !important } .bottom100 { bottom: 100% !important } .start0 { left: 0 !important } .start50 { left: 50% !important } .start100 { left: 100% !important } .end0 { right: 0 !important } .end50 { right: 50% !important } .end100 { right: 100% !important } .translate-middle { -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important } .translate-middle-x { -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important } .translate-middle-y { -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important } /* STYLE : [361] NewTheme.TextColumn. */ .column-1 { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important } .column-2 { -webkit-column-count: 2 !important; -moz-column-count: 2 !important; column-count: 2 !important } .column-3 { -webkit-column-count: 3 !important; -moz-column-count: 3 !important; column-count: 3 !important } /* STYLE : [361] NewTheme.Avatar. */ .avatar { position: relative; display: inline-block; vertical-align: middle; margin:auto; } .avatar img { -o-object-fit: cover; object-fit: cover } .avatar-s { height: 1.5rem !important; width: 1.5rem !important; } .avatar-m { height: 2rem !important; width: 2rem !important; } .avatar-l { height: 3rem !important; width: 3rem !important; } .avatar-xl { height: 4rem !important; width: 4rem !important; } .avatar-24 { max-height: 24px !important; width: 24px !important; } .avatar-32 { max-height: 32px !important; width: 32px !important; } .avatar-64 { max-height: 64px !important; width: 64px !important; } .avatar-90 { max-height: 90px !important; width: 90px !important; } .avatar-120 { max-height: 120px !important; width: 120px !important; } .avatar-180 { max-height: 180px !important; width: 180px !important; } .avatar-240 { max-height: 240px !important; width: 240px !important; } .avatar-320 { max-height: 320px !important; width: 320px !important; } /* STYLE : [361] NewTheme.Flex. */ .flexrow { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flexcolumn { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flexrowreverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flexcolumnreverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flexgrow0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flexgrow1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flexshrink0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flexshrink1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .flexwrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flexnowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flexwrapreverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justifycontentstart { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justifycontentend { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justifycontentcenter { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justifycontentbetween { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justifycontentaround { -ms-flex-pack: distribute !important; justify-content: space-around !important } .justifycontentevenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important } .alignitemsstart { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .alignitemsend { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .alignitemscenter { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .alignitemsbaseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .alignitemsstretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .aligncontentstart { -ms-flex-line-pack: start !important; align-content: flex-start !important } .aligncontentend { -ms-flex-line-pack: end !important; align-content: flex-end !important } .aligncontentcenter { -ms-flex-line-pack: center !important; align-content: center !important } .aligncontentbetween { -ms-flex-line-pack: justify !important; align-content: space-between !important } .aligncontentaround { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .aligncontentstretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .alignselfauto { -ms-flex-item-align: auto !important; align-self: auto !important } .alignselfstart { -ms-flex-item-align: start !important; align-self: flex-start !important } .alignselfend { -ms-flex-item-align: end !important; align-self: flex-end !important } .alignselfcenter { -ms-flex-item-align: center !important; align-self: center !important } .alignselfbaseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .alignselfstretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } .flex0{ flex: 0; } .flex1{ flex: 1; } .flex2{ flex: 2; } .flex3{ flex: 3; } .flex3{ flex: 3; } .flex4{ flex: 4; } .flex5{ flex: 5; } .flex6{ flex: 6; } .flex10{ flex: 10; } .flex11{ flex: 11; } /* STYLE : [361] NewTheme.badge. */ .badge { --badge-padding-x: 0.711111em; --badge-padding-y: 0.355555em; --badge-font-size: 0.75em; --badge-font-weight: 700; --badge-color: #fff; --badge-border-radius: 0.25rem; display: inline-block; padding: var(--badge-padding-y) var(--badge-padding-x); font-size: var(--badge-font-size); font-weight: var(--badge-font-weight); line-height: 1; color: var(--badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--badge-border-radius); } .badge:empty { display: none; } .btn .badge{ position: relative; top: -1px; } /* STYLE : [361] NewTheme.MouseAction. */ .userselectnone { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important } .penone { pointer-events: none !important } .peauto { pointer-events: auto !important } /* STYLE : [361] NewTheme.Padding. */ @media (min-width: 576px) { .p-sm-0 {padding: 0 !important;}.p-sm-1 {padding: 0.25rem !important;}.p-sm-2 {padding: 0.5rem !important;}.p-sm-3 {padding: 1rem !important;}.p-sm-4 {padding: 1.5rem !important;}.p-sm-5 {padding: 2rem !important;}.p-sm-6 {padding: 2.5rem !important;}.p-sm-7 {padding: 3rem !important;}.p-sm-8 {padding: 3.5rem !important;}.p-sm-9 {padding: 4rem !important;}.p-sm-10 {padding: 4.5rem !important;}.p-sm-11 {padding: 5rem !important;}.p-sm-12 {padding: 6rem !important;}.p-sm-13 {padding: 6.5rem !important;}.p-sm-14 {padding: 7rem !important;}.p-sm-15 {padding: 7.5rem !important;} .px-sm-0 {padding-right: 0 !important;padding-left: 0 !important;}.px-sm-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;} .px-sm-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}.px-sm-3 {padding-right: 1rem !important;padding-left: 1rem !important;}.px-sm-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}.px-sm-5 {padding-right: 2rem !important;padding-left: 2rem !important;}.px-sm-6 {padding-right: 2.5rem !important;padding-left: 2.5rem !important;}.px-sm-7 {padding-right: 3rem !important;padding-left: 3rem !important;}.px-sm-8 {padding-right: 3.5rem !important;padding-left: 3.5rem !important;}.px-sm-9 {padding-right: 4rem !important;padding-left: 4rem !important;}.px-sm-10 {padding-right: 4.5rem !important;padding-left: 4.5rem !important;}.px-sm-11 {padding-right: 5rem !important;padding-left: 5rem !important;}.px-sm-12 {padding-right: 6rem !important;padding-left: 6rem !important;}.px-sm-13 {padding-right: 6.5rem !important;padding-left: 6.5rem !important;}.px-sm-14 {padding-right: 7rem !important;padding-left: 7rem !important;}.px-sm-15 {padding-right: 7.5rem !important;padding-left: 7.5rem !important;}.py-sm-0 {padding-top: 0 !important;padding-bottom: 0 !important;}.py-sm-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}.py-sm-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}.py-sm-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;}.py-sm-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}.py-sm-5 {padding-top: 2rem !important;padding-bottom: 2rem !important;}.py-sm-6 {padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;}.py-sm-7 {padding-top: 3rem !important;padding-bottom: 3rem !important;}.py-sm-8 {padding-top: 3.5rem !important;padding-bottom: 3.5rem !important;}.py-sm-9 {padding-top: 4rem !important;padding-bottom: 4rem !important;}.py-sm-10 {padding-top: 4.5rem !important;padding-bottom: 4.5rem !important;}.py-sm-11 {padding-top: 5rem !important;padding-bottom: 5rem !important;}.py-sm-12 {padding-top: 6rem !important;padding-bottom: 6rem !important;}.py-sm-13 {padding-top: 6.5rem !important;padding-bottom: 6.5rem !important;}.py-sm-14 {padding-top: 7rem !important;padding-bottom: 7rem !important;}.py-sm-15 {padding-top: 7.5rem !important;padding-bottom: 7.5rem !important;} } @media (min-width: 768px) { .p-md-0 {padding: 0 !important;}.p-md-1 {padding: 0.25rem !important;}.p-md-2 {padding: 0.5rem !important;}.p-md-3 {padding: 1rem !important;}.p-md-4 {padding: 1.5rem !important;}.p-md-5 {padding: 2rem !important;}.p-md-6 {padding: 2.5rem !important;}.p-md-7 {padding: 3rem !important;}.p-md-8 {padding: 3.5rem !important;}.p-md-9 {padding: 4rem !important;}.p-md-10 {padding: 4.5rem !important;}.p-md-11 {padding: 5rem !important;}.p-md-12 {padding: 6rem !important;}.p-md-13 {padding: 6.5rem !important;}.p-md-14 {padding: 7rem !important;}.p-md-15 {padding: 7.5rem !important;} .px-md-0 {padding-right: 0 !important;padding-left: 0 !important;} .px-md-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;} .px-md-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;} .px-md-3 {padding-right: 1rem !important;padding-left: 1rem !important;} .px-md-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;} .px-md-5 {padding-right: 2rem !important;padding-left: 2rem !important;} .px-md-6 {padding-right: 2.5rem !important;padding-left: 2.5rem !important;} .px-md-7 {padding-right: 3rem !important;padding-left: 3rem !important;} .px-md-8 {padding-right: 3.5rem !important;padding-left: 3.5rem !important;} .px-md-9 {padding-right: 4rem !important;padding-left: 4rem !important;} .px-md-10 {padding-right: 4.5rem !important;padding-left: 4.5rem !important;} .px-md-11 {padding-right: 5rem !important;padding-left: 5rem !important;} .px-md-12 {padding-right: 6rem !important;padding-left: 6rem !important;} .px-md-13 {padding-right: 6.5rem !important;padding-left: 6.5rem !important;} .px-md-14 {padding-right: 7rem !important;padding-left: 7rem !important;} .px-md-15 {padding-right: 7.5rem !important;padding-left: 7.5rem !important;} .py-md-0 {padding-top: 0 !important;padding-bottom: 0 !important;} .py-md-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;} .py-md-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;} .py-md-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;} .py-md-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;} .py-md-5 {padding-top: 2rem !important;padding-bottom: 2rem !important;} .py-md-6 {padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;} .py-md-7 {padding-top: 3rem !important;padding-bottom: 3rem !important;} .py-md-8 {padding-top: 3.5rem !important;padding-bottom: 3.5rem !important;} .py-md-9 {padding-top: 4rem !important;padding-bottom: 4rem !important;} .py-md-10 {padding-top: 4.5rem !important;padding-bottom: 4.5rem !important;} .py-md-11 {padding-top: 5rem !important;padding-bottom: 5rem !important;} .py-md-12 {padding-top: 6rem !important;padding-bottom: 6rem !important;} .py-md-13 {padding-top: 6.5rem !important;padding-bottom: 6.5rem !important;} .py-md-14 {padding-top: 7rem !important;padding-bottom: 7rem !important;} .py-md-15 {padding-top: 7.5rem !important;padding-bottom: 7.5rem !important;} } .p-0, .p-0 > .InputSpan > a {padding: 0 !important;} .p-1, .p-1 > .InputSpan > a {padding: 0.25rem !important;} .p-2, .p-2 > .InputSpan > a{padding: 0.5rem !important;} .p-3, .p-3 > .InputSpan > a {padding: 1rem !important;} .p-4, .p-4 > .InputSpan > a {padding: 1.5rem !important;} .p-5, .p-5 > .InputSpan > a {padding: 2rem !important;} .p-6, .p-6 > .InputSpan > a {padding: 2.5rem !important;} .p-7 {padding: 3rem !important;} .p-8 {padding: 3.5rem !important;} .p-9 {padding: 4rem !important;} .p-10 {padding: 4.5rem !important;} .p-11 {padding: 5rem !important;} .p-12 {padding: 6rem !important;} .p-13 {padding: 6.5rem !important;} .p-14 {padding: 7rem !important;} .p-15 {padding: 7.5rem !important;} .px-0 {padding-right: 0 !important;padding-left: 0 !important;} .px-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;} .px-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;} .px-3 {padding-right: 1rem !important;padding-left: 1rem !important;} .px-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;} .px-5 {padding-right: 2rem !important;padding-left: 2rem !important;} .px-6 {padding-right: 2.5rem !important;padding-left: 2.5rem !important;} .px-7 {padding-right: 3rem !important;padding-left: 3rem !important;} .px-8 {padding-right: 3.5rem !important;padding-left: 3.5rem !important;} .px-9 {padding-right: 4rem !important;padding-left: 4rem !important;} .px-10 {padding-right: 4.5rem !important;padding-left: 4.5rem !important;} .px-11 {padding-right: 5rem !important;padding-left: 5rem !important;} .px-12 {padding-right: 6rem !important;padding-left: 6rem !important;} .px-13 {padding-right: 6.5rem !important;padding-left: 6.5rem !important;} .px-14 {padding-right: 7rem !important;padding-left: 7rem !important;} .px-15 {padding-right: 7.5rem !important;padding-left: 7.5rem !important;} .py-0 {padding-top: 0 !important;padding-bottom: 0 !important;} .py-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;} .py-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;} .py-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;} .py-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;} .py-5 {padding-top: 2rem !important;padding-bottom: 2rem !important;} .py-6 {padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;} .py-7 {padding-top: 3rem !important;padding-bottom: 3rem !important;} .py-8 {padding-top: 3.5rem !important;padding-bottom: 3.5rem !important;} .py-9 {padding-top: 4rem !important;padding-bottom: 4rem !important;} .py-10 {padding-top: 4.5rem !important;padding-bottom: 4.5rem !important;} .py-11 {padding-top: 5rem !important;padding-bottom: 5rem !important;} .py-12 {padding-top: 6rem !important;padding-bottom: 6rem !important;} .py-13 {padding-top: 6.5rem !important;padding-bottom: 6.5rem !important;} .py-14 {padding-top: 7rem !important;padding-bottom: 7rem !important;} .py-15 {padding-top: 7.5rem !important;padding-bottom: 7.5rem !important;} .pt-0 {padding-top: 0 !important;}.pt-1 {padding-top: 0.25rem !important;}.pt-2 {padding-top: 0.5rem !important;} .pt-3 {padding-top: 1rem !important;}.pt-4 {padding-top: 1.5rem !important;}.pt-5 {padding-top: 2rem !important;} .pt-6 {padding-top: 2.5rem !important;}.pt-7 {padding-top: 3rem !important;}.pt-8 {padding-top: 3.5rem !important;} .pt-9 {padding-top: 4rem !important;}.pt-10 {padding-top: 4.5rem !important;} .pt-11 {padding-top: 5rem !important;}.pt-12 {padding-top: 6rem !important;} .pt-13 {padding-top: 6.5rem !important;}.pt-14 {padding-top: 7rem !important;} .pt-15 {padding-top: 7.5rem !important;}.pe-0 {padding-right: 0 !important;} .pe-1 {padding-right: 0.25rem !important;}.pe-2 {padding-right: 0.5rem !important;} .pe-3 {padding-right: 1rem !important;}.pe-4 {padding-right: 1.5rem !important;} .pe-5 {padding-right: 2rem !important;} .pe-6 {padding-right: 2.5rem !important;} .pe-7 {padding-right: 3rem !important;} .pe-8 {padding-right: 3.5rem !important;} .pe-9 {padding-right: 4rem !important;} .pe-10 {padding-right: 4.5rem !important;} .pe-11 {padding-right: 5rem !important;} .pe-12 {padding-right: 6rem !important;} .pe-13 {padding-right: 6.5rem !important;} .pe-14 {padding-right: 7rem !important;} .pe-15 {padding-right: 7.5rem !important;} .pb-0 {padding-bottom: 0 !important;} .pb-1 {padding-bottom: 0.25rem !important;} .pb-2 {padding-bottom: 0.5rem !important;} .pb-3 {padding-bottom: 1rem !important;} .pb-4 {padding-bottom: 1.5rem !important;} .pb-5 {padding-bottom: 2rem !important;} .pb-6 {padding-bottom: 2.5rem !important;} .pb-7 {padding-bottom: 3rem !important;} .pb-8 {padding-bottom: 3.5rem !important;} .pb-9 {padding-bottom: 4rem !important;} .pb-10 {padding-bottom: 4.5rem !important;} .pb-11 {padding-bottom: 5rem !important;} .pb-12 {padding-bottom: 6rem !important;} .pb-13 {padding-bottom: 6.5rem !important;} .pb-14 {padding-bottom: 7rem !important;} .pb-15 {padding-bottom: 7.5rem !important;} .ps-0 {padding-left: 0 !important;} .ps-1 {padding-left: 0.25rem !important;} .ps-2 {padding-left: 0.5rem !important;} .ps-3 {padding-left: 1rem !important;} .ps-4 {padding-left: 1.5rem !important;} .ps-5 {padding-left: 2rem !important;} .ps-6 {padding-left: 2.5rem !important;} .ps-7 {padding-left: 3rem !important;} .ps-8 {padding-left: 3.5rem !important;} .ps-9 {padding-left: 4rem !important;} .ps-10 {padding-left: 4.5rem !important;} .ps-11 {padding-left: 5rem !important;} .ps-12 {padding-left: 6rem !important;} .ps-13 {padding-left: 6.5rem !important;} .ps-14 {padding-left: 7rem !important;} .ps-15 {padding-left: 7.5rem !important;} .m-0{margin: 0 !important;} .m-1{margin: 0.25rem !important;} .m-2{margin: 0.5rem !important;} .m-3{margin: 1rem !important;} .m-4{margin: 1.5rem !important;} .m-5{margin: 2rem !important;} .m-6{margin: 2.5rem !important;} /* STYLE : [361] NewTheme.height. */ .h-1em{height:1em;} .h-2em{height:2em;} .h-3em{height:3em;} .h-4em{height:4em;} .h-5em{height:5em;} .h-10em{height:10em;} .h-15em{height:15em;} .h-20em{height:20em;} .h-25em{height:25em;} .h-25 {height: 25% !important;} .h-30 {height: 30% !important;} .h-50 {height: 50% !important;} .h-60 {height: 60% !important;} .h-70 {height: 70% !important;} .h-75 {height: 75% !important;} .h-100 {height: 100% !important;} .h-auto {height: auto !important;} .mh-100 {max-height: 100% !important;} .vh-25 {height: 25vh !important;} .vh-50 {height: 50vh !important;} .vh-75 {height: 75vh !important;} .vh-100 {height: 100vh !important;} .min-vh-50 {min-height: 50vh !important;} .min-vh-75 {min-height: 75vh !important;} .min-vh-100 {min-height: 100vh !important;} .max-vh-50 {max-height: 50vh !important;} .max-vh-75 {max-height: 75vh !important;} .max-vh-100 {max-height: 100vh !important;} .mm-vh-50 {max-height: 50vh !important;min-height: 50vh !important;} .mm-vh-75 {max-height: 75vh !important;min-height: 75vh !important;} .mm-vh-100 {max-height: 100vh !important;min-height: 100vh !important;} /* STYLE : [361] NewTheme.height.minwidth576. */ @media (min-width: 576px) { } /* STYLE : [361] NewTheme.height.Maxwidth576. */ @media (max-width: 575px) { .min-sm-vh-50 {min-height: 50vh !important;} .min-sm-vh-100 {min-height: 100vh !important;} .max-sm-vh-50 {max-height: 50vh !important;} .max-sm-vh-100 {max-height: 100vh !important;} .mm-sm-vh-50 {max-height: 50vh !important;min-height: 50vh !important;} .mm-sm-vh-100 {max-height: 100vh !important;min-height: 100vh !important;} } /* STYLE : [361] NewTheme.width. */ .w-25 {width: 25% !important;} .w-30 {width: 30% !important;} .w-50 {width: 50% !important;} .w-60 {width: 60% !important;} .w-70 {width: 70% !important;} .w-75 {width: 75% !important;} .w-100 {width: 100% !important;} .w-auto {width: auto !important;} .mw-25 {max-width: 25% !important;} .vw-50 {width: 50vw !important;} .vw-75 {width: 75vw !important;} .vw-100 {width: 100vw !important;} .min-vw-50 {min-width: 50vw !important;} .min-vw-100 {min-width: 100vw !important;} .max-vw-50 {max-width: 50vw !important;} .max-vw-100 {max-width: 100vw !important;} .w-1em{width:1em !important;} .w-2em{width:2em !important;} .w-3em{width:3em !important;} .w-4em{width:4em !important;} .w-5em{width:5em !important;} .w-10em{width:10em !important;} .w-15em{width:15em !important;} .w-20em{width:20em !important;} .w-25em{width:25em !important;} /* STYLE : [361] NewTheme.EntityTypeView. */ .EntityTypeView .Panel .PanelHeader { letter-spacing: 0.5px; font-size: 1rem; } .EntityTypeView:hover .Panel .PanelHeader { } .EntityTypeView .Panel .PanelHeader >.TopCenter >.EntityTypeViewTitle >.EntityTypeViewTitleBody { font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; padding: 0 8px; line-height: 1; } .EntityTypeView:hover .Panel .PanelHeader >.TopCenter >.EntityTypeViewTitle >.EntityTypeViewTitleBody { } .EntityTypeView .BrowseFilterPanel.PageByPanel { } .EntityTypeView .ViewActions .ToggleMenu { font-size: 1.75em; max-width: 2em; overflow: hidden; color: #78909c !important; } .EntityTypeView .ViewActions .ToggleMenu:hover { } .EntityTypeView .TopLeft .Actions a { background-color: inherit; color: inherit; z-index: 99; border-radius: 8px; padding: 4px 8px; } .EntityTypeView:hover .TopLeft .Actions a,.EntityTypeView .TopLeft .Actions a:hover { background-color: #ffffff00; color: #00838F; /* box-shadow: 0 0 5px white;*/ text-shadow: unset !important; } /* STYLE : [361] NewTheme.SingleItem.ItemSelection. */ .ItemSelection > span { text-wrap: nowrap; } /* STYLE : [361] NewTheme.SingleItem.DirectionVer. */ .SingleItem .FieldSet > .DirectionVer > div{ display: flex; } .DirectionVer{ width:100% !important; } /* STYLE : [361] NewTheme.border. */ .radius-1{overflow: hidden; border-radius: 0.25rem;}.radius-1top{overflow: hidden; border-radius: 0.25rem 0.25rem 0 0;}.radius-1bottom{overflow: hidden; border-radius: 0.25rem 0.25rem 0 0;} .radius-2{overflow: hidden; border-radius: 0.5rem;}.radius-2top{overflow: hidden; border-radius: 0.5rem 0.5rem 0 0;}.radius-2bottom{overflow: hidden; border-radius: 0.5rem 0.5rem 0 0;} .radius-3{overflow: hidden; border-radius: 1rem;}.radius-3top{overflow: hidden; border-radius: 1rem 1rem 0 0;}.radius-3bottom{overflow: hidden; border-radius: 1rem 1rem 0 0;} .radius-4{overflow: hidden; border-radius: 1.5rem;}.radius-4top{overflow: hidden; border-radius: 1.5rem 1.5rem 0 0;}.radius-4bottom{overflow: hidden; border-radius: 1.5rem 1.5rem 0 0;} .radius-5{overflow: hidden; border-radius: 2rem;}.radius-5top{overflow: hidden; border-radius: 2rem 2rem 0 0;}.radius-5bottom{overflow: hidden; border-radius: 2rem 2rem 0 0;} .radius-6{overflow: hidden; border-radius: 2.5rem;}.radius-6top{overflow: hidden; border-radius: 2.5rem 2.5rem 0 0;}.radius-6bottom{overflow: hidden; border-radius: 2.5rem 2.5rem 0 0;} .radius-7{overflow: hidden; border-radius: 3em;}.radius-6top{overflow: hidden; border-radius: 3rem 3rem 0 0;}.radius-6bottom{overflow: hidden; border-radius: 3rem 3rem 0 0;} .radius-50{overflow: hidden; border-radius: 50%;}.radius-50top{overflow: hidden; border-radius: 50% 50% 0 0;}.radius-50bottom{overflow: hidden; border-radius: 50% 50% 0 0;} .radius-0{ border-radius: 0} /* STYLE : [361] NewTheme.Typography. */ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.25rem; font-weight: 700; line-height: 1; } h1, .h1 { font-size: calc(1.369140625rem + 1.4296875vw); } h2, .h2 { font-size: 1.953125rem; } h3, .h3 { font-size: 1.5625rem; } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.8rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .fw-100{font-weight:100 !important;} .fw-200{font-weight:200 !important;} .fw-300{font-weight:300 !important;} .fw-400{font-weight:400 !important;} .fw-500{font-weight:500 !important;} .fw-600{font-weight:600 !important;} .fw-700{font-weight:700 !important;} .fw-800{font-weight:800 !important;} .fw-900{font-weight:900 !important;} .gray-500 { color: #99a1b7 !important; } .gray-800 { color: #252f4a !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .field_genislet .InputSpan > input{ min-width: 100% !important; } /* STYLE : [361] NewTheme.Multi_Lang. */ .FieldSet_Multi_Lang > .TabHeader { justify-content: flex-end !important; z-index: 99; } .FieldSet_Multi_Lang > .TabHeader > .TabButton { min-width: 24px; } .FieldSet_Multi_Lang > .TabHeader > .TabButton:after { display: none !important; } .FieldSet_Multi_Lang > .TabBody.DirectionTab{ padding: 0 !important; } /* STYLE : [361] NewTheme.Parameters. */ .ParameterNew{ display: flex !important; max-width: fit-content; } .ParameterNew .ItemSelection.Menu_Arrow_Down{ border: 0; color: #263238; } .ParameterNew .ItemSelection.Menu_Arrow_Down:focus{ border: 0; color: #263238; background-color: transparent; border-radius: 0; } .ParameterNew .PlaceHolder{ opacity: 1; font-weight: 400; } .ParameterNew .ParamLabel{ display: flex; align-items: center; color: #78909C; } /* STYLE : [361] AutoNotification. */ :root{ --animedelay:13s; --animeItemSize:360px; } @-webkit-keyframes slide-top { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-top { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .AutoNotification { overflow: hidden; } div:has(>.AutoNotification ) { display: flex !important; position: absolute; right: 1em; bottom: 5em; top: auto; left: auto; height: 3em; width: var(--animeItemSize); z-index: 999999; flex-direction: column !important; align-items: flex-end; flex-wrap: nowrap; justify-content: flex-end !important; max-width: 360px !important; min-width: 360px !important; /*-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;*/ } div:has(>.AutoNotification.NoItems ) { z-index: -2; } div:has(>.AutoNotification ) .ItemView { min-width: 340px !important; max-width: 340px !important; width: 340px !important; -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; padding: 1em !important; border-radius: 1em !important; border: 1px solid #CFD8DC !important; background-color: #ffffff !important; } div:has(>.AutoNotification ) .ItemView > .FieldSet_m{ padding: 0.5rem !important; font-size: 125%; } /*div:has(>.AutoNotification.NoItems ) .ItemView { -webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) var(--animedelay) both; animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) var(--animedelay) both; }*/ div:has(>.AutoNotification ) .ItemView .FieldSet_fs_h_obj{ height: 1 !important; min-height: 1px !important; max-height: 1px !important; visibility: hidden; } div:has(>.AutoNotification ) .NoRecordsFound { display: none !important; } /* STYLE : [361] Barcode. */ .BarCode_Code39 .InputSpan { display: none; } /* STYLE : [361] .HidePrint. */ .PrintPreviewBody .SingleItem_DBCBusinessCard .ItemHeader,.PrintPreviewBody .SingleItem_DBCBusinessCard .ItemFooter { display: none !important; } /* STYLE : [361] sunumslider. */ .Style_sunum1{ } .Style_sunum1 .swiper-wrapper{ } .Style_sunum1 .swiper-wrapper .row { } .Style_sunum1 .swiper-wrapper .row > .col-lg-8{ width: 50% !important; } .Style_sunum1 .swiper-wrapper .row > .col-lg-4{ width: 50% !important; } /* STYLE : [361] PrintCSS. */ @media print { .SingleItem_SalesOfferForm.SingleItem_SalesOfferForm_Preview { box-shadow: unset !important; padding: 1cm !important; } .PBBefore{ page-break-before: always; } .PBAfter{ page-break-after: always; } .SingleItem_SalesOfferType_Preview { padding: 0 !important; box-shadow: none !important; } .SingleItem_SalesOfferType_Preview .FieldSet_Body{ background-color: #ffffff; margin: 0; box-shadow: none !important; margin: unset !important; } .SingleItem_SalesOfferType_Preview .ItemFooter{ display: none !important; } p { margin: unset; } .SingleItem_SalesOfferForm.SingleItem_SalesOfferForm_Preview .ItemSubForm, .SingleItem_SalesOfferForm.SingleItem_SalesOfferForm_Preview .ItemFooter { display: none !important; } } /* STYLE : [361] formetaNew. */ /* META : .Base.Layout.Panel.Login.User */ .UserTable { /*! margin: 1px; */ margin:0 !important; } .SingleItem .FieldSetPanel{ contain: inherit !important; } .ItemHeader > .Right { /* flex-direction: column;*/ /* vertical-align: middle;*/ flex-direction: row; } .ItemHeader > .Right .ItemPreviewButton{ position: relative !important; left: unset !important; } .ItemHeader > .Right .ItemSubmit{ flex:1; } .Field.Mode_Edit textarea.se-wrapper-code{ background-color: #000000 !important; } .ItemView:hover { background-color: unset; } /* STYLE : [361] toConfig. */ .Style_Purple .FieldSet_RequestSummary { background-color: #a489dc !important; color: #fff !important; } textarea{ font-size: 12px; } /* STYLE : [361] SingleItemHeaderTitleDiv. */ .SingleItem .FieldSet_m .SingleItemHeaderTitle { padding: 0; position: absolute; top: -1.2em; width: auto; left: 0; right: 0; text-align: center; margin: 0 auto; text-align: center; justify-content: center; max-width: fit-content; background: #fff; z-index: 999; border-radius: 8px; } .SingleItem .FieldSet_m .SingleItemHeaderTitle .DirectionVer div { max-width: fit-content; min-width: fit-content; } .SingleItem .FieldSet_m .SingleItemHeaderTitle .DirectionVer div > a > a { padding: 0 2px 0 0; white-space: nowrap; } /* STYLE : [361] GeneralColor. */ input{ color: black !important; } select { color: black !important; } /* STYLE : [361] LaraFreightKaldırılacak. */ .Domain_larafreight .SingleItem_TRNFreightQuote .ManyFields > .FieldSet_left:first-child .Field_CustomerPhone { display: none !important; } /* STYLE : [361] media. */ @media (prefers-color-scheme: dark) { .sfb-row select, .sfb-row input { background: #0f172a; border-color: #64748b; color: #f8fafc !important; } } /* STYLE : [SURVEY] ActiveSurveys. */ .ActiveSurveys{ } .ActiveSurveys .ItemView_Survey_Summary { max-width: 430px; } .ActiveSurveys .ItemView_Survey_Summary .Field_Version > .FieldValue > .InputSpan, .ActiveSurveys .ItemView_Survey_Summary .Field_QuestionCount > .FieldValue > .InputSpan, .ActiveSurveys .ItemView_Survey_Summary .Field_AnswerCount > .FieldValue > .InputSpan, .ActiveSurveys .ItemView_Survey_Summary .Field_Version , .ActiveSurveys .ItemView_Survey_Summary .Field_QuestionCount , .ActiveSurveys .ItemView_Survey_Summary .Field_AnswerCount { width: fit-content; max-width: fit-content; } .ActiveSurveys .ItemView_Survey_Summary .btn { padding: var(--gap) !important; font-size: 80%; } /* STYLE : [SURVEY] SurveyChoice. */ .HoverTop.Top10 { top: 10px !important; max-width: fit-content; right: 0; left: auto; } /* STYLE : [SURVEY] SurveyQuestion_Summary. */ .ItemView_SurveyQuestion_Summary { background-color: #ECEFF1; padding: var(--gap); border: 1px solid #78909c40 !important; } .ItemView_Survey_Summary .ButtonTitle {padding: 0!important;} /* STYLE : [SURVEY] AnswerChoice. */ .Field_AnswerChoice.FieldValue .Selected, .FieldSurveyChoice.FieldValue .Selected{ color: #555555 !important; background-color: #C8E6C9 !important; border-color: #4DB6AC !important; } /* STYLE : [SURVEY] SurveyCatalogCard. */ .ItemView_SurveyCategory { --height:120px; --width:320px; } .ItemView_SurveyCategory_CatalogCard { max-width: var(--width); min-height: var(--height); max-height: var(--height); background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e; border-radius: var(--gap); } .ItemView_SurveyCategory_CatalogCard2 { max-width: var(--width); min-height:var(--height); max-height: var(--height); background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e; border-radius: var(--gap); padding: 4px var(--gap) 0; } .ViewBody_ItemView_CatalogCard{ padding: var(--gap); gap: var(--gap); } .ItemView_SurveyCategory_CatalogCard > .FieldSet_0, .ItemView_SurveyCategory_CatalogCard2 > .FieldSet_0 { padding: 4px var(--gap) 0; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 { padding: 4px var(--gap) 0; border-radius: 0 0 var(--gap) var(--gap); background-color: #f5f7ff; border-top: 1px solid #3f51b517; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_SubCount .InputSpan > a, .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_SubCount .FieldLabel > a{ justify-content: flex-start !important; padding: 0; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_QuestionCount .InputSpan > a, .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_QuestionCount .FieldLabel > a { padding: 0; justify-content: flex-end; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_SubCount .InputSpan > a, .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_QuestionCount .InputSpan > a{ font-size: 1.25em; color: #009688; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_SubCount .FieldLabel > a > span, .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_QuestionCount .FieldLabel > a > span{ color: #607d8b !important; } .ItemView_SurveyCategory_CatalogCard .Field_Name > .InputSpan > a, .ItemView_SurveyCategory_CatalogCard2 .Field_Name > .InputSpan > a { color: #455A64; font-size: 1.5em; font-weight: 500; } .ItemView_SurveyCategory_CatalogCard2 .FieldSet_top{ display: flex !important; flex-direction: row !important; min-width: 6em !important; align-items: center !important; } /* STYLE : [DOCUMENTMANAGEMENT] SingleItem_Document. */ .SingleItem_Document .FieldSet_Right .DirectionAccordion > div > div.PanelHeader { background-color: #FFF3E0; border-bottom: 1px solid #FFCC80; color: #D84315; } .SingleItem_Document .FieldSet_Right .DirectionAccordion > div.AccordionSelected > .PanelBody { background-color: #fbfbfb; border-bottom: 1px solid #CFD8DC; padding:var(--gap); } /* STYLE : [SALESACTIVITY] SalesActivityActionType. */ .ItemView_SalesActivityActionType_Card { flex: none; width: auto; } .ItemView_SalesActivityActionType_Card a { white-space: nowrap; flex-wrap: nowrap; } /* STYLE : [SALESORDER] SalesOrderDetail. */ .ItemView_SalesOrderDetail_Detail { flex: 1; } .EntityType_SalesOrderDetail .ViewBody_ItemView { flex-direction: column; align-content: stretch; } /* STYLE : [PRICELIST] B2B. */ .ItemView_PriceListDetail_B2B { width: 100%; margin: 1px 0; padding: 4px; } .ItemView_PriceListDetail_B2B .FieldValue a { padding: 0; } .ItemView_PriceListDetail_B2B img { height: 48px; max-width: 100%; } .FieldSet_lockedFS svg{ height: 2em; max-height: 2em; } .ViewBody_ItemView_B2BMobile .FieldSet_a1 .Field > .FieldLabel> a{ justify-content: center; color:#607d8b; } /* STYLE : [PRICELIST] B2BOffer. */ .ItemView_PriceListDetail_B2BOffer { width: 100%; margin: 1px 0; padding: 4px; } .ItemView_PriceListDetail_B2BOffer .FieldValue a { padding: 0; } .ItemView_PriceListDetail_B2BOffer img { height: 48px; max-width: 100%; } .FieldSet_lockedFS svg{ height: 2em; max-height: 2em; } /* STYLE : [B2BORDER] B2BOrder. */ .ItemView_B2BOrder .EntityTypeView_detailsummary { overflow: hidden; } .ItemView_B2BOrder { flex-basis: 100%; } .ItemView_B2BOrder_B2B { max-width: 1200px; margin: 0.5em auto; } .ItemView_B2BOrder_B2B .FieldSet_top { background-color: rgba(127,127,255,0.1) !important; } .ItemView_B2BOrder_B2B .FieldSet_top .FieldLabel a { text-align: center !important; } .SingleItem_B2BOrder { } .Text_B2BOrder_Message_50 { font-size: 1.5em; padding: 0.5em; } /* STYLE : [B2BORDER] B2BOrder.ItemView_B2BOrder_Basket. */ .FieldSet_basket .FieldSet_actions .Button, .FieldSet_basket .FieldSet_AddEditFS .Button { margin: 8px auto; max-width: 230px; font-size: 16px; width: 100%; } .ItemView_B2BOrder_Basket .ItemSelection { margin: 0 auto; } .ItemView_B2BOrder_Basket .Field { padding: 0 !important; margin: 0 !important; } /*.ItemView_B2BOrder_Basket .FieldSet_Delivery, .ItemView_B2BOrder_Basket .FieldSet_Invoicing, .ItemView_B2BOrder_Basket .FieldSet_Payment { max-width: 360px !important; margin: 0 auto; }*/ .ItemView_B2BOrder_Basket .FieldSet_OrderSummary { max-width: 600px !important; margin: 0 auto; } .ViewBody_ItemView_Basket #FieldSet_basket .Parameters .Text { justify-content: center; } .ItemView_B2BOrder #FieldSet_DeliveryInvoice >.DirectionVer{ gap:1em; } .ItemView_B2BOrder #FieldSet_Delivery > .PanelHeader, .ItemView_B2BOrder #FieldSet_Invoicing > .PanelHeader, #FieldSet_OrderNoteFS > .PanelHeader { background-color: #E8EAF6 !important; border-bottom: 3px solid #0068bb; font-size: 1.2rem; } .ItemView_B2BOrder #FieldSet_Delivery, .ItemView_B2BOrder #FieldSet_Invoicing { box-shadow: 0 2px 8px #90909026; margin: 1em 0 !important; border: 1px solid #e5e5e5; padding: 0.6em; } .ItemView_B2BOrder #FieldSet_msum_total > .Mode_Display.Field_MinOrderAmount > .FieldLabel > a , .ItemView_B2BOrder #FieldSet_msum_total > .Mode_Display.Field_MinOrderAmount > .FieldValue > .InputSpan > a { color: #ff0000 !important; font-weight: 600; } .ItemView_B2BOrder #FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer{ gap:1em; } .ItemView_B2BOrder #FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer >#FieldSet_invoiceFS,#FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer >#FieldSet_deliveryFS { box-shadow: 0 2px 8px #90909026; border: 1px solid #e5e5e5; padding: 0.6em; } .ItemView_B2BOrder #FieldSet_invoiceFS > .PanelHeader, .ItemView_B2BOrder #FieldSet_deliveryFS > .PanelHeader{ background-color: #E8EAF6 !important; border-bottom: 3px solid #0068bb; font-size: 1.2rem; } .ItemView_B2BOrder .P0205 > .InputSpan a { padding: 0.2em 0.5em !important; } .ItemView_B2BOrder #FieldSet_psFS{ border: 1px dashed #FF9800 ; margin-bottom: 0.4em; } .ItemView_B2BOrder #FieldSet_psFS > .PanelHeader, #FieldSet_deliveryFS > .PanelHead{ background-color: #FFF3E0 !important; border-bottom: 1px solid #FF5722; font-size: 0.9rem; color: #d43d0e !important; } .ItemView_B2BOrder #FieldSet_psFS #FieldSet_msum_total > .Mode_Display.Field_MinOrderAmount > .FieldLabel > a , #FieldSet_psFS #FieldSet_msum_total > .Mode_Display.Field_MinOrderAmount > .FieldValue > .InputSpan > a{ min-width: 14em; padding: 0 3px; } .ItemView_B2BOrder .FieldSet_BasketSummary .Middle>.MiddleCenter>.ListeSay{ counter-increment: list-number;} .ItemView_B2BOrder .FieldSet_BasketSummary .Middle>.MiddleCenter>.ListeSay> div::before{ content: counter(list-number); margin-right: 10px; margin-bottom:10px; width:1em; height:1em; display:block; font-size:1em; color:#000000; position: absolute; left: 0; top: 0; font-weight: 500; z-index: 9; color:red; } /* STYLE : [B2BORDER] B2BOrder.ItemView_B2BOrder_BasketSummary. */ .ItemView_B2BOrder_BasketSummary { background-color: transparent; } .ItemView_B2BOrder_BasketSummary { background-color: transparent; } .ItemView_B2BOrder_BasketSummary .ItemView_B2BOrderDetail_BasketSummary { background-color: white; } /* STYLE : [B2BORDER] B2BOrderDetail. */ .ItemView_B2BOrderDetail { flex-basis: 100%; padding: 4px 0 !important; } .EntityType_B2BOrderDetail { --fieldPadding: 4px; --inputPadding: 4px; } /* STYLE : [B2BORDER] B2BOrderDetail.ItemView_B2BOrderDetail_BasketSummary. */ .ItemView_B2BOrderDetail_BasketSummary .ProcedureButton_DeleteMe { position: relative; } .ItemView_B2BOrderDetail_BasketSummary .Field_Quantity .InputSpan > a { text-align: center !important; min-width: 0 !important; display: flex; align-self: center; justify-content: center; } .ItemView_B2BOrderDetail_BasketSummary .Field_AssetCode { font-size: 80%; } .ItemView_B2BOrderDetail_BasketSummary .FieldSet_right { /* margin-top: 0.8em;*/ } .ItemView_B2BOrderDetail_BasketList .Field.Mode_Display.FieldMoney.LabelHidden.FieldValue.ReadOnly.Field_NetAmount.FieldView.FieldView_Amount { min-width: 6em; } .ItemView_B2BOrderDetail_BasketList .Field.Mode_Display.FieldMoney.LabelHidden.FieldValue.ReadOnly.Field_NetAmountLC.FieldView.FieldView_Amount { min-width: 6em; } /* STYLE : [B2BORDER] ReadExcel. */ .EntityTypeView_B2BOrdersFromExcel .Center > .Parameters { display: flex; justify-content: center; } .textnbg { border:1px solid #dd042b; border-radius:25px; display:flex; justify-content:center; padding:1em; width:100%; } .textbg { border:1px solid #dd042b; border-radius:25px; background-color:#dd042b; color:#fff; display:flex; justify-content:center; padding:1em; width:100%; } .gap3em { margin:2em; flex: 0; } .gap3em > .DirectionVer { gap:3em; } .EntityTypeView_B2BOrdersFromExcel .ItemView_B2BOrder { display: flex; height: inherit; margin: 0; } .EntityTypeView_B2BOrdersFromExcel .FieldSetBody { display: flex; flex-direction: column; } .EntityTypeView_B2BOrdersFromExcel .FieldSet_StateActions_fs { height: auto; flex: 1; } .EntityTypeView_B2BOrdersFromExcel .ImportExcel_UPLOAD_EXCEL_B2BOrder { padding: 8px; } .EntityTypeView_B2BOrdersFromExcel .ImportExcel > button { text-shadow: none !important; background-color: #43a047; transition: 0.3s; } .EntityTypeView_B2BOrdersFromExcel .ImportExcel > button:Hover { background-color: #2e7d32; } /* STYLE : [B2BOFFER] B2BOffer. */ .ItemView_B2BOffer .EntityTypeView_detailsummary { overflow: hidden; } .ItemView_B2BOffer { flex-basis: 100%; } .ItemView_B2BOffer_B2B { max-width: 1200px; margin: 0.5em auto; } .ItemView_B2BOffer_B2B .FieldSet_top { background-color: rgba(127,127,255,0.1) !important; } .ItemView_B2BOffer_B2B .FieldSet_top .FieldLabel a { text-align: center !important; } .SingleItem_B2BOffer { } .Text_B2BOffer_Message_50 { font-size: 1.5em; padding: 0.5em; } /* STYLE : [B2BOFFER] B2BOffer.ItemView_B2BOffer_Basket. */ .FieldSet_basket .FieldSet_actions .Button, .FieldSet_basket .FieldSet_AddEditFS .Button { margin: 8px auto; max-width: 230px; font-size: 16px; width: 100%; } .ItemView_B2BOffer_Basket .ItemSelection { margin: 0 auto; } .ItemView_B2BOffer_Basket .Field { padding: 0 !important; margin: 0 !important; } /*.ItemView_B2BOffer_Basket .FieldSet_Delivery, .ItemView_B2BOffer_Basket .FieldSet_Invoicing, .ItemView_B2BOffer_Basket .FieldSet_Payment { max-width: 360px !important; margin: 0 auto; }*/ .ItemView_B2BOffer_Basket .FieldSet_OfferSummary { max-width: 600px !important; margin: 0 auto; } .ViewBody_ItemView_Basket #FieldSet_basket .Parameters .Text { justify-content: center; } .ItemView_B2BOffer #FieldSet_DeliveryInvoice >.DirectionVer{ gap:1em; } .ItemView_B2BOffer #FieldSet_Delivery > .PanelHeader, .ItemView_B2BOffer #FieldSet_Invoicing > .PanelHeader, .ItemView_B2BOffer #FieldSet_OfferNoteFS > .PanelHeader { background-color: #E8EAF6 !important; bOffer-bottom: 3px solid #0068bb; font-size: 1.2rem; } .ItemView_B2BOffer #FieldSet_Delivery, .ItemView_B2BOffer #FieldSet_Invoicing { box-shadow: 0 2px 8px #90909026; margin: 1em 0 !important; bOffer: 1px solid #e5e5e5; padding: 0.6em; } .ItemView_B2BOffer #FieldSet_msum_total > .Mode_Display.Field_MinOfferAmount > .FieldLabel > a, .ItemView_B2BOffer #FieldSet_msum_total > .Mode_Display.Field_MinOfferAmount > .FieldValue > .InputSpan > a { color: #ff0000 !important; font-weight: 600; } .ItemView_B2BOffer #FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer{ gap:1em; } .ItemView_B2BOffer #FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer >#FieldSet_invoiceFS, .ItemView_B2BOffer #FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer >#FieldSet_deliveryFS { box-shadow: 0 2px 8px #90909026; bOffer: 1px solid #e5e5e5; padding: 0.6em; } .ItemView_B2BOffer #FieldSet_invoiceFS > .PanelHeader, .ItemView_B2BOffer #FieldSet_deliveryFS > .PanelHeader { background-color: #E8EAF6 !important; bOffer-bottom: 3px solid #0068bb; font-size: 1.2rem; } .ItemView_B2BOffer .P0205 > .InputSpan a { padding: 0.2em 0.5em !important; } .ItemView_B2BOffer #FieldSet_psFS{ bOffer: 1px dashed #FF9800 ; margin-bottom: 0.4em; } .ItemView_B2BOffer #FieldSet_psFS > .PanelHeader, #FieldSet_deliveryFS > .PanelHead{ background-color: #FFF3E0 !important; bOffer-bottom: 1px solid #FF5722; font-size: 0.9rem; color: #d43d0e !important; } .ItemView_B2BOffer #FieldSet_psFS #FieldSet_msum_total > .Mode_Display.Field_MinOfferAmount > .FieldLabel > a, .ItemView_B2BOffer #FieldSet_psFS #FieldSet_msum_total > .Mode_Display.Field_MinOfferAmount > .FieldValue > .InputSpan > a{ min-width: 14em; padding: 0 3px; } .FieldSet_BasketSummary .Middle>.MiddleCenter>.ListeSay{ counter-increment: list-number;} .FieldSet_BasketSummary .Middle>.MiddleCenter>.ListeSay> div::before{ content: counter(list-number); margin-right: 10px; margin-bottom:10px; width:1em; height:1em; display:block; font-size:1em; color:#000000; position: absolute; left: 0; top: 0; font-weight: 500; z-index: 9; color:red; } /* STYLE : [B2BOFFER] B2BOffer.ItemView_B2BOffer_BasketSummary. */ .ItemView_B2BOffer_BasketSummary { background-color: transparent; } .ItemView_B2BOffer_BasketSummary { background-color: transparent; } .ItemView_B2BOffer_BasketSummary .ItemView_B2BOfferDetail_BasketSummary { background-color: white; } /* STYLE : [B2BOFFER] B2BOffer.OfferQuotationRequest. */ .SingleItem_B2BOffer_QuotationRequest #FieldSet_Top .FieldDate > .FieldLabel > a{justify-content: flex-end;} .SingleItem_B2BOffer_QuotationRequest #FieldSet_Top .FieldDate > .FieldValue> .InputSpan> a{justify-content: flex-end; padding: 3px 1em;} .SingleItem_B2BOffer_QuotationRequest #FieldSet_Top .FieldCounter > .FieldLabel > a{justify-content: flex-end;} .SingleItem_B2BOffer_QuotationRequest #FieldSet_Top .FieldCounter > .FieldValue> .InputSpan> a{justify-content: flex-end; padding: 3px 1em;} /* STYLE : [B2BOFFER] B2BOfferDetail. */ .ItemView_B2BOfferDetail { flex-basis: 100%; padding: 4px 0 !important; } .EntityType_B2BOfferDetail { --fieldPadding: 4px; --inputPadding: 4px; } /* STYLE : [B2BOFFER] B2BOfferDetail.ItemView_B2BOfferDetail_BasketSummary. */ .ItemView_B2BOfferDetail_BasketSummary .ProcedureButton_DeleteMe { position: relative; } .ItemView_B2BOfferDetail_BasketSummary .Field_Quantity .InputSpan > a { text-align: center !important; min-width: 0 !important; display: flex; align-self: center; justify-content: center; } .ItemView_B2BOfferDetail_BasketSummary .Field_AssetCode { font-size: 80%; } .ItemView_B2BOfferDetail_BasketSummary .FieldSet_right { /* margin-top: 0.8em;*/ } .ItemView_B2BOfferDetail_BasketList .Field.Mode_Display.FieldMoney.LabelHidden.FieldValue.ReadOnly.Field_NetAmount.FieldView.FieldView_Amount { min-width: 6em; } .ItemView_B2BOfferDetail_BasketList .Field.Mode_Display.FieldMoney.LabelHidden.FieldValue.ReadOnly.Field_NetAmountLC.FieldView.FieldView_Amount { min-width: 6em; } /* STYLE : [B2BOFFER] ReadExcel. */ .EntityTypeView_B2BOffersFromExcel .Center > .Parameters { display: flex; justify-content: center; } .textnbg { bOffer:1px solid #dd042b; bOffer-radius:25px; display:flex; justify-content:center; padding:1em; width:100%; } .textbg { bOffer:1px solid #dd042b; bOffer-radius:25px; background-color:#dd042b; color:#fff; display:flex; justify-content:center; padding:1em; width:100%; } .gap3em { margin:2em; flex: 0; } .gap3em > .DirectionVer { gap:3em; } .EntityTypeView_B2BOffersFromExcel .ItemView_B2BOffer { display: flex; height: inherit; margin: 0; } .EntityTypeView_B2BOffersFromExcel .FieldSetBody { display: flex; flex-direction: column; } .EntityTypeView_B2BOffersFromExcel .FieldSet_StateActions_fs { height: auto; flex: 1; } .EntityTypeView_B2BOffersFromExcel .ImportExcel_UPLOAD_EXCEL_B2BOffer { padding: 8px; } .EntityTypeView_B2BOffersFromExcel .ImportExcel > button { text-shadow: none !important; background-color: #43a047; transition: 0.3s; } .EntityTypeView_B2BOffersFromExcel .ImportExcel > button:Hover { background-color: #2e7d32; } /* STYLE : [B2B] Content_B2BHome. */ .Content_B2BHome .Panel_serial input { font-size: 150%; border-radius: 2em; text-align: center; margin: 0.5em 0.5em 0.25em 0.5em; font-weight: bold; } .Content_B2BHome .EntityTypeView_searchbyserial { margin: 0 auto !important; max-width: 1024px !important; } .Content_B2BsHome .Parameters .Parameter_q1 { width: 100%; border-radius: 2em; border-radius: 2em; display: block; max-width: 100%; } .Content_B2BsCatalog .EntityTypeView_searchproducts .Parameters .Parameter_q1 input, .Content_B2BsHome .Parameters .Parameter_q1 input { width: 100%; border-radius: 2em; padding: 0.5em 1.5em; font-size: 100%; } input::placeholder { color: #546e7a !important; opacity: 1; font-weight:400; } input:-ms-input-placeholder { color: #546e7a !important; font-weight:400; } input::-ms-input-placeholder { color: #546e7a !important; font-weight:400; } .ViewBody_ItemView_Card .FieldView_i > img{ object-fit: cover; width: 100%; max-height: calc(100vh - 160px); } .slider_Text_box { flex: 0 1 0%; position: absolute; z-index: 9; background-color: #263238a8; max-width: 50%; top: 50%; font-size: 1em; color: #ffffff; font-weight: 500; left: 2em; border: 1px solid #263238ba; } .slider_Text_box .Field_Subject{ font-size: 2.7em; color: #ffffff; font-weight: 500; } .slider_Text_box .Field_Summary{ font-size: 1.5em; color: #ffffff; font-weight: 300; } .Content_B2BHome .EntityTypeView_contents > .EntityTypeViewBody { border:0 !important; } .Content_B2BHome .EntityTypeView_logos > .EntityTypeViewBody { border:0 !important; } .Content_B2BHome .Panel_Panels> .DirectionVer,.Content_B2BHome .Panel_Panels> .DirectionVer>*{ gap:var(--gap); } /* STYLE : [B2B] B2B_Basket. */ .SingleItem_B2B_Basket .DoScriptButton_ApproveOrder { } .TogglePanel .PanelBody.ToggleBody .PanelHeader{ /* background-color: #fbebeb!important;*/ color: #f53900; min-height: 2em !important; } .TogglePanel .PanelBody.ToggleBody .PanelHeader .PanelHeaderTitle { font-size: 1em; padding: 0.4em !important; } .SingleItem_B2B_Basket .DoScript_BackToBasket { display: none; } .SingleItem_B2B_Basket .FieldSet_detailsummary.ViewBody { max-height: 60vh; overflow: auto; overflow-x: hidden; } .SingleItem_B2B_Basket .FieldValue textarea { min-height: 3em; } .SingleItem_B2B_Basket .FieldSet_process input, .ItemView_B2BOrder_Basket .FieldSet_process input, .ItemView_B2BOrder_Basket .FieldSet_process textarea { border: dotted 0px rgba(127,127,127,0.2); } .ItemView_B2BOrder_Basket .FieldSet_Delivery, .ItemView_B2BOrder_Basket .FieldSet_Invoicing, .ItemView_B2BOrder_Basket .FieldSet_Payment { /*border: dotted 1px rgba(127,127,127,0.5);*/ } .ItemView_B2BOrder_Basket .FieldSet_process .Field_DeliveryNote textarea, .ItemView_B2BOrder_Basket .FieldSet_process .Field_PaymentNote textarea, .ItemView_B2BOrder_Basket .FieldSet_process .Field_InvoiceNote textarea { border: solid 1px rgba(127,127,127,0.2); } .SingleItem_B2B_Basket .FieldSet_products .ViewBody { max-height: 67vh; overflow: auto; overflow-x: hidden; } .SingleItem_B2B_Basket .ItemView_B2BOrder_Basket .FieldSet_basket > .DirectionVer { display: flex !important; flex-direction: column-reverse; } .ItemView_B2BOrderDetail_BasketSummary .ProcedureButton_DeleteMe{ display: none; } .ItemView_B2BOrderDetail_BasketSummary:hover .ProcedureButton_DeleteMe{ display: flex; position: absolute; top:70%; bottom: 0; color: #d9214e; } /*B2B Sepet CSS*/ #Content_B2BBasket #FieldSet_Delivery .FieldSetBody > .Panel, #Content_B2BBasket #FieldSet_Invoicing .FieldSetBody > .Panel { /* border: 1px dashed #bf3409;*/ margin:0.5em 0 ; } #Content_B2BBasket .Field_DeliveryCountry { max-width: 5em; } #Content_B2BBasket .FieldSet_process { display: flex; flex-direction: column; gap: 4px; } #Content_B2BBasket #FieldSet_DISummury>#FieldSet_d1>.PanelHeader, #Content_B2BBasket #FieldSet_DISummury>#FieldSet_d2>.PanelHeader{ height: 1em !important; line-height: 1em !important; font-size: 1em !important; min-height: 1em; } #Content_B2BBasket #FieldSet_DISummury>#FieldSet_d1>.PanelHeader>.PanelHeaderTitle, #Content_B2BBasket #FieldSet_DISummury>#FieldSet_d2>.PanelHeader>.PanelHeaderTitle{ font-size: 0.9em !important; } #Content_B2BBasket #FieldSet_DISummury>#FieldSet_d1 .ReadOnly .InputSpan a, #Content_B2BBasket #FieldSet_DISummury>#FieldSet_d2 .ReadOnly .InputSpan a { font-size: 0.75em !important; padding: 0.3em !important; } #Content_B2BBasket #FieldSet_DISummury>#FieldSet_d1 #FieldSet_d12 .Field > .FieldLabel a span { font-size:0.7em !important; } #Content_B2BBasket #FieldSet_DISummury>#FieldSet_d1 #FieldSet_d12 >.FieldSetPanel >.Field_InvoiceType> .FieldValue > .InputSpan a{ font-size: 0.9em !important; padding: 0 0.5em 0.3em 0.5em !important; color: #D84315; font-weight: 600; } /* STYLE : [B2B] ItemView_Product_B2BCard. */ .ItemView_Product_B2BCard { display: block; max-width: 800px; margin: 0 auto; } .ItemView_Product_B2BCard .FieldSet_actions .Parameter_q1 input { text-align: center; } .ItemView_Product_B2BCard { padding: 0.5em 0.25em; } .ItemView_Product_B2BCard .Parameter_q2 input { width: 5em; margin: 0 auto; text-align: center; } .ItemView_Product_B2BCard .Field a { padding: 1px; } .ItemView_Product_B2BCard .Field.LabelPositionLeft > .FieldLabel { display: block !important; width: 6em !important; min-width: 6em !important; max-width: 6em !important; } /* STYLE : [B2B] Content_B2BBasketCard. */ .Content_B2BBasketCard { position: relative; padding: 1px; } .Content_B2BBasketCard .Button_GotoBasket { margin: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: transparent !important; } /* STYLE : [B2B] Content_B2BFinanceCard. */ .Content_B2BFinanceCard { padding:0; height: 100%; } /* STYLE : [B2B] ItemView_B2BBlog_B2B. */ .ItemView_B2BBlog_B2B { margin: 0.5em; } /* STYLE : [B2B] Content_B2BsCatalog. */ .Content_B2BsHome .ItemView_B2BOrder_BasketSummary .FieldSet_BasketSummary .ViewBody, .Content_PersonelCatalog .ItemView_B2BOrder_BasketSummary .FieldSet_BasketSummary .ViewBody, .Content_B2BsCatalog .ItemView_B2BOrder_BasketSummary .FieldSet_BasketSummary .ViewBody { overflow: auto; padding:4px; } .Content_B2BsCatalog .EntityTypeView_producttypes, .Content_PersonelCatalog .EntityTypeView_producttypes { overflow: auto; } .Content_B2BsCatalog .EntityTypeView_producttypes .FolderItemText, .Content_ProductCatalog .EntityTypeView_producttypes .FolderItemText { width: 90%; background-color: white; border: solid 1px rgba(127,127,127,0.1); margin: 0; } .Content_B2BsCatalog .Panel_m > .DirectionVer { gap: 1rem; padding: 1em; } .Content_B2BsCatalog .EntityTypeView_searchproducts .ViewBody, .Content_PersonelCatalog .EntityTypeView_searchproducts .ViewBody, .Content_B2BsHome .EntityTypeView_searchproducts .ViewBody { overflow: auto; } .Content_B2BsCatalog .EntityTypeView_searchproducts .Parameter_q3 input { background-color: transparent; border: 0; } .Content_B2BsCatalog .EntityTypeView_producttypes .ItemView_ProductGroup_Name { display: block !important; width: auto !important; } .Content_B2BsCatalog .EntityTypeView_producttypes .ItemView_ProductGroup_Name:hover { zoom: 1.0; } .Content_B2BsCatalog .EntityTypeView_producttypes .ItemView_ProductGroup_Name a { text-align: left !important; } /* STYLE : [B2B] Content_SalesmanSelectB2B. */ .Content_SalesmanSelectB2B { position: relative; padding: 0.5rem !important; flex: 1; } .Content_SalesmanSelectB2B .EntityTypeViewBody { background-color: transparent; } .Content_SalesmanSelectB2B .ItemSelection { /* padding: 0;*/ display: flex; align-self: center; align-content: center; align-items: center; /* font-size: 0.8em;*/ background-color: inherit; color: inherit; } .Content_SalesmanSelectB2B .InputSpan > a { padding: 1px; justify-content: center; } /* STYLE : [B2B] SingleItem_B2B_Basket. */ .SingleItem_B2B_Basket .DoScript_BuyOrder { display: none; } /* STYLE : [B2B] Content_PersonelHome. */ .Content_PersonelHome .Parameter input { border-radius: 2em; padding: 0.5em 1.5em; font-size: 1.25em; } /* STYLE : [B2B] ItemView_B2B_Finance. */ .ItemView_B2B_Finance { flex: 1; max-width: 1200px; } .ItemView_B2B_Finance .Field_Name { font-size: 1.5em; } .ItemView_B2B_Finance .Field_Name * { text-align: center; } /* STYLE : [B2B] ItemView_BusinessContact_LoginCard. */ .ItemView_BusinessContact_LoginCard .Field_Name > .InputSpan:after { font-family: "361"; content: var(--icon-User); display: flex; justify-content: center; flex-direction: column; } .ItemView_BusinessContact_LoginCard .Field_Name > .InputSpan:after { font-family: "361"; content: var(--icon-User); display: flex; justify-content: center; flex-direction: column; } .ItemView_BusinessContact_LoginCard .Field_Name > .InputSpan > a { padding-right: 0.5rem; } /* STYLE : [B2B] Asset. */ .ItemView_Asset_B2B { FLEX: 1; width: 100%; margin: 0; } .EntityType_Asset .ViewBody_ItemView_B2B { flex-flow: column; justify-content: flex-start; } /* STYLE : [B2B] Nav. */ .PageTop .Nav_mB2B.RootNavItem.MakeRoot{ max-width: 7em; } .Cb2bTS{ max-width: fit-content !important; padding: 0 1em !important; margin-right: 2px; border: 1px solid #ffffff; border-radius: 6px; background: #3F51B5; font-size: 0.9em !important; color:#ffffff; } #RootNav > #RootNavItem_ExRate.Selected{ background-color: #1a1a27 !important; } #RootNavItem_ExRate .EntityTypeViewBody{ background-color: transparent !important; } #RootNav > #RootNavItem_ExRate .EntityType_CurrencyExchange.EntityTypeView .Middle{ overflow: hidden; } #RootNav > #RootNavItem_ExRate .EntityType_CurrencyExchange.EntityTypeView_ExUSD.EntityTypeView .Middle #FieldSet_m{ background-color: #2E7D32; padding: 0 4px; } #RootNav > #RootNavItem_ExRate .EntityType_CurrencyExchange.EntityTypeView_ExEUR.EntityTypeView .Middle #FieldSet_m{ background-color: #0c5eaf; padding: 0 4px; } #RootNav > #RootNavItem_ExRate .EntityType_CurrencyExchange .Field_FromCurrency > .InputSpan , #RootNav > #RootNavItem_ExRate .EntityType_CurrencyExchange .Field_FromCurrency{ min-width: fit-content; width: fit-content; max-width: fit-content; } #RootNav > #RootNavItem_ExRate { max-width: 90px; } #RootNav > #RootNavItem_ExRate:hover { background-color: var(--menuBackColor); background-image: none !important; } #RootNav > #RootNavItem_ExRate .Content_ExchangeRateC{ max-height: 4em; margin-top: 0.6em; } /* STYLE : [B2B] Aggregate. */ .Aggregate_MyBasketAmount { color: inherit; font-weight: bold; } .Aggregate_MyBasketCount { position: absolute; top: 0; right: auto; left: 0; bottom: auto; padding: 1px !important; } .Aggregate_MyBasketQuantity { position: absolute; top: 0; right: 0; left: auto; bottom: auto; padding: 1px !important; } .Content_B2BBasketCard .Panel_amounts, .Content_B2BFinanceCard .Panel_amounts { position: absolute; top: auto; right: 0; left: 0; bottom: 0; padding: 1px !important; margin: 0 auto; opacity: 1.0 !important; } .Aggregate_MyBasketAmount:before, .Aggregate_MyBalance:before { content: "" !important; } .Aggregate_MyBasketAmount > span, .Aggregate_MyBalance > span { font-size: 1em; text-align: center; padding: 1px !important; margin: 0 auto; } /* STYLE : [B2B] ItemView_Asset_BuyB2B. */ .ItemView_Asset_BuyB2B .FieldSet_BuyPanel { max-width: 180px; } /* STYLE : [B2B] NavButtons. */ .Nav .Button_GotoBasket, .Nav .Button_GotoFinance { position: absolute; left: 0; right: 0; top: 0; bottom: 1rem; padding: 0; display: flex !important; background-color: transparent; pointer-events: none; box-shadow: 0 0 0; color: inherit; } .PageTop .Nav.Nav_mB2BSelectDealer.RootNavItem.WidgetContent { min-width: 25em; max-width: 100%; } .PageTop .Nav .ItemView { background-color: var(--menuBackColor); color: var(--menuTextColor); } #Content_SalesmanSelectB2B > #Panel_m { justify-content: center !important; } #Content_SalesmanSelectB2B > #Panel_m .ItemSelection { background-color: var(--logoColor); } #Content_SalesmanSelectB2B > #Panel_m .ItemView_BusinessContact_BusinessAccount { background-color: var(--logoColor); padding: 0.5em; } #RootNavItem_mB2BSelectDealer:hover{ background-image: none !important; } /* STYLE : [B2B] Buttons. */ .ProcedureButton_DecrementQuantity{ color:var(--ProcedureDQ) !important; } .ProcedureButton_IncrementQuantity{ color:var(--ProcedureIQ) !important; padding-left:0 !important; } .Button_GotoBasket { font-size: 1.3em !important; } /* STYLE : [B2B] Parameters. */ #Content_B2BsCatalog #ParameterSet_search2{ display: flex; justify-content: start; } #Content_B2BsCatalog #ParameterSet_search3{ display: flex; justify-content: end; } /* STYLE : [B2B] BusinessAccountCSS. */ .SingleItem_BusinessAccount #FieldSet_finances #FieldSet_Currency > .DirectionVer > div { border: 1px solid #dee2e5; } .SingleItem_BusinessAccount #FieldSet_Currency > .DirectionVer > div .PanelHeader { border-bottom: 4px solid #0068bb; background-color: #eff7fd; } .SingleItem_BusinessAccount #FieldSet_finances #FieldSet_fReport { margin-top:1em; } .SingleItem_BusinessAccount #FieldSet_ERP { margin-top: 1em; } .SingleItem_BusinessAccount #FieldSet_fRUSD .DirectionVer .Field_DebitRUSD, .SingleItem_BusinessAccount #FieldSet_fs .DirectionVer .Field_DebitS { border: 1px solid #ec9bb5!important; background-color: #fce4ec !important; } .SingleItem_BusinessAccount #FieldSet_fRUSD .DirectionVer .Field_CreditRUSD, .SingleItem_BusinessAccount #FieldSet_fs .DirectionVer .Field_CreditS { background-color:#e8f4ea; border: 1px solid #a5e4b0; } .SingleItem_BusinessAccount #FieldSet_fRUSD .DirectionVer .Field_BalanceRUSD, .SingleItem_BusinessAccount #FieldSet_fs .DirectionVer .Field_BalanceS { background-color:#eff7fd; border: 1px solid #9dbcd1; } /* STYLE : [B2B] SalesBusinessTransactionsCSS. */ .SingleItem_BusinessAccountTransaction #FieldSet_b2, .SingleItem_BusinessAccountTransaction #FieldSet_cYTL, .SingleItem_BusinessAccountTransaction #FieldSet_cUSD, .SingleItem_BusinessAccountTransaction #FieldSet_cEUR { background-color: #fffcf9; border: 1px solid #e6e5e3; } /* STYLE : [B2B] Forms. */ .ActiveContent > .ItemBody > .Fields_QuotationRequest .ReadOnly > .InputSpan > a{ border:0 !important; } /* STYLE : [B2B] B2BMobileCSS. */ #Page_B2BMobile #Panel_M >.View_ItemView_B2BCard { max-height: 1.5em; } #Page_B2BMobile #PageZone_t1 { background-color: #455A64; } #Page_B2BMobile #PageZone_t11 { max-width: fit-content; max-height: fit-content; align-items: center; padding-left: 4px; } #Page_B2BMobile #PageZone_t11 .EntityType_CurrencyExchange.EntityTypeView_ExUSD.EntityTypeView .Middle #FieldSet_m { background-color: #2E7D32; padding: 0 4px; color: #ffffff; } #Page_B2BMobile #PageZone_t11 .EntityType_CurrencyExchange.EntityTypeView_ExEUR.EntityTypeView .Middle #FieldSet_m { background-color: #0c5eaf; padding: 0 4px; color: #ffffff; } #Page_B2BMobile #PageZone_t11 .EntityType_CurrencyExchange .EntityTypeViewBody { border: 0 !important; background: transparent !important; } #Page_B2BMobile .ItemView_PriceListDetail_B2BMobile img { height: 64px; max-width: 100%; } /* STYLE : [LOCATION] Location. */ .ItemView_LocationZone_Card { width: auto !important; } .ItemView_LocationZone_Card .ItemView_LocationZone_Card { flex: 1 !important; margin: 0 0 0 2em !important; } .ItemView_LocationZone_Card .OpenAction_Edit .ButtonTitle { display: none; } .EntityType_LocationZone .ViewBody_ItemView_Card { flex-wrap: wrap !important; flex-direction: column !important; align-content: stretch; display: flex; justify-content: flex-start; } .View_ItemView_MiniWithMapCard .ItemView_Location_MiniWithMapCard .Field_Coordinate { min-height: 300px !important; } .ItemView_Location_MiniWithMapCard .Field_Name >.InputSpan > a{ padding: 0; /* border-bottom: 2px solid #03A9F4 !important; */ /* border-left: 4px solid #42a5f5 !important; */ /*border-radius: 0 !important;*/ color: #FF5722 !important; font-weight: 500; font-size: 1.2em; } .ItemView_Location_MiniWithMapCard .Field_Coordinate >.div{ display: none; } .ItemView_Location_MiniWithMapCard .MapDIV { border: 1px dashed #78909C; } .View_ItemView_MiniWithMapCard .tel_link{ max-width: fit-content; display: flex; } .View_ItemView_MiniWithMapCard .tel_link > a{ max-width: 2em; max-height: 2em; } .View_ItemView_MiniWithMapCard .Field_Telephone > .InputSpan >a{ padding: 0.2em 0.4em; } /* STYLE : [LOCATION] Location. */ .ItemView_Location_Card { max-width: 320px; margin: 1px; background-color: white !important; border-radius: 4px; padding: 8px; } .ItemView_Location_My .InputSpan a { padding: 4px; } .ItemView_Location_My .Field_Name { font-weight: 600; border-bottom: solid 1px var(--backColor); } .ItemView_Location_Card .Field_Subject .InputSpan a { max-height: 4.7em; overflow: hidden; font-weight: 300; font-size: 90%; display: flex; align-items: flex-start; } .ItemView_Location_Card .Mode_Display.Field_Subject { font-weight: 400; font-size: 100%; } .SingleItem_Location_Internet .ReadOnly .InputSpan a { background-color: transparent; } .SingleItem_Location_Internet > .ItemBody > .Fields > div:only-of-type { gap: 0 } .LocationProperty .Field a { padding-top: 0; padding-bottom: 0; } .ItemView.ItemView_PackageDetail_CardMobile , .ItemView.ItemView_PackageDetail_Card ,.PackageCards{ padding: 4px; margin: 4px 0px; border: 1px dashed rgb(255, 171, 145) !important; background-color: rgb(255, 250, 241); } .hpcell{ background-color: #ffffff; border: 1px dashed #29b6f6; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%); max-height: 180px; padding: 8px; } .hpValue> .InputSpan > a{ background-color: transparent !important; } .hpTitle{ align-items: flex-start; font-size: 22px; line-height: 22px; text-align: center; } .hpValue { font-size: 44px !important; font-weight: 600; color: #009ef7; } .Content_LocationsHome .rows { background-color: #fff9f3; border-bottom: 4px solid #039be5; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%); max-height: 200px; padding: 8px; } .Content_LocationsHome .Aggregate.AggregateLink { flex-direction: column-reverse; align-items: center; min-width: 100%; width: auto; } .Content_LocationsHome .AggregateValue { font-size: 44px; font-weight: 600; } .Content_LocationsHome .header > span { min-height: 44px !important; } .Content_LocationsHome .header { align-items: flex-start; font-size: 22px; line-height: 22px; text-align: center; } .Content_LocationsHome .Panel_LocationsHome{ padding: 5em 2em; } .SingleItem_Location .FieldSet_OutputStockPackages, .SingleItem_Location .FieldSet_InputStockPackages , .SingleItem_Location .FieldSet_LocationProduct, .SingleItem_Location .FieldSet_Users { min-height: 360px; } /* STYLE : [LOCATION] LocationHeader. */ .LocationHeader .Field { padding: 1px; } /* STYLE : [BUSINESSMATCHING] BusinessMatch. */ .ItemView_BusinessMatchSuggestion_Card { border-left: 4px solid #1E88E5; padding: 0.5em; margin: 0.5em 0; background-color: #f5f5f5; border-radius: 4px; } .ItemView_BusinessMatchSuggestion_Card .Field_Name a { font-weight: 600; color: #1E88E5; } .ItemView_BusinessMatchSuggestion_Card .Field_PotentialBenefit { color: #FF7043; font-weight: 600; } .ItemView_BusinessMatchType_Card { border-left: 4px solid #66BB6A; padding: 0.5em; margin: 0.5em 0; background-color: #f5f5f5; border-radius: 4px; } .ItemView_BusinessMatchScore_Card { border-left: 4px solid #FF7043; padding: 0.5em; margin: 0.5em 0; background-color: #f5f5f5; border-radius: 4px; } .ItemView_BusinessMatchCriteria_Card { border-left: 4px solid #42A5F5; padding: 0.5em; margin: 0.5em 0; background-color: #f5f5f5; border-radius: 4px; } /* STYLE : [EXPLICITCONSENT] ExplicitConsent. */ .NewWindow_ExplicitConsent_Preview .ItemHeader { display: none; } /* STYLE : [ORGANIZATIONS] Department. */ .ItemView_Department_Tree .FieldSet_s { border-left: solid 3em transparent !important; } /* STYLE : [ORGANIZATIONS] Organization. */ .ItemView_Organization_Card { width: 100%; max-width: 360px; padding: 1em; } /* STYLE : [ORGANIZATIONS] nameandlogo. */ .ItemView_Organization_NameLogo .Field_Logo > img{ max-height: 5em; } .ItemView_Organization_NameLogo .Field_FullName >.InputSpan >a{ font-weight: 500; text-align: left; justify-content: flex-start; font-size: 100%; padding: 0 !important; } .ItemView_Organization_NameLogo{ max-width: 180px; padding: 2px; margin: 0; box-shadow: 0 0 8px 2px #455a6430; background-color: white; } .ViewBody_ItemView_NameLogo { padding: var(--gap); gap:var(--gap); } /* STYLE : [ORGANIZATIONS] .ItemView_NormStaff. */ .ItemView_NormStaff .EntityType_NormStaff { border-left: solid 2em transparent !important; } /* STYLE : [OHS] MedicalReport_ListCard. */ .EntityType_MedicalReport .MiddleCenter.ViewBody_ItemView_ListCard.ViewBody_ItemView{ gap: var(--gap); padding:var(--gap); } .ItemView_MedicalReport_ListCard { max-width: 320px; background-color: #ffffff; box-shadow: 0 0 8px #455a6426; margin: 0; border: 1px solid #607d8b47 !important; padding: var(--gap); border-radius: var(--gap); } .ItemView_MedicalReport_ListCard .FieldSet_left{ max-width: 70px; } .ItemView_MedicalReport_ListCard .Field_File img { max-height: 80px; max-width: 60px; } .ItemView_MedicalReport_ListCard .Field_File .FileFileName { display: none !important; } .ItemView_MedicalReport_ListCard .DoScript_MREdit , .ItemView_MedicalReport_ListCard .DoScript_MRApprove { padding: 4px 1em !important; } /* STYLE : [PAPERMANAGEMENT] EmploymentPlace. */ .ItemView_EmploymentPlace_Root { background-color: white !important; margin: 0 auto; } .ItemView_EmploymentPlace_Sub { background-color: white !important; max-width: 1024px; } .ItemView_EmploymentPlace_SubEmployer { padding: 0.5em; } .SingleItem_EmploymentPlace .FieldSetPanel > .FieldSet_SearchEmployer.PanelHasHeader { margin-top: -1em !important; } /* STYLE : [PAPERMANAGEMENT] SingleItem_EmployerPoint. */ .SingleItem_EmployerPoint .Mode_Display.LabelHidden > .FieldValue > .InputSpan > *, .SingleItem_EmployerDocument .Mode_Display.LabelHidden > .FieldValue > .InputSpan > * { text-align: left; padding-left: 1em; } /* STYLE : [PAPERMANAGEMENT] Page_EmployerManagement. */ .LoginState_0 .Page_EmployerManagement .WelcomeMessage { display: block; } .Page_EmployerManagement .RootNav .NavImage { display: none; } /* STYLE : [PAPERMANAGEMENT] ItemView_EmployerMonth. */ .ItemView_EmployerMonth .Field { padding: 0.5em; } /* STYLE : [PAPERMANAGEMENT] ItemView_Employee. */ .ItemView_Employee .OpenAction { background-color: transparent; color: #224870; } .ItemView_Employee .OpenAction:hover { background-color: transparent; color: rgb(207,181,59); box-shadow: 0 0 0; } /* STYLE : [PAPERMANAGEMENT] SingleItem_EmployerMonth. */ .SingleItem_EmployerMonth .FieldSet_titles { font-size: 125%; } /* STYLE : [PAPERMANAGEMENT] EmployerDocumentType. */ .MenuItemView_EmployeeMonth_MissingDocumentTypes .Action_MissingDocumentTypes{ min-width: 30em; } .EntityType_EmployerDocumentType.EntityTypeView{ min-height:auto; } .ItemView_EmployerDocumentType_CodeName .FieldValue .InputSpan a { padding: 3px 1px 2px 0.25em; } /* STYLE : [PAPERMANAGEMENT] SingleItem_EmployerMonth_Display. */ .SingleItem_EmployerMonth_Display .Text { vertical-align: middle; } /* STYLE : [PAPERMANAGEMENT] ItemView_Employer_Card. */ .ItemView_Employer_Card { background-color: white !important; padding: 0.5em; } .ItemView_Employer_Card .Field { padding: 0; } .ItemView_Employer_Card:hover { box-shadow: 0 0 5px gray; } .View_ItemView_Card.EntityType_Employer .ItemsTitles { margin: 0 auto; } /* STYLE : [PAPERMANAGEMENT] Mmq. */ .EntityTypeView.FieldLabels .ItemView{ margin: 0; } .SingleItem_EmploymentPlace_Edit col{ max-width: 110px !important; width:110px !important; } .ItemView_Employer_Card:nth-child(odd){ background-color:#efefef !important; } /* STYLE : [TRAINING] Cards. */ .ItemView_LectureAttandee_Summary { max-width: 48%; min-width: 160px; width: fit-content; } .EntityType_LectureAttandee .ItemView_LectureAttandee_Summary .FieldSet_m { background-color: rgb(242, 255, 254); border: 1px dashed rgb(38, 166, 154); border-radius: 2em; padding: 2px; } .EntityType_LectureAttandee .ItemView_LectureAttandee_Summary .Field_Picture > img { height: 32px !important; object-fit: cover; border-radius: 50%; } /* STYLE : [CURRICULUMVITAE] SingleItem_CurriculumVitae. */ .SingleItem_CurriculumVitae #FieldSet_body{ background-color: white; padding: var(--gap2) !important; border: var(--BoxBorder, 0) !important; box-shadow: var(--BoxShadow, unset); border-radius: var(--BoxBorderRadius, 0); } /* STYLE : [FURTUMUSUS] PersonCard. */ .ItemView_PersonDebit_PersonCard .Field_Picture > img { border-radius: 50%; } /* STYLE : [PERSONELCOMPETENCY] Competency. */ .ItemView_Competency_Card { max-width: 640px; display: block; margin: 1em auto; background-color: rgba(255,255,255,0.9) !important; } .Field_Competency .FieldValue { text-align: left !important; background-color: transparent; box-shadow: 0 0 0 ; } .FieldCompetencyAggrementAnswer .Choices { white-space: nowrap; } .FieldCompetencyAggrementAnswer .Choices > .Choice { width: 15%; } .FieldCompetencyAggrementAnswer .Choices > .Choice span { height: 3em; vertical-align: middle; display: table-cell; text-align: center; } .EntityType_SupplierAssesmentAnswerCompetencyQuestion { counter-reset: counterSAAQ2 ; } .Field_CompetencyScore .FieldValue { font-size: 125%; } .Field_TargetScore .FieldValue { font-size: 125%; } /* STYLE : [PERSONELCOMPETENCY] PersonelCompetencyQuestion. */ .ItemView_PersonelCompetencyQuestion_Card { max-width: 1024px; margin: 0 auto; } /* STYLE : [PURCHASING] PurchaseQuotation. */ .PIDetailPS{ min-width: 60%; } .PIDetailPS .EntityTypeView_suppliers{ } .PIDetailPS .EntityTypeView_suppliers .ViewBody_ItemView_Supplier, .PIDetailPS .EntityTypeView_suppliers .ViewBody_ItemView_Amount { display: flex; flex-direction: row; flex-wrap: nowrap; } .PIDetailPS .EntityTypeView_suppliers .ItemView_PurchaseQuotation_Supplier .Field_Organization > .InputSpan >a{ justify-content: center; color: #37474F; font-weight: 600; } .ItemView_PurchaseInquiryDetail_Proposal:nth-child(odd) { --listbordercolor1: #ECEFF1; background-color: rgba(255, 255, 255, 100%); border-bottom: 1px solid var(--listbordercolor1) !important; margin: 0; } .ItemView_PurchaseInquiryDetail_Proposal:nth-child(even) { --listbordercolor1: #ECEFF1; background-color: rgba(245, 248, 250, 50%); border-bottom: 1px solid var(--listbordercolor1) !important; margin: 0; } /* STYLE : [EMEMBERINVOICE] EInvoiceMember_CSS. */ .ItemView_EInvoiceDetail_Member_Line .Field_AllowanceCharge .InputSpan a{ padding: 3px; } .ItemView_EInvoiceDetail_Member_Line .Field_AllowanceChargeAmounts .InputSpan a{ padding: 0em; font-size: 80%; } .ItemView_EInvoiceTax_Member_Card .FieldValue .InputSpan a { padding: 1px; } .ItemView_EInvoiceDetail_Member_Detail .FieldSet_DiscountFS{ background-color: #eaeef6; } .ItemView_EInvoiceDetail_Member_Detail .FieldSet_tax{ background-color: #f1f6ea; } .FieldSet_fsAccountingCustomerParty .TabHeader .TabButton { padding: 0 !important; flex: 0; min-height: auto; min-width:7em; } .ItemView_EInvoiceDetail_Member_Detail .FieldLabel a{ justify-content: center !important; } .ItemView_EInvoice_Member_LineEInvoice.Style_0 { background-color:#FFECB3 !important; } /*.ItemView_EInvoice_Member_LineEInvoice .OpenAction_FilePreview .ButtonTitle{ display: none; }*/ /* STYLE : [UYUMSOFT] UyumSoftCSS. */ .SingleItem_EInvoice_Uyumsoft .FieldSet_body > .FieldSet { background-color: aliceblue; border: 1px dashed #319fff; } .SingleItem_EInvoice_Uyumsoft .ViewBody_ItemView_Card { flex-direction: row; flex-wrap: nowrap; } .SingleItem_EInvoice_Uyumsoft .FieldLabel a { justify-content: center !important; } .SingleItem_EInvoice_Uyumsoft .ViewBody_ItemView_Line { gap: 8px; } .SingleItem_EInvoice_Uyumsoft .ItemView_EInvoiceDetail_Uyumsoft { border: 1px dashed #319fff !important; background-color: aliceblue; } .SingleItem_EInvoice_Uyumsoft .EntityType_EInvoiceAllowance_Uyumsoft { background: inherit !important; background-color: inherit !important; } .SingleItem_EInvoice_Uyumsoft .FieldSet_footer .ViewBody_ItemView_Card { flex-direction: row !important; flex-wrap: wrap !important; } .SingleItem_EInvoice_Uyumsoft .FieldSet_lines .ParameterSet_actions { display: flex; justify-content: center; } .SingleItem_EInvoice_Uyumsoft .DetailInvoiceForm .Center { gap: 8px !important; } .ItemView_Document_Uyumsoft_LineEInvoice:has( .FieldIsZero ) { background-color:#FFECB3 !important; } /* STYLE : [EGIBSERVICEPROVIDER] Style_ServiceProvider. */ /*.OpenAction .ButtonTitle{ display:none; }*/ /* STYLE : [EGIB] cssEGIB. */ .bfryellow{ border: 1px dashed #d3d22f; background-color: #ffffed; margin-left: 8px; } /* STYLE : [QUALITYMANAGEMENT] LogoQM. */ .LogoQM { display: flex; justify-content: center; align-items: center; } .LogoQM > div > div > img{ max-width: 15em; } /* STYLE : [QUALITYMANAGEMENT] ItemView_QProcedure_ListCard. */ ViewBody_ItemView_ListCard { } .ItemView_QProcedure_ListCard { } .EntityTypeView_procedures .MiddleCenter.ViewBody_ItemView_ListCard.ViewBody_ItemView{ gap: 0 !important; } .ItemView_QProcedure_ListCard >.FieldSet_m .FieldSet { justify-content: center !important; } .ItemView_QProcedure_ListCard >.FieldSet_m .FieldValue >.InputSpan > a { padding: 0 !important; color:#546e7a; } .ItemView_QProcedure_ListCard >.FieldSet_m .FieldSet .FieldValue:first-child >.InputSpan > a { font-weight: 600; color: #37474F; } .ItemView_QProcedure_ListCard >.FieldSet_m .ItemView_QRelevantProcedureStandard_NameCard{ background-color: transparent !important; border: 0 !important; box-shadow: unset !important; } .ItemView_QProcedure_ListCard >.FieldSet_m .ItemView_QRelevantProcedureStandard_NameCard > .FieldSet_m .FieldValue >.InputSpan > a{ font-weight: 400 !important; color: #E53935; } /* STYLE : [CONTRACTMANAGEMENT] Contracts. */ @media print { .SingleItem_Contract .Field_RichText .sun-editor .se-wrapper .sun-editor-editable { padding: 0 !important; } } /* STYLE : [SALESINVOICES] SalesInvoiceDetail. */ .ItemView_SalesInvoiceDetail_Detail { flex: 1; } .EntityType_SalesInvoiceDetail .ViewBody_ItemView { flex-direction: column; align-content: stretch; } /* STYLE : [ASSETREPORTS] ItemView_AssetSummary. */ .ItemView_AssetSummary .Field_Asset { font-size: 90%; } /* STYLE : [COMMENTS] commentsCSS. */ .avatarbg > .InputSpan{ font-weight: 600; background-color: #fbe1c2; border-radius: 4px; } .FieldSet_t1_1 .InputSpan a { padding: 0.3em; } .ItemView_Comment_Card { margin-bottom: 3px; } .SingleItem_Activity .FieldSet_CommentsArea > .EntityTypeViewBody > .Center > .Middle{ flex: 1 1 20em; } .commentsbtn{ padding: 2px 8px !important; } .commentsbtn2 > .PanelHeader { display: flex; min-height: fit-content !important; } .commentsbtn2 > .PanelHeader > .PanelHeaderTitle{ padding: 2px 8px !important; font-size: 0.9em !important; text-transform: capitalize !important; font-weight: 500 !important; letter-spacing: normal !important; } .commentsbtn2 > .PanelBody{ display: none !important; } .SingleItem_Activity #FieldSet_fs_Comments .FieldSet_NewCommentArea { /* max-height: 160px;*/ min-height: 160px; } .ViewBody_ItemView_UnderPageCard { gap: 0.5em; } .ItemView_Comment_UnderPageCard { background-color: #ffffff !important; } .EntityTypeView_SubComment .ItemView_Comment_UnderPageCard { background-color: #ffb74d0d !important; } /*.EntityTypeView_SubComment .ItemView_Comment_UnderPageCard .EntityType_Comment .ItemView_Comment_UnderPageCard{ background-color: #f5fcff !important; } .EntityTypeView_SubComment .ItemView_Comment_UnderPageCard .EntityTypeView_SubComment .ItemView_Comment_UnderPageCar .EntityType_Comment.ItemView_Comment_UnderPageCard { background-color: #fffef5 !important; }*/ .EntityTypeView_CommentsArea .ItemView_Comment #FieldSet_m { padding: 0.5em 0.25em 0.25em 0.5em !important; border: 1px solid #546e7a24; } .EntityTypeView_SubComment .ItemView_Comment #FieldSet_m { padding: 0.5em 0.25em 0.25em 0.5em !important; border: 1px dashed #ffc36b !important; }/* .EntityType_Comment .ItemView_Comment_UnderPageCard .FieldSet_t > .DirectionVer .FieldSet_SIFActions { visibility: collapse; } .EntityType_Comment .ItemView_Comment_UnderPageCard .FieldSet_t:hover > .DirectionVer .FieldSet_SIFActions { visibility: visible; }*/ /* STYLE : [ACCOUNTING] LedgerReport. */ .SingleItem_AccountingAccount_LedgerReport .Parameter { padding: var(--fieldPadding); } .SingleItem_AccountingAccount_LedgerReport .Parameter .ParamLabel { min-width: 10em; text-align: right; } /* STYLE : [ACCOUNTING] SingleItem_AccountingAccount. */ .SingleItem_AccountingAccount .FieldSet_mGen .Field { padding: 1px; } /* STYLE : [EXPENSEMANAGEMENT] Expense. */ .ItemView_Expense_OCR { margin: 1em; } .Desktop .ItemView_Expense_OCR { } .Desktop .ItemView_Expense_OCR .Field_Image { height: auto !important; } /* STYLE : [EXPENSEMANAGEMENT] ExpenseType. */ .ItemView_ExpenseType { max-width: 320px; min-width: 160px; margin: 8px auto; } .View_ItemView_Card.EntityType_ExpenseType { flex-wrap: wrap; } /* STYLE : [EXPENSEMANAGEMENT] ExpenseCategory. */ .ItemView_ExpenseCategory { margin: 8px; box-shadow: 0 0 1px gray; } /* STYLE : [BUSINESSACCOUNT] BusinessContact. */ .ItemView_BusinessContact_Card { width: 100%; } /* STYLE : [BUSINESSACCOUNT] BusinessAddress. */ .ItemView_BusinessAddress_Card { width: 100%; } .EntityType_BusinessAddress .ViewBody_ItemView_Card.ViewBody_ItemView { max-height: 70vh; overflow: auto; } /* STYLE : [BUSINESSACCOUNT] BusinessAccountGroup. */ .ItemView_BusinessAccountGroup { width: 100%; } /* STYLE : [BUSINESSACCOUNT] BusinessAccount. */ .ItemView_BusinessAccount { width: 100%; } @media only screen and (max-width: 1399px) { .SingleItem_BusinessAccount { --fieldPadding: 0.3rem 1rem !important; } } .rskfld > .PanelHeader > .PanelHeaderTitle { color: #dd042b !important; background-color: #fee8ea !important; } /* STYLE : [BUSINESSACCOUNT] ItemView_BusinessAccount_OpenOrdersUSD. */ .ItemView_BusinessAccount_OpenOrdersUSD { font-size: 75% ; } .ItemView_BusinessAccount_OpenOrdersUSD .Field { padding: 1px; } .ItemView_BusinessAccount_OpenOrdersUSD .FieldValue a { padding: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* STYLE : [BANKINSTRUCTIONS] CSSBankInstruction. */ .Text_msgRequiredTable span{ color:red !important; font-size: 150% !important; } .FieldRichText.Field_LetterContent .se-wrapper { min-height: 35vh !important; } #Action_UserCard .SignFileButton{ width: 20em !important; height: 3em; } #Action_UserCard .SignFileButton > button span { font-size: 150%; } /* STYLE : [PAVO] cssPAVO. */ body .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) { padding: calc(.5rem + 1px) calc(.25rem + 1px) !important; font-size: 80%; } /* STYLE : [WEBSITE] Root. */ .ViewBody_ItemView_Web { background-color: transparent; } .Style_colorWhite * { color: #ffffff; } .Style_colorBlue * { color: #4493ff; font-weight: 500; } .SelectionsMenu .ItemView { flex-grow: 1; } .DocumentStyle_HomePage{ background-color: #ffffff !important; } #FieldSet_panelbody{ display: flex; margin: 0 auto; justify-content: center; } .Style_home_section .Style_box { padding: 24px 24px !important; margin: 80px 12px !important; background-color: #f5f9fb !important; } .DocumentStyle_ourteam .ItemCenter_Web { display: flex; align-items: center; } .Style_WebPageZone_2_1{ border: 0 #ffffff !important; } #PageZone_footer .Style_top #FieldSet_CardType9 .FieldValue { padding:0 8px 16px 0 !important; } #PageZone_footer #WebPageZone_62EA8299_1DDD_E219_DB79_A73DEC53387F .FieldValue .InputSpan a{ padding: 0; color: #64748B; font-weight: 400; font-size: 14px; margin-bottom: 7.5px; } .Style_kkvk .FieldValue .InputSpan a{ padding: 8px; color: #64748B; font-weight: 400; font-size: 14px; margin-bottom: 7.5px; } .Style_slider .button{ display: none !important; } .Style_footerlogo{ max-height: 80px; } .Style_footerlogo img{ max-height: 48px; } #FieldSet_m5left, #FieldSet_m5Bottom { align-self: center; } #FieldSet_m5left .FieldView_m5leftapprove { max-width: 2em; } #FieldSet_m5left .FieldView_m5leftapprove .FieldLabel { display: none !important; } #FieldSet_m5Bottom .FieldView_m5RightApprove { max-width: 2em; } #FieldSet_m5Bottom .FieldView_m5RightApprove .FieldLabel { display: none !important; } #FieldSet_m5left .tLeft, #FieldSet_m5Bottom .tLeft, #FieldSet_m5Top .tLeft { text-align: left; padding: 4px; } #FieldSet_m5Bottom .Field_approveAydinlatma { align-self: center; } #DoScript_SendContactRequest { min-height: 56px !important; } .bb7>td { border: 1px solid black; } .Style_Mmarquee .Style_WebPageZone_3_1{ min-height: 80px !important; height: auto; } .Style_header .Style_right .Style_menu { align-items: flex-end !important; } /* STYLE : [WEBSITE] Styles.AlignMiddle. */ .Style_AlignMiddle { display: flex; flex-direction: row; justify-content: center; } .Style_AlignMiddle * { justify-content: center; } /* STYLE : [WEBSITE] Styles.Style_AlignTop. */ .Style_AlignTop { align-content: flex-start; } .Style_AlignTop * { align-content: flex-start; } .Style_AlignTop .ViewBody.ViewBody_ItemView { align-content: flex-start !important; } /* STYLE : [WEBSITE] Styles.AlignLeft. */ .Style_AlignLeft * { align-items: flex-start; } .Style_AlignLeft { display: flex; align-items: flex-start; } /* STYLE : [WEBSITE] Styles.AlignRight. */ .Style_AlignRight { display: flex; align-items: flex-end; } .Style_AlignRight * { align-items: flex-end; } /* STYLE : [WEBSITE] Styles.AlignCenter. */ .Style_AlignCenter { display: flex; align-items: center; justify-content: center; } .Style_AlignCenter * { display: flex; align-items: center; justify-content: center; } /* STYLE : [WEBSITE] Styles.LinkIcons. */ .Style_LinkIcons .ViewBody_ItemView_OnlyImage > .ItemView img { width: 20px ; height: 20px ; margin: 16px; } .Mobile .Style_LinkIcons .ViewBody_ItemView_OnlyImage > .ItemView img { margin: 4px 8px; } .Style_TopLeft .Style_LinkIcons .ViewBody { text-align: right; } /* STYLE : [WEBSITE] Styles.Style_Login. */ .Style_Login .FieldImage img, .Style_Login .FieldImage picture { height: 24px !important; } /* STYLE : [WEBSITE] Styles.Style_SocialMedia. */ .Style_SocialMedia .Field_Image { width: 32px; } .Style_SocialMedia img { height: 24px; filter: invert(1); } .EntityType_WebContent.EntityTypeView_socialmedia img { height: 32px !important; } .Style_SocialMedia .ItemView_WebContent_ImageSubjectSummary { display: flex !important; flex-direction: row; align-items: center; justify-contents: center; } .Mobile .Style_SocialMedia .ItemView_WebContent_ImageSubjectSummary { display: flex; } .Style_SocialMedia .ItemView_WebContent_ImageSubjectSummary { } .Style_SocialMedia .ItemView_WebContent_ImageSubjectSummary .Mode_Display.Field_Subject { font-size: 130%; padding: 1px !important; } /* STYLE : [WEBSITE] Styles.Panel2. */ .Style_Panel2 { background-color: rgba(0, 164, 212, 0.51) !important; } /* STYLE : [WEBSITE] Styles.HeadLines. */ .Style_HeadLines .ItemView_WebContent_OnlyImage img { height: 400px !important; } .Style_HeadLines { background-color: lightblue !important; } /* STYLE : [WEBSITE] Styles.Oval. */ .Style_Oval .ItemView_WebContent_Paragraph { width: 200px; height: 150px; border-radius: 1em; box-shadow: 0 0 5px gray; margin: 1em; background-color: white; } .Style_Oval .ItemView_WebContent_Paragraph .Field_Subject { background-color: #f4f4f4; border-radius: 1em 1em 0 0; } .Style_Oval .ItemView_WebContent_Paragraph .Field_Summary a { line-height: 1.5em; text-align: left; } /* STYLE : [WEBSITE] Styles.Contact. */ .Style_Contact img { height: 32px; } .Content_ContactUsForm { padding: 1.5rem; } .ItemView_ContactRequest_WebNew { padding: 1.5rem; } /* STYLE : [WEBSITE] Styles.ZeroZone. */ .Style_ZeroZone.Style_ZeroPage { opacity: 0.5 !important; pointer-events: none; } /* STYLE : [WEBSITE] Styles.PanelBlack. */ .Style_PanelBlack { background-color: black; } /* STYLE : [WEBSITE] Styles.Style_Max. */ .Max1024, .Style_Max1024, .Style_Max1024 > * { max-width: 1024px !important; margin: 0 auto !important; position: relative; } .Max1200, .Style_Max1200, .Style_Max1200 > * { max-width: 1200px !important; margin: 0 auto !important; } .Max1280, .Style_Max1280, .Style_Max1280 > * { max-width: 1280px !important; margin: 0 auto !important; } .Max800, .Style_Max800, .Style_Max800 > * { max-width: 800px !important; margin: 0 auto !important; } .MaxM, .Style_MaxM, .Style_MaxM > * { max-width: 320px !important; margin: 0 auto !important; } .Max480, .Style_Max480, .Style_Max480 > * { max-width: 480px !important; margin: 0 auto !important; } .Max640, .Style_Max640, .Style_Max640 > * { max-width: 640px !important; margin: 0 auto !important; } /* STYLE : [WEBSITE] Styles.Style_FloatLeft. */ .Style_FloatLeft .ETWBody { float: left; } .Style_FloatRight .ETWBody { float: right; } /* STYLE : [WEBSITE] Styles.Style_WebPageFooter. */ .Style_WebPageFooter .ItemView_WebContent { display: block; } .Style_WebPageFooter .Mode_Display.LabelHidden > .FieldValue > .InputSpan > * { text-align: left; } .Style_centerlink .Mode_Display #FieldSet_contentbody .FieldSet_contentlinkbutton { justify-content: center; align-content: center; } .Style_footer .Style_bottom .FieldSet_contentbody .FieldSet_contentonlybuttonimages { align-items: center; } #FieldSet_panelbody #WebPageZone_5F1CACFE_BFA0_4715_AE68_886A2DE738AF { flex: 1; } #FieldSet_panelbody #WebPageZone_BEDBC07E_684D_45B6_AC56_14B1FDA80987 { flex: 1; } #FieldSet_panelbody #WebPageZone_AC67DA0D_C91D_466D_A8CE_5686C8E74D2F { flex: 3; } /* STYLE : [WEBSITE] Styles.Style_WebZoneIsPageLink. */ .Style_WebZoneIsPageLink { cursor: pointer; transition: none; /* all 300ms; */ } .Mobile .Style_WebZoneIsPageLink { transition: none; } /* STYLE : [WEBSITE] Styles.Style_Instalment. */ .Style_Instalment2 { position: absolute; left: 0; min-width: 0; width: 3em; } .Style_Instalment3 { position: absolute; left: 3em; min-width: 0; width: 3em; } .Style_Instalment4 { position: absolute; left: 6em; min-width: 0; width: 3em; } .Style_Instalment5 { position: absolute; left: 9em; min-width: 0; width: 3em; } .Style_Instalment6 { position: absolute; left: 12em; min-width: 0; width: 3em; } .Style_Instalment7 { position: absolute; left: 15em; min-width: 0; width: 3em; } .Style_Instalment8 { position: absolute; left: 18em; min-width: 0; width: 3em; } .Style_Instalment9 { position: absolute; left: 21em; min-width: 0; width: 3em; } .Style_Instalment10 { position: absolute; left: 24em; min-width: 0; width: 3em; } .Style_Instalment11 { position: absolute; left: 27em; min-width: 0; width: 3em; } .Style_Instalment12 { position: absolute; left: 30em; min-width: 0; width: 3em; } /* STYLE : [WEBSITE] Styles.Style_Button. */ .Style_Button { border: solid 1px rgba(127,127,127,0.5); position: relative; padding-right: 2em; padding-left: 2em; } .Style_Button:after { content: " > "; font-size: 150%; position: absolute; top: calc(50% - 0.4em); right: 0; } /* STYLE : [WEBSITE] Styles.Style_AutoVertical. */ .Mobile .Style_AutoVertical > .FieldSet_panelbody > .EntityTypeView_panelbodyvertical { flex-direction: column !important; width: 100% !important; max-width: 100% !important; } .Mobile .Style_AutoVertical > .FieldSet_panelbody > .EntityTypeView_panelbodyvertical > .ItemView { display: block; width: 100% !important; max-width: 100% !important; } .Mobile .Style_HeaderTop.Style_AutoVertical > .FieldSet_panelbody > .EntityTypeView_panelbodyvertical { flex-direction: column-reverse !important; } /* STYLE : [WEBSITE] Styles.Style_Subject. */ .ItemView.Style_Subject { margin-top: 1em; font-weight: bold; font-size: 120%; } /* STYLE : [WEBSITE] Styles.SolMenu. */ .Style_SolMenu { } .Style_SolMenu > .EntityTypeView > .ItemView { background-color: #f5f5f5; margin: 0.5em 1px; border: solid 1px rgba(192,192,192,0.2); } .Style_SolMenu > .EntityTypeView > .ItemView .ItemView { border-color: rgba(192,192,192,0.2); } .Style_SolMenu .ItemView .Mode_Display.Field.FieldValue .InputSpan a{ padding:5px !important; } /* STYLE : [WEBSITE] Styles.Style_BeginShopping. */ .Style_BeginShopping { font-size: 150%; text-align: centeR; border: solid 1px blue; border-radius: 3px; max-width: 15em !important; margin: 0 auto !important; margin-top: 5em !important; background-color: rgba(255,255,255,0.5); } .Style_BeginShopping:hover { background-color: blue; color: white; } /* STYLE : [WEBSITE] Styles.Style_TopCenter. */ .Style_TopCenter .EntityTypeView.EntityType_WebPage { flex-direction: row; flex-wrap: nowrap; } /* STYLE : [WEBSITE] Styles.Logo. */ .Style_Logo .FieldValue { padding: 8px; } /* STYLE : [WEBSITE] Styles.Style_TopRight. */ .Mobile .Style_TopRight { background-color: #d4aa00; } .Style_TopRight .Style_LinkIcons .ViewBody { text-align: right; } /* STYLE : [WEBSITE] Styles.Style_ApplicationsMenu. */ .Style_ApplicationsMenu { max-width: 1024px !important; margin: 0 auto !important; padding: 1em; } /* STYLE : [WEBSITE] Styles.Block. */ .Style_Block .ItemView_ProductCategory_InternetCard .Field_Name .InputSpan > a { max-width: 100% !important; text-align: left; justify-content: flex-start; } .Style_Block .ItemView { display: block !important; } .Style_Block .ItemView { display: block !important; } /* STYLE : [WEBSITE] Styles.Style_ImageLeft. */ .Style_ImageLeft .EntityType_WebContent { display: flex; flex-direction: row; text-align: center; align-items: center; justify-content: center; flex-wrap: wrap; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary { margin: 6px 0; width: 160px; display: flex; flex-direction: row; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary .Field_Image { flex: 1; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary .Field_Subject { flex: 3; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary { display: flex; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary img { height: 48px; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary .Field_Subject { padding: 1px !important; width: 7em; font-size: 150%; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary .Field_Subject a { text-align: left !important; } /* STYLE : [WEBSITE] Styles.Style_WebZoneIsPageLink. */ .Style_WebZoneIsPageLink:hover u { text-shadow: 0 0 1px #555555; } /* STYLE : [WEBSITE] Styles.Style_ScrollHorizontal. */ .Desktop .Style_ScrollHorizontal { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently */ } .Style_ScrollHorizontal .ViewBody { white-space: nowrap; overflow: hidden !important; scroll-behavior: smooth; } .Mobile .Style_ScrollHorizontal .ViewBody { white-space: nowrap; overflow: auto !important; scroll-behavior: smooth; } .Style_ScrollHorizontal .ViewBody > .ItemView { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently */ } .Desktop .Style_ScrollHorizontal:hover .Left { width: 64px; height: 64px; transform: translateY(-50%); top: 50%; background-color: rgba(127,127,127,0.25); z-index: 999; } .Desktop .Style_ScrollHorizontal:hover .Right { width: 64px; height: 64px; top: 50%; transform: translateY(-50%); background-color: rgba(127,127,127,0.25); z-index: 999; } .Desktop .Style_ScrollHorizontal .EntityType_ProductImage .ViewBody { overflow: hidden !important; } /* STYLE : [WEBSITE] Styles.sepet. */ .Style_sepet .Content_ShoppingBasket .FieldSet_basketright .Button, .Style_sepet .Content_ShoppingBasket .FieldSet_OrderSummary .Button { padding: 15px; text-align: center; transition: none!important; outline: none; font-size: 14px; font-weight: 600; margin-top: 15px!important; } .Style_sepet .Content_ShoppingBasket .FieldSet_basketright .Button, .Style_sepet .Content_ShoppingBasket .FieldSet_bodyright .Button { width: 100%!important; } /* STYLE : [WEBSITE] Styles.MaxImage. */ .Style_MaxImage80 picture, .Style_MaxImage80 img { max-height: 80vh; width: auto !important; max-width: 100%; } .Style_MaxImage70 picture, .Style_MaxImage70 img { max-height: 70vh; width: auto !important; max-width: 100%; } .Style_MaxImage60 picture, .Style_MaxImage60 img { max-height: 60vh; width: auto !important; max-width: 100%; } .Style_MaxImage50 picture, .Style_MaxImage50 img { max-height: 50vh; width: auto !important; max-width: 100%; } .Style_MaxImage40 picture, .Style_MaxImage40 img { max-height: 40vh; width: auto !important; max-width: 100%; } .Style_MaxImage30 picture, .Style_MaxImage30 img { max-height: 30vh; width: auto !important; max-width: 100%; } .Style_MaxImage20 picture, .Style_MaxImage20 img { max-height: 20vh; width: auto !important; max-width: 100%; } .Style_MaxImage10 picture, .Style_MaxImage10 img { max-height: 10vh; width: auto !important; max-width: 100%; } /* STYLE : [WEBSITE] Styles.ImageWidthAuto. */ .Style_ImageWidthAuto img { width: auto !important; } /* STYLE : [WEBSITE] Styles.Center. */ .Style_Center { text-align: center; margin-left: auto; margin-right: auto; justify-content: center; align-items: center; } /* STYLE : [WEBSITE] Styles.FullImage. */ .Style_FullImage img { width: 100% !important; height: auto !important; } /* STYLE : [WEBSITE] Styles.RoundCorner. */ .Style_RoundCorner { border-radius: 2em; } /* STYLE : [WEBSITE] Styles.Panel3. */ .Style_Panel3 { background-color: #f5f5f5 !important; } /* STYLE : [WEBSITE] Styles.ReqText. */ .ReqText > * { color: red !important; font-size: 0.8em !important; line-height: 2em !important; } .ReqText > *::before { content: "*"; } /* STYLE : [WEBSITE] Styles.approvedCheck. */ .approvedCheck { min-height:2em; } /* STYLE : [WEBSITE] Styles.Style_SelectLanguage. */ .Style_SelectLanguage { justify-content: center; } /* STYLE : [WEBSITE] Styles.Style_Referanslar. */ .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(4,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid !important; } .Style_Referanslar .Field_Subject { color: #FFFFFF; padding-bottom: 5em !important; } .Style_Referanslar .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary::before { content: ' '; background-image: url('https://361.com.tr/ref1.svg'); background-size: 40px 40px; background-repeat: no-repeat; height: 40px; width: 40px; position: absolute; right: 1em; top: 1em; opacity: 0.3; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #ffffff; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 12em; height: 12em; border-radius: 1em; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em 1em !important; max-height: 4em; min-height: 4em; height: 5em !important; max-width: 12em; justify-content: flex-start; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 1.8rem; justify-content: center; padding: 8px; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: center; color: #546e7a; justify-content: center; font-weight: 300; line-height: 1.2; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary .Field_Summary { flex: 1; overflow: auto; } /* STYLE : [WEBSITE] Styles.Style_Why. */ .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(4,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid !important; } .Style_Why .Field_Subject { color: #FFFFFF; } .Style_Why .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #ffffff; /* border: 1px solid #9fb5c366;*/ box-shadow: 0 0 20px #2e444f1f; align-items: flex-start; min-height: 20em; border-radius: 1em; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 20em; border-radius: 1em; } /**.Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } */ .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 3em 1em 1.5em !important; max-height: 7em; min-height: 7em; max-width: 12em; justify-content: flex-start; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { color: #1A1A1A !important; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject { color: #FFFFFF !important; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject a { color: inherit; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldImage > img { filter: invert(1); } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 1.8rem; justify-content: center; padding: 8px; text-align: center; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: center; color: #546e7a; justify-content: center; font-weight: 300; line-height: 1.2; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldTextArea > .InputSpan > a { color: #FFFFFF; } /* STYLE : [WEBSITE] Styles.Style_Why3. */ .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(3,1fr); padding: 10px !important; font-size: 120%; grid-gap: 24px; display: grid !important; } .Style_Why3 .Field_Subject { color: #FFFFFF; } .Style_Why3 .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #f4f5fa; /* border: 1px solid #9fb5c366;*/ /* box-shadow: 0 0 20px #2e444f1f;*/ align-items: flex-start; min-height: 20em; border-radius: 1em; padding: 24px; justify-content: space-between; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #ed1a39; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 20em; border-radius: 1em; } /**.Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } */ .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 16px; max-height: 120px; min-height: 120px; max-width: 120px; min-width: 120px; justify-content: center; border: 8px solid #edeef5; border-radius: 50%; background-color: #ffffff; color: #90A4AE; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { color: #1A1A1A !important; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject { color: #FFFFFF !important; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject a { color: inherit; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldImage > img { /*filter: invert(1);*/ } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 1.8rem; justify-content: center; padding: 8px; text-align: center; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: center; color: #546e7a; justify-content: center; font-weight: 300; line-height: 1.2; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldTextArea > .InputSpan > a { color: #FFFFFF; } /* STYLE : [WEBSITE] Styles.Style_Why4. */ .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(3,1fr); padding: 10px !important; font-size: 120%; grid-gap: 24px; display: grid !important; } .Style_Why4 .Field_Subject { color: #FFFFFF; } .Style_Why4 .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #f4f5fa; /* border: 1px solid #9fb5c366;*/ /* box-shadow: 0 0 20px #2e444f1f;*/ align-items: flex-start; min-height: 20em; border-radius: 0; padding-top: 90px !important; padding-right: 50px !important; padding-bottom: 50px !important; padding-left: 50px !important; justify-content: space-between; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #224DB7; /* border: 1px solid #9fb5c366;*/ box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 20em; border-radius: 0; } /**.Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } */ .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0; max-height: 60px; min-height: 60px; max-width: 60px; min-width: 60px; justify-content: center; /* border: 8px solid #edeef5;*/ border-radius: 50%; /* background-color: #ffffff;*/ color: #90A4AE; margin-bottom: 90px !important; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { color: #1A1A1A !important; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject { color: #FFFFFF !important; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject a { color: inherit; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldImage > img { filter: invert(100%) brightness(140%); } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 2.3rem; justify-content: start; padding: 8px; text-align: center; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; color: #1c272d; justify-content: center; font-weight: 300; line-height: 1.5; padding: 20px 0; font-size: 18px; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldTextArea > .InputSpan > a { color: #FFFFFF; } /* STYLE : [WEBSITE] Styles.Style_Grid4. */ .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(3,1fr); padding: 10px !important; font-size: 120%; grid-gap: 24px; display: grid !important; } .Style_Grid4 .Field_Subject { color: #FFFFFF; } .Style_Grid4 .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #f4f5fa; border: 1px solid #9fb5c366; /* box-shadow: 0 0 20px #2e444f1f;*/ align-items: flex-start; min-height: 20em; border-radius: 1em; padding: 12px; justify-content: space-between; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #ed1a39; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 20em; border-radius: 1em; } /**.Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } */ .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 6px; max-height: 180px; min-height: 120px; max-width: auto; min-width: fit-content; justify-content: center; border: 8px solid #e9eaf1; border-radius: 0; background-color: #ffffff; color: #90A4AE; margin: 0 auto; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { color: #1A1A1A !important; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject { color: #FFFFFF !important; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject a { color: inherit; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldImage > img { /*filter: invert(1);*/ } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 1.8rem; justify-content: center; padding: 8px; text-align: center; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: center; color: #546e7a; justify-content: center; font-weight: 300; line-height: 1.2; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldTextArea > .InputSpan > a { color: #FFFFFF; } /* STYLE : [WEBSITE] Styles.Style_HomeSection1. */ .Style_HomeSection1{ max-width: 1300px; margin: 0 auto !important; } .Style_HomeSection1 .FieldSet_CardType9 { justify-content: center !important; } .Style_HomeSection1 .FieldSet_CardType8 { justify-content: center !important; padding: 5em 0 5em; } .Style_HomeSection1 .FieldSet_CardType8 picture > img{ max-height: 425px; } .Style_HomeSection1 { padding: 2em 0 !important; } .Style_HomeSection2 { padding: 2em 0 !important; } .Style_HomeSection3 { padding: 2em 0 !important; } /* STYLE : [WEBSITE] Styles.Style_slider. */ .Style_slider{ } /* STYLE : [WEBSITE] Styles.footer. */ .Style_footer .KVKCardP16 .FieldValue { padding: 4px !important; } .Style_ML0{ margin-left: 0 !important; } .Style_footer { color: #A2A9B0 !important; } .Style_footer .Field > .FieldValue { color: #A2A9B0 !important; } .Style_footer .Style_SosyalIcons img{ max-width: 24px; } .Style_footer .FieldSet_contentbody >.FieldText.Field_Subject >.InputSpan >a{ color: #ffffff; padding-bottom: 1em !important; } .Style_footer .FieldValue a { padding: 2px !important; font-size: 16px; } .Style_ListVer .View_ItemView_OnlySubject.FieldSet_contentsubject { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .Style_footer .Style_Column1 .Style_SosyalIcons > .FieldSetPanel { max-width: 160px; } .Style_footer .Style_Column1 .Style_SosyalIcons > .FieldSetPanel >.EntityTypeView_panelbodyvertical > .ItemView { max-width: 24px !important; min-width: 20px; } .Style_footer .Style_Column1 >.FieldSet_panelbody >.EntityTypeView_panelbodyall { display: flex; justify-content: space-between !important; } .Style_footer .Style_Column2{ min-width: 33%; padding-left: 3%; } /*.Style_footer .Style_Column3 .EntityTypeView_contentsubject > .ItemView_WebContent:nth-child(1) { display: none !important; } .Style_footer .Style_Column3 .EntityTypeView_contentsubject > .ItemView_WebContent:nth-child(2) { display: none !important; } .Style_footer .Style_Column3 .EntityTypeView_contentsubject > .ItemView_WebContent:nth-child(3) { display: none !important; }*/ /*.Style_footer .Style_Column3 .EntityTypeView_contentsubject > .ItemView_WebContent:nth-child(11) { display: none !important; }*/ /* STYLE : [WEBSITE] Styles.Megamenu. */ .Style_AnaMenuTitle { border-bottom:1px solid #56d6b8 !important; text-transform: capitalize !important; color:#283646 !important; } .Style_AnaMenu .ViewBody_ItemView_Web { gap:2rem; } .Style_AnaMenu .Style_MegaMenuColumn { padding: 0 4px !important; } .Style_AnaMenu .Style_Flex1{ flex: 1; } .Style_AnaMenu .Style_Flex2{ flex: 2; } .Style_MegaMenuColumn .OneByOne_Side .Center.OneByOne_Side { flex-direction: column-reverse; } .Style_MegaMenuColumn .OneByOne_Side > .EntityTypeViewBody { border: 0 !important; } .Style_MegaMenuColumn .OneByOne_Side .OneByOnePanelBody { display: none !important; } .Style_MegaMenuColumn .OneByOne_Side .OneByOne_NextButton { display: none !important; } .Style_MegaMenuColumn .OneByOne_Side .OneByOne_PrevButton { display: none !important; } .Style_GreenLink .KVKCardP16 .FieldValue { padding-top: 0 !important; padding-bottom: 0 !important; font-size: 1.25em; color: #009688; } .Style_MegaMenu .Field_Page{ display: none !important; } /* STYLE : [WEBSITE] Styles.Style_YatayDugme. */ .Style_YatayDugme .EntityType_WebPage.ViewBody_ItemView, .Style_YatayDugme .EntityType_WebContent.ViewBody_ItemView { flex-direction: row !important; flex-direction: column; flex-wrap: wrap; display: flex; overflow: auto; } .Style_YatayDugme .EntityType_WebPage.ViewBody_ItemView > .ItemView, .Style_YatayDugme .EntityType_WebContent.ViewBody_ItemView > .ItemView { width: auto; flex: auto; } .Style_YatayDugme .FieldValue .InputSpan > a { justify-content: center; text-transform: uppercase; } /* STYLE : [WEBSITE] Styles.MaxWebZone. */ .Style_MaxWebZone1200 .ItemView_WebPageZone { max-width: 1200px; } .Style_MaxWebZone1000 .ItemView_WebPageZone { max-width: 1000px; } /* STYLE : [WEBSITE] Styles.Flex1. */ .Style_Flex1 { flex: 1; } .Style_Flex2 { flex: 2; } .Style_Flex3 { flex: 3; } .Style_Flex4 { flex: 4; } .Style_Flex5 { flex: 5; } /* STYLE : [WEBSITE] Styles.product page. */ .Style_PPageHeader { background-image: url(https://www.361.com.tr/file/WebImage/Image/10517e6d-f3fb-1eaa-8956-ac9f4ab7706a/bgpageheader.svg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .Style_PPageHeader .Style_PPHRow { padding: 5em 0 0 0 ; min-height: 500px !important; /* max-width: 1300px;*/ } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft { } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft > .FieldSet_panelbody > .EntityTypeView_panelbodyall > .ItemView_WebPageZone:first-child { flex:0 !important; } .Style_PPageHeader .Style_PPHRow .Style_PPHRight { } .Style_PPageHeader .EntityTypeView_pagebuttons3 > .ItemView_WebPage_Button3 { width: 100%; } .Style_PPageHeader .EntityTypeView_pagebuttons3 > .ItemView_WebPage_Button3 .FieldImage { max-width: 36px; min-width: 36px; } .Style_PPageHeader .EntityTypeView_pagebuttons3 > .ItemView_WebPage_Button3 .Field_Name{ font-size: 16px !important; } .Style_PPageHeader .EntityType_WebPage.EntityTypeView.EntityTypeView_pagebuttons3{ background-color: #ffffff !important; border-radius: 1em !important; border: 1px solid #90a4ae5c !important; padding: 4em 1em 4em 4em !important; align-content: flex-start; gap: 2em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 { } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldRichText > .FieldValue { padding-bottom: 8em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldValue > p { color: #544E5D; font-size: 1.75vh; line-height: 1.5; padding-bottom: 2vh; font-weight: 400; text-align: center; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldValue > p:first-child { color: #06040A; font-size: 3vh; line-height: 1; padding-bottom: 1vh; font-weight: 700; text-align: center; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 { } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldRichText > .FieldValue { padding-bottom: 8em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldValue > p { color: #544E5D; font-size: 1.75vh; line-height: 1.5; padding-bottom: 2vh; font-weight: 400; text-align: center; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldValue > p:first-child { color: #06040A; font-size: 3vh; line-height: 1; padding-bottom: 1vh; font-weight: 700; text-align: center; } /* STYLE : [WEBSITE] Styles.pagecantact. */ .EntityTypeView_cta >.EntityTypeViewBody >.ViewBody { background-color: transparent !important; } .EntityTypeView_cta >.EntityTypeViewBody{ border: 0 solid transparent !important; } .Style_contactleft { flex:1; } .Style_contactleft { flex:1; } .Style_contactright { flex: 1; } .SingleItem_WebPage_Web .ItemView.Style_darkcard { background-color: #051536; border-radius: 1.5em; padding: 2em 1.5em; color: #ffffff !important; } .Style_darkcard .EntityTypeView { color: #ffffff !important; } .Style_contactleft .Style_sec1 { } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue { padding-left:2.5em !important; } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue >p { font-size: 14px; color: #37474f; font-weight: 300; line-height: 1.3; } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue >p:nth-child(1) { font-size: 2vh; color: #0764e3; font-weight: 300; padding-bottom: 0; line-height: 1.15; } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue >p:nth-child(2) { font-size: 3.5vh; color: #37474f; font-weight: 600; padding-bottom: 2vh; } .btn.btn-cta{ text-align: center !important; border-radius: 2em !important; width: fit-content !important; padding: 1em 4em !important; background-color: #6481BE; color:#ffffff; } .btn.btn-cta:hover{ text-align: center !important; border-radius: 2em !important; width: fit-content !important; padding: 1em 4em !important; background-color: #4565a7; color:#ffffff; } .btn.btn-cta .ButtonTitle{ padding-left: 0.5em; } .FieldSet_sendBtn2{ align-items: flex-end; padding-right: 2.2em; padding-top: 3em; } .FieldSet_m5Main2{ padding-left: 2.25em; padding-top: 2em; } /* STYLE : [WEBSITE] Styles.Style_flex. */ .Style_flex0 { display:flex !important; flex: 0 !important; } .Style_flex1 { display:flex !important; flex: 1 !important; } .Style_flex2 { display:flex !important; flex: 2 !important; } .Style_flex3 { display:flex !important; flex: 3 !important; } .Style_flex4 { display:flex !important; flex: 4 !important; } .Style_flex5 { display:flex !important; flex: 5 !important; } .Style_flex6 { display:flex !important; flex: 6 !important; } /* STYLE : [WEBSITE] Styles.Style_VerticalImportant. */ .Style_VerticalImportant { } .Style_VerticalImportant > .FieldSet_panelbody > .EntityTypeView_panelbodyvertical { flex-direction: row !important; flex-wrap: nowrap !important; } /* STYLE : [WEBSITE] Styles.Style_VAlign. */ .Style_VAlign { display: flex !important; align-content: center; align-items: center; justify-content: center; } .Style_VAlign .FieldValue { display: flex !important; align-content: center; align-items: center; justify-content: center; } /* STYLE : [WEBSITE] WebSite. */ .View_ItemView_WebSite .Middle, .View_ItemView_WebSite .ViewBody { box-shadow: 0 0 0 !important; } .Field_WebSiteFooterMessage { padding: 1em; } .Field_WebSiteFooterMessage * { text-align: center; } /* STYLE : [WEBSITE] Panel. */ .EntityTypeView_panelbodycenter > .EntityTypeViewBody > .Center > .Middle > .ViewBody, .EntityTypeView_panelbodycenter > .ViewBody, .EntityTypeView_panelbodycenter.UIViewSingle { text-align: center; width: 100%; } .EntityTypeView_panelbodycenter > .EntityTypeViewBody > .Center > .Middle > .ViewBody > *, .EntityTypeView_panelbodycenter > .ViewBody > *, .EntityTypeView_panelbodycenter.UIViewSingle > * { display: inline-block; } .EntityTypeView_panelbodyleft > .EntityTypeViewBody > .Center > .Middle > .ViewBody, .EntityTypeView_panelbodyleft > .ViewBody, .EntityTypeView_panelbodyleft.UIViewSingle { text-align: left; width: 100%; } .EntityTypeView_panelbodyleft > .EntityTypeViewBody > .Center > .Middle > .ViewBody > *, .EntityTypeView_panelbodyleft > .ViewBody > *, .EntityTypeView_panelbodyleft.UIViewSingle > * { display: inline-block; float :left; } .EntityTypeView_panelbodyright > .EntityTypeViewBody > .Center > .Middle > .ViewBody, .EntityTypeView_panelbodyright > .ViewBody, .EntityTypeView_panelbodyright.UIViewSingle { text-align: right; width: 100%; } .EntityTypeView_panelbodyright > .EntityTypeViewBody > .Center > .Middle > .ViewBody > *, .EntityTypeView_panelbodyright > .ViewBody > *, .EntityTypeView_panelbodyright.UIViewSingle > * { display: inline-block; float :right; } .EntityTypeView_panelbodytab .OneByOnePanel, .EntityTypeView_panelbodytabrun .OneByOnePanel { position: relative; left: 0; right: 0; height: auto; box-shadow: 0 0 0; } .EntityTypeView_panelbodytab .OneByOnePanel .MicroButton, .EntityTypeView_panelbodytabrun .OneByOnePanel .MicroButton { display: none; } .EntityTypeView_panelbodytab .OneByOneCenter > .Middle, .EntityTypeView_panelbodytabrun .OneByOneCenter > .Middle { top: 0; } .EntityTypeView_panelbodytab .OneByOnePanelBody, .EntityTypeView_panelbodytabrun .OneByOnePanelBody { height: auto; position: relative; left: 0; right: 0; } .EntityTypeView_panelbodyabsolute > .EntityTypeViewBody > .ViewBody { overflow: visible; } /* STYLE : [WEBSITE] Cardtype. */ .FieldSet_cardtype1 > .DirectionVer > * { } .FieldSet_cardtype2 > .DirectionVer > * { } /* STYLE : [WEBSITE] HeightImportant. */ .Field_HeightImportant, .Field_VerticalImportant { vertical-align: bottom; position: relative; left: -1.8em; } .Field_HeightImportant .FieldValue, .Field_VerticalImportant .FieldValue { vertical-align: bottom; } /* STYLE : [WEBSITE] Internet.SupportRequest. */ .ItemView_SupportRequestTypeCities_City { width: 160px; margin: 0 auto; display: inline-block !important; } .ItemView_SupportRequestTypeCities_City a { text-align: left !important; } .SingleItem_SupportRequestType .ItemView_City_City, { background-color: silver; } .SingleItem_SupportRequestType .ItemView_SupportRequestTypeCities_City { background-color: lightgreen; } .SingleItem_SupportRequest > .ItemBody > .Fields { max-width: 640px; } .SingleItem_SupportRequest_NewForm .Transition { background-color: rgba(1,226,149) !important; border-radius: 2em !important; color: black !important; } .SingleItem_SupportRequest .LabelPositionLeft > .FieldLabel a span:after { content: ""; } .SingleItem_SupportRequest_NewForm textarea::placeholder { } .SingleItem_SupportRequest .DoScript { } .SingleItem_SupportRequest_NewForm .LabelActions { display: none !important; } .SingleItem_SupportRequest_NewForm .FieldSet_mSonuc { display: block; max-width: 320px; margin: 0 auto; } .SingleItem_SupportRequest_NewForm .FieldSet_mSonuc .Field { display: block; font-size: 125%; } .SingleItem_SupportRequest_NewForm .FieldSet_mSonuc .Text { display: block; font-size: 125%; } /* STYLE : [WEBSITE] Internet.FAQ. */ .ItemView_FrequentlyAskedQuestionsGroups_Card { display: inline-block; max-width: 200px; margin: 1em !important; background-color: white; } .Content_FrequentlyAskedQuestionCenter .ViewBody { border: 0 !important; box-shadow: 0 0 0 !important; background-color: transparent !important; } .ItemView_FrequentlyAskedQuestions_Card { max-width: 1024px; background-color: white; } .ItemView_FrequentlyAskedQuestions_Card .Field_Answer , .ItemView_FrequentlyAskedQuestions_Card .Field_Important { display: none; } .ItemView_FrequentlyAskedQuestions_Card.ItemClicked .Field_Answer , .ItemView_FrequentlyAskedQuestions_Card .Field_Important { display: inherit; } .ItemView_FrequentlyAskedQuestions_Card.ItemClicked { outline: 0; box-shadow: 0 0 3px gray inset; } .Content_FrequentlyAskedQuestionCenter .EntityTypeViewBody { margin: 1em auto !important; max-width: 1024px; } .SingleItem_FrequentlyAskedQuestionsGroups_Internet > .ItemBody { position: relative; height: auto !important; } .ItemView_FrequentlyAskedQuestions_Web { display: block; margin: 0.5em auto !important; max-width: 640px !important; } .ItemView_FrequentlyAskedQuestions_Web .PanelHeader.ToggleHeader:before{ content:"\f146"; font-family:"Font Awesome 5 Free"; font-size: 140%; } .ItemView_FrequentlyAskedQuestions_Web .Toggle_Closed .PanelHeader.ToggleHeader:before{ content:"\f0fe"; font-family:"Font Awesome 5 Free"; font-size: 140%; } .ItemView_FrequentlyAskedQuestions_Web .FieldSetPanel > .PanelHeader{ display: inline !important; position: absolute; top: -3em; left: -3em; width: 1em !important; height: auto; } .ItemView_FrequentlyAskedQuestions_Web .TogglePanel > .ToggleHeader{ background-color: transparent !important; } .ItemView_FrequentlyAskedQuestions_Web .PanelHeader{ height:25px; } .ItemView_FrequentlyAskedQuestions_Web .PanelHeader > .PanelHeaderTitle{ display: none; } /* STYLE : [WEBSITE] Internet.Goto. */ .GotoWebPage { position: absolute; bottom: 2em; right: 12%; text-align: center; overflow: hidden; padding: 0; font-size: 150%; background-color: transparent; } .GotoWebPageButton { position: relative; content: ">"; background-color: #ffeb3d; padding: 0.5em; padding: 0.25em 0.5em; color: black; box-shadow: 0 0 4px black; text-align: center; margin: 0.25em 0.5em; } .GotoWebPage .FieldWebPage { padding: 0; position: absolute; left: 0; right: 0; top : 0; bottom: 0; overflow: hidden; z-index: 1000; } .GotoWebPage .FieldWebPage a { padding: 0; color: transparent !important; } /* STYLE : [WEBSITE] Internet.Download. */ .SingleItem_DownloadFolder .PanelHeader { background-color: transparent; color: black; } .ItemView_DownloadFolder_Button img { height: 96px; } .ItemView_DownloadFolder_Button .FieldValue { text-align: center !important; } .SingleItem_DownloadFolder .FieldImage > .FieldValue > img , .ItemView_DownloadFolder .FieldImage > .FieldValue > img, .SingleItem_DownloadFolder .FieldImage > .FieldValue > .FileDisplay > img { height: 64px !important; width: auto !important; } .ItemView_DownloadFolder_Button { display: block; margin: 5px !important; } .Content_DownloadHome .ViewBody { box-shadow: 0 0 0 !important; border: 0 !important; background-color: transparent !important; } .ItemView_Download_Card { max-width: 1024px !important; margin: 0 auto; padding: 0.75em; } .ItemView_Download_Card:hover { background-color: rgba(127,127,127,0.1) !important; } .ItemView_Download_Card .Field_File { position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: transparent; width: 100% !important; } .ItemView_Download_Card .Field_File * { display: flex; width: 100%; height: 100%; align-items: center; justify-content: flex-end; } .SingleItem_DownloadFolder_Web .FieldSet_top { font-size: 125%; font-weight: bold; } .SingleItem_DownloadFolder_Card > .ItemBody , .SingleItem_DownloadFolder_Web > .ItemBody { position: relative; } .Content_DownloadHome .EntityTypeViewBody { padding: 6px !important; box-shadow: 0 0 5px silver !important; background-color: white; } .Content_DownloadHome .EntityTypeViewBody .EntityTypeViewBody { box-shadow: 0 0 0 silver !important; background-color: white; margin: 0 !important; } .Content_DownloadHome .EntityTypeViewBody { margin: 0 auto !important; max-width: 1024px; } /* .FieldSet_basketorderdetailsselect{ */ /* width:270px; */ /* right:0px; */ /* } */ .ItemView_Download_Card { display: block; } .Field_AutoDownloadOrders .ToggleButton { } .Field_AutoDownloadOrders .ToggleButton .ToggleButtonText { display: none; } .Field_AutoDownloadOrders .ToggleButton { } /* STYLE : [WEBSITE] Internet.Driver. */ .ItemView_Driver_Internet .ButtonContainer .FileButton { background-color: rgba(1,226,149) !important; color: black; } .ItemView_Driver_Internet { display: block; } /* STYLE : [WEBSITE] Internet.BuyInternet. */ .BuyInternet .ProcedureButton { visibility: visible !important; } .BuyInternet .Field_Name .FieldValue { text-align: center; font-size: 133%; padding: 0; background-color: transparent; } .BuyInternet .Field_Name .FieldValue a { padding: 0; } .BuyInternet .Field_Image img { max-width: 256px; max-height: 256px; width: auto !important; height: auto !important; } .BuyInternet .Field_Files .ImagePreview img { max-width: 256px; max-height: 256px; width: auto !important; height: auto !important; } .Desktop .BuyInternet .Field_Files .ImagePreview img { max-width: 400px; max-height: 400px; width: auto !important; height: auto !important; } .BuyInternet .Field_Files { } .BuyInternet .Field_Files .FileDisplay { background-color: transparent !important; min-width: 1em; } .BuyInternet .Field_VariantSeries { font-size: 2.5em; border: 0 !important; } .BuyInternet .Files_FolderView { white-space: nowrap; overflow: auto; } .BuyInternet .Field_Files .FileDisplay img, .ItemView_VariantSeries_Gallery .Field_Files .FileDisplay img { width: 6em; display: none; } .BuyInternet .Field_Files .FileDisplay a:before,.ItemView_VariantSeries_Gallery .Field_Files .FileDisplay a:before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.3; } .BuyInternet .Field_Files .FileDisplay.SelectedFile a:before,.ItemView_VariantSeries_Gallery .Field_Files .FileDisplay.SelectedFile a:before { opacity: 1.0; } .BuyInternet .FieldSet_Sales { max-width: 100%; margin: 0 auto; } .Desktop .BuyInternet .FieldSet_Sales { max-width: 100%; margin: 0 auto; padding: 1em 25%; background-color:#e4e4e4; } .BuyInternet .FieldSet_mRight24 { vertical-align: middle; text-align: right !important; } .BuyInternet .FieldSet_campain a { padding: 3px !important; } .BuyInternet .FieldSet_campain { margin-top: 2em; margin-bottom: 2em; } .BuyInternet .Field_Files .FileDisplay img, .ItemView_VariantSeries_Gallery .Field_Files .FileDisplay img { width: 6em; display: none; } .BuyInternet .Field_Files .FileDisplay a:before,.ItemView_VariantSeries_Gallery .Field_Files .FileDisplay a:before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.3; } .BuyInternet .Field_Files .FileDisplay.SelectedFile a:before,.ItemView_VariantSeries_Gallery .Field_Files .FileDisplay.SelectedFile a:before { opacity: 1.0; } .BuyInternet .FieldSet_Sales { max-width: 100%; margin: 0 auto; } .Desktop .BuyInternet .FieldSet_Sales { max-width: 100%; margin: 0 auto; padding: 1em 25%; background-color:#e4e4e4; } .BuyInternet .FieldSet_mRight24 { vertical-align: middle; text-align: right !important; } .BuyInternet .FieldSet_campain a { padding: 3px !important; } .BuyInternet .FieldSet_campain { margin-top: 2em; margin-bottom: 2em; } .BuyInternet .FieldSet_campain .FieldSet { padding: 0 !important; } .BuyInternet .FieldSet_campain .FieldSet_campainright .InputSpan { display: block !important; text-align: left; } .BuyInternet .FieldSet_campain .FieldSet_campainright .FieldValue { display: block !important; text-align: left; } .BuyInternet .Field_CampainDiscount .InputSpan { font-size: 150%; padding: 0.25em 0.5em !important; background-color: #ee4b25 !important; color: white; } .BuyInternet .Field_CampainDiscount .Suffix { color: white; } .BuyInternet .Field_SalesPrice .FieldValue, .BuyInternet .Field_CampainPrice .FieldValue { text-align: center !important; } .BuyInternet .Field_SalesPrice a, .BuyInternet .Field_CampainPrice a { padding-left: 0 !important; padding-right: 0.25em !important; } .ItemView.BuyInternet { width: 320px; } .BuyInternet { padding: 0.5em; margin:0; } .ItemView_Asset_BuyMini.BuyInternet { width: 200px; } .ItemView_Asset_BuyMini .Field_ListPrice .InputSpan a * { text-decoration: line-through #f23737 2px !important; } .BuyInternet .FieldValue a { text-align: left !important; max-width: 100% !important; } .BuyInternet .Field_Name { margin-top: 2em; } .BuyInternet .EntityTypeView_CharValues .GroupByBody .GroupByTitle { display: none !important; width: 0 !important; } .BuyInternet .EntityTypeView_mCharacteristics .Field_VariantChar { display: none !important; } .BuyInternet .EntityTypeView_mCharacteristics .GroupByTitle { width: 13em !important; text-align: left; } .BuyInternet .FieldSet_buyChars { } .BuyInternet .ProcedureButton { background-color: rgba(1,226,149) !important; color: black !important; } .BuyInternet .EntityTypeView_CharValues .LastGroupByBody { text-align: left; /* height: 2em; */ overflow: visible; } .BuyInternet .EntityTypeView_CharValues .LastGroupByBody > .ItemView { display: block; padding-left: 2em; box-shadow:0 0 0; /* width: 100%; opacity: 0; transition: all 500ms; height: 0; overflow: hidden; */ } /* .BuyInternet .EntityTypeView_CharValues .LastGroupByBody:hover > .ItemView { display: block; margin: 0 auto; opacity: 1.0; height: 3em; } .BuyInternet .EntityTypeView_CharValues .LastGroupByBody:active > .ItemView { display: block; margin: 0 auto; opacity: 1.0; height: 3em; } */ /* .BuyInternet .EntityTypeView_CharValues .LastGroupByBody:hover { box-shadow: 0 0 3px inset; background-color: #303030; color: white; } .BuyInternet .EntityTypeView_CharValues .LastGroupByBody:active { box-shadow: 0 0 3px inset; background-color: #303030; color: white; } */ .BuyInternet .FieldSet_BuyPanel .FieldValue { text-align: left !important; } .BuyInternet .FieldSet_BuyPanel .FieldSet_mRight24 { text-align: left !important; vertical-align: middle; } .ItemView_Asset_BuyMini .BuyInternet .FieldSet_BuyPanel .FieldSet_mRight24 { text-align: left !important; padding-top: 1em; } .BuyInternet .Field_Code a { text-align: left !important; padding-left: 0 !important; border: 0 !important; padding: 0 !important; padding-left: 1px !important; padding-top: 3px !important; } .BuyInternet .FieldSet_campain .Field_SalesPrice .InputSpan { font-size: 1em; text-decoration: line-through; font-weight: normal !important; } .BuyInternet .FieldSet_campain .Field_SalesPrice .InputSpan a { font-weight: normal !important; padding: 5px 0.25em!important; } .BuyInternet .FieldSet_campain .Field_SalesPrice a { color: gray !important; } .BuyInternet .FieldSet_campain .Field_SalesPrice .Suffix { color: gray !important; } .BuyInternet .Field_SalesPrice .Suffix { color: #303030 !important; } .BuyInternet .FieldSet_campain .Field_CampainPrice .Suffix { color: #303030 !important; } .BuyInternet .FieldSet_campain .Field_SalesPrice { font-size: 100% !important; padding: 0 !important; } .BuyInternet .Field_SalesPrice .InputSpan { padding: 0; font-size: 150%; } .BuyInternet .Field_CampainPrice .InputSpan { padding: 0; font-size: 150%; } .BuyInternet .FieldSet_campain .Field_CampainPrice .InputSpan { padding: 0 0.1em 0 0.1em !important } .BuyInternet .FieldSet_campain .Field_SalesPrice .InputSpan { font-size: 120%; padding: 0 !important; } .BuyInternet .FieldSet_campainleft { width: 6em !important; text-align: left; } .BuyInternet .FieldSet_CharValues { } /* STYLE : [WEBSITE] Internet.BuyMini. */ .ItemView_Asset_BuyMini .Field_SalesPrice .InputSpan a { max-width: 0; width: auto; } .SingleItem_Product_Internet .ItemView_Asset_BuyMini .Field_SalesPrice .InputSpan a { text-align: left !important; min-width: 0; } .SingleItem_Product .ViewBody_ItemView_BuyMini{ justify-content: flex-start; } .SingleItem_Product .ItemView_Asset_BuyMini { margin-bottom: 30px!important; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_ListPrice { color: #616161!important; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_ListPrice .InputSpan{ justify-content: flex-start; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_ListPrice .InputSpan>a { text-align: left!important; width: auto!important; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_DiscountRatio>* , .SingleItem_Product .ItemView_Asset_BuyMini .Field_DiscountRatio .InputSpan .Suffix{ color: #f23737!important; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_DiscountRatio .InputSpan{ padding: 0px 10px; border-radius: 3px; } .SingleItem_Product .ItemView_Asset_BuyMini .DoScriptButton_AddtoCompare { text-align: center!important; display: block!important; max-width: 127px!important; background: transparent!important; color: #616161!important; text-decoration: underline!important; } .SingleItem_Product .ItemView_Asset_BuyMini .DoScriptButton_AddtoCompare:hover{ box-shadow: none!important; } .ItemView_Asset_BuyMini .ItemView_VariantAssetChar_Title .FieldValue > a { padding: 0 0; } .ItemView_Asset_BuyMini .Field_Code .InputSpan { padding: 0 0 !important; } .ItemView_Asset_BuyMini .Field_Code .InputSpan a { text-align: left !important; padding: 0 !important; } .ItemView_Asset_BuyMini .InputSpan a { padding-left: 0 !important; } .ItemView_Asset_BuyMini .Field_SalesPrice .InputSpan { text-align: left !important; padding: 0 !important; } .ItemView_Asset_BuyMini .Field_SalesPrice .InputSpan a { text-align: left !important; } /* STYLE : [WEBSITE] WebPageZone. */ .Mode_Display.UIViewSingle.View_ItemView_WebMobile.EntityType_WebPageZone.EntityTypeView_zonesmobile { display: flex; flex-direction: column; } .SelectionsMenu_OnClickMenuForm { max-width: 480px; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te { max-width: 100%; position: fixed; top: 10% !important; bottom: 10% !important; left: 10% !important; right: 10% !important; background-color: rgba(127,127,127,0.5); } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .sun-editor { height: 100%; display: flex; flex-direction: column; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .sun-editor .se-wrapper { flex: 1; min-height: 35vh; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .sun-editor .se-wrapper-inner { padding: 1em; overflow: auto !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .sun-editor .se-toolbar { position: relative !important; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .FieldSet, .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .Fields, .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .FieldValue { display: flex; flex-direction: column; height: auto; flex: 1; max-height: 100%; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .Field { flex: 1; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .FieldSet_m { display: flex; flex-direction: column; flex: 1; height: auto !important; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .MenuItemView_WebPageZone_EditText { position: absolute; left: 0%; top: 0%; bottom: 0%; right: 0%; min-height: initial !important; max-height: initial !important; min-width: initial !important; max-width: intial !important; width: auto !important; height: auto !important; } .ItemView_WebPageZone .FieldSet_panelbody { width: 100%; } .EntityType_WebPageZone.EntityTypeView { background-color: transparent !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; border: 0 !important; margin: 0 !important; flex-direction: column; align-content: center; } .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { display: flex; flex-direction: row; flex-wrap: nowrap; max-width: 100% !important; } /* STYLE : [WEBSITE] KVKKMobile. */ .KVKCardP16 .FieldValue { padding: 16px !important; } /* STYLE : [WEBSITE] Menu. */ .Menu_FieldSet_Part .FieldRichText.Mode_Display * { padding-bottom: 0; } .ItemView_WebPage_Button > .OnHoverMenuForm { border-bottom: 0 !important; } .SelectionsMenu:has(.Style_MegaMenu2 ){ max-width: 100% !important; top: 73px !important; background: transparent; } .BODYPage_FullWebPage .SelectionsMenu_OnClickMenuForm:has(.Style_MegaMenu2){ max-width: 100% !important; top: 73px !important; background: transparent; } /* STYLE : [WEBSITE] MenuItemView_WebPage_HoverMenu. */ .MenuItemView_WebPage_HoverMenu .FieldSet_subs .ViewBody { flex-direction: column; } .MenuItemView_WebPage_HoverMenu .FieldSet_subs .ViewBody .ItemView_WebPage_SubMenu { width: 100%; } .SelectionsMenu .Style_MegaMenuColumn > .FieldSet_panelbody >.EntityTypeView_panelbodyall{ display: flex; justify-content: flex-start !important; gap: 0; } .SelectionsMenu .Style_MegaMenuColumn > .FieldSet_panelbody >.EntityTypeView_panelbodyall > .ItemView_WebPageZone_Web { flex: 0 !important; } /* STYLE : [WEBSITE] RootPages. */ .FieldSet_rootpagesbody .ViewBody { } .FieldSet_rootpagesbody .ViewBody .ItemView { /* height: 100% !important;*/ } .FieldSet_rootpagesbody .ViewBody .ItemView > .FieldSet { justify-content: center !important; } /* STYLE : [WEBSITE] MegaMenu2. */ .Style_MegaMenu2 { --mmleftwidth:12.5%; --mmrightwidth:calc(100% - var(--mmleftwidth)); background-color: #efefef } .Style_MegaMenu2 >.FieldSet_panelbody{ background-color: #ffffff; } .Style_MegaMenu2 .Style_MMRow:hover .Style_MMRight{ background-color: #ffffff !important; } .Style_MegaMenu2 .Style_MMRow { /*background-color: #efefef;*/ border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .Style_MegaMenu2 .Style_MMRow:hover { z-index: 200; box-shadow: 0 0 16px 0 #455a6440; border-top: 1px solid #607d8b52; border-bottom: 1px solid #607d8b52; } .Style_MegaMenu2 .Style_MMRow .Style_MMLeft { border-right:4px solid transparent !important; } .Style_MegaMenu2 .Style_MMRow:hover .Style_MMLeft { border-right:4px solid #0097a7 !important; } .Style_MegaMenu2 .Style_MMRow .Style_MMRight { } .Style_MMLeft { } .Style_MMRight .ItemView_WebPage_Button3 { max-width: 12.5%; width: 12.5%; min-width: 160px; min-width: clamp(12.5%, 320px, 150px);; flex-direction: row; display: flex !important; max-height: 46px; margin: 0 !important; } .Style_MMRow .Style_MMLeft { } .Style_MMRow .Style_MMRight .View_ItemView_Button3{ row-gap: 8px; padding: 1px; } .Style_MMRow .Style_MMRight .ItemView_WebPage{ } .Style_MMRight .ItemView_WebPage_Button3 .Field_Image { max-width: 28px; width:28px; min-width: 24px; max-height: 24px; padding: 0; margin: auto; } .Style_MMRight .ItemView_WebPage_Button3 .Field_Image > img { background-color: transparent; height: 24px !important; max-height: 24px; padding: 0; /* filter: grayscale(1);*/ } /*.Style_MegaMenu2 .Style_MMRow:hover .Style_MMRight .ItemView_WebPage_Button3 .Field_Image > img { background-color: transparent; height: 28px !important; filter: unset; }*/ .Style_MMRight .ItemView_WebPage_Button3 .Field_Name .InputSpan > a { padding: 0 1rem 0 0.5rem !important; text-align: left; justify-content: flex-start; font-size: 1.15rem !important; } /* STYLE : [WEBSITE] MobileMenuNew. */ .Style_MMenuNew{ } .Style_MMenuNew .EntityTypeView_pagebuttons{ } .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 { margin: 0 !important; max-width: 33%; padding: 0; } .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 >.FieldImage { max-height: 112px; } .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 >.FieldImage > img { max-width: 112px; max-height: 112px; height: 112px; min-height: 112px; border-radius: 0; padding: 0; } .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 >.Field_Name { font-size: 1.25rem; padding: 8px 0; } /* STYLE : [WEBSITE] UKO. */ .EntityType_WebPageZone.EntityTypeViewBody:has(>.Style_UKOMain){ background-color: #ffffff !important; } .Style_UKOMain { max-width: 1300px; } .Style_UKOTitle .FieldValue{ text-align: center !important; } .Style_UKOTitle .FieldValue > p{ text-align: center !important; font-size: 1.5em; } .Style_UKOTitle .FieldValue > p:first-child{ text-align: center !important; font-size: 2.2em; font-weight: 700; } .Style_UKORow { padding: 2em !important; } .Style_UKORow .Style_UKOCol1 { background-color:#1A2132 !important; color: #ffffff !important; border-radius: 1em; } .Style_UKORow .Style_UKOCol2 { background-color:#DDE7FD !important; border-radius: 1em; } .Style_UKORow.Srtle_Second .Style_UKOCol2 { background-color:#1A2132 !important; color: #ffffff !important; border-radius: 1em; } .Style_UKORow.Srtle_Second .Style_UKOCol1 { background-color:#DDE7FD !important; border-radius: 1em; } .Style_UKORow .EntityType_WebPageZone { gap: 2em; } .Style_UKORow .FieldValue > p{ font-size: 1.2em; } .Style_UKORow .FieldValue > p:first-child{ font-size: 1.6em; font-weight: 700; } .Style_UKORow .FieldSet_cardtype1 .FieldSet_left{ justify-content: center !important; padding-left: 2em; } .Style_UKORow .FieldSet_cardtype1 .FieldImage { padding: 2em !important; justify-content: flex-end; } .Style_UKORow .FieldSet_cardtype1 .FieldImage img{ max-height: 200px; } /* STYLE : [WEBSITE] iconics. */ .Style_iconics picture{ max-height: 48px; height: 48px; } /* STYLE : [WEBSITE] calltoaction. */ .ItemView_ContactRequest_CalltoAction .Field input{ border-radius: 2rem; min-height: 4rem; padding-left: 2em; } .ItemView_ContactRequest_CalltoAction .Field textarea{ border-radius: 1.5rem; padding-left: 2em; } .ItemView_ContactRequest_CalltoAction .Field input[type="checkbox"] { min-height: 2rem; } .ItemView_ContactRequest_CalltoAction .FieldView_m5leftapprove .FieldValue ,.ItemView_ContactRequest_CalltoAction .FieldView_m5RightApprove .FieldValue { align-self: center; } /* STYLE : [WEBSITE] HTMLAPPS. */ .ViewBody_ItemView_HTMLAPPs { } .ItemView_WebContent_HTMLAPPs { background-color: #ffffff !important; /*border: 1px solid #607d8b52;*/ /*box-shadow: 0 0 14px 0 #546e7a38 !important;*/ } .ItemView_WebContent_HTMLAPPs:after{ content:""; } .ItemView_WebContent_HTMLAPPs .container{ min-width: auto !important; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary { gap:1.5em; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary { max-width: 24%; min-width: 24%; margin: 0; border: 1px solid #FFFFFF; padding: 1rem 0 0.5rem 1rem; background-color: #fbfbfb !important; border-radius: 1rem; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary .FieldSet_left{ min-width: 28px; max-height: 28px; align-items: flex-start; flex: 0 1 0%; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary .FieldSet_right{ text-align: left; padding-left: 0; flex-direction: column; } .ItemView_WebContent_HTMLAPPs .TT1 { font-size: 3rem !important; font-weight: 800 !important; padding-bottom: 3rem !important; } .ItemView_WebContent_HTMLAPPs .TT2 { font-size:2rem !important; font-weight: 300 !important; padding-bottom: 1rem !important; color: #000000; } .ItemView_WebContent_HTMLAPPs .TT3.FieldRichText.FieldValue { padding: var(--inputPadding) !important; font-size:1.35rem !important; font-weight: 400 !important; } .ItemView_WebContent_HTMLAPPs:has( .FieldSet_subs.NoItems){ display:none !important; } .ItemView_WebContent_HTMLAPPs .FieldSet_t0{ padding: 1rem 2rem 3rem !important; } .ItemView_WebContent_HTMLAPPs .FieldSet_m{ padding: 3rem 0; } /* STYLE : */ .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard { border: none !important; } .EntityType_VideoRecord .ViewBody_ItemView_MiniListCard { gap:0.7em; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .FieldSet_t1 .FieldImage { min-height: 24px !important; max-height: 24px !important; height: 24px !important; padding-left: 4px; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .FieldSet_t1 .FieldImage > img { min-height: 32px !important; max-height: 32px !important; height: 32px !important; min-width: 32px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; padding: 2px; border: 2px solid #CFD8DC; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .FieldSet_img2 .FieldImage { min-height: 24px !important; max-height: 24px !important; height: 24px !important; padding-right: 4px; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .FieldSet_t2 .FieldImage > img { min-height: 32px !important; max-height: 32px !important; height: 32px !important; min-width: 32px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; padding: 2px; border: 2px solid #CFD8DC; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .Field_Title { background-color: #FFF8E1; border: 1px solid #FFE0B2; border-radius: 2em; } @media only screen and (max-width: 767px) { /* STYLE : [361] root. */ :root { --gap: 8px; } /* STYLE : [361] NewTheme.Card. */ .card{ --cardcolor:#313741; --cardbgcolor:#ffffff; --cardborder:1px; --cardbordercolor:rgba(203, 208, 221, 0.54); --cardborderradius:8px; --cardboxshadow: unset; --cardspacex:0.5em; --cardspacey:0.5em; --paddingcardheader:.5em .5em 0 .5em ; --cardbodycolor:var(--cardcolor); --cardheadercolor:var(--cardcolor); --cardheaderbgcolor:var(--cardbgcolor); --cardheaderbordercolor:#cbd0dd; } /* STYLE : [361] sunumslider. */ .Style_sunum1 .swiper-wrapper .row > .col-lg-8{ width: 100% !important; } .Style_sunum1 .swiper-wrapper .row > .col-lg-4{ width: 100% !important; } /* STYLE : [361] .Action_Header. */ .FieldSet_mobile{ font-size: 12px !important; } .FieldSet_mobile .Field{ padding: 2px 12px !important; border-bottom: 0 !important; } .FieldSet_mobile .Field.LabelPositionLeft { flex-direction: row !important; } .FieldSet_mobile .Text { background-color: #fff; opacity: 1; z-index: 999; max-width: fit-content; margin: 0 auto; border-radius: 12px; } /* STYLE : [361] mobileNew. */ .mobileW100{ width:100% !important; } /* STYLE : [SURVEY] ActiveSurveys. */ .ActiveSurveys .ItemView_Survey_Summary { max-width: 100%; } /* STYLE : [B2B] Content_B2BHome. */ .slider_Text_box { flex: 0 1 0%; position: relative; z-index: 9; background-color: #263238a8; max-width: 100%; top: unset; font-size: 1em; color: #ffffff; font-weight: 400; left: unset; border: 1px solid #263238ba; } .slider_Text_box .Field_Subject{ font-size: 1.5em; color: #ffffff; font-weight: 500; } .slider_Text_box .Field_Summary{ font-size: 1em; color: #ffffff; font-weight: 300; } /* STYLE : [LOCATION] Location. */ .hpcell{ margin: 0.5em 0 ; } .ItemView_Location_Card { max-width: calc(100% - 4px); margin: 1px; background-color: white !important; border-radius: 4px; padding: 8px; } /* STYLE : [BUSINESSMATCHING] BusinessMatch. */ .ItemView_BusinessMatchSuggestion_Card, .ItemView_BusinessMatchType_Card, .ItemView_BusinessMatchScore_Card, .ItemView_BusinessMatchCriteria_Card { width: 100%; margin: 0.5em 0; } /* STYLE : [ORGANIZATIONS] nameandlogo. */ .ItemView_Organization_NameLogo{ max-width: 100%; padding: 2px; margin: 0; box-shadow: 0 0 8px 2px #455a6430; background-color: white; } /* STYLE : [TRAINING] Cards. */ .ItemView_LectureAttandee_Summary { max-width: 98%; min-width: 160px; width: 98%; } /* STYLE : [WEBSITE] Root. */ #WebPageZone_71BE51BF_DC16_4022_B971_6CFA69A57571 #WebPageZone_C3C6CAF8_8A40_454E_AAF7_3DB544EECA15 .FieldSet_panelbodyall { flex-direction: column !important; justify-content: center !important; align-content: center; } /* STYLE : [WEBSITE] Styles. */ .Style_DisableOnDesktop { display: inherit !important; } .Style_DisableOnTablet { display: inherit !important; } .Style_DisableOnMobile { display: none !important; } /* STYLE : [WEBSITE] Styles.Style_Max. */ .MaxM, .Style_MaxM, .Style_MaxM > * { max-width: 100% !important; margin: 0 auto !important; } /* STYLE : [WEBSITE] Styles.Style_Referanslar. */ .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 100%; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(2,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid !important; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary::before { display: none !important; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { justify-content: center; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em 1em !important; max-height: 5em; min-height: 5em; height: 5em !important; max-width: auto; justify-content: center; } .Style_Referanslar .ItemView_WebContent_ImageSubjectSummary .Field_Summary { font-size: 80%; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; height: 10em; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary .Field_Summary { font-size: 90%; overflow: auto; } /* STYLE : [WEBSITE] Styles.Style_Why. */ .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(1,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 10em; border-radius: 1em; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em 0.5em 0 0 !important; max-width: 100%; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject >.InputSpan { padding: 0.5em 1.5em 0 0.5em !important; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; justify-content: flex-start; } /*.Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em !important; max-width: 12em; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; }*/ .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { padding: 8px; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { justify-content: flex-start; } /* STYLE : [WEBSITE] Styles.Style_Why3. */ .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(1,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 10em; border-radius: 1em; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { /*padding: 0.5em 0.5em 0 0 !important; max-width: 100%; position: absolute;*/ left: 50%; top: 0; justify-content: center; min-height: initial; transform: translateX(-50%); } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject >.InputSpan { padding: 0.5em 1.5em 0 0.5em !important; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; justify-content: flex-start; } /*.Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em !important; max-width: 12em; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; }*/ .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { padding: 8px; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { justify-content: flex-start; } /* STYLE : [WEBSITE] Styles.Style_Why4. */ .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(1,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 10em; border-radius: 1em; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { /*padding: 0.5em 0.5em 0 0 !important; max-width: 100%; position: absolute;*/ left: 50%; top: 0; justify-content: center; min-height: initial; transform: translateX(-50%); } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject >.InputSpan { padding: 0.5em 1.5em 0 0.5em !important; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; justify-content: flex-start; } /*.Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em !important; max-width: 12em; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; }*/ .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { padding: 8px; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { justify-content: flex-start; } /* STYLE : [WEBSITE] Styles.Style_Grid4. */ .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(1,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 10em; border-radius: 1em; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { /*padding: 0.5em 0.5em 0 0 !important; max-width: 100%; position: absolute;*/ left: 50%; top: 0; justify-content: center; min-height: initial; transform: translateX(-50%); } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject >.InputSpan { padding: 0.5em 1.5em 0 0.5em !important; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; justify-content: flex-start; } /*.Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em !important; max-width: 12em; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; }*/ .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { padding: 8px; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { justify-content: flex-start; } /* STYLE : [WEBSITE] Styles.Style_HomeSection1. */ .Style_HomeSection1 .FieldSet_CardType8 { justify-content: center !important; padding: 2em 1em } .Style_HomeSection1 .FieldSet_CardType9 .FieldValue { text-align: center !important; } /* STYLE : [WEBSITE] Styles.Style_slider. */ .Style_slider{ min-height: 95vh !important; justify-content: center; align-items: center; } .Style_slider .FieldRichText > .FieldValue { text-align: center !important; } /* STYLE : [WEBSITE] Styles.footer. */ .Style_footer .Style_MSosyalIcons img{ max-width: 32px; } .Style_footer .Style_MSosyalIcons >.FieldSet_panelbody > div{ display: flex; flex-direction: row; justify-content: center !important; } .Style_footer .FieldValue a { padding: 2px !important; font-size: 12px; } .Style_footer .Style_copyright{ border-top:2px solid #cccccc !important; padding-top:0.5em; } .Mobile .EntityTypeView_footerwebparts .ItemView_WebPageZone .ItemView_WebPageZone { width: 100% !important; max-width: 100% !important; } /* STYLE : [WEBSITE] Styles.product page. */ .Mobile .Style_PPageHeader .EntityType_WebPage.EntityTypeView.EntityTypeView_pagebuttons3{ background-color: #ffffff !important; border-radius: 1em !important; border: 1px solid #90a4ae5c !important; padding: 1em !important; align-content: flex-start; gap: 1em; } /* STYLE : [WEBSITE] Styles.pagecantact. */ .Style_contactright { padding:3em 1.5em !important; } /* STYLE : [WEBSITE] OvewrflowWrap. */ a, td { overflow-wrap: break-word; } td { width: fit-content !important; } .SingleItem_WebPage_Web { overflow: hidden; } /* STYLE : [WEBSITE] MobileMenuNew. */ .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 { width: 33%; } /* STYLE : [WEBSITE] UKO. */ .Style_UKORow .FieldValue > p{ text-align: center !important; } .Style_UKORow .FieldSet_cardtype1 .FieldSet_left{ justify-content: center !important; padding: 2em 2em 0 ; } /* STYLE : [WEBSITE] HTMLAPPS. */ .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary { max-width: 90%; min-width: 90%; margin: 0; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary .FieldSet_right{ text-align: left; padding-left: 0.5em; flex-direction: column; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { /* STYLE : [WEBSITE] Root. */ /** test amaçlı uygula yazı*/ /* STYLE : [WEBSITE] HTMLAPPS. */ .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary { max-width: 30%; min-width: 30%; margin: 0; } } @media only screen and (min-width: 1025px) { /* STYLE : [361] NewTheme.overflows. */ .ofscroll{ overflow: scroll !important; } .ofhidden{ overflow: hidden !important; } .maxh100{ max-height:100% !important; } .ofauto{ overflow: auto !important; } /* STYLE : [361] NewTheme.Multi_Lang. */ .FieldSet_Multi_Lang > .TabHeader { visibility: hidden; } .FieldSet_Multi_Lang:hover > .TabHeader { visibility: visible; } /* STYLE : [361] Labelinfo. */ .LabelPositionTop .QuestionMark::after { left: -2px !important; top: 3px !important; } .LabelPositionLeft .QuestionMark::after { left: -2px !important; top: 7px !important; } /* STYLE : [361] E-Gib. */ .Content_FinanceEinvoiceContent .EntityTypeViewBody { min-height: auto !important; } /* STYLE : [WEBSITE] Styles.product page. */ .Style_PPageHeader .Style_PPHRow .Style_PPHLeft { max-width: auto; padding-right: 2em; } .Style_PPageHeader .Style_PPHRow .Style_PPHRight { /*max-width: 33%;*/ padding: 0 3em 3em; max-width: 430px; } .Style_PPHRight .EntityTypeView_pagebuttons3 { align-content: center; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldValue > p { padding: 0 5em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldValue > p:first-child { color: #06040A; font-size: 4vh; line-height: 1; padding-bottom: 2vh; font-weight: 700; text-wrap: nowrap !important; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldValue > p { padding: 0 5em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldValue > p:first-child { color: #06040A; font-size: 4vh; line-height: 1; padding-bottom: 2vh; font-weight: 700; text-wrap: nowrap !important; } /* STYLE : [WEBSITE] Styles.pagecantact. */ .Style_contactleft { flex:2 !important; } .Style_contactright { flex: 1 !important; padding-left: 3em !important; } .Style_contactright >.FieldSet_panelbody >.EntityType_WebPageZone { align-content: end; } .Style_darkcard { max-width: 400px; } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue { padding-left:3em !important; padding-bottom: 4em !important; } /* STYLE : [WEBSITE] MegaMenu2. */ .Style_MMLeft { width:var(--mmleftwidth); max-width:var(--mmleftwidth); min-width: var(--mmleftwidth); } .Style_MMRight{ width:var(--mmrightwidth); max-width:var(--mmrightwidth); min-width: var(--mmrightwidth); padding: 2em !important; padding-left:2em !important; background-color: #ECEFF1 !important; } .Style_MMRow .Style_MMLeft .FieldValue { font-size: 16px; text-align: right !important; } /* STYLE : [WEBSITE] HTMLAPPS. */ .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary { max-width: 24%; min-width: 24%; margin: 0; } .ItemView_WebContent_HTMLAPPs .EntityTypeView_subs.ViewBody_ItemView_icontitlesummary { padding:2rem 0 !important; } .ItemView_WebContent_HTMLAPPs .EntityTypeView_subs.ViewBody_ItemView_icontitlesummary.EntityTypeViewBody { justify-content: flex-start !important; } .ViewBody_ItemView_HTMLAPPs { /* gap: 10rem;*/ } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary:hover { background-color: #fdf9f5 !important; border: 1px solid #f57c0052 !important; box-shadow: 0 0 12px 0 #f57c004d; } } :root { --primary: #ff1493; --headerbg: #1d1d26; --textcolor: #0e0f0f; --textcolorinverse: #fcfdff; --titlecolor: #0068bb; --bg: #f8faff; --bgtint: #dfeded; --bggrey: #e6e8e8; --white: #ffffff; --borderstyle: none; --vr: 1rem; --infobgcolor: #e3f2fd; --notimportantbgcolor: #fffde7; --normalbgcolor: #ede7f6; --importantbgcolor: #fff3e0; --urgentbgcolor: #ffebee; --infobrcolor: #2196f3; --notimportantbrcolor: #ffee58; --normalbrcolor: #7e57c2; --importantbrcolor: #ffa726; --urgenbrgcolor: #ef5350; --backcolor: #f8f8ff; --backcolor2: #f8f8ff; --singleitembackcolor: #f8f8ff; --iconcolor: #202020; --menuiconcolor: #14b3ee; --black: #303030; --c1: #499eeb; --c2: #7FC8F8; --c3: #EBCFB2; --c4: #FF3C38; --c5: #4B7F52; --gap3: 12px; --etshadow: 5px 5px 10px #00000020, -5px -5px 10px #ffffffd0, -2px 0 4px #00000010, 0 -2px 4px #00000010; --tdshadow: 5px 5px 10px #00000020, -5px -5px 10px #ffffffd0, -2px 0 4px #00000010, 0 -2px 4px #00000010; --pivotshadow: inset 1px 1px 2px #00000010, inset -1px -1px 2px #ffffffd0, inset -1px -1px 2px #00000008; --textshadow: 1px 1px 2px #00000020, -1px -1px 2px #ffffffd0; --textmargin: 1px; --itemshadow: 2px 2px 4px #00000020, -2px -2px 4px #ffffffd0, -1px 0 2px #00000020, 0 -1px 2px #ffffffd0; --buttonshadow: 3px 3px 6px #00000040, -3px -3px 6px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --buttonshadowhover: 6px 6px 12px #00000040, -6px -6px 12px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --buttonshadowactive: 1px 1px 2px #00000040, -1px -1px 2px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --buttonmargin: 5px; --buttonback: linear-gradient(145deg, #2CBEFD40, #2290C1ff); --buttoncolor: #ffffff; --buttonradius: 2em; --actionback: linear-gradient(145deg, #30303080, #303030ff); --submitshadow: 3px 3px 6px #00000040, -3px -3px 6px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --submitshadowhover: 6px 6px 12px #00000040, -6px -6px 12px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --submitshadowactive: 1px 1px 2px #00000040, -1px -1px 2px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --submitmargin: 5px; --submitpadding: 10px 20px; --submitback: var(--bg); --submitbackhover: #ffffff; --submitbackactive: #ffffff; --solutionbuttonimagespan: transparent; --SolutionButtonImageSpan:transparent; --pagetopheight: 3.5em; --dashopacity: 1; --dashopacity2: 0.1; --dashopacity1: 1; --tabbg: transparent; --tabborder: solid 1px rgba(127,127,127,0); --tabheadergap: 0; --tabfontweight: 500; --tabfontcolor: inherit; --tabspanopacity: 1; --tabselectedbg: transparent; --tabselectedborder: #80808010; --tabselectedfontcolor: #039BE5; --selectedshadow: 0 0 12px #ccc; --bottomborder: 1px solid #e4e6ef; --tabtextcolorselected: #0068bb; --tabhover: #e9e9f5; --textcolor2: #3f4254; --bordercolor2: #e4e6ef; --mobilecardwidth: 350px; --linearbgblue: linear-gradient(#37d5eb, #016cf8); --linearbggray: linear-gradient(#d4d4d4, #aeaeae); } body.BODYPage_MyPage .NavigationButtons .Nav >.NavButton.Content { padding: calc(var(--cellSize) / 20); inset: 0px; box-shadow: 2px 2px 5px gray !important; letter-spacing: 0; opacity: 0.9; position: relative; padding: calc(var(--cellSize) / 6); width: calc(var(--cellSize)); height: calc(var(--cellSize)) !important; transition: all .2s ease-in-out; max-width: 100%; text-align: center; margin-left: auto; margin-right: auto; background-color: var(--iconBackColor); border-radius: var(--iconRadius); display: flex !important; align-items: center; justify-content: center; } body.BODYPage_MyPage .NavigationButtons .Nav >.NavButton .Text { line-height: 1em; white-space: normal; display: flex; align-items: center; justify-content: center; max-width: 100%; font-size: calc(var(--cellSize) / 5); position: absolute; top: 50px; left: -10px !important; height: 3em !important; align-items: center !important; min-width: 100%; min-width: var(--cellSize); padding: 0; width: var(--cellSize); } body.BODYPage_MyPage .NavigationButtons .Nav >.NavButton .Button.HasImage_Copy { font-size: 40px !important; } body .Choices .Choice.Selected { color: white !important; background-color: rgb(0, 127, 255) !important; border-color: rgba(127,127,127,0.2) !important; } body .ProcedureButton_DeleteMe { opacity: 0.5; position: absolute; top: 0; right: 0; } body .Document_Scrolled { padding-top: 4em; } body .AggField_Amount { color: green !important; } body .DoScript { background-color: #606060; color: white; } body .MainTitle { font-size: 1.5em; font-weight: 550; } body.BODYPage___Login__ { background-image: none; } body .dFlex { display: flex !important; gap: var(--gap); } body .FlexDC { flex-direction: column !important; } body .FlexDR { flex-direction: row !important; } body .FlexDV >.DirectionVer { display: flex !important; justify-content: center !important; } body .pbtnl { position: relative; top: 9px; background-color: transparent; } body .pbtnr { position: relative; top: 9px; background-color: transparent; } body .sticky { display: flex; position: sticky; flex-direction: column; min-height: fit-content !important; top: 5em; } body .mw-fit { max-width: fit-content !important; } body .sun-editor .se-btn-select .txt { overflow: hidden !important; max-height: 2em !important; } body .btn { /*display: flex; font-weight: 500; line-height: 1.25; color: #181c32; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .75rem 1.5rem; font-size: 1rem; border-radius: .475rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; outline: 0 !important;*/ } body .btn:hover { /*olor: #181c32; text-decoration: none;*/ } body .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(0, 158, 247, .25); } body .btn i { display: inline-flex; font-size: 1rem; padding-right: .35rem; vertical-align: middle; line-height: 0; } body .btn .svg-icon { flex-shrink: 0; line-height: 0; margin-right: .5rem; } body .btn.point { max-height: 24px; border-radius: 16px; max-width: 24px; min-height: 24px; padding: 0; min-width: 24px; } body .NoItemsButton { display:none; } body .NoItems .NoItemsButton { display:flex; } body .Style_Padding_V50 { padding-top:50px; padding-bottom:50px; } body .Style_Padding_V60 { padding-top:60px; padding-bottom:60px; } body .Style_Padding_V75 { padding-top:75px; padding-bottom:75px; } body .Style_Padding_V80 { padding-top:80px; padding-bottom:80px; } body .Style_Padding_V100 { padding-top:100px; padding-bottom:100px; } body .Style_Row { display:flex !important; flex-direction: row !important; } body .Style_Row .ETWBody { display:flex !important; flex-direction: row !important; } body .Style_Column { display:flex !important; flex-direction: column !important; } body .Style_Column .ETWBody { display:flex !important; flex-direction: column !important; } body .Style_JContent_Center { justify-content: center !important; } body .Style_JContent_Center .FieldSet_CardType9 { justify-content: center !important; } body .Style_Tarama { background-image: url(../images/tarama_bgli.svg); background-repeat: repeat; background-size: cover; min-height: 50px; } body .Style_kvkkLeftMenu >.FieldSet_body >.FieldSet_pagesbody >.EntityTypeView_pagebuttons9 { align-content: start !important; } body .Style_kvkkfile .Field_Files > .ImagePreview { display:none !important; } body .Style_kvkkfile .Field_Files > .FilesDisplay { justify-content: center; } body .Style_container { max-width: 1200px !important; margin: 0 auto !important; gap: var(--gap); } body .Style_colorwhite { color:#ffffff !important; } body .Style_colorwhite .ItemView_WebContent_LinkButton .InputSpan > a { color:#ffffff !important; } body .Style_colorwhite .ItemView_WebContent_LinkButton.ClickToURLCurrent .InputSpan > a { color:#ef0101 !important; } body .Style_colorwhite .ItemView_WebContent_LeftMenuLinkButton .InputSpan > a { color:#ffffff !important; } body .Style_colorwhite .ItemView_WebContent_LeftMenuLinkButton.ClickToURLCurrent .InputSpan > a { color:#ef0101 !important; } body .Style_colorwhite .ItemView_WebContent_LeftMenuLinkButton .Field_Image img { filter: brightness(0) invert(1); } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary { gap:12px; } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 30%; width:100px; margin: 0; height: 60px; justify-content: space-between; align-items: center; } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .FieldImage { max-height: 24px; max-width: 24px; } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject { font-size:12px !important; } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject .InputSpan > a { padding: 4px; text-align: center; justify-content: center; line-height: 12px; } body .Style_Flex1 { flex:1 !important; } body .Style_Flex0 { flex:0 !important; } body .Style_isologo picture { display:flex; flex:1; } body .Style_gap6 { display:flex; } body .Style_gap6 > .FieldSetPanel > .EntityTypeView { gap:6px; } body .FontSize0 { font-size:0; } body .FontSize0qx { font-size:0.25em !important; } body .FontSize0hx { font-size:0.5em !important; } body .FontSize0tx { font-size:0.75em !important; } body .FontSize1 { font-size:1em !important; } body .FontSize1qx { font-size:1.25em !important; } body .FontSize1hx { font-size:1.5em !important; } body .FontSize1tx { font-size:1.75em !important; } body .FontSize2 { font-size:2em !important; } body .FontSize2qx { font-size:2.25em !important; } body .FontSize2hx { font-size:2.5em !important; } body .FontSize2tx { font-size:2.75em !important; } body .FontSize3 { font-size:3em !important; } body .FontSize3qx { font-size:3.25em !important; } body .FontSize3hx { font-size:3.5em !important; } body .FontSize3tx { font-size:3.75em !important; } body .Padding0 { padding:0 !important; } body .minibtn { height: 1.5em !important; } body .slimlist .Field.Mode_Display >.InputSpan>a { padding:1px !important; } body .HiddeNRF .Middle:has( .NoRecordsFound) { display:none !important; } body .CardActions .Middle:has( .NoRecordsFound) { display:none !important; } body .FieldSet_OkFS .Mode_Edit { display: flex; justify-content: center; } body .FieldSet_OkFS .Mode_Edit .OkButton { padding: 1em; border-radius: 2em; } body .FieldSet_OkFS .Mode_Edit .SaveButton { color: #fff; opacity: 1 !important; background-color: #c3a4ce; padding: 1.5em; border-radius: 2em; } body .labelortala .FieldLabel a { justify-content: center; padding:var(--fieldLabelPadding); } body.Domain_iyiyasam .EntityDeriveDecisionCard { display:none !important; } .PageZone_RootMenuOpened { display: none; background-color: rgb(48, 48, 48); } .PageZone_RootMenuOpened .ViewBody { background-color: transparent; } .PageZone_RootMenuOpened .ItemView { background-color: transparent; } .PageZone_RootMenuOpened #SearchInput { width: inherit; } .PageZone_RootMenuOpened .Search { display: block !important; text-align: center !important; padding: 2em 2em 0 2em; } .PageZone_RootMenuOpened .Search #SearchInput { width: 10em; } .PageZone_RootMenuOpened #SearchZone { height: 50vh; color: white; } .Page_MyPage .CalendarItem { position: relative; cursor: pointer; padding: 0.1em; } .Page_MyPage .CalendarItem .FieldSet { gap: 1px; } .Page.PageMode_RootMenuOpened .PageZone_RootMenuOpened { display: block; position: absolute; right: 0; left: 0; z-index: 1000; height: calc(100% - 4em); } .Page.PageMode_RootMenuOpened .PageZone_m { display: none; } .Page .PageZone_ml.AutoHideOn { height: 100% !important; } .Solutions { --SolutionButtonImageSpan: transparent; } .Solutions .Solution_Settings { background-color: var(--backColor); } .Solutions .Solution_Settings .Button .ImageSpan ,.Solutions .Solution_Settings .Button .ImageClass { padding: 1px; } .Solutions .Solution_Settings >.Solution_Title { display: none; } .Solutions .Solution_Settings >.Solution_Body { --solutionbuttonback: transparent; flex-wrap: wrap; justify-content: space-evenly; align-items: center; max-width: 100%; padding: 0; align-items: stretch; } .Solutions .Solution_Settings >.Solution_Body .Button { padding: 1px; flex: 1; color: #303030; } .Solutions .Solution_Cards .Solution_Title { display: none; } .Solutions .Solution_Cards .Button { flex-direction: row !important; width: auto !important; flex: 1 !important; } .Solutions .Solution_Cards .Button .ImageSpan { max-height: 34px; padding: 4px !important; color: var(--textColor) !important; background-color: transparent !important; } .Solutions .SolutionGroup_Settings { background-color: var(--backColor); } .Solutions .SolutionGroup_Settings .Button .ImageSpan ,.Solutions .SolutionGroup_Settings .Button .ImageClass { padding: 1px; width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; max-width: 28px !important; max-height: 28px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; } .Solutions .SolutionGroup_Settings .Solution { background-color: var(--backColor); } .Solutions .SolutionGroup_Settings .Solution .Solution_Title { display: none; } .Solutions .SolutionGroup_Settings .Solution .Solution_Body { --solutionbuttonback: transparent; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; max-width: 100%; padding: 0; } .Solutions .SolutionGroup_Settings .Solution .Solution_Body .Button { padding: 1px; flex: 1; color: #303030; max-width: 100%; min-height: 68px !important; height: 68px !important; } .Solutions .SolutionGroup_g1 .Button .ImageSpan ,.Solutions .SolutionGroup_g1 .Button .ImageClass { background-color: transparent !important; color: var(--textColor); padding-bottom: 0; opacity: 0.5; } .Solutions .SolutionGroup_Cockpits .Button .ImageSpan { border-radius: 2em; box-shadow: 0 0 2px #2e2e2e9e; padding: 8px; } .Solutions .SolutionGroup_Cockpits .Button .ImageSpan > * { max-height: 24px; max-width: 24px; font-size: 24px; height: 24px; } .Solutions .SolutionGroup_Cockpits .Button .ButtonText { font-size: 1.1em; } .Solutions .SolutionGroup_Cockpits .Button:hover .ImageSpan { box-shadow: 0 0 5px #2e2e2e9e; } .Solutions .SolutionGroup_Cockpits .Solution_Title { display: none; } .Solutions .SolutionGroup_Cockpits .Solution_Body { --solutionbuttonback: transparent; white-space: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; max-width: 100%; padding: 0; gap: 0; flex-wrap: wrap; } .Solutions .SolutionGroup_Cockpits .Solution_Body .Button { background-color: transparent; flex: 1; border-radius: 0; color: #303030; min-width: 96px; padding: 8px; } .Solutions .SolutionGroup_Cockpits .Solution_Cockpit2 .Button .ImageSpan { border-radius: 1em; } .Solutions .SolutionGroup_Cockpits .Solution_Cockpit .Button .ImageSpan { border-radius: 2em !important; } .NavigationButtons .MenuType0 .Nav .NavImage { display: inline-block; width: 48px; height: 48px; color: dimgray; } .NavigationButtons .MenuType0 .Nav .NavImage::after { width: 120%; height: 120%; content: " "; border-radius: 100%; border: solid 0 rgba(192, 192, 192, 0.5); position: absolute; left: -10%; top: -10%; } .NavigationButtons .NavigationButton_NoImages .NavImage { display: none; } .NavigationButtons .NavigationButton_Block { display: block !important; } .HideSubOnMenu .SubNavs { display: none; } .ItemClicked { opacity: 1.0; box-shadow: 0 0 10px gray; opacity: 1.0; box-shadow: unset; } .SingleItem_RightOpen >.ItemBody >.ItemRight .ItemView__Note_Card { border: 1px dashed #97cae7 !important; background-color: #eff2ff; width: 100%; } .SingleItem >.ItemBody:has(.StickyMaster) { overflow: inherit; } .Field_AssetScore .Rating { justify-content: center !important; } .Field_AssetScore .Rating >.RatingTitle { display: none !important; } .Field_Currency > .FieldValue { max-width: 5em !important; } .Field_Currency > .FieldValue.Choices { max-width: initial !important; } .Field_Formula { font-family: monospace; } .Field_Primary { font-weight: bold; } .Field_Secondary { font-weight: 555; } .Panel_Panels .Button >.ButtonTitle { justify-content: flex-start !important; padding-left: 24px !important; } .Panel_Panels .Button:after { content: var(--icon-Chevron-Right); position: absolute; right: 8px; font-family: '361'; top: 0; bottom: 0; vertical-align: middle; display: flex; align-items: center; flex-direction: row; opacity: 0.2; } .Panel_Panels .Button:after .ButtonTitle { text-align: left; padding: 0; padding-left: 24px !important; } .Panel_Panels .SubNavs .Nav:after { content: var(--icon-Chevron-Right); position: absolute; right: 8px; font-family: '361'; top: 0; bottom: 0; vertical-align: middle; display: flex; align-items: center; flex-direction: row; opacity: 0.2; } .Panel_Panels .NavButton >.NavTitle { text-align: left; padding: 0; padding-left: 24px !important; } .Panel_Panels .Image2_Icon { position: absolute; right: 8px; top: -30px; height: 24px; max-width: 32px; opacity: 0.5; color: white; z-index: 999; } .Panel_Panels .EntityTypeView { gap: 1px; } .Panel_Panels >div >div >.PanelBody .PanelHeader { min-height: 0; } .Panel_Panels >div >div >.PanelBody .PanelHeader >.PanelHeaderTitle { padding: 0; padding-top: 8px; font-size: 100%; } .Panel_Buttons { width: 100%; flex: 0 1 0%; max-width: 350px; align-self: center; gap: 3px; display: flex; flex-direction: column; flex: 0; display: flex; flex-direction: column; gap: 4px; align-items: stretch; } .Panel_Buttons .NavView { padding: 0 !important; } .Panel_Buttons .NavView >.Nav >.NavButton { display: none; } .Panel_Buttons .SubNavs { width: 100%; flex: 0 1 0%; max-width: 350px; align-self: center; gap: 3px; display: flex; flex-direction: column; flex: 0; display: flex; flex-direction: column; gap: 4px; align-items: stretch; } .Panel_Buttons .SubNavs .Nav { background-color: white; color: black; margin: 0; padding: 1em; flex: 1; border-radius: 4px; box-shadow: 1px 1px 3px silver !important; } .Panel_Buttons .SubNavs .NavButton { flex: 1; padding: 0; } .Panel_Buttons >div { display: flex; flex-direction: column; } .Panel_Buttons .Button { background-color: white; color: black; margin: 0; padding: 1em; flex: 1; border-radius: 4px; box-shadow: 1px 1px 3px silver !important; } .Panel_Buttons .Button .ButtonImage { max-height: 24px; max-width: 24px; font-size: 24px; position: absolute; left: 6px; right: auto; width: auto; opacity: 0.5; background-color: transparent !important; padding: 0; margin: 0; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; } .Panel_Buttons .Button .ImageClass { max-height: 24px; max-width: 24px; font-size: 24px; position: absolute; left: 6px; right: auto; width: auto; opacity: 0.5; background-color: transparent !important; padding: 0; margin: 0; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; } .Panel_Buttons .NavButton .NavImage { max-height: 24px; max-width: 24px; font-size: 24px; position: absolute; left: 6px; right: auto; width: auto; opacity: 0.75; background-color: transparent !important; padding: 0; margin: 0; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; } .Panel_Buttons .NavButton .fa:before ,.Panel_Buttons .NavButton .fas:before ,.Panel_Buttons .NavButton .far:before { max-height: 24px; max-width: 24px; font-size: 24px; } .Panel_KPIs { flex: 0; gap: var(--gap); padding: var(--gap); display: flex; flex-direction: column; justify-content: center !important; align-items: stretch !important; } .Panel_KPIs >.DirectionVer { flex-wrap: wrap !important; justify-content: center !important; gap: var(--gap); } .Panel_KPIs >.DirectionVer >div { max-width: fit-content !important; } .Panel_KPIs .AggregateLabel { padding: 4px !important; opacity: 1; color: #37474F; font-size: 1em; padding: 0 !important; line-height: 1; text-align: center; } .Panel_KPIs .AggregateValue { font-weight: 600; padding: 4px !important; font-size: 1.25em; padding: 0 !important; justify-content: center !important; color: #009688; } .Panel_KPIs .AggregateValue:after { font-size: 8px; position: absolute; right: 5px; top: 16px; opacity: 1; color: #0097A7; font-weight: 300; } .Panel_KPIs .Aggregate { font-size: 1em; display: flex; position: relative; padding: 8px; background-color: #ffffff; border-radius: var(--inputRadius); align-items: center; justify-content: center !important; min-width: 7rem; margin: 0; box-shadow: var(--BoxShadow); } .Panel_KPIs .NoRecordsFound { padding: 0 !important; } .Panel_KPIs >.Panel >.PanelBody { gap: 3px; } .Panel_KPIs >.Panel >.PanelHeader { min-height: 2em !important; } .Panel_KPIs >.Panel >.PanelHeader >.PanelHeaderTitle { padding: 3px; font-size: 100%; } .Panel_KPIs .Mode_Edit:has(>.Aggregate) { height: auto; min-height: 3.5em; } .Panel_KPIs .PanelHasHeader { border: var(--border1); } .Panel_KPIs .PanelHeader:after { background: transparent !important; } .FieldSet_KPIs { gap: var(--gap); } .FieldSet_KPIs .DirectionVer { gap: 8px; flex-wrap: wrap !important; justify-content: center !important; } .FieldSet_KPIs .FieldView { .font-size: 1em; display: flex; position: relative; padding: 8px; background-color: #ffffff; border-radius: var(--inputRadius); align-items: center; justify-content: center !important; min-width: 9.5rem; margin: 0; box-shadow: var(--BoxShadow); padding: 4px; max-width: fit-content; } .FieldSet_KPIs .FieldView .FieldLabel { padding: 4px !important; opacity: 1; color: #37474F; font-size: 1em; padding: 0 !important; line-height: 1; text-align: center; } .FieldSet_KPIs .FieldView .FieldLabel > a { justify-content: center; font-size: 14px; padding: 2px } .FieldSet_KPIs .FieldView .FieldValue { font-weight: 600; padding: 4px !important; font-size: 1.25em; padding: 0 !important; justify-content: center !important; color: #009688; } .FieldSet_KPIs .FieldView .FieldValue .InputSpan > a { width: 100%; min-width: 100%; justify-content: center; padding: 4px !important; font-size: 24px; } .Content .Panel_Buttons .Button:before { content: " "; transition: all .5s ease-out; position: absolute; left: 0; right: 100%; bottom: 0; top: auto; height: 3px; background: #9b92f1; background-size: 200% 100%; background-position: left; background-position: right bottom; } .Content .Panel_Buttons .NavButton:before { content: " "; transition: all .5s ease-out; position: absolute; left: 0; right: 100%; bottom: 0; top: auto; height: 3px; background: #9b92f1; background-size: 200% 100%; background-position: left; background-position: right bottom; } .Content .Panel_Buttons .NavButton:hover:before { right: 0; } .Content .HomeContentMenu .SubNavs { display: flex; flex-direction: row; align-content: flex-start; align-items: flex-start; --gap: 8px; } .Content .HomeContentMenu .SubNavs .SubNavs { flex-direction: column; background-color: white; box-shadow: 0 0 3px silver; max-height: 20em; min-height: 14em; padding: 1em; border-radius: var(--gap); } .Content .HomeContentMenu > .NavButton { display: none; } .Content .HomeContentMenu > .SubNavs > .Nav:first-child { display: none; } .Content .HomeContentMenu .NavButton { flex-direction: row; flex-wrap: nowrap; } .Content .HomeContentMenu .NavButton .NavImage { background-color:#ffffff !important; } .Content .HomeContentMenu .NavBranch { min-width: 240px; } .Content .HomeContentMenu .NavBranch > .NavButton { font-size: 125%; color: #2c67ef; } .Content .HomeContentMenu .NavImage { font-size: 2em; } .GroupTabsOnLeft .GroupByMode_Tab { position: relative; height: 100%; } .GroupTabsOnLeft .GroupByMode_Tab .GroupByTabHeader { position: absolute; left: 0; top: 0; right: auto; bottom: 0; width: 15em; overflow: auto; } .GroupTabsOnLeft .GroupByMode_Tab .GroupByTabHeader >div { display: block; } .GroupTabsOnLeft .GroupByMode_Tab .FolderGroupByTab { position: absolute; left: 15em; right: 0; top: 0; bottom: 0; overflow: auto; } .n .UserImage { order: 2; } .Document_Scrolled .PageTop { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; box-shadow: 0 2px 5px rgba(99,99,99,0.5); padding: 0px !important; } .Admins #DomainVersion { display: block !important; } .BringDanger { background-color: #fff7f8 !important; border: 1px dashed #ff425e !important; box-shadow: 0 0 3em 0 rgb(38 50 56 / 64%); z-index: 9999; position: relative; } .BringDanger:has(>.EnableIf_false) { box-shadow: unset !important; border: 0 !important; } .TreeSub:hover { background-color: #fff9f1; } .TreeSub:hover >.ItemView { background-color: transparent; } .TreeSub:hover >.ItemView >.FieldSet_m >.FieldSet_t { background-color: #ffffff; } .TreeSub:hover >.ItemView:hover { background-color: transparent; } .TreeSub:hover >.ItemView:hover >.FieldSet_m >.FieldSet_t:hover { background-color: #fff9f1; } .TreeSub:hover >.ItemView:hover >.FieldSet_m >.FieldSet_t_Copy { background-color: #fff9f1; } .TreeSub:hover >.ItemView:after { border-color: #F57C00; } .TreeSub:hover:has(.TreeSub:hover) >.ItemView { background-color: #ffffff; } .TreeSub:hover:has(.TreeSub:hover) >.ItemView:after { border-color: #cdcfdb; } .TreeSub:hover:has(.TreeSub:hover):before { border-color: #cdcfdb; } .TreeSub:hover:has(.TreeSub:hover):after { border-color: #cdcfdb; } .TreeSub:hover:has(.TreeSub:hover >.ItemView:hover) >.ItemView:hover >.FieldSet_m >.FieldSet_t { background-color: #ffffff; } .TreeSub:hover:before { border-color: #F57C00; } .TreeSub:hover:after { border-color: #F57C00; } .TreeSub >.ItemView::after { content: ""; position: absolute; border-top: 2px dashed #cdcfdb; top: 1.6em; left: -1.5em; width: 1.5em; } .TreeSub:after { content: ""; position: absolute; border-top: 2px dashed #cdcfdb; left: 0.5em; width: 2em; bottom: 1.15em; } .TreeSub:before { content: ""; position: absolute; left: 0.5em; border-left: 2px dashed #cdcfdb; width: 1px; height: calc(100% - 1.25em); z-index: 9; } .TreeSub .ItemView { background-color: #ffffff; } .View_SiteMap .ReadOnly .InputSpan a { background-color: rgb(236 239 241 / 0%) !important; } .View_SiteMap .ReadOnly .InputSpan a:hover { background-color: rgb(236 239 241 / 0%) !important; } .SingleItem .Fields_DetailCard .ReadOnly >.InputSpan >a { border: 0; background-color: transparent; color: rgb(var(--ReadOnlyColor)); } .SingleItem .Fields_DetailCard .LookupField.ReadOnly:hover { background-color: transparent; } .SingleItem .Fields_DetailCard .FieldSet_title { padding-top: 0; margin-bottom: 1em; } .SingleItem .Fields_DetailCard .FieldSet_title >.Field { padding: 0; } .SingleItem .Fields_DetailCard .FieldSet_title .InputSpan >a { font-size: 2rem; font-weight: 500; color: var(--titleColor,#455a64) !important; border-left: 10px solid var(--titleBorder,#FF5722) !important; padding: 0.5em 1em 0.5em 0.4em !important; border-radius: 0; background-image: url(./images/taramabg.svg); background-repeat: no-repeat; background-position: bottom; } .SingleItem .Fields_DetailCard .FieldSet_summary .InputSpan>a { font-size: 1.25rem; font-weight: 300; color: var(--summaryColor,#607d8b) !important; padding: 0; line-height: 1.2em; } .SingleItem .Fields_DetailCard .FieldSet_date { padding: 1em 1.5em 0; } .SingleItem .Fields_DetailCard .FieldSet_date .InputSpan > a { padding: 0 !important; font-size: 1rem; } .SingleItem .Fields_DetailCard .FieldSet_date .FieldView { max-width: fit-content; padding: 0; font-size: 1rem; } .SingleItem .Fields_DetailCard .FieldSet_date .Text { max-width: fit-content; padding: 0; } .SingleItem .Fields_DetailCard .FieldSet_ETtitle >.Text { font-size: 1.25rem; color: #ffffff; background-color: var(--ETTColor, #ff5722); padding: 0.25em 2em; border-radius: 0; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; max-width: fit-content; } .SingleItem .Fields_DetailCard .ItemView_Person_OwnerCard .Field_Picture > img { height: 24px !important; object-fit: cover; border-radius: 25%; } .SingleItem .Fields_DetailCard .FieldRichText.Mode_Display * { color: #455A64; } .SingleItem .Fields_DetailCard .FieldSet_likeET.NoItems .Middle { display: none; } .SingleItem .Fields_DetailCard #FieldSet_dt { justify-content: center !important; display: flex; flex-direction: column; } .SingleItem .Fields_DetailCard #FieldSet_LikesFS { justify-content: center !important; display: flex; flex-direction: column; } .SingleItem .Fields_DetailCard .FieldSet_totallike >.Field_LikeCount >.InputSpan > a { justify-content: flex-start; font-size: 1.25em; } .SingleItem .Fields_AddNew .ReadOnly .LookupField.ReadOnly:hover { background-color: transparent; } .SingleItem .Fields_AddNew .FieldSet_title { padding-top: 0; margin-bottom: 1em; } .SingleItem .Fields_AddNew .FieldSet_title >.Field { padding: 0; } .SingleItem .Fields_AddNew .FieldSet_title .InputSpan >a { font-size: 2rem; font-weight: 500; color: var(--titleColor,#455a64) !important; border-left: 10px solid var(--titleBorder,#FF5722) !important; padding: 0.5em 1em 0.5em 0.4em !important; border-radius: 0; background-image: url(./images/taramabg.svg); background-repeat: no-repeat; background-position: bottom; } .SingleItem .Fields_AddNew .FieldSet_summary .InputSpan > a { font-size: 1.25rem; font-weight: 300; color: var(--summaryColor,#607d8b) !important; padding: 0; line-height: 1.2em; } .SingleItem .Fields_AddNew .FieldSet_date { padding: 1em 1.5em 0; } .SingleItem .Fields_AddNew .FieldSet_date .InputSpan > a { padding: 0; font-size: 1rem; } .SingleItem .Fields_AddNew .FieldSet_date .FieldView { max-width: fit-content; padding: 0; font-size: 1rem; } .SingleItem .Fields_AddNew .FieldSet_date .Text { max-width: fit-content; padding: 0; } .SingleItem .Fields_AddNew .FieldSet_ETtitle .Text { font-size: 1.25rem; color: #ffffff; background-color: var(--ETTColor, #ff5722); padding: 0.25em 2em; border-radius: 0 10px 0 0; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; max-width: fit-content; } .SingleItem .Fields_AddNew .ItemView_Person_OwnerCard .Field_Picture >img { height: 24px !important; object-fit: cover; border-radius: 25%; } .SingleItem .Fields_AddNew .FieldRichText.Mode_Display * { color: #455A64; } .SingleItem .Fields_AddNew .FieldSet_likeET.NoItems .Middle { display: none; } .SingleItem .Fields_AddNew #FieldSet_dt { justify-content: center !important; display: flex; flex-direction: column; } .SingleItem .Fields_AddNew #FieldSet_LikesFS { justify-content: center !important; display: flex; flex-direction: column; } .SingleItem .Fields_AddNew .FieldSet_totallike >.Field_LikeCount >.InputSpan > a { justify-content: flex-start; font-size: 1.25em; } .SingleItem .Fields_AddNew .ReadOnly >.InputSpan > a { border: var(--inputBorder); --bg-opacity: 0.5; background-color: rgba(var(--BgColor1), var(--bg-opacity)); color: rgb(var(--ReadOnlyColor)); } .EntityTypeView.GridColumn2 .ViewBody { display: grid; grid-template-columns: auto auto; } .EntityTypeView.GridColumn3 .ViewBody { display: grid; grid-template-columns: auto auto auto; } .EntityTypeView.GridColumn4 .ViewBody { display: grid; grid-template-columns: auto auto auto auto; } .Date.Mode_day .DayTitle { color: #0097A7; } .Date.Mode_month .DayTitle { color: #0097A7; } .Date.Mode_week .DayTitle { display: none !important; } .MenuItemView_Session_onhoverCard .Field { padding: 2px !important; } .MenuItemView_Session_onhoverCard .FieldValue >.InputSpan >a { padding: 2px !important; } .MenuItemView_Session_onhoverCard.FieldLabel >.InputSpan >a { padding: 2px !important; } .EventHeader >.SingleItem .ReadOnly >.InputSpan >a { border: 0px !important; --bg-opacity: 0 !important; background-color: #ffffff !important; color: #ffffff !important; } .Domain_361 .SubItemButtons { position: fixed; z-index: 102; top: 50%; } .Domain_361 .SingleItem_RightOpen >.ItemBody >.ItemRight { z-index: 101; } .Domain_tuncmatik #DomainVersion { margin-bottom: 20px; } .BoxShadow { background: #ffffff !important; border: 1px solid #e8e4e4; box-shadow: 0px 0px 5px rgb(184 184 184 / 20%); border-radius: 10px; box-sizing: border-box; } .img40vh >img { max-height: 40vh; object-fit: cover; width: 100%; } .EvenOdd .ViewBody_ItemView >.ItemView { --listbordercolor1: #ECEFF1; border-bottom: 1px solid var(--listbordercolor1) !important; margin: 0; } .EvenOdd .ViewBody_ItemView >.ItemView:nth-child(even) { --evenbg1: #f8fafb; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView >.ItemView:nth-child(odd) { --evenbg1: #ffffff; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView >.ItemView:hover { background-color: #fffcf2; } .EvenOdd .ViewBody_ItemView .ToggleBody { gap:0; } .EvenOdd .ViewBody_ItemView .ToggleBody >.ItemView { --listbordercolor1: #ECEFF1; border-bottom: 1px solid var(--listbordercolor1) !important; margin: 0; } .EvenOdd .ViewBody_ItemView .ToggleBody >.ItemView:nth-child(even) { --evenbg1: #f8fafb; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView .ToggleBody >.ItemView:nth-child(odd) { --evenbg1: #ffffff; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView .ToggleBody >.ItemView:hover { background-color: #fffcf2; } .EvenOdd .ViewBody_ItemView .GroupByBody { gap:0; } .EvenOdd .ViewBody_ItemView .GroupByBody >.ItemView { --listbordercolor1: #ECEFF1; border-bottom: 1px solid var(--listbordercolor1) !important; margin: 0; } .EvenOdd .ViewBody_ItemView .GroupByBody >.ItemView:nth-child(even) { --evenbg1: #f8fafb; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView .GroupByBody >.ItemView:nth-child(odd) { --evenbg1: #ffffff; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView .GroupByBody >.ItemView:hover { background-color: #fffcf2; } .EvenOdd >.ItemView:nth-child(even) { --evenbg1: #f5f7f7; background-color: var(--evenbg1) !important; border-bottom: 1px solid #ECEFF1 !important; margin: 0; } .EvenOdd >.ItemView:nth-child(odd) { --evenbg1: #ffffff; background-color: var(--evenbg1) !important; border-bottom: 1px solid #ECEFF1 !important; margin: 0; } .EvenOdd .ViewBody_List >.ListAll >.ListMiddle >.ListBody >.ListTable > tbody > tr:nth-child(even) { --evenbg1: #ffffff; background-color: var(--evenbg1); } .EvenOdd .ViewBody_List >.ListAll >.ListMiddle >.ListBody >.ListTable > tbody > tr:nth-child(odd) { --evenbg1: #f8fafb; background-color: var(--evenbg1); } .EvenOdd .ViewBody_List >.ListAll >.ListMiddle >.ListBody >.ListTable > tbody > tr:hover { background-color: #fffcf2; } .FieldSet_ScrollBody { flex:1; overflow: auto; position: relative; } .FieldSet_ScrollBody > div:first-child { position:absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; } .MetricItem { width: 180px; margin: 0; background-color: white; padding: var(--gap); background-color: #FFFFFF; border: 1px solid #546e7a3b; } .MetricItem .InputSpan > a { padding: 4px; } .MetricItem .MetricName { font-weight: 700; font-size: 1.2em; } .MetricItem .MetricName .InputSpan > a { padding: 4px; text-align: center; justify-content: center; } .MetricItem .MetricDesc { font-weight: 300; font-size: 0.9em; } .MetricItem .MetricDesc .InputSpan > a { padding: 4px; text-align: center; justify-content: center; } .CardItem .CardName { font-weight: 700; font-size: 1.2em; } .CardItem .CardName .InputSpan > a { padding: 4px; text-align: center; justify-content: center; } .CardItem .CardDesc { font-size: 85%; flex: 0; } .CardItem .CardDesc .InputSpan > a { text-align: center; justify-content: center; } .BlockItem { margin: 0; background-color: white; padding: var(--gap); background-color: #FFFFFF; border: 0; height: fit-content; } .BlockItem .InputSpan > a { padding: 4px; line-height: 2em; } .BlockItem .BlockTitle { font-weight: 700; font-size: 1.2em; } .BlockItem .BlockTitle .InputSpan > a { padding: 4px; text-align: flex-start; justify-content: flex-start; font-size: 1.5em; } .BlockItem .BlockDetail { flex: 0; } .BlockItem .BlockDetail .InputSpan > a { text-align: justify; justify-content: flex-start; } .BlockItem .BlockDetail p { padding-top: 0.5em; } .BlockItem .BlockType { font-weight: 700; font-size: 1.2em; } .BlockItem .BlockType .InputSpan > a { padding: 4px; text-align: center; justify-content: center; } .BlockItem .BlockDesc { font-size: 85%; flex: 0; } .BlockItem .BlockDesc .InputSpan > a { text-align: center; justify-content: center; } .Report .ReportTitle { font-size: 2em; padding-top: 1em; padding-bottom: 1em; } .OBO_DOT .OneByOnePanel .OneByOnePanelBody { font-size: 0px !important; gap: 1px; } .OBO_DOT .OneByOnePanel .OneByOnePanelBody > div { border: solid 1px rgba(127, 127, 127, 0.2); background-color: #f8f9f9; font-weight: bold; border-radius: 50%; } .OBO_DOT .OneByOnePanel .OneByOnePanelBody > div.Selected { border: solid 1px #FB8C00; background-color: #FFF3E0; } .OBO_Number .OneByOnePanel .OneByOnePanelBody { font-size: 0px !important; gap: 2px; counter-reset: section; } .OBO_Number .OneByOnePanel .OneByOnePanelBody > div { border: solid 1px rgba(127, 127, 127, 0.2); background-color: #f8f9f9; font-weight: bold; padding: 12px; } .OBO_Number .OneByOnePanel .OneByOnePanelBody > div:before { counter-increment: section; content:""counter(section)""; font-size: 14px; position: absolute; margin-left: -3px; } .OBO_Number .OneByOnePanel .OneByOnePanelBody > div.Selected { border: solid 1px #FB8C00; background-color: #FFF3E0; } .TightItemActions .ByUserDate { display: none } .TightItemActions .ItemFooter .Center .ButtonText { font-size: 85%; } .TightItemActions .ItemFooter .Center a { min-width: 2em; padding-left: 8px; padding-right: 8px; } .TightItemActions .ItemFooter .Center .ImageClass { display: none; } .Panel_KPIs { gap:6px !important; } .Panel_KPIs .Button { max-width: fit-content; padding: 4px 8px !important; } .Panel_KPIs .PanelHasHeader .PanelHeader { background-color: transparent !important; height: auto !important; } .Panel_KPIs .PanelHasHeader .PanelBody { background-color: transparent; align-items: center; padding: 8px; } .Panel_KPIs #Panel_buttons { flex-basis: 100% !important; align-items: center; margin-top: 8px; } .Panel_KPIs .Aggregate { max-width:160px; } .Panel_KPIs .addNew { background-color: #E53935; font-size: 1.25rem; font-weight: 500; border-radius: 1rem; padding:6px 12px; } .Panel_KPIs .addNew >.ButtonImage { width:32px; } .Panel_KPIs .addNew >.ButtonTitle { white-space: normal; font-size: 12px !important; } .NFHidden.NoItems .Middle { display:none !important; } .DocumentFlowCurrent { background-color: #80808010; } .DocumentFlowForm .PanelHeaderTitle { justify-content: center; } .DocumentFlowForm .TopCenter { justify-content: flex-start; padding-left: 8px; } .Content .Panel_actions .Aggregate { background: var(--white); color: black; max-width: 120px; padding: 8px; box-shadow: 0 0 4px gray; min-width: 80px; border-radius: 8px; } .Content .Panel_actions .Aggregate .AggregateValue { margin-top: 8px; } .ContentHeader { padding: 12px 12px; border-radius: 12px; border: var(--border1); margin: 1px; color: white; box-shadow: 0 0 4px gray; position: relative; flex-shrink: 0; background: var(--contentHeaderBackground); } .ContentHeader .Aggregate { background-color: var(--white); color: black; font-size: 1em; justify-content: center; padding: 8px; border-radius: 8px; opacity: 1.0; flex: 1 0 auto; max-width: 120px; min-width: 120px; padding-bottom: 1em; box-shadow: 0 0 4px gray; margin: 0; } .ContentHeader .Aggregate .AggregateLabel { height: 4em; font-size: 0.9em; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px; text-align:center; width: 100%; font-weight: 500; } .ContentHeaderDescription { font-size: 1.2em; opacity: 0.9; margin-top: 0.5em; } .ContentHeader .Panel_kpis { align-content: center; justify-content: flex-end !important; align-items: flex-end; gap: 12px; flex-direction: row !important; flex-wrap: wrap; padding: 8px; } .ContentHeader .Panel_kpis .SubNavs { align-content: stretch; align-items: stretch; } .ContentHeader .Panel_kpis .SubNavs >.Nav { align-items: center; display: flex; } .ContentHeader .Panel_kpis .SubNavs .Nav { background-color: var(--white); color: black; font-size: 1em; justify-content: center; padding: 8px; border-radius: 8px; opacity: 1.0; flex: 1 0 auto; max-width: 120px; min-width: 120px; box-shadow: 0 0 4px gray; margin: 0; } .ContentHeader .Panel_KPIs { align-content: center; justify-content: flex-end !important; align-items: flex-end; gap: 12px; flex-direction: row !important; flex-wrap: wrap; padding: 8px; } .ContentHeader .Panel_KPIs .SubNavs { align-content: stretch; align-items: stretch; } .ContentHeader .Panel_KPIs .SubNavs >.Nav { align-items: center; display: flex; } .ContentHeader .Panel_KPIs .SubNavs .Nav { background-color: var(--white); color: black; font-size: 1em; justify-content: center; padding: 8px; border-radius: 8px; opacity: 1.0; flex: 1 0 auto; max-width: 120px; min-width: 120px; box-shadow: 0 0 4px gray; margin: 0; } .ContentHeader .Panel_metrics { align-content: center; justify-content: flex-end !important; align-items: flex-end; gap: 12px; flex-direction: row !important; flex-wrap: wrap; padding: 8px; } .ContentHeader .Panel_metrics .SubNavs { align-content: stretch; align-items: stretch; } .ContentHeader .Panel_metrics .SubNavs >.Nav { align-items: center; display: flex; } .ContentHeader .Panel_metrics .SubNavs .Nav { background-color: var(--white); color: black; font-size: 1em; justify-content: center; padding: 8px; border-radius: 8px; opacity: 1.0; flex: 1 0 auto; max-width: 120px; min-width: 120px; box-shadow: 0 0 4px gray; margin: 0; } .ContentHeader .Button { min-width: 120px; max-width: 180px; height: 6.85em; flex-direction: column; background-color: var(--white); color: var(--black); box-shadow: 0 0 4px gray; } .ContentHeader .Button .ButtonTitle { padding: 1px !important; text-align: center; justify-content: center !important; } .ContentHeader .PanelHasHeader { background-color: transparent !important; color: white; border: 0; } .ContentHeader .PanelHasHeader .PanelHeader { min-height: 1em; } .ContentHeader .PanelHasHeader .PanelHeader > .PanelHeaderTitle { color: white !important; padding: 2px; border: 0; } .ContentHeader .Content { box-shadow: 0 0 4px gray; border-radius: 8px; } .ContentHeaderImage { position: absolute; right: 4px; top: 4px; height: 2.5em; } .ContentHeaderImage > span { padding: 0; font-size: 2.5em; } .ContentHeader > .DirectionVer > .Panel:first-Child { padding: 4px; } .ContentHeader { border-radius: 8px !important; } .ContentHeader .Aggregate { padding:8px !important; } .ContentHeader .Aggregate .AggregateLabel { height: 3em !important; line-height: 1; } .ContentHeader .Panel_hl { gap:0 !important; } .ContentHeader .Panel_hl .Text { padding:0 !important; } .ItemHeader.ItemView_Budget_Header2 { font-size:12px; background: #ffffff; border-radius:8px; border: 1px solid #e2e8f0; margin-bottom: 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); padding: 6px 12px; } .ItemHeader.ItemView_Budget_Header2 .Field.Mode_Display { border-bottom:0 !important; padding: 0; } .ItemHeader.ItemView_Budget_Header2 .FieldValue .InputSpan a { border:0 !important; padding: 0; } .ItemHeader.ItemView_Budget_Header2 .PanelBody { gap:0; } .ItemHeader.ItemView_Budget_Header2 .PanelHeader { min-height: 2em; padding: 0; font-size: 12px; } .ItemHeader.ItemView_Budget_Header2 .PanelHeader .PanelHeaderTitle { font-size:10px; } .ItemHeader.ItemView_Budget_Header2:after { background: transparent; } .ItemHeader.ItemView_Budget_Header2 .headertitle1 { max-width:fit-content; background-color:#e8f3ee; color:#416c5a; padding: 4px 12px !important; line-height: 1; border-radius: 14px; } .ItemHeader.ItemView_Budget_Header2 .hbox .PanelHeader .PanelHeaderTitle { border-bottom:1px solid var(--contentHeaderBackground); padding: 4px 8px; } .ItemHeader.ItemView_Budget_Header2 .hbox .PanelBody::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--contentHeaderBackground); color: white; opacity: 0.1; pointer-events: none; border-radius: inherit; } .ItemHeader.ItemView_Budget_Header2 .hbox .Field .InputSpan { max-width: fit-content; justify-content: center !important; } .ItemHeader.ItemView_Budget_Header2 .hbox .Field .InputSpan > a { max-width: fit-content; justify-content: center !important; padding: 3px 6px 0; line-height: 1; } .ItemHeader.ItemView_Budget_Header2 .hbox .Field .FieldLabel a { padding:0 2px 2px 2px; justify-content: center; } .ItemHeader.ItemView_Budget_Header2 .hbox .Field.f10 { font-size:10px !important; } .ItemHeader.ItemView_Budget_Header2 .hbox .Field.f11 { font-size:11px !important; } .ItemHeader.ItemView_Budget_Header2 .hbox .Field.f12 { font-size:12px !important; } .ItemHeader.ItemView_Budget_Header2 .itemtitle1 { font-weight:800; max-width: fit-content; padding: 0 16px !important; font-size: 14px; color: white; background-color: #00897B; border-radius: 16px; } .ItemHeader.ItemView_Budget_Header2 .itemtitle2 { font-weight:300; max-width: fit-content; padding: 0 0 0 12px !important; } .ItemHeader.ItemView_Budget_Header2 .itemtitle2 .InputSpan > a { padding:0 !important; font-size:11px; } .ItemHeader.ItemView_Budget_Header2 .itemtitle2 .InputSpan > .Suffix { font-size: 1em; opacity: 1; padding-left: 8px; min-width: max-content; flex: 0 0 auto; } .ItemHeader.ItemView_Budget_Header2 .fieldbig { font-size: 14px; font-weight: 600; } .SingleItem_SalesOpportunity .MultipleChoices > .Choices { display:inherit !important; } .SingleItem_SalesOpportunity .MultipleChoices:hover > .Choices { position: initial; } .Content_SelectLanguage .ContentHeader { display:none !important; } .UserForm { --nf-primary-light: #eff6ff; --nf-primary: #2563eb; --nf-primary-hover: #1d4ed8; --nf-bg: #f8fafc; --nf-card-bg: #ffffff; --nf-text-main: #1e293b; --nf-text-muted: #64748b; --nf-text-request: #d21b1b; --nf-border: #e2e8f0; --nf-input-focus: #3b82f6; --nf-radius: 12px; --nf-secondary-light: #f2f2f2; --nf-secondary-light2: #f9f9f9; } .UserForm > .FieldSet_m { max-width: 1200px; padding: 1rem !important; border: 0; background-color: transparent; box-shadow: unset; } .UserForm > .FieldSet_m .FieldSet_title { padding: 0 0 4px 0; border-bottom: 1px solid #B0BEC5; background: #ffffff; border-radius: var(--nf-radius) var(--nf-radius) 0 0; } .UserForm > .FieldSet_m .FieldSet_title .Text { margin: 0; font-size: 1.5rem; color: var(--nf-text-main); font-weight: 700; } .UserForm > .FieldSet_m .FieldSet_title .Field { flex: 0 1 0%; min-width: fit-content; } .UserForm > .FieldSet_m .FieldSet_title .Field .InputSpan > a { background: var(--nf-primary-light); color: var(--nf-primary); padding: 0.4rem 0.8rem; border-radius: 8px; font-weight: 700; font-family: monospace; } .UserForm > .FieldSet_m .FieldSet_title .Field.secondary .InputSpan > a { background: var(--nf-secondary-light2); color: var(--nf-text-main); padding: 0.4rem 0.6rem !important; border-radius: 8px; font-weight: 400; font-family: monospace; } .UserForm > .FieldSet_m > .FieldSet_b { background: var(--nf-card-bg); border-radius: var(--nf-radius); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05); border: 1px solid var(--nf-border); padding: 12px 24px; flex:1; } .UserForm > .FieldSet_m > .FieldSet_b .FieldValue .ItemSelection { padding: 0.75rem 1rem; border: 1px solid var(--nf-border); border-radius: 8px; transition: all 0.2s; outline: none; background: #fff; } .UserForm > .FieldSet_m > .FieldSet_b .FieldValue .ItemSelection > span ,.UserForm > .FieldSet_m > .FieldSet_b .FieldValue .ItemSelection > a { padding: 0 12px; font-weight: 400; } .UserForm > .FieldSet_m > .FieldSet_b .FieldValue .ItemSelection .LabelAction { padding: 0.75em 0 0.5em; line-height: 1em; height: 32px; } .UserForm > .FieldSet_m > .FieldSet_b .FieldValue.Choices { display: flex; background: #f1f5f9; padding: 4px; border-radius: 8px; gap: 4px; } .UserForm > .FieldSet_m > .FieldSet_b .FieldValue.Choices .Choice { padding: 4px 12px; } .UserForm > .FieldSet_m > .FieldSet_b .FieldValue input { padding: 0.75rem 1rem; border: 1px solid var(--nf-border); border-radius: 8px; transition: all 0.2s; outline: none; background: #fff; } .UserForm > .FieldSet_m > .FieldSet_b .FieldValue input.DatePicker { max-width: fit-content !important; } .UserForm > .FieldSet_m > .FieldSet_b .Field.LabelPositionLeft > .FieldValue { max-width: calc(100% - 6em); } .UserForm > .FieldSet_m > .FieldSet_b .FieldLabel { font-size: 14px; font-weight: 600 !important; color: var(--nf-text-main); } .UserForm > .FieldSet_m > .FieldSet_b .Field.FieldIsEmpty.Required .FieldLabel { color: var(--nf-text-request); } .UserForm > .FieldSet_m > .FieldSet_b .Field.Mode_Display { border: unset; } .UserForm > .FieldSet_m > .FieldSet_b .Field.LabelPositionTop { padding: 6px 8px; } .UserForm > .FieldSet_m > .FieldSet_b .Field.LabelPositionTop .FieldLabel >a { padding: var(--fieldLabelPadding) !important; } .UserForm > .FieldSet_m > .FieldSet_b .DecimalPart { padding: 0px 1px; } .UserForm > .FieldSet_m > .FieldSet_b .fieldsmall1 .Field.Mode_Display.LabelPositionTop { font-size:10px; padding: 2px 8px; } .UserForm > .FieldSet_m > .FieldSet_b .fieldsmall1 .Field.Mode_Display.LabelPositionTop .FieldValue .InputSpan > a { padding:2px !important; } .UserForm > .FieldSet_m > .FieldSet_b .fieldsmall1 .Field.Mode_Display.LabelPositionTop .FieldLabel > a { padding:2px !important; } .UserForm > .FieldSet_m > .FieldSet_b .Fs12 .FieldLabel { font-size: 12px !important; } .UserForm > .FieldSet_m > .FieldSet_b .Fs12 .FieldValue { font-size:12px !important; } .UserForm > .FieldSet_m .sticky { position: sticky; top: 0; z-index: 999; background-color: #f7f7f9; opacity: 1; } .UserForm .DocumentView .Field { padding: 2px 8px; } .UserForm .DocumentView .Field .FieldLabel { max-width: 160px !important; width: 160px !important; opacity:1 ; font-weight:400 !important; } .UserForm .DocumentView .Field .FieldLabel a::after { display: none !important; } .UserForm .DocumentView .Field .FieldLabel span { color: #0055c2 !important; font-weight: 300; } .UserForm .DocumentView .Field .FieldLabel::after { content:":"; position: absolute; right: 6px; opacity: 1; font-size: 18px; top: 0px; } .UserForm .DocumentView .Field .FieldLabel a { padding-left: 4px; } .UserForm .DocumentView .Field .FieldValue .InputSpan a { padding:4px 12px 4px 0; } .UserForm .DocumentView .Field.border { border-bottom: 1px solid #f2f2f2; } .UserForm .DocumentView .Field.FieldRichText .FieldValue { padding-left:0 !important; } .UserForm .DocumentView .Field.FieldRichText .FieldValue p { margin: initial; } .UserForm .DocumentView .Field.FieldRichText .FieldLabel { padding-top: 4px; } .UserForm .DocumentView .Field.FieldFiles .FieldLabel { justify-content: flex-start; padding-top: 4px; } .UserForm .DocumentView .Field.nowrap .FieldValue .InputSpan a { white-space: nowrap; } .UserForm .DocumentView .Field .InputSpan a { border:unset !important; padding:4px 12px 4px 0; } .UserForm .DocumentView.border { border-bottom: 1px solid #f2f2f2; } .ListeSay> .EntityTypeViewBody >.Center >.Middle >.MiddleCenter>.ItemView { counter-increment: list-number; } .ListeSay> .EntityTypeViewBody >.Center >.Middle >.MiddleCenter>.ItemView::before { content: counter(list-number); margin-right: 10px; margin-bottom: 10px; width: fit-content; height: 16px; display: block; font-size: 1em; color: #000000; position: absolute; left: 0; top: 0; font-weight: 500; z-index: 9; color: #ffffff; background-color: #607D8B; padding: 0 4px 16px 2px; border-radius: 0 0 10px; font-size: 10px; } .genislet .UserForm > .FieldSet_m { max-width:100% !important; } .AddForm .Parameter input { font-size: 13.2px; } .AddForm .Parameter input::placeholder { opacity: 1; font-weight: 400; } .Content_FinancialRiskRadarHome .Panel_RadarExecutiveSection { min-height: 320px !important; margin-bottom: 20px !important; width: 100% !important; } .Content_FinancialRiskRadarHome .Panel_TwoColGrid { display: flex !important; flex-direction: row !important; gap: 20px !important; width: 100% !important; min-height: 420px !important; } .Content_FinancialEarlyWarningHome .Panel_TwoColGrid { display: flex !important; flex-direction: row !important; gap: 20px !important; width: 100% !important; min-height: 480px !important; } .Content_FinancialScenarioSimulationHome .Panel_TwoColGrid { display: flex !important; flex-direction: row !important; gap: 20px !important; width: 100% !important; min-height: 480px !important; } .ItemView_FinancialRiskRadar_RadarExecutiveCard { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 18px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; width: 100% !important; display: flex !important; flex-direction: column !important; } .ItemView_FinancialRiskRadar_RadarExecutiveCard .FieldSet_TopRow { display: flex !important; flex-direction: row !important; gap: 20px !important; width: 100% !important; align-items: stretch !important; } .ItemView_FinancialRiskRadar_RadarExecutiveCard .FieldSet_LeftGaugeCol { flex: 1.1 !important; background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%) !important; border: 1px solid #cbd5e1 !important; border-radius: 10px !important; padding: 16px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .ItemView_FinancialRiskRadar_RadarExecutiveCard .FieldSet_CenterScoresCol { flex: 2 !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 16px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } .ItemView_FinancialRiskRadar_RadarExecutiveCard .FieldSet_RightKeyRatiosCol { flex: 1.8 !important; background: linear-gradient(135deg, #f0fdf4 0%, #f8fafc 100%) !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; padding: 16px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } .ItemView_FinancialRiskRadar_RadarExecutiveCard .RadarCardSectionHeader { font-size: 13px !important; font-weight: 700 !important; color: #0f172a !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; border-bottom: 2px solid #e2e8f0 !important; padding-bottom: 6px !important; margin-bottom: 10px !important; width: 100% !important; } .ItemView_FinancialRiskRadar_RadarExecutiveCard .RadarRiskLevelBadge .FieldValue { display: inline-block !important; padding: 4px 12px !important; border-radius: 9999px !important; font-weight: 800 !important; font-size: 13px !important; background: #fef3c7 !important; color: #92400e !important; border: 1px solid #fde68a !important; } .ItemView_FinancialEarlyWarning_EarlyWarningVisualCard { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-left: 5px solid #ef4444 !important; border-radius: 10px !important; padding: 14px 18px !important; margin-bottom: 12px !important; box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important; } .ItemView_FinancialEarlyWarning_EarlyWarningVisualCard .FieldSet_CardRow { display: flex !important; flex-direction: row !important; gap: 16px !important; width: 100% !important; justify-content: space-between !important; } .ItemView_FinancialEarlyWarning_EarlyWarningVisualCard .WarningTitleText { font-size: 15px !important; font-weight: 700 !important; color: #1e293b !important; margin-bottom: 4px !important; } .ItemView_FinancialEarlyWarning_EarlyWarningVisualCard .WarningImpactText { font-size: 18px !important; font-weight: 800 !important; color: #b91c1c !important; } .ItemView_FinancialScenarioSimulation_ScenarioVisualCard { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-left: 5px solid #6366f1 !important; border-radius: 10px !important; padding: 16px 20px !important; margin-bottom: 14px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; } .ItemView_FinancialScenarioSimulation_ScenarioVisualCard .FieldSet_ScenarioRow { display: flex !important; flex-direction: row !important; gap: 20px !important; width: 100% !important; } .ItemView_FinancialScenarioSimulation_ScenarioVisualCard .FieldSet_ShocksGrid { display: flex !important; flex-direction: row !important; gap: 10px !important; width: 100% !important; margin: 8px 0 !important; } .ItemView_FinancialScenarioSimulation_ScenarioVisualCard .ScenarioTitleText { font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; } .Content .View_Chart.EntityTypeView { display: flex !important; flex-direction: column !important; } .Content .View_Chart .EntityTypeViewBody { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; } .Content .View_Chart .Middle { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; } .Content .View_Chart .ViewBody_Chart { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; } .Content .View_Chart .ChartBody { flex: 1 1 auto !important; height: 100% !important; min-height: 320px !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .Field_OfferDiscountLC > .InputSpan > input { padding: 0.3em; color: #28bbac; font-weight: 700; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_PurchaseQuotation { max-width: 1200px; margin: 0 auto; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .SingleItem_AccountOperation .FieldSet_top0 { max-width: 35em; margin: 0 auto; } .FieldSet_Reader .HTMLWidget_Reader { width: 100%; padding: 1rem; margin: 0 auto; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .FieldSet_access_control_actions .DoScript { margin: 0.5em; flex-direction: column; padding: 1em; width: 8em; border-radius: 0.5em; color: white; } .FieldSet_access_control_actions .FieldSet_a1 .DoScript { background-color: darkblue; color: white; } .FieldSet_access_control_actions .FieldSet_a2 .DoScript { background-color: darkgreen; color: white; } .FieldSet_access_control_actions .FieldSet_a3 .DoScript { background-color: orangered; color: white; } .FieldSet_access_control_actions .ItemView_Person_AccessControl .Field_WorkingState .InputSpan > a { text-align: center; align-items: center; justify-content: center; font-size: 2em; } .FieldSet_access_control_actions .DoScript .ButtonImage { height: 48px; margin: 0.5em; } .FieldSet_access_control_actions .ItemView_Person_MyAccount { background-color: transparent !important; box-shadow: 0 0 0 !important; } .Field_OfferDiscountLC > .InputSpan > input .Field_OfferTotalAmountOC > .InputSpan > a , .Field_OfferTotalAmountLC > .InputSpan > a { font-size: 1.4em; font-weight: 700; } .Transportation_Styles .SingleItem_Freight { max-width: 1200px; margin: 0 auto; } .Transportation_Styles .btn-purple { background-color: #9c27b0; color: white; padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 500; } .Transportation_Styles .btn-orange { background-color: #fd7e14; color: white; padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 500; } .Transportation_Styles .ai-gradient { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; } .Transportation_Styles .smart-panel { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 10px; padding: 20px; } .Transportation_Styles .analytics-card { background: white; border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin: 10px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .Transportation_Styles .derivation-panel { background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%); border-left: 4px solid #2196f3; border-radius: 8px; } .Transportation_Styles .smart-booking-panel { background: linear-gradient(135deg, #e8f5e8 0%, #fff8e1 100%); border-left: 4px solid #4caf50; border-radius: 8px; } .Transportation_Styles .ai-shipment-panel { background: linear-gradient(135deg, #fce4ec 0%, #f3e5f5 100%); border-left: 4px solid #e91e63; border-radius: 8px; } .SingleItem_PurchaseQuotation .ItemView_PurchaseQuotation_Supplier , .ItemView_PurchaseQuotation_Amount { width: 8em; display: block; } .SingleItem_AccountOperation .FieldSet_top0 .ItemView_AccountOperation_Outcome { background-color: white; display: block; } .FieldSet_Reader .HTMLWidget_Reader .HTMLWidget_Reader #reader { max-width: 100%; width: 100% !important; display: flex; } .FieldSet_Reader .HTMLWidget_Reader .ItemView_Person .EntityTypeView_qrcodereader { overflow: auto; max-width: 100% !important; max-height: 100% !important; } RadarItemSelection { accent-color: var(--color1); cursor: pointer; } .ItemView_AgendaItem_HoverCard .Field_StartDate { max-width: fit-content; padding: 0px 4px; } .ItemView_AgendaItem_HoverCard .Field_StartDate >.InputSpan > a { padding: 0px; font-size: 10px; font-weight: 300; } .ItemView_AgendaItem_HoverCard .Field_EndDate { max-width: fit-content; padding: 0px 4px; } .ItemView_AgendaItem_HoverCard .Field_EndDate >.InputSpan > a { padding: 0px; font-size: 10px; font-weight: 300; } .ItemView_AgendaItem_HoverCard .Field { padding: 0; font-size: 0.8em !important; } .MenuItemView_AgendaItem_HoverDetail .Field { padding: 4px; } .MenuItemView_AgendaItem_HoverDetail .Field .InputSpan > a { Padding:0 4px; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine { border: 0 !important; margin: 0 !important; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_l { max-width:32px; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_l:before { content: ""; position: absolute; height: 100%; width: 2px; background-color: #B0BEC5; left: 15px; z-index: -1; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_r .Field >.InputSpan > a { padding: 4px 8px 4px 2px; font-style: italic; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_r .FieldSet_t1 .InputSpan > a { font-weight: 400; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_r .FieldSet_t1:before { content:""; background-image: url(https://www.361.com.tr/images/tarama_bgli.svg); background-repeat: repeat; background-size: cover; min-height: 12px; height: 18px; position: absolute; width: 100%; left: 0; top: 3px; opacity: 0.35; background-color: #607d8b0d; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_r .Field_Title >.InputSpan > a { padding-top:0 !important; padding-bottom: 8px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_SupportAggrementAsset_Asset , .ItemView_WorkUnitAsset_Asset , .ItemView_WorkUnitPerson_Person { width: 320px; } .ItemView_SupportAggrementAsset_Asset .FieldValue , .ItemView_WorkUnitAsset_Asset .FieldValue , .ItemView_WorkUnitPerson_Person .FieldValue { background-color: transparent !important; box-shadow: 0 0 0 !important; border: 0 !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_WorkUnit_Card { box-shadow: 0 0 20px 0 rgb(76 87 125 / 1%); border: 1px solid #4c577d4f !important; margin: 5px; max-width: 360px; display: inline-block; width: 100%; background-color: white !important; border-radius: 5px; } .ItemView_WorkUnit_Card .FieldSet_t { background-color: rgb(228 230 239) !important; } .ItemView_WorkUnit_CardUser { max-width: 360px; display: inline-block; width: 100%; background-color: white !important; border-radius: 5px; } .ItemView_WorkUnit_CardUser .FieldSet_t { background-color: rgba(127,127,127,0.2); } .ItemView_WorkUnit .FieldValue { padding: 0 !important; } ItemView_WorkUnit_CardUser { box-shadow: 0 0 20px 0 rgb(76 87 125 / 1%); border: 1px solid #4c577d4f !important; } ItemView_WorkUnit_CardUser .FieldSet_t { background-color: rgb(228 230 239) !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView.WPclosedcard { border-bottom:1px solid #b0bec5; } .ItemView.WPclosedcard.Style_20 { background-color: #fffcf8; border-color: #FFCCBC; } .ItemView.WPclosedcard.Style_00 { border-top:1px solid; background-color: rgb(241 246 240) !important; border-color: #bbdeb8; } .ItemView_ActivityStages { margin:0 !important; } .ItemView_ActivityStages >#FieldSet_CardList { border: 1px dashed #43A047; background-color: #f9fffa; } .ItemView_Activity_MiniCardWorskNow { padding: 8px; } .ItemView_Activity_MiniCardWorskNow .FieldSet_iss .InputSpan a { padding: 0; } .ItemView_Activity_MiniCardWorskNow .FieldSet_actions { right: 0; top: 0; bottom: 0; height: auto; width: 42px; } .ItemView_Activity_MiniCardWorskNow .FieldSet_actions .Button { font-size: 32px; height: auto; } .ItemView_Activity_MiniCard { padding: 8px; } .ItemView_Activity_MiniCard .FieldSet_iss .InputSpan a { padding: 0; } .ItemView_Activity_MiniCard .FieldSet_actions { right: 0; top: 0; bottom: 0; height: auto; width: 42px; max-width: 42px; } .ItemView_Activity_MiniCard .FieldSet_actions .Button { font-size: 32px; height: auto; } .ItemView_Person_Name { max-width: 320px; } .ItemView_ActivityPerson_Card { width: 100%; max-width:100%; } .ItemView_ActivityPerson_Card .Field_Picture > img { height: 32px !important; object-fit: cover; border-radius: 50%; } .ItemView_ActivityPerson_Card .FieldSet_m { background-color: rgb(242, 255, 254); border: 1px dashed rgb(38, 166, 154); border-radius: 2em; padding: 2px; } .ItemView_Activity_Card { box-shadow: unset !important; width: 100%; max-width: 320px; width: 320px; display: inline-block; box-shadow: 0 0 1px silver; border-radius: 5px; padding: 1em; width: 100%; /*max-width: 180px;*/ box-shadow: 0 !important; border: 1px solid #607d8b36; margin:0; } .ItemView_Activity_Card .Field { padding: 0; } .ItemView_Activity_Card .Field.LabelPositionTop .FieldValue { padding: 1px; } .ItemView_Activity_Card .InputSpan > a { padding: 0; } .ItemView_Activity_Card .Field_Issuer { font-weight: 400; letter-spacing: 0; } .ItemView_Activity_Card .Field_Issuer a { color: #52545e; min-height: 2em; } .ItemView_Activity_Card .Field_Organization { font-weight: 200; text-transform: uppercase; font-size: 90%; } .ItemView_Activity_Card .Field_Date { font-weight: 300; letter-spacing: 0; } .ItemView_Activity_Card .Field_Category { font-weight: 500; padding: 8px 0 !important; font-size: 100%; flex: 1; min-height: 4em; } .ItemView_Activity_Card .Field_Category a { color: #52545e; } .ItemView_Activity_Card .Field_WorkUnit { font-weight: 300; } .ItemView_Activity_Card .Field_Owner { font-weight: 200; } .ItemView_Activity_Card .Field_Type { font-weight: 200; font-size: 90%; } .ItemView_Activity_Card .FieldSet_t5 { padding-top: 6px; } .ItemView_Activity_Card .FieldSet_t5 .FieldValueImage { width: 1em !important; top: 0.1em !important; padding:0px; } .ItemView_Activity_Card .FieldActivityPriority .FieldValueImage { right: 4px; left: auto; top: 4px; bottom: auto; position: fixed; max-width: 18px; padding: 2px; } .ItemView_Activity_SupportTicketCard { max-width:320px; margin:0; } .ItemView_ActivityAIChat_ActivityCard { padding: 12px; border: 0px !important; background-color: #262624; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 { border-bottom: 1px solid #5b5b58; background-color: #393937; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field.FieldDate { justify-content: flex-end; max-width: fit-content; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field.Field_Title { font-size:16px; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field_AIModel { flex: 0; min-width: fit-content; max-width: fit-content; width: fit-content; padding-right: 24px; justify-content: center; align-items: center; font-size: 14px; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field_AIModel select { color: #f99a55; background-color: #393937; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field .InputSpan ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field input ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field a ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field select { color: #ffffff; background-color: #393937; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .DatePicker { min-width: 10em; justify-content: center; display: flex; align-items: center; max-width: fit-content; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 input:active ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 input:focus { background-color: #4d4d4b !important; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .FieldSet_dfs { visibility: hidden; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1:hover .FieldSet_dfs { visibility: visible; } .ItemView_ActivityAIChat_ActivityCard:hover .Field.Mode_Edit { --inputBackColor: transparent; --inputBorder: unset; color: #fff; } .ItemView_ActivityAIChat_ActivityCard .Field.Mode_Edit { --inputBackColor: transparent; --inputBorder: unset; color: #fff; } .ItemView_ActivityAIChat_ActivityCard .FieldEvaluation5Level { color: #fff; } .ItemView_ActivityAIChat_ActivityCard .FieldEvaluation5Level .Rating { display: flex; align-items: flex-start; flex-direction: column-reverse; } .ItemView_ActivityAIChat_ActivityCard .FieldEvaluation5Level .Rating .RatingStars .Selected:before { text-shadow: 0 0 1px #F96F0A !important; color: #F99A55 !important; } .ItemView_ActivityAIChat_ActivityCard .FieldEvaluation5Level .Rating .RatingStars .Selected div::before { text-shadow: 0 0 1px #F96F0A !important; color: #F99A55 !important; } .ItemView_ActivityAIChat_ActivityCard .Field code { display: flex; flex-wrap: wrap; } .ItemView_ActivityAIChat_ActivityCard .Field_AIChatLineState select { color: #f99a55; background-color: #393937; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs .Field >.FieldLabel { color:#fff; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs .Field .Choices .Choice { background-color: #626262; color: #fff !important; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs .Field .Choices .Choice.Selected { background-color: #f99a55; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs > .DirectionVer { justify-content: space-around !important; align-items: flex-end; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs > .DirectionVer .Field { max-width: fit-content !important; } .ItemView_ActivityAIChat_ActivityCard .GroupByMode_Open { gap: 2px !important; display: flex; flex-direction: column; } .ItemView_ActivityAIChat_ActivityCard .GroupByMode_Open .FolderGroupBy .GroupByTitle.ToggleHeader { background-color: #686565; color: #f2f2f2; } .EntityType_WorkPeriod.View_ItemView_Summary .ViewBody_ItemView_Summary { padding: 6px; gap: 0 } .EntityType_WorkPeriod.View_ItemView_Summary .ViewBody_ItemView_Summary >.ItemView.ItemView_WorkPeriod_Summary { margin:0 !important; } .EntityType_Activity.MicroView .EntityTypeViewBody > .Center > .Middle { margin: 0; } .EntityType_Activity .ViewBody_ItemView_Card { padding: var(--gap); gap:var(--gap); } .EntityType_Activity .ViewBody_ItemView_Card .GroupByMode_Ver { padding-top: var(--gap); gap:0; min-height: 100%; } .EntityType_Activity .ViewBody_ItemView_Card .GroupByMode_Ver .FolderGroupBy { display: inline-flex; vertical-align: top; padding: 0; height: auto; width: 310px; max-width: 90vw; flex-direction: column; margin: 0; } .EntityType_Activity .ViewBody_ItemView_Card .GroupByMode_Ver .GroupByBody { display: flex; flex-direction: column; flex-wrap: nowrap; } .EntityType_Activity .ViewBody_ItemView_Card .FolderGroupBy.Toggle_Closed { background-color: transparent !important; } .EntityType_Activity .ItemMetric__State_30 { background-color: orange; color: black; } .EntityType_Activity .ItemMetric__State_10 { background-color: yellow; color: black; } .EntityType_Activity .ItemMetric__State_50 { background-color: lightgreen; color: black; } .EntityType_Activity .ItemMetric__State_80 { background-color: lightcoral; color: black; } .EntityType_Activity.EntityTypeView_AllNewtodo .FieldSet_SubToDo { padding-left:1.5em; } .EntityType_Activity.EntityTypeView_AllNewtodo .ItemView_Activity_ActivityCollection { border: 1px solid #ccc; margin-bottom: 4px; } .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_ListCard .FieldEvaluation5Level .Rating { display: flex; align-items: flex-start; flex-direction: column-reverse; } .SingleItem_Activity .Field_Category.Mode_Display { display: none; } .SingleItem_Activity .ItemView_Comment .ItemStates { max-width: 10em; width: auto; } .SingleItem_Activity .ItemView_Comment .ItemStates .Right { justify-content: center; } .SingleItem_Activity .ItemView_Comment .ItemStates .Right >div { background-color: #43a047; color: white; } .SingleItem_Activity .ItemView_Comment .EntityTypeViewBody { border: none !important; } .SingleItem_Activity .FieldSet_CommentsArea #FieldSet_t1_2 >div { display: flex; } .SingleItem_Activity .FieldSet_CommentsArea #FieldSet_t1_2 >div >p { display: flex; width:100% } .SingleItem_Activity .FieldSet_NewCommentArea #FieldSet_avtr { display: none; } .SingleItem_Activity .EntityTypeView_CommentsArea .EntityTypeView_SubComment { border-top: none !important; border-left: none !important; } .SingleItem_Activity .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_LineCard .FieldSet_st12 { padding: 6px 12px 8px 12px; margin-right: 24px; background-color: #fff; max-width: calc(100% - 60px); /*border: 1px dashed #8d9ab7; border-radius: 0 16px 16px 16px;*/ } .SingleItem_Activity .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_LineCard .FieldSet_st22 { padding: 6px 12px 8px 12px; margin-left: 24px; background-color: #fffdf9; max-width: calc(100% - 60px); /*border: 1px dashed #fbb66d; border-radius: 16px 0 16px 16px;*/ } .SingleItem_Activity .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_LineCard .FieldSet_m { gap:12px; } .SingleItem_Activity .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_LineCard .Field_Date > .InputSpan > a { padding: 0; color: #56627d; text-decoration: underline; } .EntityTypeView_WorkNow .GroupByBody.ToggleBody { padding-top: 8px !important; gap: 8px !important; } .EntityTypeView_CommentsArea .ItemView_Comment #FieldSet_m { padding: 0.5em 0 0 0.5em; } .Field_abb .InputSpan a { white-space: nowrap; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard { padding: 12px; border: 0px !important; background-color: #262624; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .GroupByMode_Open { gap: 2px !important; display: flex; flex-direction: column; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .GroupByMode_Open .FolderGroupBy .GroupByTitle.ToggleHeader { background-color: #686565; color: #f2f2f2; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldEvaluation5Level { color: #fff; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldEvaluation5Level .Rating { display: flex; align-items: flex-start; flex-direction: column-reverse; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldEvaluation5Level .Rating .RatingStars .Selected:before { text-shadow: 0 0 1px #F96F0A !important; color: #F99A55 !important; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldEvaluation5Level .Rating .RatingStars .Selected div::before { text-shadow: 0 0 1px #F96F0A !important; color: #F99A55 !important; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .Field code { display: flex; flex-wrap: wrap; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .Field_AIChatLineState select { color: #f99a55; background-color: #393937; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs .Field >.FieldLabel { color:#fff; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs .Field .Choices .Choice { background-color: #626262; color: #fff !important; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs .Field .Choices .Choice.Selected { background-color: #f99a55; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs > .DirectionVer { justify-content: space-around !important; align-items: flex-end; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs > .DirectionVer .Field { max-width: fit-content !important; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .ItemView_ActivityAIChatLine_LineCard .FieldSet_st12 { padding: 6px 12px 8px 12px; margin-right: 24px; background-color: #fff; max-width: calc(100% - 60px); /*border: 1px dashed #8d9ab7; border-radius: 0 16px 16px 16px;*/ } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .ItemView_ActivityAIChatLine_LineCard .FieldSet_st22 { padding: 6px 12px 8px 12px; margin-left: 24px; background-color: #fffdf9; max-width: calc(100% - 60px); /*border: 1px dashed #fbb66d; border-radius: 16px 0 16px 16px;*/ } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .ItemView_ActivityAIChatLine_LineCard .FieldSet_m { gap:12px; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .ItemView_ActivityAIChatLine_LineCard .Field_Date > .InputSpan > a { padding: 0; color: #56627d; text-decoration: underline; } .EntityTypeView_AIChatHistory .ItemView_ActivityAIChat_ListCard .Field_AIModel { padding-left:20px; } .EntityTypeView_AIChatHistory .ItemView_ActivityAIChat_ListCard .Field_AIModel .FieldValueImage { left:0; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_Activity_ActivityPersoNCard.UserForm .Panel > .PanelHeader:after { content:unset !important; } .SingleItem_Activity_ActivityPersoNCard.UserForm .Panel > .PanelHeader:before { left:auto !important; right:0.5em !important; } .ItemView_Session_Card { box-shadow: 0 0 0; border: 1px solid #eff2f5 !important; border-left: 4px solid #eff2f5 !important; margin-bottom: 8px; } .ItemView_Session_Card:hover { border-color: #009ef7 !important; } .ItemView_Session_Card .stipi .InputSpan { width: fit-content; background-color: #cccccc; } .ItemView_Session_Card .Field_Subject .FieldValue { text-align: left !important; padding: 1px !important; font-size: 11px; } .ItemView_Session_Card Field_StartDate .FieldValue { text-align: left !important; padding: 1px !important; font-size: 11px; color: gray; } .ItemView_Session_Card .Field_SessionType .FieldValue { text-align: right !important; padding: 1px !important; color: gray; font-size: 11px; } .ItemView_Session_CardList { width: 100%; margin: 0 5px !important; } .ItemView_Session_CardList .FieldSessionType >.InputSpan > a { padding: 4px 8px 0 8px !important; font-size: 1em; color: #039be5; font-weight: 500; } .ItemView_Session_CardList .Field_Subject >.InputSpan > a { padding: 0 8px 8px 8px !important; font-size: 1em; line-height: 1.25; } .ItemView_Session_CardList .Field_StartDate >.InputSpan > a { padding: 4px 8px 0 8px !important; font-size: 0.9em; font-style: italic; } .ItemView_Session_CardList #FieldSet_cardlisticon { width: 56px; max-width: 56px; min-width: 56px; border-right: 2px solid #ccc !important; } .ItemView_Session_CardList #FieldSet_cardlisticon >.DisplayRemoteField >.Field_Icon > img { filter: brightness(0) saturate(100%) invert(24%) sepia(7%) saturate(1500%) hue-rotate(194deg) brightness(95%) contrast(89%); } .ItemView_Session_CardList #FieldSet_b { border-bottom: 1px dashed #ccc !important; } .ItemView_Session_CardList .LookupField.ReadOnly:hover { background-color: transparent; } .ItemView_SessionPerson_Card { max-width: 320px; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m { background-color: #ffffff; border: 1px dashed #CFD8DC; padding: 3px; border-radius: 2em; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m .FieldSet_t1 { display: flex; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m .FieldSet_t1 >.Field_CorporateTitle { display: none; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m:hover { border: 1px dashed #FB8C00; background-color: #fffcf7; } .EntityTypeView_Persons .ItemView_Person_OwnerCard .Field_Picture >img { border-radius: 50% !important; } .EntityTypeView_Persons .ViewBody_ItemView_OwnerCard { padding-top: 0.5em; gap: 4px; } .EntityTypeView_Persons .ViewBody_ItemView_OwnerCard >.ItemView_Person_OwnerCard { max-width: 100%; background-color: transparent; } .EntityTypeView_Participants .ItemView_SessionPerson_Card .Field_Picture >img { height: 24px !important; width:24px !important; object-fit: cover; border-radius: 50%; } .EntityTypeView_Participants .ItemView_SessionPerson_Card .FieldSet_m { background-color: rgb(242, 255, 254); border: 1px dashed rgb(38, 166, 154); border-radius: 2em; padding: 2px; } .EntityTypeView_Participants .ViewBody_ItemView_Card { flex-direction: row; gap: 0.5em; padding: 0.25em 0.5em; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_Project .SiteMapItem .FieldSet_t { flex: 1 } .EntityType_Project .SiteMapItem .FieldSet_t .DirectionVer { gap: 0; } .ItemView_ProjectArticle_Tree { counter-increment: article-counter; } .ItemView_ProjectArticle_Tree .FieldSet_tree .Button { color: blue; } .ItemView_ProjectArticle_Tree .FieldSet_tree .Button .ImageClass { font-size: 2em; opacity: 0.5; } .ItemView_ProjectArticle_Tree .FieldSet_Code { display: flex; justify-content: center; flex: 0; } .ItemView_ProjectArticle_Tree .FieldSet_Code .Text { font-size: 1.25em; } .ItemView_ProjectArticle_Tree .FieldSet_Code .Text:before { content: counters(article-counter,".") " "; } .ItemView_ProjectArticle_Tree .FieldSet_subs { counter-reset: article-counter; } .ItemView_Project_InternetCard { background-color: white !important; padding: 8px; border: 1px solid #d8d8d8 !important; border-radius: 10px; max-width: 274px !important; margin: 0; } .ItemView_Project_InternetCard .Field_Name { font-size: 120%; font-weight: 600; min-height: 32px; font-size: 14px; line-height: 16px; max-height: 34px; overflow: hidden; color: #37474F; } .ItemView_Project_InternetCard .Field_Community a { padding-top: 0; padding-bottom: 0; font-style: italic; font-size: 90%; } .ItemView_Project_InternetCard .Field_Summary { font-size: 100%; font-weight: 300; } .ItemView_Project_InternetCard .Field_Summary .InputSpan > a { text-align: justify; color: rgb(96, 125, 139); max-height: 7.7em; overflow: hidden auto; scrollbar-width: auto; align-content: flex-start; display: flex; flex-wrap: wrap; line-height: 12px; font-size: 12px; } .SingleItem_Project .TabPanel_Tab .FieldSet_Home .FieldSet_t5 .InputSpan > a { padding:2px 4px !important; border :0; } .SingleItem_Project .TabPanel_Tab .FieldSet_Home .FieldSet_t5 .FieldSet { gap:0; } .Content_CommunityProject .ViewBody_ItemView_InternetCard { padding: 16px !important; gap: 16px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_SurveyQuestion { counter-reset: SurveyQuestion; } .ItemView_Survey_Card , .ItemView_SurveyCategory_Card , .ItemView_SurveyList_Card , .ItemView_Poll_Card , .ItemView_SurveyAnswer_Card , .ItemView_Suggestion_Card { max-width: 420px; width: 100%; margin: 0 auto 12px auto; border-radius: 10px; border: 1px solid #e2e8f0; background: #ffffff; padding: 14px 16px; transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0,0,0,0.04); } .ItemView_Survey_Card:hover , .ItemView_SurveyCategory_Card:hover , .ItemView_SurveyList_Card:hover , .ItemView_Poll_Card:hover , .ItemView_SurveyAnswer_Card:hover , .ItemView_Suggestion_Card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); border-color: #cbd5e1; transform: translateY(-1px); } .ViewBody_ItemView_Slider > .ItemView_Poll_Slider { background: var(--BoxBackColor, #ffffff) !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 16px !important; } .SingleItem_Document .FieldSet_Right { display: flex; flex: 0 0 280px; flex-direction: column; align-content: stretch; overflow: auto; height: 100%; } .SingleItem_Document .PanelHasHeader { border: 0; } .SingleItem_Document .PanelHasHeader > .PanelBody > .FieldSetBody { padding: 0; } .SingleItem_Document .Field { padding: 1px !important; width: 100%; } .SingleItem_Document .FieldSet_bleft .Field_File { flex-grow: 1; height: 100%; } .SingleItem_Document .FieldSet_bleft .Field_File .FileDisplay { flex-grow: 1; height: 100%; } .SingleItem_Document .FieldSet_props .Field { padding: 1px !important; height: auto !important; } .SingleItem_Document .DisableOverflow > .EntityTypeViewBody { width: 100%; } .SingleItem_Document .FileFileName { display: none; } .SingleItem_Document .PreviewField iframe { height: 100%; } .SingleItem_DocumentFolder .ItemView_Document_Icon { box-shadow: 0 0 0 !important; background-color: transparent !important; margin: 5px auto; max-width: 600px; } .SingleItem_DocumentFolder .PanelHasHeader > .PanelBody > .FieldSetBody { padding: 0; } .SingleItem_DocumentFolder .Field.LabelPositionTop { padding: 1px !important; font-size: 9px; width: 100%; } .SingleItem_DocumentFolder .FieldSet_m { height: 100%; } .SingleItem_DocumentFolder_Home .PanelHeader { height: auto !important; } .SingleItem_DocumentFolder_Home .PanelHasHeader > .PanelBody > .FieldSetBody { padding: 0 !important; } .SingleItem_DocumentFolder_Home .EntityTypeViewTitle .EntityTypeViewTitleBody { height: auto !important; padding: 0.5em; } .SingleItem_DocumentFolder_Home .FieldSet_Center .InputSpan a { padding: 0; box-shadow: 0 0 0 !important; } .SingleItem_DocumentFolder_Home .Field_FolderFullName { font-size: 0.8em; padding: 0; font-weight: normal !important; color: var(--textColor) !important; } .SingleItem_DocumentFolder_Home .Field_File { height: calc(100% - 4em) !important; } .SingleItem_DocumentFolder_Home .FieldSet_t .Field a { box-shadow: 0 0 0 !important ; padding: 0 !important; } .SingleItem_DocumentFolder_Home .Field_Name.FieldValue .InputSpan a { padding: 3px; box-shadow: 0 0 0; } .SingleItem_DocumentFolder_Home .FieldSet_Title { font-size: 1.25em; padding: 0; } .SingleItem_DocumentFolder_Home .FieldSet_Title .Image2_image { color: var(--titleColor); font-size: 1em; } .SingleItem_DocumentFolder_Home .FieldSet_Title .Field { color: var(--titleColor); font-weight: bold; padding: 1px; height: auto !important; } .SingleItem_Document_Home .PanelHeader { height: auto !important; } .SingleItem_Document_Home .PanelHasHeader > .PanelBody > .FieldSetBody { padding: 0 !important; } .SingleItem_Document_Home .EntityTypeViewTitle .EntityTypeViewTitleBody { height: auto !important; padding: 0.5em; } .SingleItem_Document_Home .FieldSet_Center .InputSpan a { padding: 0; box-shadow: 0 0 0 !important; } .SingleItem_Document_Home .Field_FolderFullName { font-size: 0.8em; padding: 0; font-weight: normal !important; color: var(--textColor) !important; } .SingleItem_Document_Home .Field_File { height: calc(100% - 4em) !important; } .SingleItem_Document_Home .FieldSet_t .Field a { box-shadow: 0 0 0 !important ; padding: 0 !important; } .SingleItem_Document_Home .Field_Name.FieldValue .InputSpan a { padding: 3px; box-shadow: 0 0 0; } .SingleItem_Document_Home .FieldSet_Title { font-size: 1.25em; padding: 0; } .SingleItem_Document_Home .FieldSet_Title .Image2_image { color: var(--titleColor); font-size: 1em; } .SingleItem_Document_Home .FieldSet_Title .Field { color: var(--titleColor); font-weight: bold; padding: 1px; height: auto !important; } .ItemView_Document_Icon .Field { padding: 0 !important; } .ItemView_DocumentFolder_Card { margin: 0 auto; max-width: 800px; background-color: white; display: block; } .ItemView_DocumentFolder_Card .FieldSet_subs { padding-left: 3em; } .ItemView_DocumentFolder_Card .Field_Name .InputSpan a { text-align: left !important; } .Content_DocumentHome { padding: 0 !important; } .Content_DocumentHome .PanelHeader { height: auto !important; } .Content_DocumentHome .Panel_BodyLeft { display: flex; flex-direction: column; height: 100%; padding: 0.5em; max-width: 320px; } .Content_DocumentHome .Panel_BodyLeft > div { flex: 0; } .Content_DocumentHome .Panel_BodyLeft > .Panel_Folders { flex: 1; } .Content_DocumentHome ~ .SingleItem_DocumentFolder ,.Content_DocumentHome ~ .SingleItem_Document { margin: 0; } .Content_DocumentHome .EntityTypeView { width: 100%; } .SiteMapItem .FieldSet_t { flex: 1; } .CurrentEntity_Personel { --contentHeaderBackground: linear-gradient(135deg, #164e63 0%, #0e7490 50%, #0891b2 100%); } .CurrentEntity_Personel .ContentHeader::before { content: ''; position: absolute; top: 35%; left: -100%; width: 200%; height: 30%; background: repeating-linear-gradient(45deg, transparent 0px, transparent 20px, rgba(34,211,238,0.2) 20px, rgba(34,211,238,0.2) 40px ); animation: optimizationFlow 26s infinite linear; } .CurrentEntity_Personel .ContentHeader::after { content: '⚙'; position: absolute; top: 45%; left: 30%; font-size: 8em; color: rgba(125,211,252,0.6); animation: optimizationEngine 24s infinite linear; } @keyframes optimizationEngine { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } body { --PageZone_LRNavs: 104px !important; } .PageZone_LeftNavs .NavView .NavTitle , .PageZone_RightNavs .NavView .NavTitle { overflow-wrap: anywhere; } .CurrentEntity_Salesman { --contentHeaderBackground: linear-gradient(135deg, #065f46 0%, #047857 50%, #059669 100%); } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_Contact .ViewBody { min-height: 3em; } .SingleItem_Contact .EntityTypeView { flex: 0; border: solid 1px #80808020; } .SingleItem_Contact .Field_VCARD { min-height: 320px; } .SingleItem_Contact .Field_VCARD .FieldValue { display: flex; flex-direction: column; flex-wrap: nowrap; } .SingleItem_Contact .Field_VCARD .FieldValue img { min-height: 300px; min-width: 300px; min-height: clamp(300px,100%,100%); min-width: clamp(300px,100%,100%); flex: 1; width: auto; min-width: initial; } .SingleItem_Contact .Field_VCARD .FieldValue .InputSpan { min-width: initial; } .SingleItem_Contact .Field_VCARD .FieldValue a { flex: 1; width: auto; width: 100%; } .SingleItem_Contact .Field_VCARD.FieldView .InputSpan { display: none; } .SingleItem_Contact .ImageNotFound { display: none; } .SingleItem_Contact .Field_CardFront { flex:1 } .SingleItem_Contact .Field_CardFront img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; } .ItemView_Contact_Register .Field { padding: 0.5em 1em 0.5em 0.5em !important; } .ItemView_Contact_Register .DoScriptButton_Register { padding: 1em; background-color: green; color: whitE; } .EntityTypeView_businessCards .ItemView_Contact .Field_VCARD img { width: 300px !important; height: auto !important; max-width:320px !important; } .EntityTypeView_businessCards .ItemView_Contact .Field_VCARD .InputSpan { display:none !important; } .SingleItem_Contact_Badge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; max-width: 10cm !important; min-width: 10cm !important; } .SingleItem_Contact_Badge .FieldValue .InputSpan a { border: 0; } .SingleItem_Contact_Badge .FieldSet_m { justify-content : center; } .SingleItem_Contact_Badge .Field_VCARD .InputSpan a { display: none; } .SingleItem_Contact_Badge .Field_VCARD img { width: 300px; height: 300px; } .SingleItem_Contact_Badge .Image2_logo { width: 50% !important; } .SingleItem_Contact_Badge .Field_Event { font-size: 1.5em; } .ItemView_Contact_Badge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; max-width: 10cm !important; min-width: 10cm !important; } .ItemView_Contact_Badge .FieldValue .InputSpan a { border: 0; } .ItemView_Contact_Badge .FieldSet_m { justify-content : center; } .ItemView_Contact_Badge .Field_VCARD .InputSpan a { display: none; } .ItemView_Contact_Badge .Field_VCARD img { width: 300px; height: 300px; } .ItemView_Contact_Badge .Image2_logo { width: 50% !important; } .ItemView_Contact_Badge .Field_Event { font-size: 1.5em; } .ItemView_Contact_EventBadge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; max-width: 10cm !important; min-width: 10cm !important; } .ItemView_Contact_EventBadge .FieldValue .InputSpan a { border: 0; } .ItemView_Contact_EventBadge .FieldSet_m { justify-content : center; } .ItemView_Contact_EventBadge .Field_VCARD .InputSpan a { display: none; } .ItemView_Contact_EventBadge .Field_VCARD img { width: 300px; height: 300px; } .ItemView_Contact_EventBadge .Image2_logo { width: 50% !important; } .ItemView_Contact_EventBadge .Field_Event { font-size: 1.5em; } .SingleItem_Contact_EventBadge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; max-width: 10cm !important; min-width: 10cm !important; } .SingleItem_Contact_EventBadge .FieldValue .InputSpan a { border: 0; } .SingleItem_Contact_EventBadge .FieldSet_m { justify-content : center; } .SingleItem_Contact_EventBadge .Field_VCARD .InputSpan a { display: none; } .SingleItem_Contact_EventBadge .Field_VCARD img { width: 300px; height: 300px; } .SingleItem_Contact_EventBadge .Image2_logo { width: 50% !important; } .SingleItem_Contact_EventBadge .Field_Event { font-size: 1.5em; } .SingleItem_Contact_Contact .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; max-height: 350px; flex: 0; height: auto; min-height: initial !important; } .SingleItem_Contact_Contact .FieldValue .InputSpan a { border: 0; } .SingleItem_Contact_Contact .FieldSet_m { justify-content: center; } .ItemView_Contact_ListCard .Field >.InputSpan > a { padding:2px 12px; } .EntityType_Contact.View_ItemView_Register .TabPanel_Tab .TabHeader .TabButton:nth-child(2):after { content:"Hızlı Kayıt"; position: absolute; font-size: 9px; color: #E53935; background-color: #FFEBEE; padding: 0px 8px; bottom: 0px; border: 1px solid #E57373; } .ViewBody_ItemView_BadgeMini { gap: 1em; display: flex; flex-direction: row; flex-wrap: wrap; } .ViewBody_ItemView_BadgeMini .ItemView_Contact_BadgeMini { max-width: 120px; min-width: 120px; max-height: 120px; min-height: 120px; margin: 0; } .ViewBody_ItemView_BadgeMini .ItemView_Contact_BadgeMini .Field_VCARD .InputSpan { display:none !important; } .ViewBody_ItemView_BadgeMini .ItemView_Contact_BadgeMini .Field_VCARD img { max-width:80px !important; min-width:80px !important; max-height:80px !important; min-height:80px !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; padding: 4px 14px !important; min-height: 42px !important; box-sizing: border-box !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .MainContent .Content.Content_ContactHome .Panel.ContentHeader { flex-direction: row !important; align-items: stretch !important; gap: 16px; } .MainContent .Content.Content_ContactHome .Panel.ContentHeader .Panel_hl { flex: 1 1 0 !important; min-width: 260px; } .MainContent .Content.Content_ContactHome .Panel.ContentHeader .Panel_kpis { flex: 3 1 0 !important; margin-top: 0 !important; } .MainContent .Content.Content_ContactTemplates .Panel.ContentHeader { flex-direction: row !important; align-items: stretch !important; gap: 16px; } .MainContent .Content.Content_ContactTemplates .Panel.ContentHeader .Panel_hl { flex: 1 1 0 !important; min-width: 260px; } .MainContent .Content.Content_ContactTemplates .Panel.ContentHeader .Panel_kpis { flex: 3 1 0 !important; margin-top: 0 !important; } .MainContent .Content.Content_ContactAnalytics .Panel.ContentHeader { flex-direction: row !important; align-items: stretch !important; gap: 16px; } .MainContent .Content.Content_ContactAnalytics .Panel.ContentHeader .Panel_hl { flex: 1 1 0 !important; min-width: 260px; } .MainContent .Content.Content_ContactAnalytics .Panel.ContentHeader .Panel_kpis { flex: 3 1 0 !important; margin-top: 0 !important; } .MainContent .Content.Content_ContactQRCodeRead .Panel.ContentHeader { flex-direction: row !important; align-items: stretch !important; gap: 16px; } .MainContent .Content.Content_ContactQRCodeRead .Panel.ContentHeader .Panel_hl { flex: 1 1 0 !important; min-width: 260px; } .MainContent .Content.Content_ContactQRCodeRead .Panel.ContentHeader .Panel_kpis { flex: 3 1 0 !important; margin-top: 0 !important; } .SingleItemHeader .FieldSet_l , .SingleItemHeader .FieldSet_c , .SingleItemHeader .FieldSet_r { border: none !important; box-shadow: none !important; padding: 0 !important; background: transparent !important; margin: 0 !important; } .ItemView.CardBox > .FieldSet , .ItemView_Card .FieldSet_m , .CardBox .CardBox { .ItemView.CardBox > .FieldSet, .ItemView_Card .FieldSet_m, .ViewBody_ItemView_Card .FieldSet_m, .CardBox .CardBox, .ItemView .CardBox { border: none !important; box-shadow: none !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; margin: 0 !important; } } .ViewBody_ItemView_Card .ItemView .FieldSet_m , .ViewBody_ItemView_Card .ItemView .CardBox , .ItemView_Card .ItemView .CardBox , .ItemView .FieldSet_m.CardBox { border: none !important; box-shadow: none !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; margin: 0 !important; } .CardBox .FieldSet_t , .CardBox .Line.LineBody { border: none !important; background: transparent !important; padding: 8px 0 0 0 !important; border-top: 1px solid #f1f5f9 !important; border-radius: 0 !important; } .CardBox .FieldSet_f , .CardBox .Line.LineFooter { border: none !important; border-left: 3px solid #f59e0b !important; background: #fffbeb !important; border-radius: 4px !important; padding: 8px 12px !important; } .SingleItem_Person_Internet .PanelBody { display: flex; flex-direction: row; justify-content: center; } .SingleItem_Person_Internet .PanelBody >.FieldValue { max-width: fit-content; padding: 6px 0; } .SingleItem_Person_Internet .PanelBody >.FieldValue >.InputSpan >a { padding: 4px 12px !important; background-color: #ffffff; border-radius: 2em; border: 1px solid #CFD8DC; } .SingleItem_Person_Internet .EntityTypeView_CAUSES .ViewBody_ItemView_Icon { justify-content: center; } .SingleItem_Person_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; box-sizing: border-box; z-index: 999; } .SingleItem_Person .FieldSet_Props2 .Field { max-width: 25em; } .SingleItem_Person .Field_Tags .FieldLabel > a { text-align:center; justify-content: center; } .SingleItem_Person .GroupByBody { --gap: 0; } .SingleItem_UserSignUp_Request { max-width: 360px; margin: 0 auto; padding: 1em 2em; background-color: #ffffff; box-shadow: 0 0 20px rgb(64 58 92 / 8%); } .SingleItem_UserSignUp_Request .DoScript_CreateAccount { padding: 0.75em 1em; margin: 0.5em; display: block; margin-left: auto; margin-right: auto; width: 100%; font-size: 120%; background-color: #35b335; color: white; } .SingleItem_PersonSignUp_Request { background-color: #ffffff !important; color: #303030; box-shadow: 0 0 20px rgb(64 58 92 / 8%); margin: 0 auto; padding: 0; display: block; margin-top: 16px; max-width: 320px; min-height:fit-content !important; } .SingleItem_PersonSignUp_Request.ActiveContent.NewForm { background-color: #ffffff !important; padding: 2.5rem; } .SingleItem_PersonSignUp_Request .Button { min-width: 100%; margin: 0; } .SingleItem_PersonSignUp_Request .FieldSet { gap:0; } .ItemView_Person_InternetCard { width: 320px; height: 200px; width: 220px; height: 180px; padding-top: 16px; background-image: linear-gradient(180deg, #CFD8DC 0%, #CFD8DC 50%,#ffffff 50%, #ffffff 100%); background-repeat: no-repeat; background-size: 100% 128px; background-color: #ffffff !important; border-radius: 10px; max-width: 220px !important; margin:0; } .ItemView_Person_InternetCard .Field_Name .InputSpan a { font-size: 100%; font-weight: 500; justify-content: center; align-items: center; align-content: center; text-align: center; display: flex; font-weight: 600; color: #455A64; } .ItemView_Person_InternetCard .FieldSet_t { justify-content: center; align-items: center; align-content: center; display: flex; } .ItemView_Person_InternetCard .Image2.Image2_PP { border-radius: 100%; border: solid 3px #ffffff; height: 100px !important; max-width: 210px !important; background-color: #ffffff; min-width: 100px; color: #546E7A; box-shadow: 0px 2px 4px 0 #90a4aea6; } .ItemView_Person_InternetCard .Image2.Image2_PP svg { opacity: 0.25; } .ItemView_Person_InternetCard .Image2.Image2_PP img { border-radius: 100%; height: 100%; } .ItemView_Person_InternetCard .Field_Picture img { border-radius: 100%; border: solid 3px #ffffff; height: 100px !important; max-width: 100px !important; background-color: #ffffff; min-width: 100px; color: #546E7A; box-shadow: 0px 2px 4px 0 #90a4aea6; } .ItemView_Person_InternetCard .Field_Title { font-size: 12px; font-weight: 400; color: #78909c; } .ItemView_Person_InternetCard .Field_Title .InputSpan > a { text-align: center; padding: 0; } .ItemView_Person_InternetCard .ParameterSet { display: flex !important; } .ItemView_Person_InternetCard .Button { color: #546E7A !important; background-color: #dbe0e329 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #B0BEC5; transition: 1s; max-width: fit-content; font-size: 9px; padding: 4px 6px 4px 4px; } .ItemView_Person_InternetCard .Button:hover { color: #009688 !important; border: 1px solid #26A69A; transition: 1s; background-color: #f5fffe !important; } .ItemView_Person_InternetCard .Button .ButtonImage { max-width: 16px; min-width: 16px; } .ItemView_Person_InternetCard .Button .ButtonTitle { text-wrap: nowrap; } .ItemView_Person_InternetCard .Button.DoScriptButton_CancelFollowing { color: #ff7a7a !important; background-color: #e3dbdb29 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #ffb0b0; transition: 1s; } .ItemView_Person_InternetCard .Button.DoScriptButton_CancelFollowing:hover { color: #c90000 !important; background-color: #ffa6a629 !important; border: 1px solid #ff6b6b; } .ItemView_Person_InternetCard .Button.DoScriptButton_RequestCancel { color: #ff7a7a !important; background-color: #e3dbdb29 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #ffb0b0; transition: 1s; } .ItemView_Person_InternetCard .Button.DoScriptButton_RequestCancel:hover { color: #c90000 !important; background-color: #ffa6a629 !important; border: 1px solid #ff6b6b; } .ItemView_Person_MyAccount { min-height: 50vh; max-width: 600px; margin: 0 auto; min-width: 100%; } .ItemView_Person_MyAccount .FieldSet_About { gap: 1em; } .ItemView_Person_MyAccount .BG1 { display: flex; margin: 0 auto; border-radius: 3px !important; border: var(--buttonBorder); min-width: 100%; flex-direction: column; padding: 10px; } .ItemView_Person_MyAccount .BG2 { display: flex; margin: 0 auto; flex-direction: column; padding: 10px; } .ItemView_Person_AccessControl { height: 100%; } .ItemView_Person_AccessControl .ItemView_QRCodeReader_Card { /*height: 100%;*/ } .ItemView_Person_NewContact { background-color: white; } .ItemView_Person .ItemView_Person_MiniHorizontalCard .FieldImage img { width: 24px !important; height: 24px !important; } .ItemView_Person_MiniHorizontal .FieldSet_r .FieldSet_d1 .Field { padding:2px 0 !important; } .ItemView_Person_MiniHorizontal .FieldSet_r .FieldSet_d1 .Field >.InputSpan>a { padding:0 !important; } .ItemView_Person_MiniHorizontal .FieldSet_l { max-width:120px; } .ItemView_Person_Header { --gap: 0; --fieldPadding: 0; --inputBorder: 0; --inputPadding: 0; border: var(--border1); } .ItemView_Person_Header .Field_Name { font-size: 1.25em; text-transform: uppercase; font-weight: 500; flex:1; } .ItemView_Person_Header .Field_Organization { font-size: 90%; opacity: 0.75; } .ItemView_Person_Header .Field_CorporateTitle { font-size: 80%; opacity: 0.75; } .ItemView_Person_Header .Field_email { font-size: 80%; } .ItemView_Person_Header .FieldSet_c { border-left: var(--border1); border-right: var(--border1); padding: 0; } .ItemView_Person_Header .FieldSet_l { padding: 8px; } .ItemView_PersonList_ListCardSquare { max-width:320px; min-width:320px; margin:0; min-height:5rem; } .ItemView_PersonListItem_InternetPersonCard { max-width: 160px; background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e !important; border-radius: var(--gap); padding-bottom: 8px; } .ItemView_PersonListItem_InternetPersonCard .DisplayRemoteField { padding: 1em 0 !important; display: flex; justify-content: center; } .ItemView_PersonListItem_InternetPersonCard .DisplayRemoteField img { width: 90px; height: 90px; border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 0 1px #009688;; } .ItemView_PersonListItem_InternetPersonCard .Field_Person >.InputSpan > a { font-size: 1.2em; font-weight: 600; color: #455A64; padding-top: 2px !important; padding-bottom: 2px !important; text-align: center; text-transform: uppercase; } .ItemView_PersonListItem_InternetPersonCard .Field_PersonTag .InputSpan > a { line-height: 1; padding: 0 8px; } .ItemView_PersonListItem_InternetPersonCard .FieldSet_m { justify-content: space-between !important; } .UserPictureSticky { align-items: inherit !important; height: 100%; border-radius: 180px; max-height: 125px; min-height: 125px; margin-left: 20px; max-width: 125px; min-width: 125px; padding: 0 !important; } .SingleItem_Person_MyAccount { max-width: 640px; margin: 0 auto; } .SingleItem_Person_MyAccount .ItemBody { position: relative; } .ItemView_Person_BirthDay { --inputpadding: 4px; width: 200px; margin: 10px; } .ItemView_Person_BirthDay .Field_Picture img { width: 200px !important; height: 200px !important; } .ItemView_Person_StartDate { --inputpadding: 4px; width: 200px; margin: 10px; } .ItemView_Person_StartDate .Field_Picture img { width: 200px !important; height: 200px !important; } .ItemView_Person_ImageCard { width: 180px; padding: 1.5em 0.5em; box-shadow: 0 0 12px 4px #455a6426; margin: 0; border: 1px solid #607d8b47 !important; } .ItemView_Person_ImageCard:hover { border: 1px solid #607d8b47 !important; } .ItemView_Person_ImageCard .Field_Picture img { width: 160px; height: auto !important; min-height: 160px; border-radius: 50%; object-fit: cover; } .ItemView_Person_ImageCardSmall { width: 120px; margin: 4px !important; box-shadow: 0 0 8px #80808050; background-color: white; } .ItemView_Person_ImageCardSmall .Field_Picture img { width: 120px; height: 120px; border-radius: 100%; } .ItemView_Person_MyAccount .Field { padding: var(--fieldPadding); } .ItemView_Person_MyAccount .ItemView_CommunityCause .Field_Logo { padding:0; } .ItemView_Person_MyAccount .ItemView_CommunityCause .Field_Name { padding: 0 0 0 1em; } .ItemView_Person_MyAccount .ItemView_CommunityCause .Field_Name .InputSpan > a { padding:0; } .ItemView_Person_MyAccount .EntityTypeView_MyCauses .Field_Logo { padding:0; } .ItemView_Person_MyAccount .EntityTypeView_MyCauses .Field_Name { padding: 0 0 0 1em; } .ItemView_Person_MyAccount .EntityTypeView_MyCauses .Field_Name .InputSpan > a { padding:0; } .ItemView_Person_MyAccount .EntityTypeView_MyCauses .ItemView_UserCause { background-color: #ffffff; border-bottom: 1px solid #CFD8DC; } .ItemView_Person_MyAccount .DirectionVer { gap:var(--gap2) !important; } .Field_abb .InputSpan > a { background-color: #fff2e3; border-radius: 50%; width: 2.5em; justify-content: center; text-wrap: nowrap; } .EntityType_Person.EntityTypeView_mPersonelList .ViewBody_ItemView_ImageCard { gap: var(--gap3); padding: var(--gap3); } .ViewBody_ItemView_ImageCardSmall { padding: 4px !important; } .PerDasBox1 { padding: 1em 0; } .PerDasBox1 >.Mode_Edit >.DirectionVer { gap: 1em; } .Dashboardbox1 { display: flex; background-color: #ffffff; border: 1px solid #cccccc; flex-direction: column; align-items: center; max-height: 180px; justify-content: center; } .Dashboardbox1 >.Mode_Edit { display: flex; align-items: flex-start; justify-content: center; flex: 1; } .Dashboardbox1 .Aggregate { flex-direction: column-reverse; } .Dashboardbox1 .AggregateValue { font-size: 4em; } .Dashboardbox1 .AggregateLabel { font-size: 2em; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m { background-color: #ffffff; border: 1px dashed #CFD8DC; padding: 3px; border-radius: 2em; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m .FieldSet_t1 { display: flex; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m .FieldSet_t1 >.Field_CorporateTitle { display: none; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m:hover { border: 1px dashed #FB8C00; background-color: #fffcf7; } .EntityTypeView_Persons .ItemView_Person_OwnerCard .Field_Picture >img { border-radius: 50% !important; } .EntityTypeView_Persons .ViewBody_ItemView_OwnerCard { padding-top: 0.5em; gap: 4px; } .EntityTypeView_Persons .ViewBody_ItemView_OwnerCard >.ItemView_Person_OwnerCard { max-width: 100%; background-color: transparent; } .EntityTypeView_mOrgPersonLists .ViewBody_ItemView_ListCardSquare { gap:var(--gap); } .Panel_WidgetQuickAdd { flex-direction: column !important; gap:0 !important; display:flex; } .Panel_WidgetQuickAdd .Button { display: flex; flex: 1; width: 100%; padding: 6px 0 6px 8px !important; font-weight: 500; line-height: 1.25; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .75rem 1.5rem; font-size: 1rem; border-radius: .475rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; outline: 0 !important; color: #7e8299; border-color: #fff; background-color: #fff; } .Panel_WidgetQuickAdd .Button .ButtonImage { max-height: 24px; max-width: 24px; } .Panel_WidgetQuickAdd .Button .ButtonTitle { text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; } .Panel_WidgetQuickAdd .Button.important { background-color: #FFF3E0; border-color: #FFB74D; color: #9c3903; } .Panel_WidgetQuickAdd .Button:hover { background-color: var(--color1); color: #ffffff; border-color: #1565C0; } .Panel_WidgetQuickAdd .Button.important:hover { background-color: #FB8C00; border-color: #E65100; color: #ffffff; } .Panel_WidgetPersonQuickAdd { flex-direction: column !important; gap:0 !important; display:flex; } .Panel_WidgetPersonQuickAdd .Button { display: flex; flex: 1; width: 100%; padding: 6px 0 6px 8px !important; font-weight: 500; line-height: 1.25; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .75rem 1.5rem; font-size: 1rem; border-radius: .475rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; outline: 0 !important; color: #7e8299; border-color: #fff; background-color: #fff; } .Panel_WidgetPersonQuickAdd .Button .ButtonImage { max-height: 24px; max-width: 24px; } .Panel_WidgetPersonQuickAdd .Button .ButtonTitle { text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; } .Panel_WidgetPersonQuickAdd .Button.important { background-color: #FFF3E0; border-color: #FFB74D; color: #9c3903; } .Panel_WidgetPersonQuickAdd .Button:hover { background-color: var(--color1); color: #ffffff; border-color: #1565C0; } .Panel_WidgetPersonQuickAdd .Button.important:hover { background-color: #FB8C00; border-color: #E65100; color: #ffffff; } .EntityType_PersonListItem .ViewBody_ItemView_InternetPersonCard { gap:12px; padding:12px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_SalesActivity .ItemView_SalesActivity_Organization .FieldSet_m .DirectionVer { gap:0; } .EntityType_SalesActivity .ItemView_SalesActivity_Organization .FieldSet_m .DirectionVer .FieldSet_Top { max-width: 2em; justify-content: center; border-right: 1px solid black !important; } .EntityType_SalesActivity .ItemView_SalesActivity_Organization .FieldSet_m .DirectionVer .FieldSet_Top .Field_StartDate { padding: 4px 0; font-weight: 700; } .EntityType_SalesActivity .ItemView_SalesActivity_Organization .FieldSet_m .DirectionVer .FieldSet_Bottom { justify-content: center; } .EntityType_SalesActivity .ItemView_SalesActivity_Organization .FieldSet_m .DirectionVer .FieldSet_Bottom .Field_Organization { font-size: 11px; padding: 4px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_SalesOpportunityDetail_Card { background-color: white; } .ItemView_SalesOpportunityOrganization_Card { background-color: white; } .ItemView_SalesOpportunityPerson_Card { background-color: white; } .ItemView_SalesActivity_Card { background-color: white; } .ItemView_SalesState_Card { max-width: 360px; margin: 1px 26%; background-color: white; } .ItemView_SalesState_Salesman { max-width: 180px; margin: 1px; background-color: white; } .ItemView_SalesState_Salesman .Field_ActiveOpportunityCount { position: absolute; right: 0; top: 0; } .ItemView_SalesState_Salesman .Field_Name { font-weight: bold; text-transform: uppercase; font-size: 90%; } .ItemView_SalesState_Salesman .GroupByMode_Normal { width: 100%; } .ItemView_SalesState_Salesman .FolderGroupBy { width:100%; } .ItemView_SalesState_Salesman .FieldSet_m { flex:1 } .ItemView_SalesState_Salesman .FieldSet_top2 { position: absolute; top: 2em; left: 0; right: 0; height: 3em !important; } .ItemView_SalesState_Sales { max-width: 180px; border:0 ; } .ItemView_SalesState_Sales .Field_ActiveOpportunityCount { position: absolute; right: 0; top: 0; } .ItemView_SalesState_Sales .Field_Name { font-weight: bold; text-transform: uppercase; font-size: 90%; } .SingleItem_SalesOpportunity .Field_SalesState .Choice { text-transform: uppercase; } .SingleItem_SalesOpportunity .Field_SalesState .FieldValue { JUSTIFY-CONTENT: CENTER; } .ItemView_SalesOpportunity_Card { background-color: white; } .ItemView_SalesOpportunity_Sales { background-color: white; --inputPadding: 2px; margin: 0px; border: solid 1px #78909c42 !important; padding: 2px; } .ItemView_SalesOpportunity_Sales .Field_Organization { font-weight: 300; font-size: 80%; } .ItemView_SalesOpportunity_Sales .Field_Name { height: 3em !important; } .Content_SalesOpportunityPipeline .ItemView_SalesState_Sales { max-width: 180px; margin:1px; } .Content_SalesOpportunityPipeline .ItemView_SalesState_Sales .ItemView_SalesOpportunity { --inputPadding: 2px; margin: 0px; border: solid 1px #80808030; padding: 2px; } .ItemView_SalesState_Summary { width: 175px; } .EntityType_SalesState .ViewBody_ItemView_Sales { gap:4px; } .EntityType_SalesState .ViewBody_ItemView_Sales.hasGroupBy .ItemView_SalesState_Sales .FieldSet_m { gap: 4px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_SalesOffer .GroupByBody { padding: 0; gap: 0; } .ItemView_SalesOfferTypeZone_Card { margin:0 !important; border:2px solid transparent; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; color: #AE6B00;; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar.Edit_true { background-color: #FFF3E0; border-bottom: 1px solid #FFCC80; padding: 2px 4px; font-size:9px; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar .FieldSet_nbr input { padding:0 2px; } .ItemView_SalesOfferTypeZone_Card .EntityTypeView_subs { background-color: #ffffff; } .ItemView_SalesOfferTypeZone_Card .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_SalesOfferTypeZone_Card .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_SalesOfferTypeZone_Card .Type_P >.FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_SalesOfferTypeZone_Card .Type_P >.FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; color:#546E7A; } .ItemView_SalesOfferTypeZone_Card .Type_P >.FieldSet_topbar.Edit_true { background-color: #f1f4f6; border-bottom: 1px solid #b0bec5; padding: 2px 4px; font-size:9px; } .ItemView_SalesOfferTypeZone_Card .Type_P >.FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_SalesOfferTypeZone_Card .Type_P >.FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_SalesOfferTypeZone_Card .Type_P >.FieldSet_cardbody > .EntityTypeView_subs { padding:0; } .ItemView_SalesOfferTypeZone_Card .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_SalesOfferTypeZone_Card .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_SalesOfferTypeZone_Card .Type_O >.FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_SalesOfferTypeZone_Card .Type_O >.FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; color:#546E7A; } .ItemView_SalesOfferTypeZone_Card .Type_O >.FieldSet_topbar.Edit_true { background-color: #E0F0FF; border-bottom: 1px solid #80A0FF; padding: 2px 4px; font-size:9px; } .ItemView_SalesOfferTypeZone_Card .Type_O >.FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_SalesOfferTypeZone_Card .Type_O >.FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_SalesOfferTypeZone_Card .Type_O >.FieldSet_cardbody > .EntityTypeView_subs { padding:0; } .ItemView_SalesOfferTypeZone_Card .Type_O >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_SalesOfferTypeZone_Card .Type_O >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_SalesOfferTypeZone_Card .FieldSet_cardbody { padding: 0; /*background-color: #ECEFF1;*/ } .ItemView_SalesOfferTypeZone_Card .FieldSet_actionmainfs { flex:0 !important; } .ItemView_SalesOfferTypeZone_Card .FieldSet_actionmainfs .FieldSet_actionFS>.DirectionVer { gap:1em !important; } .ItemView_SalesOfferTypeZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) { border:2px solid #ffffff; } .ItemView_SalesOfferTypeZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover { border:2px dashed #eceff1; min-height: 32px; } .ItemView_SalesOfferTypeZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover >.FieldSet_m>.FieldSet_topbar.Edit_false>div>.FieldSet_actionmainfs>.FieldSet_actionFS>div>.btn.editpfs { display:flex !important; } .ItemView_SalesOfferTypeZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover .ItemView_SalesOfferTypeZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) { border:2px solid #ffffff; } .ItemView_SalesOfferTypeZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover .ItemView_SalesOfferTypeZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) >.FieldSet_m>.FieldSet_topbar.Edit_false>div>.FieldSet_actionmainfs>.FieldSet_actionFS>div>.btn.editpfs { display:none !important; } .ItemView_SalesOfferTypeZone_Card:has(.FieldSet_topbar.Edit_true) { padding:0; } .ItemView_SalesOfferTypeZone_Card .FieldSet_vh { max-width: 3em; justify-content: center; color: #607D8B; } .ItemView_SalesOfferTypeZone_Card :has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) { border:2px solid transparent; } .ItemView_SalesOfferTypeZone_Card :has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) >.FieldSet_m > .FieldSet_cardbody .FieldProcessField.Field_Field { max-width: fit-content; } .ItemView_SalesOfferTypeZone_Card.Style_P:has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) { border:2px solid transparent; margin-bottom:2x !important; } .ItemView_SalesOfferTypeZone_Card.Style_P:has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) >.FieldSet_m > .FieldSet_cardbody { padding:0; } .ItemView_SalesOfferTypeZone_Card:hover { border:2px solid #ffcc80; } .ItemView_SalesOfferTypeZone_Card:hover >.FieldSet_m >.FieldSet_topbar.Edit_true { background-color: #FFF3E0; border-bottom: 1px solid #FFCC80; padding: 2px 4px; } .ItemView_SalesOfferTypeZone_Card:hover .Type_P >.FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_SalesOfferTypeZone_Card:hover .Type_P >.FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; } .ItemView_SalesOfferTypeZone_Card:hover .Type_P >.FieldSet_topbar.Edit_true { background-color: #f1f4f6; border-bottom: 1px solid #b0bec5; padding: 2px 4px; } .ItemView_SalesOfferTypeZone_Card:hover .Type_P >.FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_SalesOfferTypeZone_Card:hover .Type_P >.FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_SalesOfferTypeZone_Card:hover .Type_P >.FieldSet_cardbody > .EntityTypeView_subs { padding:0; } .ItemView_SalesOfferTypeZone_Card:hover .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_SalesOfferTypeZone_Card:hover .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_SalesOfferTypeZone_Card:hover .Type_O >.FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_SalesOfferTypeZone_Card:hover .Type_O >.FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; } .ItemView_SalesOfferTypeZone_Card:hover .Type_O >.FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_SalesOfferTypeZone_Card:hover .Type_O >.FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_SalesOfferTypeZone_Card:hover .Type_O >.FieldSet_cardbody > .EntityTypeView_subs { padding:0; } .ItemView_SalesOfferTypeZone_Card:hover .Type_O >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_SalesOfferTypeZone_Card:hover .Type_O >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_SalesOfferTypeZone_Card:hover :has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) >.FieldSet_m > .FieldSet_cardbody .FieldProcessField.Field_Field { max-width: fit-content; } .ItemView_SalesOfferTypeZone_Card:hover.Style_P:has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) { border:2px solid #b0bec5; } .ItemView_SalesOfferTypeZone_PFZPreviewCard { margin:0 !important; border:2px solid transparent; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; color: #AE6B00;; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar.Edit_true { background-color: #FFF3E0; border-bottom: 1px solid #FFCC80; padding: 2px 4px; font-size:9px; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .EntityTypeView_subs { background-color: #ffffff; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_P >.FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_P >.FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; color:#546E7A; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_P >.FieldSet_topbar.Edit_true { background-color: #f1f4f6; border-bottom: 1px solid #b0bec5; padding: 2px 4px; font-size:9px; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_P >.FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_P >.FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_P >.FieldSet_cardbody > .EntityTypeView_subs { padding:0; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_O >.FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_O >.FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; color:#546E7A; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_O >.FieldSet_topbar.Edit_true { background-color: #E0F0FF; border-bottom: 1px solid #80A0FF; padding: 2px 4px; font-size:9px; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_O >.FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_O >.FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_O >.FieldSet_cardbody > .EntityTypeView_subs { padding:0; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_O >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .Type_O >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_cardbody { padding: 0; /*background-color: #ECEFF1;*/ } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_actionmainfs { flex:0 !important; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_actionmainfs .FieldSet_actionFS>.DirectionVer { gap:1em !important; } .ItemView_SalesOfferTypeZone_PFZPreviewCard:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) { border:2px solid #ffffff; } .ItemView_SalesOfferTypeZone_PFZPreviewCard:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover { border:2px dashed #eceff1; min-height: 32px; } .ItemView_SalesOfferTypeZone_PFZPreviewCard:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover >.FieldSet_m>.FieldSet_topbar.Edit_false>div>.FieldSet_actionmainfs>.FieldSet_actionFS>div>.btn.editpfs { display:flex !important; } .ItemView_SalesOfferTypeZone_PFZPreviewCard:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover .ItemView_SalesOfferTypeZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) { border:2px solid #ffffff; } .ItemView_SalesOfferTypeZone_PFZPreviewCard:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover .ItemView_SalesOfferTypeZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) >.FieldSet_m>.FieldSet_topbar.Edit_false>div>.FieldSet_actionmainfs>.FieldSet_actionFS>div>.btn.editpfs { display:none !important; } .ItemView_SalesOfferTypeZone_PFZPreviewCard:has(.FieldSet_topbar.Edit_true) { padding:0; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_vh { max-width: 3em; justify-content: center; color: #607D8B; } .ItemView_SalesOfferTypeZone_PFZPreviewCard :has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) { border:2px solid transparent; } .ItemView_SalesOfferTypeZone_PFZPreviewCard :has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) >.FieldSet_m > .FieldSet_cardbody .FieldProcessField.Field_Field { max-width: fit-content; } .ItemView_SalesOfferTypeZone_PFZPreviewCard.Style_P:has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) { border:2px solid transparent; margin-bottom:2x !important; } .ItemView_SalesOfferTypeZone_PFZPreviewCard.Style_P:has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) >.FieldSet_m > .FieldSet_cardbody { padding:0; } .TeklifYatayPanel { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .TeklifPanel { display: flex; flex-direction:column; } .TeklifSatirMetin { white-space: break-spaces; } .SingleItem_SalesOfferType_Preview .FieldSet_Body { max-width: 210mm; margin: 16px auto; background-color: var(--white); padding: 10mm; box-shadow: 0 0 1px gray; } .SingleItem_SalesOfferType_Preview .Fields_Preview .FieldSet_fs_hidden_script { padding-top: 12px; } .SingleItem_SalesOfferType_Preview .Fields_Preview .TeklifAlan { text-wrap: wrap; } .SingleItem_SalesOfferType_Preview .Fields_Preview .TeklifYatayPanel { overflow:hidden; } .ItemView_SalesOfferType_CreateDocument { width: 110px; height: 140px; margin: 8px; border: var(--border2); border-radius: 8px; } .ItemView_SalesOfferType_CreateDocument .Field_Name { font-size: 110% !important; font-weight: bold; letter-spacing: 1px; } .ItemView_SalesOfferForm_MiniPreview { width: 160px; height: 220px; margin: 8px; border: var(--border2); border-radius: 8px; } .ItemView_SalesOfferForm_MiniPreview .FieldSet_a { opacity: 0.5; } .ItemView_SalesOfferForm_MiniPreview .FieldSet_a .ButtonTitle { font-size: 80% !important; } .ItemView_SalesOfferForm_MiniPreview .FieldSet_a .OpenAction_Preview { opacity: 0.0; position: absolute; left: 0; right: 0; top: 0; bottom: 2em; } .ItemView_SalesOfferForm_MiniPreview .FieldSet_a .OpenAction_Preview .ButtonTitle { display: none; } .ItemView_SalesOfferForm_MiniPreview .FieldSet_a .OpenAction_Preview .ImageClass { position: absolute; left: 4px; bottom: 4px; } .ItemView_SalesOfferForm_MiniPreview .Field_Type { font-size: 120% !important; font-weight: bold; letter-spacing: 1px; } .ItemView_SalesOfferForm_MiniPreview:hover .FieldSet_a { opacity: 1.0; } .SingleItem_SalesOffer_Forms .View_ItemView_MiniPreview.EntityType_SalesOfferForm .ViewBody_ItemView_MiniPreview { background-color: var(--PrintPreviewBackground); } .SingleItem_SalesOffer_Forms .View_ItemView_MiniPreview.EntityType_SalesOfferForm .ViewBody_ItemView_MiniPreview .ItemView_SalesOfferForm_MiniPreview { background-color: #fff; border: 1px solid #000; } .SingleItem_SalesOffer_Forms .View_ItemView_CreateDocument.EntityType_SalesOfferType .ViewBody_ItemView_CreateDocument { background-color: #bdbfc1; } .SingleItem_SalesOffer_Forms .View_ItemView_CreateDocument.EntityType_SalesOfferType .ViewBody_ItemView_CreateDocument .ItemView_SalesOfferType_CreateDocument { background-color: #fff; border: 1px solid #757575; } .SingleItem_SalesOffer_Forms .View_ItemView_CreateDocument.EntityType_SalesOfferType .ViewBody_ItemView_CreateDocument .ItemView_SalesOfferType_CreateDocument:hover { box-shadow: 0 0 4px #000; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_SalesMonth_SalesAmount:first-child { width: 100%; } .ItemView_SalesMonth .Field_SalesTargetRatioUSD .InputSpan { position: absolute; top: 0; font-weight: bold; } .ItemView_SalesMonth_SalesAmountBig { font-size: 100%; --inputpadding: 1px; background-color: var(--white); } .ItemView_SalesYear_SalesAmountBig { font-size: 100%; --inputpadding: 1px; background-color: var(--white); } .ItemView_SalesYear_SalesAmount:first-child { width: 100%; } .ItemView_SalesYear .Field_SalesTargetRatioUSD .InputSpan { position: absolute; top: 0; font-weight: bold; } .ItemView_SalesYear .Field_Year { font-weight: bold; } .ItemView_SalesYear .Field_Year >a.InputSpan { justify-content: center !important; font-size: 1.25em; } .SingleItem_SalesMonth .EntityTypeView { border: 0; } .SingleItem_SalesMonth .Field_PrevMonth:before { content: var(--icon-Arrow-Left); font-family: "361"; position: absolute; font-size: 2em; left: 1em; top: 0.8em; } .SingleItem_SalesMonth .Field_NextMonth:after { content: var(--icon-Arrow-Right); font-family: "361"; position: absolute; font-size: 2em; right: 1em; top: 0.8em; } .SingleItem_SalesMonth .FieldSet_panels { font-size: 100%; } .SingleItem_SalesMonth .TabPanel.AnyTabSelected >.TabBody { flex: 1 !important; min-height: 500px; } .SingleItem_SalesYear .EntityTypeView { border: 0; } .SingleItem_SalesYear .FieldSet_panels { font-size: 100%; } .SingleItem_SalesYear .Field_PrevYear:before { content: var(--icon-Arrow-Left); font-family: "361"; position: absolute; font-size: 2em; left: 1em; top: 0.8em; } .SingleItem_SalesYear .Field_NextYear:after { content: var(--icon-Arrow-Right); font-family: "361"; position: absolute; font-size: 2em; right: 1em; top: 0.8em; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } html body .Content .EntityTypeView.View_Infographic.EntityTypeView_etv_ig_comms_channel { max-width: 780px !important; } .SingleItem_NormStaff .FieldSet_Home { background-color: #fff !important; } .SingleItem_NormStaff .FieldSet_Home .Field { max-width: fit-content; padding: 0 !important; } .SingleItem_NormStaff .InputSpan > a { max-width: fit-content !important; border: 0 !important; background-color: transparent !important; padding: 0.5em 1.5em !important; } .SingleItem_NormStaff .FieldSet_gn1 { padding: 1em 1em; } .SingleItem_NormStaff .FieldSet_gn1 .Field { background-color: #ECEFF1; border-radius: var(--gap); } .SingleItem_NormStaff .FieldSet_gn1 .Field_Name { background-color: #FFF3E0; } .SingleItem_NormStaff .FieldSet_gn2 { padding: 1.5em 1em;/*background-color: #f0f1f6 !important;*/ } .SingleItem_NormStaff .FieldSet_gn2 .Field { flex-direction: column-reverse; padding: 2px !important; background-color: #ffffff; border: 1px dashed #90A4AE; border-radius: 1em; align-items: center; min-height: 100%; justify-content: center; max-width: 13em; } .SingleItem_NormStaff .FieldSet_gn2 .Field .InputSpan > a { font-size: 2em; padding: 0 !important; justify-content: center !important; color: #009688; } .SingleItem_NormStaff .FieldSet_gn2 .Field .FieldLabel > a { padding-top: 0 !important; color: #78909C !important; font-size: 1.2em; font-weight: 400; } .ItemView_NormStaff_Tree { box-shadow: 0 0 0 !important; background-color: white; } .ItemView_NormStaff_Tree .OpenAction_Edit .ButtonTitle { display: none; } .ItemView_NormStaff_Tree .Button { max-width: 3em; } .ItemView_NormStaff_OpenPosition { padding: 8px; background-color: #ECEFF1; border: 1px solid #607d8b4f !important; } .ItemView_NormStaff_OpenPosition .Button { padding: 4px 8px !important; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 { gap: var(--gap); } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .FieldSet_t21 > .DirectionVer { gap:4px; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field { background-color: #fff; border: 1px dashed #78909C; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field .InputSpan > a { font-size: 2em; color: #009688; font-weight: 500; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field .FieldLabel { flex:2; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .DirectionVer { gap:4px !important; } .ItemView_NormStaff_OpenPosition .FieldSet_t1 .InputSpan > a { font-size: 1.25em; font-weight: 600; text-align: center; justify-content: center; padding-top: 0; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 { justify-content: flex-start; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 .ItemView_NormStaffTerm_Personnolink2 { max-width:42px; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 .ItemView_NormStaffTerm_Personnolink2 .FieldImage { border: 1px solid #ccc; border-radius: 50%; padding: 4px; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 .ItemView_NormStaffTerm_Personnolink2 .FieldImage img { max-width: 40px; max-height: 40px; border-radius: 50%; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 .ItemView_NormStaffTerm_Personnolink2.Style_1 .FieldImage { border-color:#009688; } .ItemView_NormStaff_NormStaffTermCard3 .addbutton { min-width: 40px; min-height: 40px; background-color: var(--color2-90); border: 1px solid var(--color2-50); border-radius: 50%; color: var(--color2-20); font-size: 12px !important; font-weight: 600; max-width: fit-content; } .ItemView_NormStaffTerm_Person { max-width: 160px; background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e; border-radius: var(--gap); } .ItemView_NormStaffTerm_Person .DisplayRemoteField { padding: 1em 0 !important; display: flex; justify-content: center; } .ItemView_NormStaffTerm_Person img { width: 90px; height: 90px; border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 0 1px #B0BEC5; } .ItemView_NormStaffTerm_Person .Field_Person >.InputSpan > a { font-size: 1.2em; font-weight: 600; color: #455A64; padding-top: 2px !important; padding-bottom: 2px !important; text-align: center; } .ItemView_NormStaffTerm_Person .Field_Type { max-width:100% !important; } .ItemView_NormStaffTerm_Person .Field_Type >.InputSpan > a { font-size: 1em; font-weight: 400; color: #78909C; font-style: italic; padding: 0 4px 8px !important; } .ItemView_NormStaffTerm_Person .FieldSet_datefs { width: 100% !important; padding-top: 0.25em !important; padding-bottom: 0.5em !important; background-color: #f8fcff; border-radius: 0 0 var(--gap) var(--gap); } .ItemView_NormStaffTerm_Person .FieldSet_datefs >.DirectionVer { justify-content: space-between !important; } .ItemView_NormStaffTerm_Person .FieldSet_datefs .InputSpan > a { padding: 0 6px !important; } .ItemView_NormStaffTerm_Person >.FieldSet_m._State_90 { filter: grayscale(100%); } .ItemView_NormStaffTerm_Person.Style_1 .Field_Type >.InputSpan > a { color: #009688; } .ItemView_NormStaffTerm_Person.Style_1 img { box-shadow: 0 0 0 1px #009688; } .ItemView_NormStaffTerm_Personnolink { max-width: 160px; background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e !important; border-radius: var(--gap); } .ItemView_NormStaffTerm_Personnolink .DisplayRemoteField { padding: 1em 0 !important; display: flex; justify-content: center; } .ItemView_NormStaffTerm_Personnolink img { width: 90px; height: 90px; border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 0 1px #B0BEC5; } .ItemView_NormStaffTerm_Personnolink .Field_Person >.InputSpan > a { font-size: 1.2em; font-weight: 600; color: #455A64; padding-top: 2px !important; padding-bottom: 2px !important; text-align: center; text-transform: uppercase; } .ItemView_NormStaffTerm_Personnolink .Field_Type { max-width:100% !important; } .ItemView_NormStaffTerm_Personnolink .Field_Type >.InputSpan > a { font-size: 1em; font-weight: 400; color: #78909C; font-style: italic; padding: 0 4px 8px !important; } .ItemView_NormStaffTerm_Personnolink .FieldSet_datefs { width: 100% !important; padding-top: 0.25em !important; padding-bottom: 0.5em !important; background-color: #f8fcff; border-radius: 0 0 var(--gap) var(--gap); } .ItemView_NormStaffTerm_Personnolink .FieldSet_datefs >.DirectionVer { justify-content: space-between !important; } .ItemView_NormStaffTerm_Personnolink .FieldSet_datefs .InputSpan > a { padding: 0 6px !important; } .ItemView_NormStaffTerm_Personnolink >.FieldSet_m._State_90 { filter: grayscale(100%); } .ItemView_NormStaffTerm_Personnolink.Style_1 .Field_Type >.InputSpan > a { color: #009688; } .ItemView_NormStaffTerm_Personnolink.Style_1 img { box-shadow: 0 0 0 1px #009688; } .ItemView_NormStaffTerm_JobDescriptionsCard { padding: 12px; background-color: #ffffff; border: var(--border2); } .ItemView_RegionNormStaff_SelectRegion >.FieldSet_m { background-color: #ffffff; } .ItemView_RegionNormStaff_SelectRegion .FieldSet_options { max-width: 5em; } .EntityType_NormStaff.ViewBody_ItemView_Tree.FieldSet_s { padding: 1px 1px 1px 3em !important; margin: 0; border: 0 !important; width: 100%; } .EntityType_NormStaffTerm.View_ItemView_Person { background-color: #ffffff !important; } .EntityType_NormStaffTerm.View_ItemView_Person .Top.PanelHeader { background-color: #f0f1f6; } .EntityType_NormStaffTerm.View_ItemView_Person .ViewBody_ItemView_Person { padding: var(--gap); gap: var(--gap); } .EntityType_NormStaffTerm.View_ItemView_Personnolink { background-color: #ffffff !important; } .EntityType_NormStaffTerm.View_ItemView_Personnolink .Top.PanelHeader { background-color: #f0f1f6; } .EntityType_NormStaffTerm.View_ItemView_Personnolink .ViewBody_ItemView_Personnolink { padding: var(--gap); gap: var(--gap); } .EntityType_NormStaffTerm .ViewBody_ItemView_JobDescriptionsCard { gap:var(--gap) } .ViewBody_ItemView_OpenPosition { gap: var(--gap) !important; padding: var(--gap) !important; } .ViewBody_ItemView_SelectRegion { gap: var(--gap); padding: var(--gap); } .Panel_Panels .ItemView_NormStaff_OpenPosition .Button > .ButtonTitle { padding: 0 !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .NewWindow_ExplicitConsent_Preview .ItemHeader { display:none; } .NewWindow_ExplicitConsent_Preview h1 { line-height: 1em; text-align:center; } .NewWindow_ExplicitConsent_Preview h2 { line-height: 1em; text-align:center; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_Organization .FolderItemText { width: 340px; } .ItemView_Department_Tree { background-color: white; border: solid 1px #80808020; } .SingleItem_Department .ItemView_NormStaff .ReadOnly .InputSpan a { padding: 1px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .Content_OrganizationsHome { --contentHeaderBackground: radial-gradient(circle at center, #0D47A1 0%, #1565C0 40%, #1976D2 100%); } .ItemView_Community_Card { width: 280px !important; } .ItemView_Community_Card .FieldImage { background-color: #edf0f2; padding: 0.75em !important; } .ItemView_Community_Card .Field_Name .InputSpan { min-height: 32px; font-size: 14px; line-height: 16px; max-height: 34px; overflow: hidden; color: #37474F; font-weight: 600; } .ItemView_Community_Card .Field_Subject .InputSpan > a { text-align: justify; color: rgb(96, 125, 139); max-height: 7.7em; overflow: hidden auto; scrollbar-width: auto; align-content: flex-start; display: flex; flex-wrap: wrap; line-height: 12px; font-size: 12px; font-weight: 300; } .ItemView_Community_Card .Field_Subject.Mode_Display { font-weight: 400; font-size: 100%; } .ItemView_Community_Card .FieldOrganization .InputSpan > a { color: #607D8B; } .ItemView_Community_Card .Field_Image img { height: 128px !important; } .ItemView_Community_Card.ItemCardBM .FieldSet_t1 .InputSpan > a { font-style: italic; font-size: 10px; padding: 2px 8px; color: #263238; } .ItemView_CommunityCause_Card { width: auto; min-width: 15em; max-width: 15em; color: #000000 !important; background-color: #F0F4F8 !important; margin: 4px; border-radius: 10px; border: solid 3px #d7d7d7; } .ItemView_CommunityCause_Card .FieldSet_number { position: absolute; bottom: 0; left: 0; } .ItemView_CommunityCause_Card .Field_Name { min-height: 0.5em; } .ItemView_CommunityCause_Card .Field_Name .InputSpan > a { text-align: center; justify-content: center; align-items: baseline; font-weight: 400; font-size: 10px; margin-top: -10px; font-color: #d7d7d7 !important; } .ItemView_CommunityCause .Field_Name { font-size: 120%; color: #455a64; } .ItemView_CommunityCause_Image { flex: 0 !important; margin: 0 !important; min-width: 32px; width: auto !important; background-color: transparent; } .ItemView_CommunityCause_Image img { width: 34px; height: 34px; padding: 0; } .ItemView_CommunityCause_Icon { min-width: 40px; max-width: 40px; padding: 0; margin: 0; min-height: 40px; } .ItemView_CommunityCause_Icon .Field_Name { display:none; } .ItemView_CommunityCause_Icon .Field_Name .InputSpan a { font-size: 0.7em; line-height: 1.25em; height: 1.25em; overflow: hidden; padding: 3px; text-wrap: nowrap; font-weight: 600; } .ItemView_CommunityCause_Icon:hover .Field_Name { display: flex; position: absolute; width: 200px; min-width: fit-content; min-height: 1.75em; height: 1em !important; z-index: 999; top: 2px; left: 50%; flex-wrap: wrap; text-wrap: nowrap; color: #1976D2; background-color: white; border-radius: 1em; padding: 0.5em; transform: translateX(-50%); box-shadow: 0 0 1em gray; } .ItemView_CommunityCause_Icon:hover .Field_Name::after { content: ""; background-color: transparet; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid white; position: absolute; bottom: -0.5em; left: calc(50% - 1em); } .ItemView_CommunityCause_Icon2 { min-width: 80px; max-width: 80px; padding: 0; margin: 1px 4px; min-height: 80px; } .ItemView_CommunityCause_Icon2 .Field_Name .InputSpan a { font-size: 0.85em; line-height: 1; height: 3.5em; overflow: hidden; padding: 3px; font-weight: 600; text-align: center; justify-content: center; } .ItemView_CommunityCause_Icon2 .Field_Logo > img { border-radius:var(--gap) } .ItemView_CommunityCause_Icon3 { max-width: fit-content; margin: 0; } .ItemView_CommunityCause_Icon3 .Field_ImageSVG { max-width: 120px; } .ItemView_UserCause_Image { flex: 0 !important; margin: 0 !important; min-width: 32px; width: auto !important; background-color: transparent; } .ItemView_UserCause_Image img { width: 34px; height: 34px; padding: 0; } .ItemView_UserCause_Icon { min-width: 40px; max-width: 40px; padding: 0; margin: 1px 4px; min-height: 60px; } .ItemView_UserCause_Icon .Field_Cause { display:none; } .ItemView_UserCause_Icon .Field_Cause .InputSpan a { font-size: 0.85em; line-height: 1.25em; height: 1.25em; overflow: hidden; padding: 3px; text-wrap: nowrap; font-weight: 600; } .ItemView_UserCause_Icon:hover .Field_Cause { display: flex; position: absolute; width: 200px; min-width: fit-content; min-height: 1.75em; height: 1em !important; z-index: 999; top: -4px; flex-wrap: wrap; text-wrap: nowrap; color: #1976D2; } .ItemView_ProjectUser_MemberListForm { width: 220px; height: 200px; width: 216px; height: 220px; padding-top: 16px; background-image: linear-gradient(180deg, #CFD8DC 0%, #CFD8DC 52%, #c5d0d5 100%); background-repeat: no-repeat; background-size: 100% 70px; } .ItemView_ProjectUser_MemberListForm .Field_Image img { border-radius: 100%; border: solid 3px #ffffff; height: 100px; max-width: 100px; background-color: #ffffff; min-width: 100px; color: #546E7A; box-shadow: 0px 2px 4px 0 #90a4aea6; } .ItemView_ProjectUser_MemberListForm .Field_User .InputSpan a { font-size: 125%; font-weight: 500; justify-content: center; align-items: center; align-content: center; text-align: center; display: flex; font-weight: 600; color: #455A64; padding-bottom: 4px; } .ItemView_ProjectUser_MemberListForm .Field_Role .InputSpan a { font-size: 12px; font-weight: 400; color: #78909c; padding: 0; } .SingleItem_Community_Internet .ReadOnly .InputSpan a { background-color: transparent; } .SingleItem_Community_Internet >.ItemBody > .Fields > div:only-of-type { gap: 0; } .SingleItem_Community_Internet .MailCommunityAdmin { width: 1.5em !important; height: 1.5em !important; margin-top: 28px; max-width: fit-content; margin-right: 10px; } .SingleItem_Community_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; box-sizing: border-box; } .SingleItem_Community_Internet .FieldSet_mc >.sticky { display: block; position: sticky; top: 5em; box-sizing: border-box; } .SingleItem_Community_Internet .CardPictureSticky img ,.SingleItem_Community_Internet .CardPictureSticky svg { border-radius: 8px; border: solid 1px #d9d9d9; padding: 8px; max-height: 75px; min-height: 75px; margin-left: 15px; max-width: 125px; min-width: 125px; margin-left: 18px; margin-top: -3px; background: #ffffff; } .SingleItem_Community_Internet .Field_Name { font-size: 150%; font-weight: 600; width: auto; } .SingleItem_Community_Internet .Field_Subject { padding-top: 0; padding-bottom: 0; font-size: 90%; } .SingleItem_WebPage_Web .ItemView.ItemView_CommunityCause_Card { background-color: #808080; } .SingleItem_CommunityCause_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_CommunityCause_Internet .FieldSet_Toolbox .paylas { margin-left: -7px !important; } .SingleItem_CommunityCause_Internet .FieldSet_Toolbox .ekle { margin-left: -6px !important; } .SingleItem_CommunityCause_Internet .FieldSet_mc >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_CommunityCause_Internet .FieldSet_mc .paylas { margin-left: -7px !important; } .SingleItem_CommunityCause_Internet .FieldSet_mc .ekle { margin-left: -6px !important; } .ItemView_CommunityCause_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .ItemView_CommunityCause_Internet .FieldSet_Toolbox .paylas { margin-left: -7px !important; } .ItemView_CommunityCause_Internet .FieldSet_Toolbox .ekle { margin-left: -6px !important; } .ItemView_CommunityCause_Internet .FieldSet_mc >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .ItemView_CommunityCause_Internet .FieldSet_mc .paylas { margin-left: -7px !important; } .ItemView_CommunityCause_Internet .FieldSet_mc .ekle { margin-left: -6px !important; } .CommunityOwnerPicture img ,.CommunityOwnerPicture svg { border-radius: 180px; border: solid 3px #d9d9d9; max-height: 40px; min-height: 40px; max-width: 40px; } .Indikator .InputSpan a { font-size: 90%; height: 25px; margin-left: 10px; margin-top: -8px !important; margin-bottom: 10px; } .View_ItemView_MyFromUsers.NoItems { display: none !important; } .EntityType_CommunityCause.ViewBody_ItemView_Image { display: flex; flex-direction: row; justify-content: flex-start; } .EntityType_CommunityCause.ViewBody_ItemView_Card { display: flex; flex-wrap: wrap !important; justify-content: right !important; gap: 0px !important; height: 170px !important; width: 1200px !important; } .EntityType_CommunityCause.ViewBody_ItemView_Icon { padding: 0 var(--gap); flex-wrap: wrap; justify-content: center !important; gap:4px; } .EntityType_CommunityCause.ViewBody_ItemView_Icon3 { gap:var(--gap2); } .EntityType_CommunityCause .ViewBody_ItemView_Icon { justify-content: center; gap:6px; } .EntityType_UserCause.ViewBody_ItemView_Icon { padding: var(--gap); flex-wrap: wrap; } .Content_CommunityCauseCards >#Panel_m >.EntityTypeView_CommunityCauses { counter-reset: list-number; } .Content_CommunityCauseCards >#Panel_m >.EntityTypeView_CommunityCauses .ItemView_CommunityCause_Card:before { counter-increment: list-number; content: counter(list-number); margin-right: 10px; margin-bottom: 10px; width: 32px; height: 32px; display: block; font-size: 22px; color: #fff; position: absolute; left: 0; bottom: 0; font-weight: 50; left: 0px; } .CausePictureSticky { align-items: inherit !important; height: 100%; border-radius: 15px !important; max-height: 125px; min-height: 125px; margin-left: 20px; max-width: 125px; min-width: 125px; padding: 0 !important; } .CausePictureSticky img { border-radius: 12px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .CurrentEntity_HumanResources { --contentHeaderBackground: linear-gradient(45deg, #581c87 0%, #7c3aed 50%, #8b5cf6 100%); } .CurrentEntity_HumanResources .ContentHeader { position: relative; } .CurrentEntity_HumanResources .ContentHeader .ContentHeaderTitle::after { content: var(--icon-Users); font-family:"361"; font-size: 2em; opacity: 0.5; position: absolute; right: 8px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_Candidate .ItemView_Candidate_MiniWithPictıre { max-width: 160px; min-width: 160px; margin:0; display:flex; padding: 8px; border: 1px solid #90a4ae57; } .EntityType_Candidate .ItemView_Candidate_MiniWithPictıre .FieldSet_m { justify-content: space-between !important; } .EntityType_Candidate .ItemView_Candidate_MyProfileCard .FieldSet_editFS { position: absolute; right: 6px; top: 0px; } .EntityType_Candidate .ItemView_Candidate_MyProfileCard .FieldSet_t2 { gap:12px; } .EntityType_Candidate .ItemView_Candidate_MyProfileCard .FieldSet_t2 .Field.Mode_Edit .InputSpan > input { background-color: #f6f7f9; } .EntityType_Candidate .ItemView_Candidate_MyProfileCard .DirectionAccordion .PanelBody { background-color: #ffffff; padding: 1rem; } .EntityType_Candidate .ItemView_Candidate_MyProfileCard .DirectionAccordion .PanelHeader { background-color: #f1f4f6 !important; border-bottom: 1px solid #CFD8DC; } .EntityType_Candidate .ItemView_Candidate_MyProfileCard:hover .FieldSet_editFS { display:flex !important; } .EntityType_Candidate .ViewBody_ItemView_MiniWithPictıre { gap:8px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_JobPost .ItemView_JobPost_CandidateViewMiniCard { min-width:320px; max-width:320px; margin:0; background-color: #ffffff; border: var(--border2); } .EntityType_JobPost .ItemView_JobPost_CandidateViewMiniCard .FieldSet_t11 .Field { max-width:fit-content !important; } .EntityType_JobPost .ItemView_JobPost_CandidateViewMiniCard .FieldSet_t11 .Field .InputSpan > a { padding:2px 8px; font-weight: 300; } .EntityType_JobPost .ItemView_JobPost_CandidateViewMiniCard .EntityTypeView_JobApplicant { position: absolute !important; right: 4px; top: 4px; width: 18px !important; color: #66bb6a; } .EntityType_JobPost .ItemView_JobPost_CandidateViewMiniCard .EntityTypeView_JobApplicant .ViewBody_ItemView_CandidateApplicantButton { margin: 0; padding: 0; max-width: 18px; min-width: 18px; } .EntityType_JobPost .ItemView_JobPost_CandidateViewMiniCard .EntityTypeView_JobApplicant .ViewBody_ItemView_CandidateApplicantButton .ItemView_JobApplicant_CandidateApplicantButton { max-width: 18px; min-width: 18px; } .EntityType_JobPost .ViewBody_ItemView_CandidateViewMiniCard { gap:8px; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_t11 .Field { max-width:fit-content; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_t12 { display: flex; flex-wrap: wrap; flex-direction: row; background-color: rgb(242 245 247); } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_t12 .Field { max-width: fit-content; padding: 4px; font-size: 10px; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_t12 .Field .InputSpan > a { border:0 !important; min-width: 1em; padding: 2px; justify-content: center; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_t12 .Field .FieldLabel { max-width: fit-content !important; min-width: fit-content !important; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_t12 .Field .FieldValue { min-width:fit-content; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .Text_Detailtitle { border-bottom: 2px #EF9A9A; padding-top: 32px; padding-bottom: 8px; font-size: 1.5em; color: #D32F2F; border-bottom-style: solid; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_r { background-color: #ffffff; border: var(--border2); } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_act { display:none !important; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_t11 .Field { max-width:fit-content; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_t12 { display: flex; flex-wrap: wrap; flex-direction: row; background-color: rgb(242 245 247); } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_t12 .Field { max-width: fit-content; padding: 4px; font-size: 12px; font-weight: 300; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_t12 .Field .InputSpan > a { border:0 !important; min-width: 1em; padding: 2px; justify-content: center; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_t12 .Field .FieldLabel { max-width: fit-content !important; min-width: fit-content !important; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_t12 .Field .FieldValue { min-width:fit-content; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .Text_Detailtitle { border-bottom: 2px #EF9A9A; padding-top: 32px; padding-bottom: 8px; font-size: 1.5em; color: #D32F2F; border-bottom-style: solid; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_r { background-color: #ffffff; border: var(--border2); } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_JobApplicant .ItemView_JobApplicant_Card2 { min-width: 320px; max-width: 320px; margin: 0; background-color: #ffffff; border: var(--border2); } .EntityType_JobApplicant .ItemView_JobApplicant_Card2 .FieldSet_t1 .Field .InputSpan > a { padding: 2px 8px; font-weight: 300; } .EntityType_JobApplicant .ItemView_JobApplicant_JobApplicantPreview .EntityTypeViewTitle { color:#455a64; } .EntityType_JobApplicant .ItemView_JobApplicant_JobApplicantPreview .FieldSet_t111 { background-color: #fff9f1; } .EntityType_JobApplicant .ViewBody_ItemView_Card2 { gap:8px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_JobApplicantStage_Card { background-color: white; border: solid 1px #80808020; max-width: 480px; } .ItemView_JobApplicantStage_Card .Field_Name { font-weight: 600; } .EntityType_JobApplicantStage .ViewBody_ItemView_Card { flex-wrap: nowrap; display: flex; align-content: flex-start; flex-direction: column; justify-content: flex-start; } .ItemView_CandidateSkill_Card { background-color: white; border: solid 1px #80808020; } .ItemView_InterviewFeedback_Assessment { background-color: white; border: #80808020; padding: 8px; } .ItemView_InterviewFeedback_Assessment .InputSpan > a { padding: 1px; } .ItemView_InterviewFeedback_Assessment .Field_Question { font-weight: 600; } .ItemView_InterviewFeedback_Assessment .Field_Notes { color: green; } .ItemView_CandidateSkillAssessment_Card { background-color: white; border: #80808020; } .ItemView_CandidateSkillAssessment_Card .Field_Rating .InputSpan > a { padding: 0; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_WorkingPeriod .ViewBody_Folder { --gap: 1px; } .EntityType_WorkingPeriod .ViewBody_Folder .FolderItemText { width: 150px; } .EntityType_WorkingPeriod .ViewBody_Folder .GroupByBody { justify-content: center; } .EntityType_WorkingPeriod .ViewBody_Folder .FolderGroupBy { border-bottom: solid 1px #80808020; } .EntityType_WorkingPeriod .ViewBody_Folder .FolderGroupBy:first-child { border-top: solid 1px #80808020; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_EmployerMonth ,.EntityType_EmployerDay ,.EntityType_EmploymentPlace { --listHeaderHeight: 4em; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityTypeView_mTrainingQuizQuestions .ViewBody_ItemView_Card .ItemView_Question_Card .FieldSet_t1:before { content: counter(list-number); width: fit-contant; height: 1em; display: block; font-size: 1em; color: #000000; position: absolute; left: 12px; font-weight: 500; z-index: 9; top:30%; } .EntityTypeView_mTrainingQuizQuestions .Middle>.MiddleCenter>.ListeSay { counter-increment: list-number; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_TrainingCatalog_Card { width: 320px; background-color: white; } .ItemView_Training_Card { width: 320px; background-color: white; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_PersonelAssesmentCompetency_Card .FieldSet_m .FieldSet_t { max-width: 15em; } .ItemView_PersonelAssesmentPerson_Score .Field_Person >.InputSpan > a { font-size: 1.4em; font-weight: 700; padding-bottom: 0; } .ItemView_PersonelAssesmentPerson_Score >.FieldSet_m { padding: var(--gap); } .ItemView_PersonelAssesmentAnswer_Score { padding: 0 var(--gap); } .ItemView_PersonelAssesmentAnswer_Score .FieldSet_m { background-color: #f4f4f7; border: 1px dashed #c9ccd9; } .ItemView_PersonelAssesmentAnswer_Score .Field_CompetencyScore >.InputSpan > a { font-size: 3em; padding-bottom: 0.2em; } .ItemView_PersonelCompetencyGroup_ListWidthDetailsCard .ItemView_PersonelCompetency_NameCard { display: flex; justify-content: center; max-width: fit-content; background-color: #ECEFF1; box-shadow: unset !important; border: 1px solid #B0BEC5 !important; border-radius: var(--gap); margin: 4px; } .ItemView_PersonelCompetencyGroup_ListWidthDetailsCard .FieldSet_t1 >.DirectionVer >.Field_Name { font-weight: 700; font-size: 1.25em; color: #546e7a } .ItemView_PersonelCompetencyGroup_ListWidthDetailsCard .FieldSet_t1 >.DirectionVer >.Field_Name:hover { color: #004567; } .ItemView_PersonelCompetencyGroup_ListWidthDetailsCard .FieldSet_t1 >.DirectionVer >.Field_Name >.InputSpan > a { padding-left: 0; } .ItemView_PersonelCompetency_NameCard .Field_Name { color: #546e7a; } .ItemView_PersonelPerformanceTargetGroup_DetailsListCard .ItemView_PersonelPerformanceTarget_NameRO { display: flex; justify-content: center; max-width: fit-content; background-color: #ECEFF1; box-shadow: unset !important; border: 1px solid #B0BEC5 !important; border-radius: var(--gap); margin: 4px; } .ItemView_PersonelPerformanceTargetGroup_DetailsListCard .FieldSet_t1 >.DirectionVer >.Field_Name { font-weight: 700; font-size: 1.25em; color: #546e7a; } .ItemView_PersonelPerformanceTargetGroup_DetailsListCard .FieldSet_t1 >.DirectionVer >.Field_Name:hover { color: #004567; } .ItemView_PersonelPerformanceTargetGroup_DetailsListCard .FieldSet_t1 >.DirectionVer >.Field_Name >.InputSpan > a { padding-left: 0; } .ItemView_PersonelPerformanceTarget_NameRO .Field_Name { color: #546e7a; } .SingleItem_PersonelAssesmentAnswer .EntityTypeView_Questions .ItemView_PersonelAssesmentAnswerCompetency_Card .FieldPersonelCompetencyAggrementAnswer { justify-content: flex-end; } .FieldSet_score.View_ItemView_Score.Selected { --boxbackcolor: transparent; --boxborder: 0; } .FieldSet_score.View_ItemView_Score.Selected .ItemView_PersonelAssesmentPerson_Score { background: #fafafacc !important; border: 1px solid rgb(66 72 113 / 14%) !important; box-shadow: 0px 0px 5px rgb(102 110 157 / 11%); border-radius: 10px; box-sizing: border-box; margin-bottom: var(--gap) !important; } .FieldSet_score.View_ItemView_Score.Selected .ViewBody_ItemView_Score { gap: var(--gap); } .EntityType_PersonelAssesmentPerson.View_ItemView_Card.Selected { --boxbackcolor: transparent; --boxborder: 0; } .EntityType_PersonelAssesmentPerson.View_ItemView_Card.Selected .ItemView_PersonelAssesmentPerson_Card { background: #fafafacc !important; border: 1px solid rgb(66 72 113 / 14%) !important; box-shadow: 0px 0px 5px rgb(102 110 157 / 11%); border-radius: 10px; box-sizing: border-box; margin-bottom: var(--gap) !important; padding: var(--gap); } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_CompetencyComponentRelation_Competency { max-width: 320px; background-color: white; bordeR: #80808020; } .ItemView_CompetencyComponentRelation_Competency .Field_Description { font-weight: 300; } .ItemView_CompetencyComponentRelation_Competency .Field_Importance a { font-size: 80%; } .ItemView_CompetencyComponentRelation_Competency .Field_Component { font-weight: 500; } .ItemView_CompetencyLevel_Competency { max-width: 320px; background-color: white; bordeR: #80808020; } .ItemView_CompetencyLevel_Competency .Field_Description { font-weight: 300; } .ItemView_CompetencyLevel_Competency .Field_Importance a { font-size: 80%; } .ItemView_CompetencyLevel_Competency .Field_Name { font-weight: 500; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_Prepeyment_Card { background-color: white; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_WorkingModePeriod_WorkingMode { background-color: white; border: solid 1px #80808020; } .SingleItem_WorkingMode_Edit .FieldSet_right .Field { max-width: 14em; } .SingleItem_WorkingMonth_Days .GroupByBody { flex-wrap: nowrap; flex:1; padding: 0; --gap: 0; } .SingleItem_WorkingMonth_Days .FolderGroupBy { flex-direction:row; flex-wrap: nowrap; display: flex; flex: 1; } .SingleItem_WorkingMonth_Days .FolderGroupBy .GroupByTitle { flex:0; } .SingleItem_WorkingMonth_Days .FolderGroupBy .ItemView { margin: 0; flex: 1; max-width: 14.5%; border: solid 1px #80808040; } .SingleItem_WorkingMonth_Days .FolderGroupBy .ToggleHeader > div { padding: 10px 10px; } .SingleItem_WorkingMonth_Days .FolderGroupBy:first-child .GroupByBody { justify-content: flex-end; } .SingleItem_WorkingMonth_Days .FolderGroupBy:last-child { flex-start: start; } .SingleItem_WorkingMonth_Days .FolderGroupBy:last-child .GroupByBody { justify-content: flex-start; } .SingleItem_WorkingMonth_Days .GroupByMode_Open { flex: 1; height: 100%; display: flex; flex-direction: column; } .EntityType_WorkingDay .ViewBody_ItemView_DayMode { --gap: 0; } .ItemView_WorkingMonth_Card { background-color: white; border: #80808020; --inputPadding: 4px; } .SingleItem_Person .ItemView { background-color: white; border: solid 1px #80808020; --inputPadding: 4px; } .SingleItem_WorkingGroup .PageByField { flex-direction: column; } .CurrentEntity_PDKS .ItemView { background-color: white; border: solid 1px #80808020; } .ItemView_WorkingMode_Card { --inputPadding: 1px; padding: 4px 8px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_Payroll_PreviewPayroll { --inputBorder: 0; } .SingleItem_Payroll_PreviewPayroll#PrintPreviewBody { padding: 0.5cm; } .SingleItem_Payroll_Edit .FieldSet_net .Field { flex:1; } .SingleItem_Payroll_Display .FieldSet_net .Field { flex:1; } .ItemView_PayrollLine_Card .FieldSet_icons { opacity: 0.5; } .ItemView_PayrollLine_Card .FieldSet_icons .Image2 { margin: auto 4px; font-size: 80%; } .ItemView_PayrollLine_Card .SocialSecurityTax_false { color: gray; } .ItemView_PayrollLine_Card .SocialSecurityTax_true { color: green; font-weight: bold; } .ItemView_PayrollLine_Card .IncomeTax_false { color: gray; } .ItemView_PayrollLine_Card .IncomeTax_true { color: green; font-weight: bold; } .SingleItem_Payroll { --fieldPadding: 2px 8px; } .SingleItem_Payroll .ItemView { background-color: white; } .ItemView_PayrollPayPayee_Payroll { background-color: white; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_PaySupplementCutType_Card { background-color: white; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_Leave_NewLeaveForm .FieldSet_RequestFS textarea { min-height:120px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityTypeView_Assets .Parameter.yatay { display: flex; flex-direction: row; max-width: 120px; } .EntityTypeView_Assets .Parameter.yatay .ParamValue.Choices { display: flex; flex-direction: row; } .EntityTypeView_Assets .Parameter.yatay .ParamValue.Choices > a { padding:2px 4px !important; } .EntityTypeView_Assets .Parameter.yatay .ParamLabel { display: flex; align-items: center; margin: 0; max-width: fit-content; } .SingleItem_PurchaseRequest_ComparativeCard { --nf-primary-light: #eff6ff; --nf-primary: #2563eb; --nf-primary-hover: #1d4ed8; --nf-bg: #f8fafc; --nf-card-bg: #ffffff; --nf-text-main: #1e293b; --nf-text-muted: #64748b; --nf-text-request: #d21b1b; --nf-border: #e2e8f0; --nf-input-focus: #3b82f6; --nf-radius: 12px; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .ItemView_PurchaseQuotation_ComparativeListDetail { background: var(--nf-card-bg); border-radius: var(--nf-radius); border: 1px solid var(--nf-border); margin-bottom: 30px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); overflow: hidden; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .ItemView_PurchaseQuotation_ComparativeListDetail .FieldSet_title2 .Text { background: #fafafa; padding: 8px 16px; font-size: 12px; font-weight: 600; color: var(--nf-text-muted); text-transform: uppercase; border-right: 1px solid var(--nf-border); border-bottom: 1px solid var(--nf-border); display: flex; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .ItemView_PurchaseQuotation_ComparativeListDetail .FieldSet_title1 .Text { background: #fafafa; padding: 8px 16px; font-size: 12px; font-weight: 600; color: var(--nf-text-muted); text-transform: uppercase; border-right: 1px solid var(--nf-border); border-bottom: 1px solid var(--nf-border); display: flex; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .ItemView_PurchaseQuotation_ComparativeListDetail .Field { padding: 9px 12px; border-right: 1px solid #f1f5f9; font-size: 12px; border-bottom: 1px solid var(--nf-border); } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .ItemView_PurchaseQuotation_ComparativeListDetail .Field .InputSpan { font-size:12px; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .ItemView_PurchaseQuotation_ComparativeListDetail .Field .InputSpan a { padding:0; font-size:12px; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; min-width: 100%; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard { min-width:200px; height: 100%; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field { padding: 8px 12px; border-right: 1px solid #f1f5f9; font-size: 12px; border-bottom: 1px solid var(--nf-border); min-height: 33px; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field .InputSpan { font-size:12px; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field .InputSpan a { padding:0; font-size:12px; line-height: 1.15; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field.FieldAsset .InputSpan > a { font-weight: 700; color: var(--nf-text-main); font-size: 12px; white-space: nowrap; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field.Field_UnitPrice .InputSpan > a { font-weight: 400; color: var(--nf-primary); } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field.Field_Amount .InputSpan > a { font-weight: 800; color: #10b981; } .SingleItem_PurchaseRequest_ComparativeCard .EntityTypeView_PurchaseInquiriesETW .EntityType_PurchaseQuotationDetail.EntityTypeView_details { overflow: scroll !important; padding-bottom: 12px !important; } .SingleItem_PurchaseRequest_EmployeeCard > .ItemView_PurchaseRequest_Header.Fields_Header { display:none !important; } .SingleItem_PurchaseRequest_EmployeeCard >.ItemBody { border: unset; } .SingleItem_PurchaseRequest_EmployeeCard >.ItemBody .ItemCenter_EmployeeCard.UserForm > .FieldSet_m { border: 0; background-color: transparent; box-shadow: unset; } .SingleItem_PurchaseRequest_EmployeeCard >.ItemBody .ItemCenter_EmployeeCard.UserForm > .FieldSet_m .TabPanel_Tab .TabBody { padding:0 ; } .ItemView_PurchaseRequest_Form2PR { min-height:100%; } .ItemView_PurchaseRequest_Form3 { min-height:100%; } .ItemView_PurchaseRequestDetail_Card .FieldSet_m._State_90 { opacity:0.5; background-color:#e6e9ec; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_PurchaseQuotationDetail_Card2 { border: var(--border2); margin: 0; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldCurrency { width: 3em; max-width: 3em; min-width: 3em; padding: 0 !important; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldCurrency.FieldHasSelect:After { top: 18px !important; right: 3px !important; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldCurrency select { padding:0 6px !important; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter { gap:16px; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview { flex:1; height: 100%; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 { border-bottom: 1px solid #f1f5f9; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .FieldCounter { max-width: fit-content; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .FieldCounter .InputSpan a { background-color: #eff6ff !important; color: #1d4ed8; padding: 4px 12px; border-radius: 6px; font-weight: 600; font-size: 11px; border: 1px solid #bfdbfe !important; max-height:fit-content; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .FieldCounter .InputSpan { align-items: center; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .FieldPurchaseQuotation { max-width: fit-content; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .FieldPurchaseQuotation .InputSpan a { background-color: #fff8ef !important; color: #d8401d; padding: 4px 12px; padding-right: 12px; border-radius: 6px; font-weight: 600; font-size: 11px; border: 1px solid #fecebf !important; max-height: fit-content; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .FieldPurchaseQuotation .InputSpan { align-items: center; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .FieldOrganization { max-width:fit-content; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .FieldOrganization .InputSpan a { font-size: 12px; font-weight: 700; color: #1e293b; padding:4px 12px; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .Field_Amount .InputSpan a { padding:0; font-size: 12px; font-weight: 400; color: #6E7C84; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .FieldSet_title2 .Field_ApprovedAmount .InputSpan a { padding:0; font-size: 16px; font-weight: 700; color: #08ab2d; } .EntityType_PurchaseQuotation.FieldSet_orgsQuotation { /*border-radius: 8px;*/ border: 1px solid #e2e8f0 !important; /*padding: 0 12px;*/ } .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail.FieldSet_details .EntityTypeViewBody .MiddleCenter { gap:12px; } .ItemView_PurchaseQuotationDetail_DetailCard { background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px; padding: 12px; box-shadow: 0 1px 3px rgb(0 0 0 / 0.02); } .ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t1 { background-color: #f8fafc !important; border-radius: 6px !important; border: 1px solid #e2e8f0 !important; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t1 .FieldAsset { font-size: 14px; font-weight: 700; text-transform: uppercase; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t1 .FieldMoney { font-size: 16px; font-weight: 700; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t1._State_50 { background-color: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t1._State_90 { background-color: #f8fafc !important; border-radius: 6px !important; border: 1px solid #f4cdcd00 !important; color: #b3b3b3 !important; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t1._State_90 .FieldAsset { text-decoration: line-through !important; } .ItemView_PurchaseQuotationDetail_DetailCard .Field .FieldLabel a > span { font-weight:300; font-size:12px; } .ItemView_PurchaseQuotationDetail_DetailCard .Field .FieldValue input { padding: 4px 8px !important; } .ItemView_PurchaseQuotationDetail_DetailCard .Field.LabelPositionTop .FieldLabel > a { padding: 0 4px 4px 8px !important; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t2 .Field { padding:0 !important; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t2 .Field.LabelPositionTop .FieldLabel > a { padding: 0 4px 4px 8px !important; } .ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t2 .Field .FieldValue input ,.ItemView_PurchaseQuotationDetail_DetailCard .FieldSet_t2 .Field .FieldValue .InputSpan a { width: 100% !important; max-width: 100% !important; } .ItemView_PurchaseQuotation_Preview { max-height:100%; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .CurrentEntity_Purchasing .ContentHeader { position: relative; } .CurrentEntity_Purchasing .ContentHeader .ContentHeaderTitle::after { content: var(--icon-Users); font-family:"361"; font-size: 2em; opacity: 0.5; position: absolute; right: 8px; } .ItemView_Asset_NameCode { background-color: #ffffff; } .ItemView_PurchaseRequestDetail_Card { background-color: #ffffff; } .ItemView_PurchaseRequest_InquiriesCard { max-width: 260px; min-width: 240px; } .ItemView_PurchaseRequest_InquiriesCard .Field_Priority { display: flex; flex-direction: row-reverse; max-width: fit-content; padding: 0 !important; } .ItemView_PurchaseRequest_InquiriesCard .Field_Priority .FieldValueImage { position: relative !important; font-size: 12px !important; padding: 4px !important; } .ItemView_PurchaseRequest_InquiriesCard .Field_Priority .InputSpan { max-width: fit-content; min-width: fit-content; } .ItemView_PurchaseRequest_InquiriesCard .Button .ButtonTitle { max-width:fit-content; padding: 0 !important; } .ItemView_PurchaseRequest_InquiriesCard .Field_RequiredDate { max-width: fit-content; } .ItemView_PurchaseRequest_InquiriesCard .FieldSet_m { justify-content:space-between !important; } .EntityTypeView_ApprovedPurchaserequests .ViewBody_ItemView_InquiriesCard { padding: 8px; } .aprovesbtnfs { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center !important; } .EntityType_PurchaseRequestDetail.View_ItemView_Card._State_36 .ItemsTitles .FieldSet_a ,.EntityType_PurchaseRequestDetail.View_ItemView_Card._State_36 .ItemsTitles .FieldSet_State { display:none; } .EntityType_PurchaseRequestDetail.View_ItemView_Card._State_36 .ItemsTitles .FieldSet_approveFS { visibility: hidden; } .EntityType_PurchaseRequestDetail.View_ItemView_Card._State_35 .ItemsTitles .FieldSet_a ,.EntityType_PurchaseRequestDetail.View_ItemView_Card._State_35 .ItemsTitles .FieldSet_State { display:none; } .EntityType_PurchaseRequestDetail.View_ItemView_Card._State_35 .ItemsTitles .FieldSet_approveFS { visibility: hidden; } .EntityType_PurchaseRequestDetail.View_ItemView_Card._State_34 .ItemsTitles .FieldSet_a ,.EntityType_PurchaseRequestDetail.View_ItemView_Card._State_34 .ItemsTitles .FieldSet_State { display:none; } .EntityType_PurchaseRequestDetail.View_ItemView_Card._State_34 .ItemsTitles .FieldSet_approveFS { visibility: hidden; } .ItemView_PurchaseInquiry_WizardStepCard { flex: 1; height: 100%; border: 0; } .ItemView_PurchaseInquiry_WizardStepCard .FieldSet_m > .FieldSet_t1 .Field { padding:0 8px !important; } .ItemView_PurchaseInquiry_WizardStepCard .FieldSet_m > .FieldSet_t1 .Field .DatePicker .DatePicker { padding: 4px 8px; max-width: fit-content !important; } .ItemView_PurchaseInquiry_WizardStepCard > .FieldSet_m > .FieldSet_t2 { overflow: hidden; } .ItemView_PurchaseInquiry_WizardStepCard > .FieldSet_m > .FieldSet_t2 .FieldSet_Suppliers .FieldSet_bottom { overflow:hidden; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .ItemView_PurchaseQuotation_ComparativeListDetail { background: var(--nf-card-bg); border-radius: var(--nf-radius); border: 1px solid var(--nf-border); margin-bottom: 30px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); overflow: hidden; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .ItemView_PurchaseQuotation_ComparativeListDetail .FieldSet_title2 .Text { background: #fafafa; padding: 8px 16px; font-size: 12px; font-weight: 600; color: var(--nf-text-muted); text-transform: uppercase; border-right: 1px solid var(--nf-border); border-bottom: 1px solid var(--nf-border); display: flex; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .ItemView_PurchaseQuotation_ComparativeListDetail .FieldSet_title1 .Text { background: #fafafa; padding: 8px 16px; font-size: 12px; font-weight: 600; color: var(--nf-text-muted); text-transform: uppercase; border-right: 1px solid var(--nf-border); border-bottom: 1px solid var(--nf-border); display: flex; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .ItemView_PurchaseQuotation_ComparativeListDetail .Field { padding: 9px 12px; border-right: 1px solid #f1f5f9; font-size: 12px; border-bottom: 1px solid var(--nf-border); } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .ItemView_PurchaseQuotation_ComparativeListDetail .Field .InputSpan { font-size:12px; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .ItemView_PurchaseQuotation_ComparativeListDetail .Field .InputSpan a { padding:0; font-size:12px; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .ItemView_PurchaseQuotation_ComparativeListDetail .FieldSet_title2 { background: #fafafa !important; text-transform: uppercase; border-bottom: 1px solid var(--nf-border) !important; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; background-color: #f0f1f6; align-items: flex-start; justify-content: flex-start; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard { min-width:200px; height: 100%; background-color: #fff; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field { padding: 8px 12px; border-right: 1px solid #f1f5f9; font-size: 12px; border-bottom: 1px solid var(--nf-border); min-height: 33px; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field .InputSpan { font-size:12px; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field .InputSpan a { padding:0; font-size:12px; line-height: 1.15; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field.FieldAsset .InputSpan > a { font-weight: 700; color: var(--nf-text-main); font-size: 12px; white-space: nowrap; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field.Field_UnitPrice .InputSpan > a { font-weight: 400; color: var(--nf-primary); } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard .Field.Field_Amount .InputSpan > a { font-weight: 800; color: #10b981; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard.Style_50 { background-color: #fafff4; border: 1px solid #00ee30; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard.Style_90 .Field .InputSpan > a { font-weight: 400; color: #525861; font-size: 12px; white-space: nowrap; text-decoration: line-through; } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .ViewBody_ItemView_VerticalCard .ItemView_PurchaseQuotationDetail_VerticalCard.Style_90::after { content: "Firma Fiyat Teklifi Göndermedi"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #af0000; font-weight: bold; font-size: 1.2rem; letter-spacing: 1px; background: linear-gradient(45deg, transparent 48%, rgba(244, 159, 159, 0.8) 49%, rgba(244, 152, 152, 0.8) 51%, transparent 52% ); } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail.EntityTypeView_details { /*overflow: scroll !important; padding-bottom: 12px !important;*/ } .ItemView_PurchaseInquiry_WizardStepCard .EntityType_PurchaseQuotation .EntityType_PurchaseQuotationDetail .Middle { background-color: #f0f1f6; } .EntityType_PurchaseRequest .ViewBody_ItemView_Card { gap: 0 !important; } .EntityType_PurchaseRequest .ViewBody_ItemView_Card .ItemView_PurchaseRequest_Card { flex: 1 1 100% !important; max-width:100% !important; } .EntityType_PurchaseRequestDetail .ViewBody_ItemView_Card { gap: 0 !important; } .EntityType_PurchaseRequestDetail .ViewBody_ItemView_Card .ItemView_PurchaseRequestDetail_Card { flex: 1 1 100% !important; max-width:100% !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_SupplierProfile .FieldSet_tabs > .TabHeader { flex-wrap: wrap; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .ItemView .DirectionVer > * { align-items: center !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS { min-height: 3em !important; max-height:3em important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_0 { background-color:#E0E0E0 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_1 { background-color:#D6D6D6 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_2 { background-color:#FFCDD2 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_3 { background-color:#FFF9C4 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_4 { background-color:#FFE082 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_5 { background-color:#FF8A80 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_6 { background-color:#80CBC4 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_7 { background-color:#A5D6A7 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_8 { background-color:#B3E5FC !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_9 { background-color:#EF9A9A !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_10 { background-color:#F48FB1 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_11 { background-color:#CE93D8 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_12 { background-color:#81C784 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_13 { background-color:#FFD54F !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_15 { background-color:#64B5F6 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_16 { background-color:#90A4AE !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_17 { background-color:#4DB6AC !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_statusFS.Status_18 { background-color:#F06292 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_field1 .Field_EInvoiceID .InputSpan a { color:#FF5722 !important; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_actions .DirectionVer { justify-content: flex-end !important; gap: 1em; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_actions .DirectionVer .Button { max-width:fit-content; } .EntityType_EInvoice_Member .ItemView_EInvoice_Member_LineEInvoice .FieldSet_actions .DirectionVer .Button .ButtonTitle { margin-left: 2px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS { min-height: 3em !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_NotPrepared { background-color:#E0E0E0 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_NotSend { background-color:#D6D6D6 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_Draft { background-color:#E0E0E0 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_Canceled { background-color:#FFCDD2 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_Queued { background-color:#FFF9C4 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_Processing { background-color:#FFE082 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_SentToGib { background-color:#80CBC4 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_1000 { background-color:#A5D6A7 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_1100 { background-color:#B3E5FC !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_1200 { background-color:#EF9A9A !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_Return { background-color:#F48FB1 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_EArchivedCanceled { background-color:#CE93D8 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_StatusFS.Status_2000 { background-color:#FF8A80 !important; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .Button .ButtonTitle { flex:6; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .Button .ButtonImage { flex:1; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .Button .ButtonImage svg { width:20px; height:20px; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_field1 .Field_InvoiceId .InputSpan a { color:#FF5722 !important } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_actions .DirectionVer { justify-content:flex-end !important; gap: 1em; } .EntityType_Document_Uyumsoft .ItemView_Document_Uyumsoft_LineEInvoice .FieldSet_actions .DirectionVer .Button { max-width:fit-content; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_StatementofApplicability_LineCard .FieldSofAStatus.Field_Status { max-width: fit-content; padding-left: 16px; background-color: #ecf2f4; border-radius: 6px; border: 1px dashed #6272775e; margin-left: 12px; } .ItemView_StatementofApplicability_LineCard .FieldSofAStatus.Field_Status .FieldValueImage { left: 0px; padding: 0; height: 14px; } .ItemView_StatementofApplicability_LineCard .FieldSofAStatus.Field_Status .InputSpan a { padding: 2px 2px 2px 10px; font-size: 10px; letter-spacing: 0.75px; font-weight: 300; } .ItemView_StatementofApplicability_LineCard .Field_Document .InputSpan > a { padding: 2px 12px; } .ItemView_StatementofApplicability_LineCard .LinkButton_Go { padding: 4px 12px !important; } .ItemView_StatementofApplicability_LineCard .FieldSet_t16 { flex: 1 1 0%; min-width: 4em; max-width: 4em; padding-right: 4px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_QProcedure_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_QProcedure_Book .Field_Name { flex:1; } .ItemView_QProcedure_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_QInstruction_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_QInstruction_Book .Field_Name { flex:1; } .ItemView_QInstruction_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_QManual_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_QManual_Book .Field_Name { flex:1; } .ItemView_QManual_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_QForm_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_QForm_Book .Field_Name { flex:1; } .ItemView_QForm_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_QualityPolicy_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_QualityPolicy_Book .Field_Name { flex:1; } .ItemView_QualityPolicy_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_QualityStandard_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_QualityStandard_Book .Field_Name { flex:1; } .ItemView_QualityStandard_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_Strategy_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_Strategy_Book .Field_Name { flex:1; } .ItemView_Strategy_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_Objective_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_Objective_Book .Field_Name { flex:1; } .ItemView_Objective_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_Metric_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_Metric_Book .Field_Name { flex:1; } .ItemView_Metric_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_Initiative_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_Initiative_Book .Field_Name { flex:1; } .ItemView_Initiative_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ItemView_QualityProcess_Book { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; } .ItemView_QualityProcess_Book .Field_Name { flex:1; } .ItemView_QualityProcess_Book .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; } .ViewBody_ItemView_Book { gap:var(--gap); padding:1em; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_Metric_Card { width: auto; } .ItemView_Metric_Card .FieldValue .InputSpan { justify-content: center !important; } .ItemView_Metric_Card .FieldValue .InputSpan a { justify-content: center !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_Contract .FieldSet_right .EntityTypeView_attachments .Top.PanelHeader { background-color: #d9f9fd; } .SingleItem_Contract .FieldSet_right .FieldSet_accordion > .FieldSet > .PanelHeader { background-color: #80808010; } .SingleItem_Contract .FieldSet_right .FieldSet_accordion > .FieldSet > .PanelBody { padding: 8px; } .SingleItem_Contract .FieldSet_right .FieldSet_accordion > .AccordionSelected > .PanelHeader { background-color: #d9f9fd; } .SingleItem_Contract .Field_RichText .sun-editor { background-color: transparent; } .SingleItem_Contract .Field_RichText .sun-editor .se-wrapper { overflow: auto; position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } .SingleItem_Contract .Field_RichText .sun-editor .se-wrapper .sun-editor-editable { padding: 2.54cm 2cm !important; width: 21cm; min-height: 297mm !important; overflow: initial; margin: 2em auto; height: auto !important; box-shadow: 0 0 5px grey; } .SingleItem_Contract .Field_RichText .sun-editor .se-btn-tray { display: block; justify-content: center; } .SingleItem_Contract .FieldSet_contract .FieldSet_left { max-width: 20%; width: 20%; } .SingleItem_Contract .FieldSet_contract .FieldSet_right { max-width: 20%; width: 20%; display: flex; flex-direction: column; } .SingleItem_Contract .FieldSet_contract .FieldSet_center { max-width: 80%; } .SingleItem_Contract .FieldSet_states .ItemStates .Center { width: auto; } .SingleItem_Contract .FieldSet_right .Field { padding: 1px; } .SingleItem_Contract .FieldSet_center .FieldSet_center { max-height: 100%; overflow: auto; } .SingleItem_Contract .FieldSet_center .FieldSet_center .Mode_Display.FieldRichText { padding: 2.54cm 2cm !important; width: 21cm; min-height: 297mm !important; overflow: initial; margin: 2em auto; height: auto !important; background-color: white; box-shadow: 0 0 5px grey; } .SingleItem_Contract .FieldSet_accordion .PanelBody { border: solid 1px rgba(127,127,127,0.1); background-color: rgba(255,255,255,0.75); border-radius: 4px; } .SingleItem_Contract .DirectionAccordion >.PanelHasHeader > .PanelHeader { background-color: rgba(255,255,255,0.5); border: solid 1px rgba(127,127,127,0.1); } .SingleItem_Contract .DirectionAccordion >.PanelHasHeader.AccordionSelected { background-color: rgba(255,255,255,0.75); } .SingleItem_Contract .EntityTypeView { box-shadow: 0 0 0 !important; background-color: transparent !important; border: 0 !important; } .SingleItem_Contract .TabPanel_TabBottom .aspect-ratio { padding-bottom: unset !important; display: flex; flex: 1; } .SingleItem_Contract .FieldSet_righttop { position: sticky; top: 5px; z-index: 101; background: rgb(255, 255, 255); border-radius: 0.75em; border: 1px solid rgba(120, 144, 156, 0.66) !important; } .SingleItem_Contract .FieldSet_righttop:has(>.EnableIf_false) { display:none !important; } .ViewBody_ItemView_TemplateCard { flex-direction: column; justify-content: flex-start; align-content: center; } .ItemView_Contract { --inputpadding: 4px; } .EntityType_Contract .ItemView_Contract_Name .FieldDepartment >.InputSpan > a { font-weight: 200; font-size: 12px; padding: 0 0 0 4px; color: #90A4AE; } .EntityType_Contract .ItemView_Contract_Name .Field_Subject >.InputSpan >a { padding-bottom: 0; } .EntityTypeView_new_contracts .ItemView_Contract_NewContarct .Field_Person >.InputSpan > a { color: #E64A19; padding-top: 0; font-size: 12px; } .ItemView_Contract_Name { padding: 4px; } .EntityTypeView_active_contracts .ItemView_Contract_ActiveContract .Field_Person >.InputSpan >a { color: #E64A19; padding-top: 0; font-size: 12px; } .EntityType_ContractFieldType .ItemView_ContractFieldType_MiniCard { max-width: 240px; background-color: #ffffff; border: 1px solid #78909c63; border-radius: 1rem; margin: 0; } .EntityType_ContractFieldType .ItemView_ContractFieldType_MiniCard .Field >.InputSpan > a { justify-content: center; color: #546E7A; } .EntityType_ContractFieldType .ItemView_ContractFieldType_MiniCard .Field_Name >.InputSpan > a { font-weight: 700; color: #37474F; font-size:1.4rem; } .EntityType_ContractFieldType .ViewBody_ItemView_MiniCard { gap:1rem; } .SingleItem_Contract .FieldSet_body { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; } .SingleItem_Contract .FieldSet_body .Field_RichText { flex: 1; } .SingleItem_Contract .FieldSet_body .Field_RichText.Mode_Display { max-width: 210mm; margin: 8px auto; background-color: white; box-shadow: 0 0 4px silver; padding: 18mm; } .SingleItem_Contract .FieldSet_body .Field_RichText.Mode_Display > * { overflow: hidden; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_Subscription_Card { max-width: 1024px; background-color: white; border: solid 1px #80808020; } .ItemView_Subscription_Card .FieldSet_s { border-left: solid 1px #80808020 !important; } .ItemView_SubscriptionPackage_Card { width: 160px; max-width: 160px; align-self: flex-start; border: solid 1px #80808020; margin: 0; } .EntityType_SubscriptionPackage.ViewBody_ItemView_Card.EntityTypeView { justify-content: flex-start; } .ItemView_SubscriptionPrice_Card { margin: 0; } .ItemView_SubscriptionPrice_Card .FieldSet_t { font-weight: bold; font-size: 120%; } .ItemView_SubscriptionPrice_Card .InputSpan a { padding: 1px; } .ItemView_SubscriptionPrice_Card .FieldSet_invoicing a { justify-content: center; } .ItemView_SubscriptionPrice_Card .Field_Type a { justify-content: center; } .ItemView_SubscriptionPrice_Card { background-color: white; border: solid 1px #80808020; margin: 0; } .ItemView_SubscriptionCatalog_Card { border: solid 1px #80808020; background-color: white; margin: 0; } .ItemView_SubscriptionCatalog_Card .FieldSet_apps { border-left: solid 1px #80808020 !important; } .ItemView_Subscription_Group { max-width: 170px; border: solid 1px #80808020; margin: 0; } .ItemView_Subscription_Summary { background-color: white; } .ItemView_Subscriber_Summary { background-color:white; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_ProcessCatalog .FieldSet_metrics .Field { --fieldPadding: 4px;--inputPadding: 4px;flex:1; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_ProcessInstance_New .HTMLWidget_hw .ratiobar { min-height: 1.25em; } .SingleItem_ProcessInstance_New .FieldSet_hwfs { gap: 0 !important; } .SingleItem_ProcessInstance_New .FieldSet_hwfs .InputSpan > a { padding: 0; background-color: transparent; border: 0; } .SingleItem_ProcessInstance_New .FieldSet_hwfs .Field { padding: 0; gap: 0; border: 0; } .SingleItem_ProcessInstance .HTMLWidget_hw { display: flex; flex: 1; height: 1.25em; width: calc(100% - 9em); left: 6em; position: relative; right: 3em; } .SingleItem_ProcessInstance .HTMLWidget_hw .ratiobar { min-height: 1.25em; } .SingleItem_ProcessInstance .FieldSet_hwfs { gap: 0 !important; position: relative; left: 1em; width: calc(100% - 2em); font-size: 80%; opacity: 0.5; max-width: 320px; } .SingleItem_ProcessInstance .FieldSet_hwfs .InputSpan > a { padding: 0; background-color: transparent; border: 0; } .SingleItem_ProcessInstance .FieldSet_hwfs .Field { padding: 0; gap: 0; border: 0; width: auto; } .SingleItem_ProcessInstance .Field_Process .InputSpan a { font-size: 1.25em; text-align: center; justify-content: center; text-transform: uppercase; } .SingleItem_ProcessInstance .ItemView .Field_Process .InputSpan a { font-size: 1em; } .SingleItem_ProcessInstance .ItemView .Field_Step .InputSpan a { font-size: 1em; } .SingleItem_ProcessInstance .Field_Step .InputSpan a { font-size: 1.1em; } .SingleItem_ProcessInstance .FieldSet_StepFields .Field_StepType { top: 0; left: 0; right: 0; padding: 0; } .SingleItem_ProcessInstance .FieldSet_StepFields .Field_StepType .InputSpan a { text-align: right; justify-content: flex-end; padding: 4px; padding-right: 32px; background-color: transparent; border: 0; font-size: 80%; opacity: 0.7; } .SingleItem_ProcessInstance .FieldSet_StepFields .Field_StepType .FieldValueImage { top: 0; padding: 2px; width: 24px; } .SingleItem_ProcessInstance .FieldSet_StepFields .Field_Field .InputSpan a { text-align: flex-start; justify-content: flex-start; padding: 4px; background-color: transparent; border: 0; } .SingleItem_ProcessInstance .FieldSet_body { max-width: 1024; width: 100%; margin: 0 auto; min-height: 50vh; } .SingleItem_ProcessInstance .FieldSet_actions { padding: 4px; font-size: 75%; } .SingleItem_ProcessInstance .FieldSet_actions .DoScriptButton { background-color: transparent; color: #303030; border: solid 1px gray; } .SingleItem_ProcessInstance .FieldSet_l .FieldLabel { min-width: 5em; } .SingleItem_ProcessInstance .DoScriptButton_GoNext { background-color: #4db6ac; color: white; border: 0; min-width: 200px; font-size: 16px; font-weight: 600; } .SingleItem_ProcessInstance .DoScriptButton_Start { background-color: #4db6ac; color: white; border: 0; min-width: 290px; font-size: 16px; font-weight: 600; } .SingleItem_ProcessInstance .Field_NextStep.FieldValue { text-align: center; justify-content: center; } .SingleItem_ProcessInstance .Field_ValueFile img { max-height: 4em; } .SingleItem_ProcessInstance .FieldSet_t { gap: 0; } .SingleItem_ProcessInstance .FieldSet_t .Field { padding: 3px; } .SingleItem_ProcessInstance .EntityType_ProcessInstanceLog { background-color: transparent !important; border-radius: 0; max-height: 60vh; overflow: auto; padding-left: 0.5em; border: 0 !important; box-shadow: 0 0 0 !important; } .SingleItem_ProcessInstance .LookupField.Field_NextStep { padding: 8px; } .SingleItem_ProcessInstance .LookupField.Field_NextStep >.Choice { min-width: 240px; } .SingleItem_ProcessInstance .FieldSet_hwfs >.FieldProcessState >.InputSpan > a { position: absolute; bottom: -2.2em; left: 1em; color: #009688; font-weight: 600; } .SingleItem_ProcessInstance .Box { padding: 0; } .SingleItem_ProcessInstance .Field_Process .FieldLabel { width: auto !important; position: absolute; left: 0; right: 0; bottom: -1em; top: auto; font-size: 75%; } .SingleItem_ProcessInstance .Field_Step .FieldLabel { width: auto !important; position: absolute; left: 0; right: 0; bottom: -1em; top: auto; font-size: 75%; } .SingleItem_ProcessInstance .Field_StepDescription { --inputPadding: 1px; --inputBorder: 0; padding: 0; } .SingleItem_ProcessInstance .Field_StepDescription .InputSpan a { justify-content: center; font-size: 80%; } .SingleItem_ProcessInstance .ViewBody_ItemView_CardMobile { --gap: 0 12px; } .SingleItem_ProcessInstance .ViewBody_ItemView_CardMobile .Field_Field { --inputPadding: 8px 12px 2px 12px; } .SingleItem_ProcessInstance .ViewBody_ItemView_CardMobile .FieldSet_Value { font-weight: bold; } .SingleItem_ProcessInstance .Field_State { padding: 1px; } .SingleItem_ProcessInstance .Field_State .InputSpan a { border: 0; font-size: 80%; opacity: 0.7; } .SingleItem_ProcessInstance .Field_StepType { padding: 1px; } .SingleItem_ProcessInstance .Field_StepType .InputSpan a { border: 0; font-size: 80%; opacity: 0.7; } .SingleItem_ProcessInstance .FieldSet_fieldsprocess .GroupByBody { flex-direction: column; } .SingleItem_ProcessInstance .FieldSet_ProcessActions { position: sticky; bottom: 0; left: 0; right: 0; background-color: var(--backColor); } .SingleItem_ProcessInstance .FieldSet_ProcessActions .FieldSet_stc { display: none; } .SingleItem_ProcessInstance .FieldSet_ProcessActions .FieldSet_actions .Button { visibility: hidden; } .SingleItem_ProcessInstance .FieldSet_ProcessActions:hover .FieldSet_stc { display: initial; } .SingleItem_ProcessInstance .FieldSet_ProcessActions:hover .FieldSet_actions { visibility: visibile; } .SingleItem_ProcessInstance .FieldSet_ProcessActions:hover .FieldSet_actions .Button { visibility: visible; } .SingleItem_ProcessInstance_Home .FieldSet_AttachmentFs .Field_StepAttachment .FieldValue { flex:0; } .SingleItem_ProcessInstance_Home .FieldSet_c:has( div.InvalidField ) > .FieldSet_ProcessActions .DoScriptButton { visibility: hidden; } .SingleItem_ProcessInstance_Home .FieldSet_c:not(:has(div.InvalidField )) > .FieldSet_ProcessActions .Text_sendT { visibility: hidden; } .SingleItem_Process.ActiveContent .ItemView_ProcessStep { margin: 0 !important; } .SingleItem_Process .EntityTypeView_Steps .PanelHeader { display: none; } .SingleItem_Process .ButtonImage { max-height: 1.5em; max-width: 1.5em; } .SingleItem_Process .Box { padding: 0; } .SingleItem_Process_GuestCard .FieldSet_m:has( > .FieldSet_ProcessInstanceFS) > .FieldSet_ProcessInfo { display:none !important; } .SingleItem_Process_GuestCard .FieldSet_m:has( > .FieldSet_ProcessInstanceFS.NoItems) > .FieldSet_ProcessInfo { display:flex !important; } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .ItemView_ProcessInstanceField_Card { max-width: 800px; } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .ItemView_ProcessInstanceField_Card .FieldProcessField .InputSpan a { font-size:18px; } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .ItemView_ProcessInstanceField_Card .FieldSet_Value .InputSpan { border: var(--border1); } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .ItemView_ProcessInstanceField_Card .FieldSet_Value .InputSpan a { font-size:18px; } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .FieldSet_fieldsprocess { padding:12px; gap:22px; } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .FieldSet_fieldsprocess textarea { min-height: 100px; } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .FieldSet_ProcessContent { background-color: #f5f7fa !important; } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .FieldSet_c:has( div.InvalidField ) > .FieldSet_ProcessActions .DoScriptButton { visibility: hidden; } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .FieldSet_c:not(:has(div.InvalidField )) > .FieldSet_ProcessActions .Text_sendT { visibility: hidden; } .SingleItem_Process_GuestCard .FieldSet_m .ItemView_ProcessInstance_HomeSBS .FieldSet_pb .Field_NextStep { justify-content: center; padding: 18px 12px; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle { display: flex; align-items: center; flex-wrap: wrap; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard { min-width: 120px; justify-content: center; display: flex; margin: 0; width: fit-content; box-shadow: unset; padding: 0 4px !important; border: 0; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard .FieldSet_subs > .Style_CHC >.FieldSet_body >.FieldSet_subs { padding-top:12px !important; border-top:2px solid #1ad9d9 !important; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard .FieldSet_subs > .Style_CHC >.FieldSet_body >.FieldSet_subs:before { content:""; height: 12px; width: 1px; border-left: 2px solid #1ad9d9 !important; position: absolute; left: 0; top: 0; left: 50%; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard .FieldSet_subs > .Style_CHC >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #f5ffff !important; color: #145555; border: 1px dashed #4dc3c3 !important; border-radius: 44% !important; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_CHS >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #f0ffff !important; color: #0B4242; border: 3px double #21c6c6 !important; border-radius: 0; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_TSK >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #FFF3E0 !important; color: #C35C11; border: 1px solid #ffac0d !important; border-left-width: 1px; border-radius: 0 16px 16px 0; border-left-width: 3px !important; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_EXT >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #fff3f3 !important; color: #5E0808; border: 1px solid #ee3232 !important; border-radius: 16px 0 0 16px; border-right-width: 3px !important; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_GO >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #eff7ff !important; color: #0D70A1; border: 1px solid #2998cae0 !important; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_TSK:after { content: ""; height: 12px; width: 1px; border-left: 2px solid #ffac0d !important; position: absolute; left: 0; bottom: -10px; left: 50%; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard .FieldSet_subs .ItemView_ProcessStep_VerticalCard.Style_TSK:last-child:after { content: ""; display:none !important; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle >.MiddleCenter { justify-content: flex-start; background-color: #fff; padding-top: 24px; flex-wrap: nowrap; min-width: 100%; } .SingleItem_Process_ChartViewCard .ItemCenter_ChartViewCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle >.MiddleCenter.ViewBody_ItemView_VerticalCard >.ItemView_ProcessStep_VerticalCard.Style_TSK:last-child:after { content: ""; display:none !important; } .SingleItem_ProcessRequest .Choice { min-width: 6em; text-align: center; } .SingleItem_ProcessRequest .ItemStates .Center { border: 0; box-shadow: 0 0 0; } .SingleItem_ProcessRequest .ViewBody { box-shadow: 0 0 0; border: 0 !important; background-color: transparent !important; } .SingleItem_ProcessRequest .ItemView { box-shadow: 0 0 0; border: 0 !important; background-color: transparent !important; } .SingleItem_ProcessRequest_NewForm { position: relative; max-width: 800px; margin: 0.5em auto; } .SingleItem_ProcessRequest_NewForm .ItemBody { position: relative; } .SingleItem .ItemView_ProcessStep_Card.ItemView { padding-left: 3em !important; } .SingleItem .EntityType_ProcessInstanceField.EntityTypeView { background-color: transparent !important; box-shadow: 0; border: 0 !important; border-radius: 0; flex-direction: column; align-content: center; } .SingleItem_ProcessCatalog .Box { padding: 0; } .ItemView_ProcessCatalog_Home { width: 360px; min-height: 200px; margin: 1em; box-shadow: 0 0 5px #90a4ae66; border: 1px solid #78909c45 !important; background-color: #ffffff; } .ItemView_ProcessCatalog_Home:hover { background-color: #f1faff; } .ItemView_ProcessCatalog_Home.SelectedItem .FieldSet_R1 { background-color: #00695c; } .ItemView_ProcessCatalog_Home.SelectedItem .FieldSet_R1 .InputSpan > a { padding-top: 8px !important; padding-bottom: 8px !important; } .ItemView_ProcessCatalog_Home.SelectedItem .FieldSet_subs { display: initial; position: absolute; overflow: auto; top: 3em; bottom: 0; left: 0; right: 0; } .ItemView_ProcessCatalog_Home .ItemView { border: 0 !important; background-color: transparent !important; } .ItemView_ProcessCatalog_Home .ItemView .InputSpan > a { padding-top: 4px !important; padding-bottom: 4px !important; } .ItemView_ProcessCatalog_Home .OpenAction.Button { border: 0 !important; box-shadow: 0 0 0 !important; color: white; background-color: transparent !important; } .ItemView_ProcessCatalog_Home .FieldSet_R1 { background-color: #26A69A; text-transform: uppercase; color: #ffffff; font-weight: 500; } .ItemView_ProcessCatalog_Home .FieldSet_R1 .InputSpan > a { padding-top: 4px !important; padding-bottom: 4px !important; } .ItemView_ProcessCatalog_Home .FieldSet_R1 .FieldSet_s { flex-direction: column !important; justify-content: center; } .ItemView_ProcessCatalog_Home .FieldSet_R1 .FieldSet_s .InputSpan a { padding: 0 !important; } .ItemView_ProcessCatalog_Home .FieldSet_R1 .Field_Subject { font-size: 60%; } .ItemView_ProcessCatalog_Home .FieldSet_R1 .Field_Subject .InputSpan > a { padding-top: 0 !important; padding-bottom: 0 !important; } .ItemView_ProcessCatalog_Home .OpenAction .ImageClass { position: relative !important; font-size: 1em !important; color: white !important; inset: 0 !important; } .ItemView_ProcessCatalog_Home .OpenAction .ButtonTitle { display: none; } .ItemView_ProcessCatalog_Home .View_ItemView_CatalogCard_ProcessCategory >.FieldSet_m >.Field_Name >.InputSpan > a { border-left: 2px solid #F57C00 !important; padding: 6px 0.5em; color: #263238; font-weight: 700; } .ItemView_ProcessCatalog_Home_Process_Summary .Image2 { color: #78909C; } .ItemView_ProcessCatalog_Home_Process_Summary .Image2:hover .Image2 { color: #ff5722; } .ItemView_ProcessCatalog_Home_Process_Summary .Image2:hover .Field_ActiveInstanceCount { color: #00acc1; } .ItemView_ProcessCatalog_Home_Process_Summary .Image2:hover .Field_FieldCount { color: #00acc1; } .ItemView_ProcessCatalog_Home_Process_Summary .Image2:hover .Field_StepCount { color: #00acc1; } .ItemView_ProcessCatalog_Home_Process_Summary .Image2:hover .Field_Name { color: #1c262b; } .ItemView_ProcessCatalog_Home_Process_Summary .Field_ActiveInstanceCount { color: #37474f; } .ItemView_ProcessCatalog_Home_Process_Summary .Field_FieldCount { color: #37474f; } .ItemView_ProcessCatalog_Home_Process_Summary .Field_StepCount { color: #37474f; } .ItemView_ProcessCatalog_Home_Process_Summary .Field_Name { color: #455A64; } .ItemView_ProcessCatalog_Home .FieldSet_subs { position: relative; flex: 1; display: none; } .ItemView_ProcessCatalog_Home .FieldSet_subs .EntityType_ProcessCategory { display: flex; overflow: auto; position: absolute !important; bottom: 0; top: 0; flex-direction: column; left: 0; right: 0; flex-wrap: nowrap; height: 100% !important; padding: 0; margin: 0; width: 100%; border: 0 !important; } .ItemView_ProcessCatalog_Card { max-width: 320px; margin: 8px; background-color: var(--white); --inputPadding: 2px; padding: 16px; } .ItemView_ProcessCatalog_Card .Field_Name { font-size: 1.25em; font-weight: bold; } .ItemView_ProcessCategory_CatalogCard { font-size: 90%; } .ItemView_ProcessCategory_CardTree { max-width: 350px; margin: 1em auto; } .ItemView_ProcessCategory_CardTree .Field { padding: 3px !important; } .ItemView_ProcessCategory_CardTree .EntityTypeViewBody { padding-left: 2em; } .ItemView_Process_Summary .InputSpan > a { padding: 3px; } .ItemView_Process_Summary .FieldSet_r .ActionOnClick.FieldSet:after { display:none !important; } .ItemView_Process_CatalogCard { font-weight: bold; } .ItemView_Process_CatalogCard .Field_Name .InputSpan > a { padding-top: 3px; padding-bottom: 3px; color: #455A64; } .ItemView_Process_CatalogCard .Field_Name .InputSpan > a::before { content: var(--icon-Dot); font-family: "361"; } .ItemView_Process_DepartmentCard > .FieldSet_M > .FieldSet_t1 > .EntityTypeViewBody > .Center > .Middle { display: flex; align-content: center; flex-wrap: wrap; } .ItemView_Process_Active { width: 120px; background-color: white; } .ItemView_Process_Active .Field_ActiveInstanceCount { position: absolute; top: 0; right: 0; --inputPadding: 1px; } .ItemView_ProcessInstance { padding: 4px 8px; box-shadow: unset !important; margin-bottom: 0 !important; margin-top: 0 !important; border: var(--border1); border-bottom: 0; } .ItemView_ProcessInstance_RequestPool .InputSpan > a { padding: 3px; } .ItemView_ProcessInstance_Summary { box-shadow: 0 0 1px silver; } .ItemView_ProcessInstance:nth-child(even) { background-color: rgba(127,127,127,0.1); background-color: #eceff15c; } .ItemView_ProcessInstance .Field_CompletionRatio { justify-content: center !important; font-size: 125%; } .ItemView_ProcessInstance .Field_CompletionRatio .InputSpan { justify-content: center !important; width: auto; } .ItemView_ProcessInstance .Field_CompletionRatio .InputSpan a { justify-content: center; width: auto; } .ItemView_ProcessInstance .FieldSet_catalog { justify-content: center; display: flex; } .ItemView_ProcessInstance .FieldSet_catalog .InputSpan a { padding: 1px; } .ItemView_ProcessInstance .FieldSet_catalog .Field_ProcessCategory { font-size: 90%; font-weight: 300; } .ItemView_ProcessInstance .FieldSet_ProcessStep { justify-content: center; display: flex; flex-direction: column; } .ItemView_ProcessInstance .FieldSet_ProcessStep .InputSpan a { padding: 1px; justify-content: flex-start; } .ItemView_ProcessInstance .FieldSet_ProcessStep .Field_Process { font-size: 90%; font-weight: 300; } .ItemView_ProcessInstance .Field_TotalPeriod { font-size: 80%; } .ItemView_ProcessInstance .FieldSet_m .FieldSet { justify-content: center; } .ItemView_ProcessInstance .FieldSet_m .FieldSet .Field { gap: 0 !important; } .ItemView_ProcessInstance .FieldSet_m .FieldSet .Field >.InputSpan a { padding: 2px 4px; } .ItemView_ProcessInstance .FieldSet_m .FieldSet >.Field:first-child >.InputSpan a { font-weight: 600; } .ItemView_ProcessInstance .FieldSet_m .FieldSet >.InputSpan a { padding: 1px; } .ItemView_ProcessInstance .FieldSet_Completion .Field_TotalPeriod { position: absolute; bottom: -1px; left: 0; right: 0; --inputpadding: 1px; } .ItemView_ProcessInstance .FieldSet { --inputpadding: 1px; } .ItemView_ProcessInstance:last-child { border: var(--border1); } .ItemView_ProcessInstance_FirstFields .Field_Field .InputSpan a { border: 0 !important; } .ItemView_ProcessInstance .Parameters { padding:0 !important; } .ItemView_ProcessStep_Card >.FieldSet_m >.FieldSet_t { border-left: 5px solid #FF9800 !important; border-radius: 2em 0 0 2em; border-top: 0.5px solid #FF9800; border-bottom: 0.5px solid #FF9800; } .ItemView_ProcessStep_Card.Style_CHC:after { border-color: #80CBC4 !important; } .ItemView_ProcessStep_Card.Style_CHC >.FieldSet_m >.FieldSet_t { border-color: #80CBC4 !important; } .ItemView_ProcessStep_Card.Style_CHC >.FieldSet_m >.FieldSet_t .Field_Type:before { border-color: #80CBC4; } .ItemView_ProcessStep_Card.Style_CHC >.FieldSet_m >.FieldSet_t .FieldSet_fsSubject .Field_Subject::before { content: counter(ProcessStep,upper-latin)'.'; } .ItemView_ProcessStep_Card.Style_PRC >.FieldSet_m >.FieldSet_t { border-color: #9E4FD3 !important; } .ItemView_ProcessStep_Card.Style_PRC >.FieldSet_m >.FieldSet_t .Field_Type:before { border-color: #9E4FD3 ; } .ItemView_ProcessStep_Card.Style_PRC >.FieldSet_m >.FieldSet_t .FieldSet_fsSubject .Field_Subject::before { content: counter(ProcessStep,upper-latin)'.'; } .ItemView_ProcessStep_Card.Style_GO >.FieldSet_m >.FieldSet_t { border-color: #D70404 !important; } .ItemView_ProcessStep_Card.Style_GO >.FieldSet_m >.FieldSet_t .Field_Type:before { border-color: #D70404; } .ItemView_ProcessStep_Card.Style_GO >.FieldSet_m >.FieldSet_t .FieldSet_fsSubject .Field_Subject::before { content: counter(ProcessStep,upper-latin)'.'; } .ItemView_ProcessStep_Card.Style_EXT >.FieldSet_m >.FieldSet_t { border-color: #180007!important; } .ItemView_ProcessStep_Card.Style_EXT >.FieldSet_m >.FieldSet_t .Field_Type:before { border-color: #180007; } .ItemView_ProcessStep_Card.Style_EXT >.FieldSet_m >.FieldSet_t .FieldSet_fsSubject .Field_Subject::before { content: counter(ProcessStep,upper-latin)'.'; } .ItemView_ProcessStep_Card.Style_NOT >.FieldSet_m >.FieldSet_t { border-color: #dacd0d !important; } .ItemView_ProcessStep_Card.Style_NOT >.FieldSet_m >.FieldSet_t .Field_Type:before { border-color: #dacd0d; } .ItemView_ProcessStep_Card.Style_NOT >.FieldSet_m >.FieldSet_t .FieldSet_fsSubject .Field_Subject::before { content: counter(ProcessStep,upper-latin)'.'; } .ItemView_ProcessStep_Card.Style_CHS >.FieldSet_m >.FieldSet_t { border-color: #2C7AF3 !important; } .ItemView_ProcessStep_Card.Style_CHS >.FieldSet_m >.FieldSet_t .Field_Type:before { border-color: #2C7AF3; } .ItemView_ProcessStep_Card.Style_CHS >.FieldSet_m >.FieldSet_t .FieldSet_fsSubject .Field_Subject::before { content: counter(ProcessStep,upper-latin)'.'; } .ItemView_ProcessStep_Card::last-child::after { top: 0; height: 1.5em; bottom: auto; } .ItemView_ProcessStep_Card::first-child::after { top: 1.5em; bottom: 0; } .ItemView_ProcessStep_Card::after { content: ""; position: absolute; top: 0; bottom: 0; left: 1.7em; width: 2px; border-left: solid 1px #FF9800; } .ItemView_ProcessStep_Card .EntityTypeView_subs { border-left: 0 !important; border-radius: 0 !important; border: 0 !important; overflow:hidden; } .ItemView_ProcessStep_Card .EntityTypeView_Fields { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: flex-end; border: 0 !important; flex-wrap: wrap; flex: 5; align-content: center; } .ItemView_ProcessStep_Card .EntityTypeView_Fields .ItemView { font-size: 85%; margin: 1px; background-color: #ECEFF1; max-width: fit-content; border: 1px solid #80808040 !important; border-radius: 1em; } .ItemView_ProcessStep_Card .EntityTypeView_Fields .ItemView .Field_Title { padding: 1px; } .ItemView_ProcessStep_Card .EntityTypeView_Fields .ItemView .Field_Title >.InputSpan > a { padding: 2px 1em 2px 0; color: #000000; } .ItemView_ProcessStep_Card .Image2.Image2_action { color: #546E7A !important; } .ItemView_ProcessStep_Card .Image2.Image2_action >svg { color: #b0bec5 !important; width: 2em; height: 2em; } .ItemView_ProcessStep_Card .Image2.Image2_action:hover >svg { color: #455a64 !important; } .ItemView_ProcessStep_Card .Image2_exit { position: absolute; z-index: 999; left: auto; right: 6em; top: 1.1em; width: 20px; height: 20px; color: palevioletred; } .ItemView_ProcessStep_Card .FieldSet_ty { position: absolute; left: 0.5em; min-height: 2.75em; z-index: 9; } .ItemView_ProcessStep_Card .FieldSet_ty .Field_Type .FieldValueImage { border-radius: 1em; background-color: white; border: solid 1px #80808020; padding: 1px; opacity: 1; } .ItemView_ProcessStep_Card .FieldSet_ty .Field_Type .FieldValueImage >* { opacity: 0.3; } .ItemView_ProcessStep_Card .FieldSet_ty .Field_Type .InputSpan { background-color: white; opacity: 1; } .ItemView_ProcessStep_Card .FieldSet_ty .Field { min-height: 2.75em; } .ItemView_ProcessStep_Card .FieldSet_m >.FieldSet_t.Edit_true { background-color: #fffefa; /*border-top: 2px solid #90CAF9 !important; border-bottom: 2px solid #90CAF9 !important;*/ padding: 0.5em 0 0.5em; } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_IsCondition.hasCondition_false { color: #78909c; } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_queue.Pool_false { color: #78909c; } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_IsCondition.hasCondition_true { color: #2196f3; } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_queue.Pool_true { color: #2196f3; } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_AddItem .PanelBody.DirectionVerBody > .DirectionVer { gap: var(--gap); justify-content: flex-end !important; } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_AddItem .btn { padding: 0.5em 1em !important; font-size: 90%; max-width: fit-content; } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_CloseItem .btn { padding: 0.5em 1em !important; font-size: 90%; max-width: fit-content; } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_CloseItem >.DirectionVer { gap: var(--gap); } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_CloseItem .editbtn .btn { padding: 0.5em 1em !important; font-size: 90%; max-width: fit-content; } .ItemView_ProcessStep_Card .FieldSet_m .FieldSet_CloseItem .editbtn >.DirectionVer { gap: var(--gap); } .ItemView_ProcessStep_Card .FieldSet_m .EntityTypeView_Fields.FieldSet_Fields { justify-content: flex-end !important; flex: 3; } .ItemView_ProcessStep_Card .FieldSet_m >.FieldSet_m >.FieldSet_t .FieldSet_fsSubject::before { content: counter(ProcessStep)'.'; position: absolute; top: 0.85em; left: -1.4em; counter-increment: ProcessStep; opacity: 0.35; z-index: 99999; width: 3em; text-align: center; } .ItemView_ProcessStep_Card .FieldSet_m >.FieldSet_m:has( .EnableIf_true.ViewBody_ItemView_Step) >.FieldSet_t { border-bottom: 1px solid #78909c42 !important; } .ItemView_ProcessStep_Card .FieldSet_m >.FieldSet_m:has( .EnableIf_true.ViewBody_ItemView_Step) >.FieldSet_t.Edit_true { border-bottom: 2px solid #90CAF9 !important; } .ItemView_ProcessStep_Card .Field_Type::before { content: ""; position: absolute; left: 1.5em; top: 1.3em; bottom: auto; right: 0; border-top: solid 1px #FF9800; } .ItemView_ProcessStep_Card .Button.btnOpen { color: silver; background-color: transparent !important; border-radius: 2em; padding: 4px; border: 0; color: #00897B; } .ItemView_ProcessStep_Card .Button.btnOpen .ButtonTitle { font-size: 2em !important; line-height: 1; } .ItemView_ProcessStep_Card .Button.btnDot { color: silver; background-color: transparent !important; border-radius: 2em; padding: 4px; border: 0; } .ItemView_ProcessStep_Card .Button.btnDot .ImageClass { font-size: 1.75em !important; line-height: 1; } .ItemView_ProcessStep_Card .Button.btnClose { color: silver; background-color: transparent !important; border-radius: 2em; padding: 4px; border: 0; color: #f44336; } .ItemView_ProcessStep_Card .Button.btnClose .ButtonTitle { font-size: 2em !important; line-height: 1; } .ItemView_ProcessStep_Card .FieldSet_Period ,.ItemView_ProcessStep_Card .FieldSet_RoleStep { --inputPadding: 2px 2px; } .ItemView_ProcessStep_VerticalCard .Field_Subject >.InputSpan { justify-content: center; } .ItemView_ProcessStep_VerticalCard .Field_Subject >.InputSpan >a { max-width: 120px !important; text-align: center; min-width: 120px; background-color: #f1f4f6 !important; color: #37474F; border: 1px solid #546e7a54 !important; } .ItemView_ProcessStep_VerticalCard .Field_Subject:hover > .InputSpan > a { background-color: #FFF3E0 !important; color: #37474F; border: 1px solid #ff98007d !important; } .ItemView_ProcessField { max-width: 1000px; margin: 0 auto; box-shadow: 0 0 1px silver inset; } .ItemView_ProcessField_KPI { max-width: 320px; } .ItemView_ProcessField_Step .Field_MainType { padding: 1px; justify-content: center; } .ItemView_ProcessField_Step .Field_MainType .FieldValueImage { opacity: 0.75; position: relative; top: auto; bottom: auto; right: auto; left: auto; height: 1em; width: auto; padding: 0; } .ItemView_ProcessField_Step .Field_MainType .FieldValueImage svg { height: 1em; } .ItemView_ProcessField_Step .Field_MainType .InputSpan { display: none; } .ItemView_ProcessState_ActiveCard { width: 80px; max-width: 120px; background-color: white; border-radius: var(--gap); } .ItemView_ProcessState_ActiveCard .Field_Name { font-weight: bold; font-size: 80%; } .ItemView_ProcessState_ActiveCard .Field_ActiveCount { font-size: 1.5em; color: #0068bb; font-weight: bold; } .ItemView_ProcessInstanceLog_Card .FieldSet_m { background-color: #ffffff !important; } .ItemView_ProcessInstanceLog_Card .Field_StepFrom >.InputSpan > a { padding: 1px 0; font-style: italic; } .ItemView_ProcessInstanceLog_Card .Field_StepChoice >.InputSpan > a { padding: 1px 0; font-style: italic; } .ItemView_ProcessInstanceLog_Card .Field_Comment >.InputSpan > a { padding: 1px 0; font-style: italic; } .ItemView_ProcessInstanceLog_Card .Field_Person >.InputSpan > a { padding: 1px 0; font-style: italic; color: #FF5722; } .ItemView_ProcessInstanceLog_Card .Field { gap: 0 !important; font-size: 90% !important; } .ItemView_ProcessInstanceLog_Card .FieldSet_t .InputSpan a { padding: 1px; padding-left: 0.5em; } .ItemView_ProcessInstanceLog_Card .FieldSet_t::before { content: var(--icon-Circle-Solid); font-family: "361"; position: absolute; left: -7px; top: 0.75em; color: #4db6ac; } .ItemView_ProcessInstanceLog_Card .FieldSet_b { border-left: solid 2em transparent; } .ItemView_ProcessInstanceField_Card { border: 0 !important; max-width: 21cm; margin: 0 auto; } .ItemView_ProcessInstanceField_Card .Field_Field { justify-content: center; } .ItemView_ProcessInstanceField_Card .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields { border-bottom:1px solid #78909ca6; } .ItemView_ProcessInstanceField_Card .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields .MiddleCenter.ViewBody_ItemView_Card { flex-direction:row ; } .ItemView_ProcessInstanceField_Card .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields .MiddleCenter.ViewBody_ItemView_Card .ItemView_ProcessInstanceField_Card { flex:1; } .ItemView_ProcessInstanceField_Card .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields .MiddleCenter.ViewBody_ItemView_Card .ItemView_ProcessInstanceField_Card .FieldSet_l { display:none; } .ItemView_ProcessInstanceField_Card .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields:first-child .MiddleCenter.ViewBody_ItemView_Card { flex-direction:row ; } .ItemView_ProcessInstanceField_Card .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields:first-child .MiddleCenter.ViewBody_ItemView_Card .ItemView_ProcessInstanceField_Card { flex:1; } .ItemView_ProcessInstanceField_Card .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields:first-child .MiddleCenter.ViewBody_ItemView_Card .ItemView_ProcessInstanceField_Card .FieldSet_l { display:flex; } .ItemView_ProcessInstanceField_CardMobile { border: 0 !important; max-width: 21cm; margin: 0 auto; } .ItemView_ProcessInstanceField_CardMobile .Field_Field { justify-content: center; } .ItemView_ProcessInstanceField_CardMobile .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields { border-bottom:1px solid #78909ca6; } .ItemView_ProcessInstanceField_CardMobile .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields .MiddleCenter.ViewBody_ItemView_Card { flex-direction:row ; } .ItemView_ProcessInstanceField_CardMobile .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields .MiddleCenter.ViewBody_ItemView_Card .ItemView_ProcessInstanceField_Card { flex:1; } .ItemView_ProcessInstanceField_CardMobile .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields .MiddleCenter.ViewBody_ItemView_Card .ItemView_ProcessInstanceField_Card .FieldSet_l { display:none; } .ItemView_ProcessInstanceField_CardMobile .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields:first-child .MiddleCenter.ViewBody_ItemView_Card { flex-direction:row ; } .ItemView_ProcessInstanceField_CardMobile .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields:first-child .MiddleCenter.ViewBody_ItemView_Card .ItemView_ProcessInstanceField_Card { flex:1; } .ItemView_ProcessInstanceField_CardMobile .SubProDirection_H .EntityTypeView_SubItems .MiddleCenter.ViewBody_ItemView_FirstFields > .ItemView_ProcessInstance_FirstFields:first-child .MiddleCenter.ViewBody_ItemView_Card .ItemView_ProcessInstanceField_Card .FieldSet_l { display:flex; } .ItemView_ProcessInstanceField .Field_ValueNumber >.InputSpan { justify-content: flex-start !important; } .ItemView_ProcessInstanceField .Field_ValueNumber .InputSpan a { max-width: 12em !important; } .ItemView_ProcessInstanceField .Field_ValueNumber input { max-width: 12em !important; } .ItemView_ProcessInstanceField .FieldSet_v .Field .InputSpan > a { border: var(--inputBorder); --bg-opacity: 0.5 !important; background-color: rgba(var(--BgColor1), var(--bg-opacity)); color: rgb(var(--ReadOnlyColor)) !important; } .ItemView_ProcessInstanceField .FieldValue .FileDisplay { flex-direction: row; justify-content: flex-start; } .ItemView_ProcessInstanceField .FieldSet_mp > .FieldSet_l .Field_Field .InputSpan a { text-align: left; justify-content: flex-start; } .ItemView_ProcessInstanceField .FieldSet_Value .InputSpan { border: var(--border1); } .ItemView_ProcessRequest_Card { width: 100%; } .ItemView .FieldProcessStepType { justify-content: center !important; align-items: center !important; height: 100%; } .ItemView .FieldProcessStepType .InputSpan { position: absolute; left: 0; bottom: 0; padding: 0; right: 0; font-size: 60%; text-align: center; white-space: nowrap; margin: 0 auto; font-weight: 300; } .ItemView .FieldProcessStepType .InputSpan >a { padding: 0; justify-content: center; } .ItemView .FieldProcessStepType .FieldValueImage { position: relative; top: auto; left: auto; bottom: auto; right: auto; opacity: 0.5; max-height: 1.5em; max-width: 1.5em; } .ItemView_ProcessInstanceStep_Form { border: 0; } .ItemView_ProcessInstanceStep .FieldSet_fieldsbs .FieldSet_fieldvalues .GroupByBody { flex-direction:row; flex-wrap: nowrap; } .ItemView_ProcessInstanceStep .FieldSet_fieldsbs .FieldSet_fieldvalues .GroupByTitle { display: none; } .ItemView_ProcessInstanceStep_Admin .FieldSet_t0 { flex: none; min-width: calc(50% - 3rem); max-width: calc(50% - 3rem); } .ItemView_ProcessInstanceStep_Admin .FieldSet_t1 { min-width: calc(50% + 3rem); } .ItemView_ProcessInstanceStep_Admin .FieldSet_subs { border-left: solid 3rem transparent !important; position: relative; } .ItemView_ProcessInstanceStep_CardEdit { border: 0; border-bottom: var(--border1) !important; } .ItemView_ProcessInstanceStep_CardEdit > div { max-width: 1200px !important; margin: 8px auto; min-width: initial !important; } .ItemView_ProcessInstanceStep_CardEdit .ItemView_ProcessInstanceStep { border: 0; border-bottom: 0 !important; } .ItemView_ProcessInstanceStep .FieldSet_t { font-size: 120%; } .ItemView_ProcessStep { padding-left: 3em !important; } .ItemView_ProcessStep_EditRoles .FieldSet_ty .Field_type .FieldValueImage { border-radius: 1em; background-color: white; border: solid 1px #80808020; padding: 1px; opacity: 1; z-index: 99; } .ItemView_ProcessStep_EditRoles .FieldSet_ty .Field_type .FieldValueImage::before { content: ""; position: absolute; left: 1.5em; top: 1.3em; bottom: auto; right: 0; border-top: solid 1px #FF9800; } .ItemView_ProcessStep_EditRoles::after { content: ""; position: absolute; top: 0; bottom: 0; left: 1.7em; width: 2px; border-left: solid 1px #FF9800; } .ItemView_ProcessStep_EditRoles .FieldSet_m .FieldSet_t1 { border-left: 5px solid #FF9800 !important; border-radius: 2em 0 0 2em; border-top: 0.5px solid #FF9800; border-bottom: 0.5px solid #FF9800; } .ItemView_ProcessStep_EditRoles .FieldSet_m .FieldSet_ty { position: absolute; left: 0.5em; min-height: 2.75em; z-index: 9; } .ItemView_ProcessStep_EditRoles .FieldSet_m .FieldSet_ty .Field { min-height: 2.75em; } .ItemView_ProcessStep_EditRoles .FieldSet_m .FieldSet_ty .Field_Type .FieldValueImage { border-radius: 1em; background-color: white; border: solid 1px #80808020; padding: 1px; opacity: 1; } .ItemView_ProcessStep_EditRoles .FieldSet_m .FieldSet_ty .Field_Type::before { content: ""; position: absolute; left: 1.5em; top: 1.3em; bottom: auto; right: 0; border-top: solid 1px #FF9800; } .ItemView_ProcessStep_EditRoles .FieldSet_m .FieldSet_RoleStep .Field select { padding:2px; } .ItemView_ProcessStep_EditRoles .FieldSet_m .FieldSet_RoleStep .Field .ItemSelection span { padding:2px 6px; } .ItemView_Process_BookCard { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid #26a69a; min-height: 130px; } .EntityType_ProcessField.ViewBody_ItemView_KPI { border: 0 !important; box-shadow: 0 !important; background-color: transparent !important; gap: var(--gap); flex-wrap: nowrap; } .EntityType_ProcessField.ViewBody_ItemView_KPI .ItemView { max-width: 175px; border-radius: 1em; border: 1px dashed #90A4AE !important; margin: 0; } .EntityType_ProcessField.ViewBody_ItemView_KPI .ItemView .Field_ActiveSum { position: static; } .EntityType_ProcessField.ViewBody_ItemView_KPI .ItemView .Field_ActiveSum .Suffix { right: 0; left: auto; top: 1em; } .EntityType_ProcessField.ViewBody_ItemView_KPI .ItemView .Field_ActiveSum >.FieldValue >.InputSpan:has(.Suffix) { display: flex !important; align-items: flex-start !important; } .EntityType_ProcessField.ViewBody_ItemView_KPI .ItemView .Field_ActiveSum .FieldLabel { position: absolute; left: 0; top: 0; } .EntityType_ProcessField.ViewBody_ItemView_KPI .ItemView .Field_ActiveSum .FieldLabel a { text-align: left; justify-content: center; } .EntityType_ProcessState.View_ItemView_ActiveCard { background-color: transparent !important; box-shadow: 0 0 0; border: 0 !important; } .EntityType_ProcessStep { counter-reset: ProcessStep; } .EntityType_ProcessStep .ItemView_ProcessStep_Card:hover { background-color: #FFFDE7; } .EntityType_ProcessStep .ItemView_ProcessStep_Card:has(.EntityType_ProcessStep .ItemView_ProcessStep_Card:hover) { background-color: #FFFDE7; } .EntityType_Process.EntityTypeView_Processs { border: 0 !important; border-left: solid 2.75rem transparent !important; border-radius: 0 !important; } .EntityType_ProcessCategory.View_ItemView_CatalogCard.EntityTypeView_categories { /*border-left: solid 1.5em transparent !important; border-right: solid 1em transparent !important;*/ padding-bottom: 2em; } .EntityType_ProcessInstanceFormZone >.EntityTypeViewBody { padding: 1em; background-color: #ffffff; } .EntityType_ProcessInstanceFormZone .NoRecordsFound { display:none !important; } .EntityType_ProcessCatalog .ViewBody_ItemView_CatalogBookCard { gap: var(--gap); padding: 1em; } .EntityType_ProcessCatalog .ViewBody_ItemView_CatalogBookCard .ItemView_ProcessCatalog_CatalogBookCard { width: 110px; height: 130px; margin: 0 !important; box-shadow: 0 0 8px #607d8b1a; background-color: #ffffff !important; border-left: 4px solid; border-left-color: rgb(44, 194, 202); } .EntityType_ProcessCatalog .ViewBody_ItemView_CatalogBookCard .ItemView_ProcessCatalog_CatalogBookCard .Field_Name .InputSpan > a { font-size: 1em; padding: 8px; text-align: center; justify-content: center; text-transform: uppercase; font-weight: 500; } .EntityType_ProcessFormZone .PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .EntityType_ProcessFormZone .PanelType_T { display: flex; flex-direction: column; } .EntityType_ProcessInstance.EntityTypeView_Subs .ItemView_ProcessInstance:nth-child(2n) { background-color: #f3e8fd; } .EntityType_ProcessInstance.EntityTypeView_Subs .CenterTop.ETWTop { display:none !important; } .EntityType_ProcessInstance.EntityTypeView_Subs .Top.PanelHeader { background-color: #e3eaff;; border-radius: 0; min-height: 1.25em; line-height: 1.2em; } .EntityType_ProcessInstance.EntityTypeView_Subs .Top.PanelHeader .TopCenter { height: 1em; line-height: 1.1em; } .EntityType_ProcessInstance.EntityTypeView_Subs .Top.PanelHeader .TopCenter .EntityTypeViewTitleBody { font-size:10px; } .EntityType_ProcessInstance.EntityTypeView_Subs.NoItems { display:none !important; } .Content_ProcessCenter .SingleItem_ProcessRequest_NewForm .CloseButton { display: none; } .Content_ProcessCenter .TabHeader { text-align: center; } .Content_ProcessCenter .TabHeader .TabButton { display: inline-block; padding: 12px 1em; font-size: 120%; height: 40px; } .Content_ProcessCenter .PanelHasHeader { margin: 2em auto; max-width: 1024px; } .Content_ProcessCenter .ActionPanel { border: 0 !important; } .Mode_Edit.Content.Content_ProcessCenter.ContentView { min-height: 777px; } .NewFormButton_NewProcessForm { background-color: rgb(103, 250, 103); font-size: 150%; border-radius: 2em; padding: 0.5em 1em; box-shadow: 0 0 3px rgba(99,99,99,0.5); } .EntityTypeView_catalogs .SelectedItem.ItemView_ProcessCatalog { border: 1px solid #009688 !important; } .MenuItemView_ProcessStep_ActionMenuForm .FieldSet_AddItem >.PanelBody { gap: var(--gap); padding-bottom: 0.5em; } .MenuItemView_ProcessStep_ActionMenuForm .FieldSet_AddItem >.PanelBody >.Button { gap: var(--gap); } .MenuItemView_ProcessStep_ActionMenuForm .FieldSet_Change >.PanelBody { gap: var(--gap); padding-bottom: 0.5em; } .MenuItemView_ProcessStep_ActionMenuForm .FieldSet_Change >.PanelBody >.Button { gap: var(--gap); } .View_ItemView_KPI .EntityType_ProcessField { flex-wrap: nowrap; } .ViewBody_ItemView_VerticalCard.MiddleCenter { max-width: fit-content; align-items: center; } .ViewBody_ItemView_DepartmentCard .ItemView_ProcessStep_VerticalCard { min-width: 120px; justify-content: center; display: flex; margin: 0; width: fit-content; box-shadow: unset; padding:0 4px !important; } .ViewBody_ItemView_DepartmentCard .ItemView_ProcessStep_VerticalCard .FieldSet_subs { /*background-color: #a880ff17;*/ } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle { display: flex; align-items: center; flex-wrap: wrap; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard { min-width: 120px; justify-content: center; display: flex; margin: 0; width: fit-content; box-shadow: unset; padding: 0 4px !important; border: 0; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard .FieldSet_subs > .Style_CHC >.FieldSet_body >.FieldSet_subs { padding-top:12px !important; border-top:2px solid #1ad9d9 !important; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard .FieldSet_subs > .Style_CHC >.FieldSet_body >.FieldSet_subs:before { content:""; height: 12px; width: 1px; border-left: 2px solid #1ad9d9 !important; position: absolute; left: 0; top: 0; left: 50%; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard .FieldSet_subs > .Style_CHC >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #f5ffff !important; color: #145555; border: 1px dashed #4dc3c3 !important; border-radius: 44% !important; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_CHS >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #f0ffff !important; color: #0B4242; border: 3px double #21c6c6 !important; border-radius: 0; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_TSK >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #FFF3E0 !important; color: #C35C11; border: 1px solid #ffac0d !important; border-left-width: 1px; border-radius: 0 16px 16px 0; border-left-width: 3px !important; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_EXT >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #fff3f3 !important; color: #5E0808; border: 1px solid #ee3232 !important; border-radius: 16px 0 0 16px; border-right-width: 3px !important; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_GO >.FieldSet_body >.FieldSet_lvl1 .Field_Subject >.InputSpan > a { background-color: #eff7ff !important; color: #0D70A1; border: 1px solid #2998cae0 !important; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard.Style_TSK:after { content: ""; height: 12px; width: 1px; border-left: 2px solid #ffac0d !important; position: absolute; left: 0; bottom: -10px; left: 50%; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle .ItemView_ProcessStep_VerticalCard .FieldSet_subs .ItemView_ProcessStep_VerticalCard.Style_TSK:last-child:after { content: ""; display:none !important; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle >.MiddleCenter { justify-content: flex-start; background-color: #fff; padding-top: 24px; flex-wrap: nowrap; min-width: 100%; } .ViewBody_ItemView_DepartmentCard .View_ItemView_VerticalCard .EntityTypeViewBody .Center .Middle >.MiddleCenter.ViewBody_ItemView_VerticalCard >.ItemView_ProcessStep_VerticalCard.Style_TSK:last-child:after { content: ""; display:none !important; } .ViewBody_ItemView_VerticalCard { flex-direction: column; gap: var(--gap); } .ViewBody_ItemView_VerticalCard .FieldSet_body { gap:var(--gap); } .ItemView_ProcessInstanceField.ItemView_ProcessInstanceField_Process { margin: 0 !important; } .HTMLWidget_hw .ratiobar_main { display: flex; flex: 1; background-color: #fff3e04f; border-radius: 1em; border: 1px solid #FFCCBC; } .HTMLWidget_hw .ratiobar { display: flex; background-color: #ffb74d9c; border-radius: 1em; min-height: 12px; } .W50 { width: 50%; } .hwSure { position: absolute; } .ViewBody > .ItemView_ProcessInstanceLog_Card { border-left: solid 3px #b0bec5 !important; background-color: transparent !important; padding: 4px 0; margin: 0; } .FieldSet_Flowpoint::before { content: ""; position: absolute; height: 100%; width: 3px; background-color: #dcdcdc; } .Image2_FlowpointIMG { height: 2.5em; z-index: 9; color: #009688; font-size: 1em; } .FieldValue.Field_ValueCoordinate .View_Map { min-height: 50vh !important; } .EntityTypeView_ProcessList .ItemView_Process_DepartmentCard .Field_Name .InputSpan > a { text-align: center; justify-content: center; } .EntityTypeView_ProcessList .ItemView_Process_DepartmentCard .FieldSet_t0 { font-size: 1.35em; font-weight: 600; color: #00796B; text-align: center; justify-content: center; background-color: #EEF7F6 !important; border-bottom: 1px solid #80CBC4 !important; } .Style_CHC >.FieldSet_body >.View_ItemView_VerticalCard.ViewBody_ItemView_VerticalCard { flex-direction: column !important; text-align: center; align-items: center; } .ItemView_ProcessFormZone_Card { margin: 4px 0; border: 2px solid transparent; background-color: white; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .ItemView_ProcessFormZone_Card .FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_ProcessFormZone_Card .FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; color:#546E7A; } .ItemView_ProcessFormZone_Card .FieldSet_topbar.Edit_true { background-color: #FFF3E0; border-bottom: 1px solid #FFCC80; /*background-color: transparent; border-bottom: 1px solid transparent;*/ padding: 2px 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .ItemView_ProcessFormZone_Card .FieldSet_topbar.Edit_false { height: 0 !important; margin: 0 !important; background-color: #FFF3E0; border-bottom: 1px solid #FFCC80; padding: 2px 4px; } .ItemView_ProcessFormZone_Card .FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_ProcessFormZone_Card .EntityTypeView_subs { background-color: #ffffff; } .ItemView_ProcessFormZone_Card .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_ProcessFormZone_Card .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_ProcessFormZone_Card .Type_P >.FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_ProcessFormZone_Card .Type_P >.FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; } .ItemView_ProcessFormZone_Card .Type_P >.FieldSet_topbar.Edit_true { background-color: #f1f4f6; border-bottom: 1px solid #b0bec5; padding: 2px 4px; } .ItemView_ProcessFormZone_Card .Type_P >.FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_ProcessFormZone_Card .Type_P >.FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_ProcessFormZone_Card .Type_P >.FieldSet_cardbody > .EntityTypeView_subs { padding:0; } .ItemView_ProcessFormZone_Card .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_ProcessFormZone_Card .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_ProcessFormZone_Card .FieldSet_cardbody { /*padding: 2px;*/ /*background-color: #ECEFF1;*/ } .ItemView_ProcessFormZone_Card .FieldSet_actionmainfs { flex:0 !important; } .ItemView_ProcessFormZone_Card .FieldSet_actionmainfs .FieldSet_actionFS>.DirectionVer { gap:1em !important; } .ItemView_ProcessFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) { border:2px solid #ffffff; } .ItemView_ProcessFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover { border:2px dashed #eceff1; min-height: 32px; } .ItemView_ProcessFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover >.FieldSet_m>.FieldSet_topbar.Edit_false>div>.FieldSet_actionmainfs>.FieldSet_actionFS>div>.btn.editpfs { display:flex !important; } .ItemView_ProcessFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover .ItemView_ProcessFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) { border:2px solid #ffffff; } .ItemView_ProcessFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover .ItemView_ProcessFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) >.FieldSet_m>.FieldSet_topbar.Edit_false>div>.FieldSet_actionmainfs>.FieldSet_actionFS>div>.btn.editpfs { display:none !important; } .ItemView_ProcessFormZone_Card:has(.FieldSet_topbar.Edit_true) { padding:0; } .ItemView_ProcessFormZone_Card .FieldSet_vh { max-width: 3em; justify-content: center; color: #607D8B; } .ItemView_ProcessFormZone_Card :has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) { border:1px solid transparent; } .ItemView_ProcessFormZone_Card :has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) >.FieldSet_m > .FieldSet_cardbody .FieldProcessField.Field_Field { max-width: fit-content; } .ItemView_ProcessFormZone_Card.Style_P:has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) { border:1px solid transparent; margin-bottom:2x !important; } .ItemView_ProcessFormZone_Card.Style_P:has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) >.FieldSet_m > .FieldSet_cardbody { padding:0; } .ItemView_ProcessFormZone_Card:hover { border:1px solid #ffcc80; margin-bottom:4px !important; } .ItemView_ProcessFormZone_Card:hover >.FieldSet_m >.FieldSet_topbar.Edit_true { background-color: #FFF3E0; border-bottom: 1px solid #FFCC80; padding: 2px 4px; } .ItemView_ProcessFormZone_Card:hover .Type_P >.FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_ProcessFormZone_Card:hover .Type_P >.FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; } .ItemView_ProcessFormZone_Card:hover .Type_P >.FieldSet_topbar.Edit_true { background-color: #f1f4f6; border-bottom: 1px solid #b0bec5; padding: 2px 4px; } .ItemView_ProcessFormZone_Card:hover .Type_P >.FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_ProcessFormZone_Card:hover .Type_P >.FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_ProcessFormZone_Card:hover .Type_P >.FieldSet_cardbody > .EntityTypeView_subs { padding:0; } .ItemView_ProcessFormZone_Card:hover .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .ItemView_ProcessFormZone_Card:hover .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .ItemView_ProcessFormZone_Card:hover :has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) >.FieldSet_m > .FieldSet_cardbody .FieldProcessField.Field_Field { max-width: fit-content; } .ItemView_ProcessFormZone_Card:hover.Style_P:has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) { border:1px solid #b0bec5; /*margin-bottom:2px !important;*/ } .ItemView_ProcessFormZone_Card:hover.Style_P:has(>.FieldSet_m > .FieldSet_topbar.Edit_true ) >.FieldSet_m > .FieldSet_cardbody { /*padding:2px;*/ } .ItemView_ProcessInstanceFormZone_Card { margin:0 !important; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_topbar .Choice { font-size:12px; padding:3px 6px; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_topbar .FieldSet_settingsFS { min-width: 2em; max-width: 2em; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_topbar.Edit_true { background-color: #fff1ec; border-top: 1px solid #FF8A65; padding: 4px; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_topbar.Edit_false { height: 0 !important; padding: 0 !important; border: 0 !important; background-color: #ffffff !important; margin: 0 !important; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_topbar.Edit_false .btn.editpfs { padding: 4px !important; position: absolute; right: 1em; top: 0.5em; background-color: #e8ffe8; box-shadow: 0 0 4px #b0bec57d !important; border: 1px solid #b0bec585 !important; display:none; opacity:1; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_cardbody { padding: 0; background-color: #ffffff; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_cardbody .EntityTypeViewBody { border: unset !important; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_actionmainfs { flex:0 !important; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_actionmainfs .FieldSet_actionFS>.DirectionVer { gap:1em !important; } .ItemView_ProcessInstanceFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false) { border:2px solid #ffffff; } .ItemView_ProcessInstanceFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover { border:2px dashed #eceff1; } .ItemView_ProcessInstanceFormZone_Card:has(>.FieldSet_m>.FieldSet_topbar.Edit_false):hover >.FieldSet_m>.FieldSet_topbar.Edit_false>div>.FieldSet_actionmainfs>.FieldSet_actionFS>div>.btn.editpfs { display:flex !important; } .ItemView_ProcessInstanceFormZone_Card:has(.FieldSet_topbar.Edit_true) { padding:2em 0; } .ItemView_ProcessInstanceFormZone_Card .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; gap: 0.5em; } .ItemView_ProcessInstanceFormZone_Card .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; gap: 0.5em; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_vh { max-width: 3em; justify-content: center; color: #607D8B; } .ItemView_ProcessInstanceFormZone_Card .Field >.InputSpan > a { background-color: transparent !important; border: unset !important; } .ItemView_ProcessInstanceFormZone_Card .FieldSet_v .Field >.InputSpan > a { background-color: transparent !important; border: unset !important; } .View_ItemView.View_ItemView_Card.EntityType_ProcessFormZone { background-color: #ffffff !important; } .View_ItemView.View_ItemView_Card.EntityType_ProcessFormZone > .EntityTypeViewBody { padding:2em; } .ItemCenter_SettingsPFZ { padding: 6px; } .ItemCenter_SettingsPFZ .FieldSet_SetFS { padding: 0 0.5em; } .ItemCenter_SettingsPFZ .FieldSet_SetFS .DoScriptButton { color:#90a4ae; background-color: transparent; padding: 4px 0 !important; border: 1px solid transparent !important; } .ItemCenter_SettingsPFZ .FieldSet_SetFS .DoScriptButton:hover { color: #0e897d; background-color: #e9f7f7; padding: 4px 0 !important; border: 1px solid #B2DFDB !important; } .ItemCenter_SettingsPFZ .PanelBody.ToggleBody { gap:0; } .ItemCenter_SettingsPFZ .Field { padding:0 0.5em; } .ItemCenter_SettingsPFZ .Panel.TogglePanel.Toggle_Closed.AccordionSelected { overfow:auto; } .ItemCenter_SettingsPFZ .Panel.TogglePanel.Toggle_Closed.AccordionSelected .PanelBody { position: relative; top:0; } .SingleItem_ProcessForm_PreviewCard .Type_P >.FieldSet_cardbody > .EntityTypeView_subs { padding:0; } .SingleItem_ProcessForm_PreviewCard .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_S { display: flex; flex-wrap: nowrap; flex-direction: row; } .SingleItem_ProcessForm_PreviewCard .Type_P >.FieldSet_cardbody > .EntityTypeView_subs.PanelType_T { display: flex; flex-wrap: nowrap; flex-direction: column; } .FieldSet_ProcessHeader { --fieldPadding: 0; --inputRadius: 0; --inputBorder: 0; --inputPadding: 4px 8px; --gap: 0; border-bottom: var(--border1); } .FieldSet_ProcessHeader .Field_Organization .FieldValue .InputSpan a { font-size: 75%; } .FieldSet_ProcessHeader .FieldLabel { opacity: 0.5; } .FieldSet_ProcessHeader .FieldSet_phl { padding: 4px 8px; --fieldLabelWidth: 8rem; } .FieldSet_ProcessHeader .FieldSet_phc { border-left: var(--border1); border-right: var(--border1); padding: 4px 8px; } .FieldSet_ProcessHeader .FieldValue { align-items: center; } .FieldSet_ProcessHeader .Field_StepType { visibility: hidden; } .FieldSet_ProcessHeader .Field_StepType .InputSpan a { padding-right: 30px; justify-content: flex-end !important; } .FieldSet_ProcessHeader .Field_State { visibility: hidden; } .FieldSet_ProcessHeader .Field_NextStep .Choice { padding: 8px 16px; border: var(--border2); } .FieldSet_ProcessHeader:hover .Field_State ,.FieldSet_ProcessHeader:hover .Field_StepType { visibility: visible; } .FieldSet_ProcessHeader:hover .FieldLabel { opacity: 1.0; } .FieldSet_ProcessHeader .FieldSet_parent { opacity: 0.5; font-size: 80%; } .FieldSet_ProcessContent { background-color: var(--white); } .MenuItemView_ProcessStep_FieldsMini .Fields_FieldsMini .ItemView { width: 100%; } .ViewBody_ItemView_BookCard { gap: var(--gap); padding: 1em; } .Domain_ipf .SingleItem_Process_GuestCard .FieldSet_ProcessActions .DoScriptButton_Start { font-size: 1.75em; } .Domain_ipf .SingleItem_Process_GuestCard .FieldSet_ProcessActions .Text_sendT { font-size: 1.75em; } .Domain_ipf .SingleItem_Process_GuestCard .FieldSet_ProcessActions .DoScriptButton_GoNext { font-size: 1.75em; } .Domain_ipf .SingleItem_Process_GuestCard .FieldSet_ProcessActions .DoScriptButton_GoNext_Copy { font-size: 1.75em; } .Domain_ipf .SingleItem_Process_GuestCard .FieldSet_ProcessActions .FieldSet_aa { display:none !important; } .Domain_ipf .SingleItem_Process_GuestCard .FieldSet_ProcessActions .FieldSet_aa2 .Button { font-size:16px; } .Domain_ipf .SingleItem_Process_GuestCard .ItemView_ProcessInstance_HomeSBS .FieldSet_Start .Field_Step { font-size:26px !important; } .Domain_ipf .SingleItem_Process_GuestCard .ItemView_ProcessInstance_HomeSBS .FieldSet_Start .Field_Subject_Copy { font-size:18px; padding-top: 8px; } .Domain_ipf .SingleItem_Process_GuestCard .ItemView_ProcessInstance_HomeSBS .FieldSet_Start .Field_StepDescription .FieldLabel { padding-bottom:6px; } .Domain_ipf .DoScriptButton.DoScriptButton_Reset { position: absolute; right: -60vw; } .ItemCenter_DescriptionCard.Fields_DescriptionCard .Field_Description .InputSpan > a { padding:0 !important; } .Domain_innovera .SingleItem_Process_GuestCard .ItemView_ProcessInstance_HomeSBS .ItemView_ProcessInstanceField_Card .FieldSet_v .Choices.Field_ValueBool { justify-content: center; } .ItemView_Process_Form2Instance { width:320px; height: 100px; margin: 8px; background-color: white; } .ItemView_Process_Form2Instance .Field_Name { font-size: 1.5em; } .ItemView_Process_Form2Instance .NewFormButton_NewInstance { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; color: transparent; } .ItemView_Process_Name { background-color: var(--white); } .SingleItem_ProcessForm_PreviewCard#PrintPreviewBody { /*padding:10mm;*/ } .SingleItem_ProcessForm_PreviewCard .FieldRichText * { line-height: 1.2em !important; margin:0; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_SalesInvoice .FieldSet_Details { gap:16px; } .SingleItem_SalesInvoice .FieldSet_Details .EntityType_SalesInvoiceDetail .ItemView_SalesInvoiceDetail_Line .FieldSet_details .PanelHeader.ToggleHeader { position: absolute; top: -34px; background-color: transparent !important; color: transparent; max-width:34px; } .SingleItem_SalesInvoice .FieldSet_Details .EntityType_SalesInvoiceDetail .ItemView_SalesInvoiceDetail_Line .FieldSet_details .PanelHeader.ToggleHeader:before { color:red; } .SingleItem_SalesInvoice .FieldSet_Details .EntityType_SalesInvoiceDetail .ItemView_SalesInvoiceDetail_Line .FieldSet_details .PanelHeader.ToggleHeader .PanelHeaderTitle { display:none; } .SingleItem_SalesInvoice .FieldSet_Details .FieldSet_Summary.Mode_Edit { background-color: #fffcf2; border-top: 1px solid #FFCC80; border-bottom: 1px solid #FFCC80; } .ItemView_SalesInvoice_Line.Style_0 { background-color:#ffffff !important; } .ItemView_SalesInvoice_Line:has(:not(.Style_0)) { background-color: #FFF8E1; border-top: 1px dashed #FFCC80; border-bottom: 1px dashed #FFCC80 } .ItemView_SalesInvoice_Line:has(:not(.Style_0)).SelectedItem { background-color: #FFE89D; } .ItemView_SalesInvoice_Line .FieldValue .InputSpan a { padding: 5px 0px !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_PurchaseInvoice .FieldSet_Details { gap:16px; } .SingleItem_PurchaseInvoice .FieldSet_Details .EntityType_PurchaseInvoiceDetail .ItemView_PurchaseInvoiceDetail_Line .FieldSet_details .PanelHeader.ToggleHeader { position: absolute; top: -34px; background-color: transparent !important; color: transparent; max-width:34px; } .SingleItem_PurchaseInvoice .FieldSet_Details .EntityType_PurchaseInvoiceDetail .ItemView_PurchaseInvoiceDetail_Line .FieldSet_details .PanelHeader.ToggleHeader:before { color:red; } .SingleItem_PurchaseInvoice .FieldSet_Details .EntityType_PurchaseInvoiceDetail .ItemView_PurchaseInvoiceDetail_Line .FieldSet_details .PanelHeader.ToggleHeader .PanelHeaderTitle { display:none; } .SingleItem_PurchaseInvoice .FieldSet_Details .FieldSet_Summary.Mode_Edit { background-color: #fffcf2; border-top: 1px solid #FFCC80; border-bottom: 1px solid #FFCC80; } .SingleItem_PurchaseInvoice .FieldSet_Document .Field_Document .FieldValue.ReadOnly iframe { min-height:50vh; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_AssetInstance_Card .FieldLabel a { text-align: center !important; } .ItemView_AssetInstance_Card .FieldValue { text-align: center !important; } .ItemView_AssetInstance_Card:after { content: "\f35a"; font-family: "Font Awesome 5 Free"; position: absolute; top: 30%; right: 0.5em; font-size: 200%; transition: all 500ms; cursor: hand; } .ItemView_AssetInstance_Card:hover:after { transform: scale(1.33); color: red; } .ItemView_AssetInstance_TSCard .Button { background-color: transparent; font-size: 200%; padding: 0; margin: 0; box-shadow: 0 0 0; opacity: 0.75; color: black; } .ItemView_AssetDocumentInstance_Code { width: 320px; } .ItemView_AssetDocumentDetail { width: 100%; } .ItemView_AssetComponent_Card2 { flex: 1; max-width: 1024px; min-width: 1024px; } .ItemView_Asset_BarCode { margin: 1em; } .ItemView_Asset_BarCode .BarCode_Code39 { margin: 1em; font-size: 200%; } .ItemView_Asset_Image .ImageNotFound { display: none; } .ItemView_Asset_Image img { height: 200px !important; } .ItemView_Asset_Balance .Field { padding: 0; } .ItemView_Asset_Favorite { margin: 0.5em !important; box-shadow: 0 0 0; margin: 1em !important; padding: 1em; box-shadow: 0 0 1px silver; width: 320px !important; } .ItemView_Asset_Favorite img { max-height: 320px; width: auto !important; } .ItemView_Asset_Buy { max-width: 600px !important; display: block; font-size: 125%; margin-bottom: 1em !important; } .ItemView_Unit_SubUnit { min-width: 420px; width: 320px; margin: 0.5em; } .ItemView_AssetComponent_Card { width: 100%; max-width: 1200px; margin: 0 auto; } .ItemView_AssetComponent_Card .FieldSet_subs { border-left: solid 3rem rgba(127,127,127,0.1); } .ItemView_AssetComponent_Card .FieldSet_a { width: 3rem; background-color: rgba(127,127,127,0.1); } .ItemView_AssetComponent_Card .FieldSet_a .Button { font-size: 2em; width: 100%; background-color: transparent; color: var(--textColor); } .ItemView_Operation_Name { width: 100%; max-width: 320px; margin: 0 auto; } .Content_EquimentPark .ParametersView_params input { font-size: 150%; border-radius: 1em; } .Content_EquimentPark .EntityTypeView_searchbyserial { max-width: 800px; margin: 1em auto !important; } .SingleItem_AssetInstance { margin: 0 auto; margin: 0 auto !important; } .SingleItem_AssetInstance .EntityTypeView { border: solid 1em transparent; } .SingleItem_AssetDocument_Edit .Fields { margin: 0 auto; } .SingleItem_AssetDocument_Display .Fields { margin: 0 auto; } .SingleItem_AssetDocument_POS .FieldValue { padding: 1px 5% !important; } .SingleItem_AssetDocument_POS .Parameters { background-color: transparent !important; } .SingleItem_AssetDocumentDetail { margin: 0 auto; height: auto; } .SingleItem_Asset .ImageNotFound { display: none; } .SingleItem_Unit .Fields { max-width: 480px; margin: 0 auto !important; } .FieldAssetTransactionType .Choices { white-space: normal; margin: 1em; border: 0 !important; } .FieldAssetTransactionType .Choices a { padding: 0.5em; display: inline-block; margin-left: auto; margin-right: auto; } .FieldAssetTransactionType .Choices a span { width: 10em; height: 3em; line-height: 1.25em; display: table-cell; vertical-align: middle; text-align: center; } .EntityType_AssetCode1 .ViewBody_ItemView_Card { flex-flow: column; justify-content: flex-start; align-items: center; } .EntityType_AssetCode2 .ViewBody_ItemView_Card { flex-flow: column; justify-content: flex-start; align-items: center; } .EntityType_AssetCode3 .ViewBody_ItemView_Card { flex-flow: column; justify-content: flex-start; align-items: center; } .EntityType_AssetCode4 .ViewBody_ItemView_Card { flex-flow: column; justify-content: flex-start; align-items: center; } .EntityType_AssetCode5 .ViewBody_ItemView_Card { flex-flow: column; justify-content: flex-start; align-items: center; } .EntityType_Asset.EntityTypeView_Products.FieldSet_Products .Parameters { max-width: 600px !important; } .EntityType_Asset .ItemMetric { width: 180px; } .EntityType_AssetComponent.EntityTypeView_subs.ViewBody_Folder { flex-direction: column !important; align-content: center; justify-content: flex-start; } .Gallery .Field_Files img { height: auto; width: 300px; max-width: 100%; max-height: 100%; } .Gallery .Field_Files .FieldName { display: block !important; } .Gallery .FileDisplay { display: inline-block; width: auto; } .Gallery .FileDisplay .FileImage { display: block !important; height: auto !important; width: auto !important; } .Gallery .FileDisplayHeader { display: none !important; } .Gallery .FileName { display: none; } .Gallery .FileType { display: none; } .Gallery .FileSize { display: none; } .FieldUnit.LabelPositionTop >div { max-width: 10em; } .EntityTypeView_assetcomponents .ViewBody_ItemView_Card { flex-direction: column !important; align-content: center; flex-flow: column; justify-content: flex-start; } .EntityTypeView_assetcomponents .ViewBody_ItemView_Card .ItemView_AssetComponent_Card .EntityTypeView_subs.FieldSet_subs { padding-left: 3em; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType__Note.EntityTypeView_MyNotesET .ViewBody_ItemView_Card { gap: 1em; } .EntityType__Note.EntityTypeView_MyNotesET .ViewBody_ItemView_Card .ItemView__Note_Card { max-width:320px; min-width:320px; min-height: 270px; background-color: #FFF8E1; padding: 1em; border: 1px solid #FFD54F; overflow: hidden; margin:0; } .EntityType__Note.EntityTypeView_MyNotesET .ViewBody_ItemView_Card .ItemView__Note_Card .Field_Note { max-height: 160px; min-height: 160px; overflow: hidden; } .EntityType__Note.EntityTypeView_MyNotesET .ViewBody_ItemView_Card .ItemView__Note_Card .Field__CreatedBy > .InputSpan >a { justify-content: flex-end; font-weight: 700; color: #37474F; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card { background-color: #f9f8ef; padding: 0.5rem; border-bottom: 1px solid #ff980047; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card .Field_Note { max-height: 80px; min-height: 80px; overflow: hidden; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card .Field__CreatedBy > .InputSpan >a { justify-content: flex-end; font-weight: 300; color: #455a64; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card .Field_Changed > .InputSpan >a { justify-content: flex-end; font-weight: 300; color: #455a64; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card .FieldSet_t2 { display:none !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_ProductMenuItem_Book { width: 320px; } .ItemView_ProductMenu_Book { background-color: var(--white); height: 220px; width: 160px; margin: 8px; } .ItemView_ProductMenu_Book .Field_Name { font-weight: bold; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_Product { display: block; } .ItemView_Product_MenuSelection { position: relative; border-radius: 3px; box-shadow: 0 1px 5px gray; padding: 0px; height: 135px; min-width: 135px; } .ItemView_Product_MenuSelection img { height: 135px !important; width: auto !important; } .ItemView_Product_MenuSelection .Field_Name { display: block; background-color: rgba(255,255,255,0.8); color: white; border-radius: 3px 3px 0 0; margin: 0; z-index: 100; position: absolute; top: 0; left: 0; right: 0; text-align: center; } .ItemView_Product_MenuSelection .Field_Picture { display: block; background-color: rgba(255,255,255,0.8); color: white; border-radius: 3px 3px 0 0; margin: 0; z-index: 0; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } .ItemView_Product_MenuSelection .Field_SalesPrice { position: absolute; bottom: 0; right: 0; width: auto; } .ItemView_Product_MenuSelection .Field_SalesPrice a { background-color: red; color: white; width: auto; padding: 3px; border-radius: 3px; } .ItemView_Product_NameCodeImage { display: block; } .ItemView_Product_NameCodeImage_ProductImage img { height: 80px !important; margin: 3px; left: 0; transform: translateX(0); position: relative; } .ItemView_Product_ProductTags_ProductImage img { height: 80px !important; margin: 3px; left: 0; transform: translateX(0); position: relative; } .ItemView_Product_CardMobile { background-color: white !important; margin: 1px !important; } .ItemView_Product_BuyCard { width: 300px; } .ItemView_Product_BuyCard .Field_Name .InputSpan > a { max-width: 100% !important; min-width: 3em !important; padding: 0.5em; display: flex; height: 3em; align-content: center; justify-content: center; align-items: center; } .ItemView_Product_ProductGroup { width: 100%; display: block !important; margin: 0 auto; background-color: white !important; border-radius: 3px; display: block; } .ItemView_Product_ProductGroup_ProductImage { width: 100px; border: 0; } .ItemView_Product_ProductGroup_ProductImage img { height: 80px !important; margin: 0; left: 0; transform: translateX(0); position: relative; max-width: 100%; } .ItemView_Product_ProductGroup .Field_Name .InputSpan a { text-align: left !important; } .ItemView_Product_ProductGroup .ProcedureButton_REmoveMe { position: absolute; bottom: 0.25em; left: 0.25em; } .ItemView_Product_ProductGroup .Field_Quantity .FieldValue .InputSpan a:after { content: "\f1b3"; font-family: "Font Awesome 5 Free"; padding: 0; opacity: 0.5; vertical-align: middle; position: absolute; right: -1.25em; font-weight: bold; } .ItemView_Product_Sell.ItemView.Clickable:hover { transform: scale(1); } .ItemView_Product_PersonelCard { display: block !important; max-width: 800px; } .ItemView_Product_CardMini { width: 180px; margin: var(--gap); background-color: white !important; border-radius: 3px; } .ItemView_Product_InternetCard { width: 300px; background-color: white; margin: 0 !important; border-color: #d1b6ac20 !important; overflow: hidden; display: inline-block; } .ItemView_Product_InternetCard:hover { border-color: #d1b6acff !important; } .ItemView_Product_InternetCard:hover .Button_gotoDetail { background-color: #4545d0; color: white; } .ItemView_Product_InternetCard:hover img { transform: scale(1.35); } .ItemView_Product_InternetCard img { height: 300px; border: 0 !important; transition: all 500ms; text-align: center; } .ItemView_Product_InternetCard .Button_gotoDetail { opacity: 0; transition: all 350ms; pointer-events: none; } .ItemView_Product_InternetCard .Field_Description { font-size: 75%; height: 3em !important; overflow: hidden; } .ItemView_Product_InternetCard .Field_Description .FieldValue { text-align: center !important; } .ItemView_Product_InternetCard .Field_Name a { text-align: center !important; } .ItemView_Product_InternetCard .Field_DiscountRate { flex: 1; } .ItemView_Product_InternetCard .Field_DiscountRate .InputSpan { display: flex; width: auto !important; min-width: 0; background-color: #f23737; color: white; padding: 0.5em; border-radius: 2em 0 0 2em; } .ItemView_Product_InternetCard .Field_DiscountRate .InputSpan .Suffix { color: inherit; } .ItemView_Product_InternetCard .Field_DiscountRate .InputSpan a { width: auto; min-width: 0; } .ItemView_Product_InternetCard .Field_ListPrice { flex: 1; margin-left: 5px !important; } .ItemView_Product_InternetCard .Field_SalesPrice { flex: 2; } .ItemView_Product_InternetCard .Field_SalesPrice .InputSpan { width: auto; display: flex; align-items: center; justify-content: center; font-size: 1.75em; font-weight: 600; } .ItemView_Product_InternetCard .Field_SalesPrice .InputSpan >* { width: auto; } .ItemView_Product_InternetCard .InputSpan a { padding: 0px; } .ItemView_Product_InternetCard .EntityType_ProductImage .NoRecordsFound:before { content:none !important; } .ItemView_Product_InternetSearchCard { background-color: white; margin: 0 !important; border-color: #d1b6ac20 !important; } .ItemView_Product_InternetSearchCard:hover { border-color: #d1b6acff !important; } .ItemView_Product_InternetSearchCard:hover .Button_gotoDetail { background-color: #4545d0; color: white; } .ItemView_Product_InternetSearchCard:hover img { transform: scale(1.35); } .ItemView_Product_InternetSearchCard img { height: 300px; border: 0 !important; transition: all 500ms; text-align: center; } .ItemView_Product_InternetSearchCard .Button_gotoDetail { opacity: 0; transition: all 350ms; pointer-events: none; } .ItemView_Product_InternetSearchCard .Field_Description { font-size: 75%; height: 3em !important; overflow: hidden; } .ItemView_Product_InternetSearchCard .Field_Description .FieldValue { text-align: center !important; } .ItemView_Product_InternetSearchCard .Field_Name a { text-align: center !important; } .ItemView_Product_InternetSearchCard .Field_DiscountRate { flex: 1; } .ItemView_Product_InternetSearchCard .Field_DiscountRate .InputSpan { display: flex; width: auto !important; min-width: 0; background-color: #f23737; color: white; padding: 0.5em; border-radius: 2em 0 0 2em; } .ItemView_Product_InternetSearchCard .Field_DiscountRate .InputSpan .Suffix { color: inherit; } .ItemView_Product_InternetSearchCard .Field_DiscountRate .InputSpan a { width: auto; min-width: 0; } .ItemView_Product_InternetSearchCard .Field_ListPrice { flex: 1; margin-left: 5px !important; } .ItemView_Product_InternetSearchCard .Field_SalesPrice { flex: 2; } .ItemView_Product_InternetSearchCard .Field_SalesPrice .InputSpan { width: auto; display: flex; align-items: center; justify-content: center; font-size: 1.75em; font-weight: 600; } .ItemView_Product_InternetSearchCard .Field_SalesPrice .InputSpan >* { width: auto; } .ItemView_Product_InternetSearchCard .InputSpan a { padding: 0px; } .ItemView_Product_InternetSearchCard .EntityType_ProductImage { padding: 2px !important; min-height:52px !important; } .ItemView_Product_InternetSearchCard .EntityType_ProductImage .NoRecordsFound:before { content:none !important; } .ItemView_Product_InternetSearchCard .EntityType_ProductImage .ItemView_ProductImage_Icon .Field_Image { max-height: 48px !important; min-height: 48px !important; } .ItemView_Product_InternetSearchCard .EntityType_ProductImage .ItemView_ProductImage_Icon .Field_Image img { max-height: 48px !important; min-height: 48px !important; } .ItemView_Product_Prices .Button { margin: 0.5em auto; } .ItemView_Product_Prices .Field_ShowAssets { background-color: rgb(236, 243, 255) !important; } .ItemView_Product_Prices .Field_ShowAssets .ToggleButton > * { font-size: 150%; } .ItemView_Product_Prices .FieldSet_assets_Asset_Price { background-color: rgb(236, 243, 255) !important; } .ItemView_Product_Sell { width: fit-content !important; margin: var(--gap); background-color: white !important; display: inline-block !important; } .ItemView_Product_Sell .Field_Name .InputSpan a { text-align: left !important; } .ItemView_Product_Sell .FieldSet_Images { min-height: 160px; } .ItemView_Product_Sell .Field_SalesPrice a { font-size: 125%; color: #f27a1a !important; padding: 0; font-weight: normal; } .ItemView_Product_Sell .Field_SalesPrice a .Suffix { color: #f27a1a !important; font-weight: normal; } .ItemView_Product_Sell .Field_ListPrice a { padding: 0; } .ItemView_Product_Sell .Field_ListPrice a span { color: gray !important; text-decoration: line-through !important; font-weight: normal; padding: 0; } .ItemView_Product_Sell .Field_DiscountRate a { font-weight: normal; padding: 0; } .ItemView_Product_Sell_ProductImage img { height: 180px !important; } .ItemView_Product_Card { max-width: 1024px; margin: 0 auto; background-color: white !important; border-radius: 3px; display: block; width: 100%; display: block !important; } .ItemView_Product_Card_ProductGroup_Add.ItemView { background-color: white; max-width: 180px !important; } .ItemView_Product_Card .Field_Name .InputSpan a { text-align: left !important; } .ItemView_Product_Card .Field_Quantity .FieldValue .InputSpan a:after { content: "\f1b3"; font-family: "Font Awesome 5 Free"; padding: 0; opacity: 0.5; vertical-align: middle; position: absolute; right: -1.25em; font-weight: bold; } .ItemView_Product_Card .FieldSet_Images { min-height: 160px; } .ItemView_Product_Card .ProcedureButton_REmoveMe { position: absolute; bottom: 0.25em; left: 0.25em; } .ItemView_Product_Card_ProductImage { width: 100px; border: 0; } .ItemView_Product_Card_ProductImage img { height: 80px !important; margin: 0; left: 0; transform: translateX(0); position: relative; max-width: 100%; } .ItemView_Product_Group { max-width: 600px; margin: 0 auto; display: block; } .ItemView_Product_TaxGroup { max-width: 600px; margin: 0 auto; display: block; } .ItemView_Product_Unit { max-width: 800px !important; display: block; margin: 0 auto; background-color: transparent !important; border: 0; } .ItemView_Product_Messages { width: 320px; margin: 1em; background-color: transparent !important; border: 0; } .ItemView_Product_TaxRate { max-width: 400px; margin: 0 auto; display: block; background-color: transparent !important; border: 0; } .ItemView_Product_InternetCardMini { width: 170px; height: 250px; margin: 0; border-radius: var(--gap); box-shadow: 1px 1px 4px #80808040; } .ItemView_Product_InternetCardMini .InputSpan > a { padding: 4px; } .ItemView_Product_InternetCardMini .Field_Name { font-size: 125%; font-weight: 600; } .ItemView_Product_InternetCardMini .Field_Description { font-size: 90%; font-weight: 300; } .ItemView_Product_InternetCardMini .Field_SalesPrice { font-size: 125%; font-weight: 700; } .ItemView_Product_Menu img { height: 200px; width: 200px; } .ItemView_Product_MenuSelection2 { position: relative; border-radius: 3px; box-shadow: 0 1px 5px gray; padding: 0px; height: 135px; min-width: 135px; } .ItemView_Product .Field_Balance.Mode_Display .FieldValue .InputSpan a:after { content: "\f1b3"; font-family: "Font Awesome 5 Free"; padding: 0; opacity: 0.5; vertical-align: middle; position: absolute; right: -1.25em; font-weight: bold; } .ItemView_Product .Field_Code { font-size: 90%; } .ItemView_Product .Field_Description .FieldValue { font-size: 90%; padding: 1px 1em; line-height: 1em; } .ItemView_ProductGroup_CardMobile { background-color: white !important; margin: 1px !important; } .ItemView_ProductGroup_Card.ItemView .Field_Name .FieldValue a { text-align: left !important; } .ItemView_ProductGroup_CardMini.ItemView .Field_Name .FieldValue a { text-align: center !important; } .ItemView_ProductGroup_Sell { padding: 0.5em; background-color: white !important; width: 150px; box-shadow: 0 !important; border: 0 !important; margin: 1px; } .ItemView_ProductGroup_Sell a { width: 150px; height: 2em; text-align: center !important; vertical-align: middle !important; font-weight: normal; } .ItemView_ProductGroup_Product { background-color: white; max-width: 180px; } .ItemView_ProductGroup_Product .Button { opacity: 0.5; } .ItemView_ProductGroup_Product .Button:hover { opacity: 1.0; } .ItemView_ProductGroup_CardProducts { padding: 0; margin: 0 auto; background-color: white !important; border-radius: 3px; display: block; overflow: hidden; width: 100%; } .ItemView_ProductGroup_CardProducts_ProductImage img { height: 48px !important; } .ItemView_ProductGroup_CardProducts .FieldSet_Images { min-height: 48px !important; } .ItemView_ProductGroup_CardProducts .EntityTypeView_subs >.EntityTypeViewBody { padding-left: 2em !important; } .ItemView_ProductGroup_CardProducts .EntityTypeView_products >.EntityTypeViewBody { padding-left: 2em !important; } .ItemView_ProductGroup_MenuSelection { position: relative; border-radius: 3px; box-shadow: 0 1px 5px gray; padding: 0px; } .ItemView_ProductGroup_MenuSelection .Field_Name { display: block; background-color: #8CcFfA; color: white; border-radius: 3px 3px 0 0; } .ItemView_ProductGroup_MenuSelection .Field_Name a { width: 10em; padding: 1px; height: 2.5em; white-space: normal; line-height: 1em; display: table-cell; vertical-align: middle; } .ItemView_ProductGroup_MenuSelection .Field { padding: 0; margin: 0; } .ItemView_ProductGroup_MenuSelection img { height: 100px !important; width: auto !important; } .ItemView_ProductGroup_MenuSelection .FieldValue { text-align: center; } .ItemView_ProductGroup_Card.ItemView.Clickable:hover { transform: scale(1); } .ItemView_ProductGroup_InternetCard { display: inline-block !important; } .ItemView_ProductGroup_InternetCard .Field_Name .InputSpan > a { max-width: 10em !important; min-width: 3em !important; padding: 0.5em; display: flex; height: 3em; align-content: center; justify-content: center; align-items: center; padding: 0.5em 1em; } .ItemView_ProductGroup_InternetProducts { border: 0; } .ItemView_ProductGroup_Name { background-color: white !important; padding: 0.5em; margin: 1px; transition: all 150ms; width: 150px; } .ItemView_ProductGroup_Name:hover { transform: scale(1.1); transform: scale(1.1); } .ItemView_ProductGroup_Name a { height: 2em; text-align: center !important; vertical-align: middle !important; } .ItemView_ProductGroup_Name .ItemClicked { background-color: var(--color1); color: var(--white); opacity: 1.0; } .ItemView_ProductGroup_Sell.SelectedItem { outline: 0; } .ItemView_ProductGroup_Card { padding: 0.5em; background-color: white !important; padding: 0; margin: 0 auto; background-color: white !important; border-radius: 3px; display: block; overflow: hidden; width: 100%; } .ItemView_ProductGroup_Card_ProductImage img { height: 48px !important; } .ItemView_ProductGroup_Card:hover { box-shadow: 0 0 5px gray; } .ItemView_ProductGroup_Card .EntityTypeView_images { height: 200px; } .ItemView_ProductGroup_Card .NoRecordsFound { height: 80px; color: transparent !important; } .ItemView_ProductGroup_Card .NoRecordsFound:before { content: "\f030"; font-family: "Font Awesome 5 Free"; font-weight: bold; color: silver; font-size: 200%; line-height: 100%; position: absolute; max-height: 100%; right: 0; bottom: 0; left: 0; top: 0; display: flex; justify-content: center; align-items: center; opacity: 0.3; } .ItemView_ProductGroup_Card .Field_Name { border-bottom: dotted silver 0; } .ItemView_ProductGroup_Card .Field_Name a { text-align: center !important; text-transform: uppercase; text-shadow: 0 0 1px gray; height: 2em; text-align: left !important; justify-content: flex-start !important; } .ItemView_ProductGroup_Card .FieldSet_b { border-top: dotted silver 0; } .ItemView_ProductGroup_Card .FieldNumber { font-size: 80%; } .ItemView_ProductGroup_Card .FieldInteger { font-size: 80%; } .ItemView_ProductGroup_Card .EntityTypeView_subs >.EntityTypeViewBody { padding-left: 2em !important; } .ItemView_ProductGroup_ProductGroup { background-color: white !important; padding: 0.5em; margin: 1px; transition: all 150ms; } .ItemView_ProductGroup_MarketplaceCategoryShop_ProductImage img { height: 80px !important; margin: 0; left: 0; transform: translateX(0); position: relative; max-width: 100%; height: 40px !important; } .ItemView_ProductGroup_ProductImage img { height: 80px !important; margin: 0; left: 0; transform: translateX(0); position: relative; max-width: 100%; } .ItemView_ProductGroup .Field_Balance.Mode_Display .FieldValue .InputSpan a:after { content: "\f1b3"; font-family: "Font Awesome 5 Free"; padding: 0; opacity: 0.5; vertical-align: middle; position: absolute; right: -1.25em; font-weight: bold; } .ItemView_ProductAttribute { max-width: 600px; } .ItemView_ProductAttribute_Card { margin: 0 1em !important; background-color: transparent; margin: 2px; } .ItemView_ProductAttribute_Card .Field_ProductSelection { color: #0068bb; } .ItemView_ProductAttribute_Card .Field_ProductSelection a { text-align: left !important; } .ItemView_ProductAttribute_Card .Field_AttributeValue { background-color: transparent; background-color: white; } .ItemView_ProductAttribute_Card .Field_TypeAttribute { font-size: 80%; } .ItemView_ProductAttribute_Card .Field_TypeAttribute .FieldValue a { font-weight: normal; padding: 0 !important; } .ItemView_ProductAttribute_Card .FieldSet_names >.FieldSet_names { padding-left: 3em; } .ItemView_ProductAttribute_Card .ProcedureButton_RemoveMe { position: absolute; top: 0; right: 0; } .ItemView_ProductAttribute_Card .FieldProductSelectionValue { justify-content: flex-start; } .ItemView_ProductAttribute_Card2 .FieldSet_v { background-color: white; } .ItemView_ProductAttribute_BuyProperty { box-shadow: 0 0 0 !important; width: 100%; box-shadow: 0 0 0 !important; border-bottom-width: 0; display: inline-block; } .ItemView_ProductAttribute_BuyProperty .Field_ProductSelection a { text-align: left !important; } .ItemView_ProductAttribute_BuyProperty .Field_Value0 a { text-align: left !important; } .ItemView_ProductAttribute_BuyProperty * { cursor: default !important; } .ItemView_ProductAttribute_BuyProperty .DirectionVer { gap: 0px; } .ItemView_ProductAttribute_BuyProperty .FieldSet_left { width: 33% !important; } .ItemView_ProductAttribute_BuyProperty .FieldSet_vals { width: 66% !important; } .ItemView_ProductAttribute_BuyProperty:last-child { border-bottom-width: 1px; } .ItemView_ProductAttribute_BuyProperty:hover { box-shadow: 0 0 0 !important; } .ItemView_ProductAttribute_BuyProperty_ProductAttribute_BuyProperty { border-color: transparent; padding: 5px; } .ItemView_ProductAttribute_BuyProperty_ProductAttribute_BuyProperty .FieldProductSelection a { padding-top: 0 !important; padding-bottom: 0 !important; display: flex; align-content: center; justify-content: flex-start; align-items: center; } .ItemView_ProductAttribute_BuyProperty .EntityTypeView_subs.NoItems { display: none !important; } .ItemView_ProductAttribute_BuyPropertyTitle .FieldSet_left { width: 33% !important; } .ItemView_ProductAttribute_BuyPropertyTitle .FieldSet_subs { width: 66% !important; } .ItemView_ProductAttribute_Name { display: block; } .ItemView_ProductSelection_Card { background-color: white !important; margin: 0.5em; max-width: 800px; } .ItemView_ProductSelection_Card:before { content: counter(ProductSelection); counter-increment: ProductSelection; display: inline-block; background-color: gray; color: white; width: 1em; padding: 1px 0.5em; text-align: center; position: absolute; left: -2em; top: 0; } .ItemView_ProductSelection_Card .FieldSet_t { background-color: rgba(127,127,127,0.2); } .ItemView_ProductSelection_Variant { max-width: 800px; margin: 0.25em; } .ItemView_ProductSelection_Variant:before { content: counter(ProductSelection); counter-increment: ProductSelection; display: inline-block; background-color: gray; color: white; width: 1em; padding: 1px 0.5em; text-align: center; position: absolute; left: -2em; top: 0; } .ItemView_ProductSelection_Variant .FieldSet_t { background-color: rgba(127,127,127,0.2); } .ItemView_ProductSelection_Home { max-width: 800px; display: block; margin: 0 auto; padding: 0.25em; background-color: white !important; border-radius: 3px; } .ItemView_ProductSelection_Home .FieldSet_subs { border-left: solid 2em transparent !important; } .ItemView_ProductSelection_Summary { background-color: white; margin: 0.5em; } .ItemView_ProductSelectionValue_SelectToRight { background-color: white; } .ItemView_ProductSelectionValue_Card { min-width: 7em; margin: 0 0 0 7em !important; display: block; max-width: 800px !important; display: inline-block; } .ItemView_ProductSelectionValue_Card:before { content: counter(PCAV); counter-increment: PCAV; display: inline-block; background-color: gray; color: white; width: 2em; padding: 1px 0.5em; text-align: center; position: absolute; left: -2em; top: 0; } .ItemView_ProductSelectionValue_Value { min-width: 8em; max-width: 8em; white-space: normal; float: left; margin: 1px; } .ItemView_ProductSelectionValue_Value .Mode_Display .FieldValue .InputSpan a { text-align: left; font-weight: normal; } .ItemView_ProductSelectionValue_Variant { max-width: 800px !important; margin: 0 auto; } .ItemView_ProductSelectionValue_Filter { display: block; } .ItemView_ProductSelectionValue_Filter .InputSpan >a { text-align: left !important; padding-left: 2em !important; font-weight: normal; } .ItemView_ProductSelectionValue_Filter .InputSpan >a:before { content: "\f0c8"; font-family: "Font Awesome 5 Free"; color: black; background-color: transparent; font-weight: normal; position: absolute; left: 0; font-size: 150%; } .ItemView_ProductSelectionValue_Filter .InputSpan a { padding: 1em; } .ItemView_ProductSelectionValue_Filter.SelectedItem { background-color: transparent !important; outline: 5px solid transparent; } .ItemView_ProductSelectionValue_Filter.SelectedItem .InputSpan >a { font-weight: bold; } .ItemView_ProductSelectionValue_Filter.SelectedItem .InputSpan >a:before { content: "\f14a"; font-weight: bold; color: #4caf50; } .ItemView_CustomerOrderDetail_Basket_ProductImage_Icon img { height: 64px !important; margin: 0 auto; display: block; } .ItemView_ProductImage { display: inline-block !important; min-width: 80px; overflow: hidden; display: inline-block; max-width: 320px; } .ItemView_ProductImage_SalesOrder img { height: 64px; } .ItemView_ProductImage_Card .ProcedureButton_OrderUp { position: absolute; left: 0; bottom: 40%; } .ItemView_ProductImage_Card .ProcedureButton_OrderDown { position: absolute; right: 0; bottom: 40%; } .ItemView_ProductImage_Card .ProcedureButton_RemoveMe { position: absolute; right: 0; top: 0; } .ItemView_ProductImage_Card .Field_Color { position: absolute; right: 0; left: 0; bottom: 0; } .ItemView_ProductImage_Icon { box-shadow: 0 0 0; border: none; } .ItemView_ProductImage img { height: 200px; position: relative; } .ItemView_ProductImageRead_Icon { margin: 0.5em; padding: 0.5em; background-color: transparent; } .ItemView_ProductImageRead_Icon:hover { box-shadow: 0 0 0 !important; } .ItemView_ProductImageRead_Icon:hover img { box-shadow: 5px 10px 20px silver; } .ItemView_ProductImageRead .ImageDimensions { display: inherit; } .ItemView_ProductSelectionValueShop_Card { background-color: white; } .ItemView_ProductDocument_Internet { width: 200px; height: auto; display: inline-block !important; margin: 1em; } .ItemView_ProductDocument_Internet img { max-height: 160px; max-width: 160px; width: auto; } .ItemView_ProductDocument_Internet .Field_File { position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: transparent; } .ItemView_ProductGroupFunction { width: 120px !important; margin: 0.25em; } .ItemView_ProductGroupFunction .InputSpan * { text-align: center !important; } .ItemView_ProductGroupFunction .FieldSet_actions { position: absolute; width: auto !important; height: auto; top: -3px; background-color: transparent !important; right: -12px; } .ItemView_ProductGroupFunction .fas.fa-minus-circle { background-color: transparent; color: black; padding: 5px; border-radius: 50%; } .ItemView_ProductGroupDocument_Internet { margin: 1em; width: fit-content !important; height: fit-content; } .ItemView_ProductGroupDocument_Internet .InputSpan a { text-align: centeR; } .ItemView_ProductGroupDocument img { height: 64px; width: 64px; } .ItemView_ProductBrand { display: inline-block; } .ItemView_ProductBrand_Name { background-color: white !important; padding: 0.5em; margin: 0.5em; transition: all 150ms; } .ItemView_ProductBrand_Name:hover { transform: scale(1.1); } .ItemView_ProductBrand_Summary { max-width: 180px; background-color: white !important; margin: 2px; padding: 4px; display: block; background-color: white !important; } .ItemView_ProductBrand_Summary .Field_Name { text-transform: uppercase; } .ItemView_ProductBrand_Summary a { padding: 1px !important; } .ItemView_ProductTag { display: inline-block !important; } .ItemView_ProductProductGroup_ProductGroup { background-color: white; max-width: 180px; } .ItemView_Asset_Card_ProductImage img { height: 80px !important; margin: 0; left: 0; transform: translateX(0); position: relative; max-width: 100%; } .ItemView_ProductGroup_InternetTreeCard { background-color: #ffffff; } .SingleItem_ProductSelection .DisableOverflow .ViewBody { max-height: 50vh; overflow: auto; } .SingleItem_ProductGroup_Internet .ItemView_ProductGroup_InternetCard { display: block !important; max-width: 100% !important; text-align: left; justify-content: flex-start; } .SingleItem_ProductGroup_Internet .ItemView_ProductGroup_InternetCard .Field_Name .InputSpan > a { max-width: 100% !important; text-align: left; justify-content: flex-start; } .SingleItem_ProductGroup_Internet .Fields >.FieldSet_m >.Field_Name { font-size: 2em; padding: 0.5em; font-size: 2em; padding: 0.5em; } .SingleItem_ProductGroup_Internet .EntityType_ProductBanner.OneByOne_Bottom { max-width: fit-content; margin:0 auto; } .SingleItem_ProductGroup_Internet .EntityType_ProductBanner.OneByOne_Bottom .OneByOnePanel { bottom: 0px; top: auto; height: 100%; width: 100%; position: absolute; } .SingleItem_ProductGroup_Internet .EntityType_ProductBanner.OneByOne_Bottom .OneByOnePanel .OneByOnePanelBody { align-items: flex-start !important; } .SingleItem_ProductGroup_Internet .FieldSet_titlefs .DirectionVer .View_ItemView_InternetTreeCard { max-width: fit-content; } .SingleItem_ProductGroup_Internet .FieldSet_titlefs .DirectionVer .View_ItemView_InternetTreeCard .ItemView_ProductGroup_InternetTreeCard { background-color: transparent !important; } .SingleItem_ProductGroup_Internet .FieldSet_titlefs .DirectionVer .View_ItemView_InternetTreeCard .Field_Name >.InputSpan > a { white-space: nowrap; } .SingleItem_ProductGroup_Internet .FieldSet_titlefs .DirectionVer .View_ItemView_InternetTreeCard .FieldSet_b { display:none !important; } .SingleItem_ProductGroup_Internet .FieldSet_titlefs .DirectionVer .Field_Name { width: auto; min-width: auto; max-width: fit-content; } .SingleItem_ProductGroup .FieldSet_filters { width: 220px; } .SingleItem_Product_Internet { margin: 0 auto; padding: 2em; max-width: 1024px; } .SingleItem_Product_Internet >.CloseButton { display: none; } .SingleItem_Product_Internet .FieldValue .InputSpan a { border: 0; text-align: left; } .SingleItem_Product_Internet .Field_Code .FieldValue .InputSpan a { border: 0; text-align: left; } .SingleItem_Product_Internet .ViewBody { text-align: left !important; } .SingleItem_Product_Internet .EntityTypeView_LeftMenu { flex: none; } .SingleItem_Product_Internet .FieldSet_m { background-color: #ffffff; } .SingleItem_Product_Internet .FieldSet_m .Field_Name a.InputSpan { /*font-size: 150%;*/ } .SingleItem_Product_Internet .EntityTypeView_Image { background-color: #ffffff !important; } .SingleItem_Product_Internet .EntityTypeView_Image img { height: auto !important; width:100% !important; transition: all 500ms; } .SingleItem_Product_Internet .EntityTypeView_Image:hover img { transform: scale(1.4); } .SingleItem_Product_Internet .EntityTypeView_Images .ViewBody { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 8px 4px; } .SingleItem_Product_Internet .EntityTypeView_Images .ViewBody img { height: 48px; } .SingleItem_Product_Internet .EntityTypeView_Images .ItemView_ProductImage_Sales { max-width: 48px; border: 1px solid #ccc; max-height: 48px; margin: 0; padding: 0; min-width: 48px; border-radius: 8px; } .SingleItem_Product_Internet .EntityTypeView_Images .ItemView_ProductImage_Sales.SelectedItem { border: 1px solid #ff9800; outline: none !important; box-shadow: 0 0 6px #F57C00; } .SingleItem_Product_Internet .Field { padding: 0; } .SingleItem_Product_Internet .Field_ProductGroupPaymentNote:before { content: ""; background-image: url(/images/payment_note.png); height: 32px; background-repeat: no-repeat; display: block; background-size: contain; margin: 0 0.5em 0 0.5em; } .SingleItem_Product_Internet .Field_ProductGroupDispatchNote:before { content: ""; background-image: url(/images/delivery_note.png); height: 32px; background-repeat: no-repeat; display: block; background-size: contain; margin: 0 0.5em 0 0.5em; } .SingleItem_Product_Internet .FieldSet_tabs { margin-top: 1em; position: relative !important; min-height: 40em !important; } .SingleItem_Product_Internet .FieldSet_tabs .TabBody { position: relative !important; } .SingleItem_Product_Internet .ItemView_ProductAttribute_BuyProperty { margin: 0; width: 100%; } .SingleItem_Product_Internet .FieldSet_left { max-width: 400px; padding: 12px 12px 4px; border: 1px solid #CFD8DC; background-color: #ECEFF1; /*box-shadow: 0 0 4px #90a4ae54;*/ } .SingleItem_Product_Internet .FieldSet_right { padding-top: 24px; padding-bottom: 24px; } .SingleItem_Product .FieldSet_t2 .LabelPositionLeft >.FieldLabel { width: 50%; min-width: 50%; max-width: 50%; } .SingleItem_Product .FieldSet_t2 .LabelPositionLeft >.FieldValue { width: calc(100% - 50%); } .SingleItem_Product .EntityTypeView_images .Parameter_q2 .ParamLabel { width: 5em; } .SingleItem_Product .EntityTypeView_images .Parameter_q2 .ParamValue { width: calc(100% - 5em); } .SingleItem_Product .EntityTypeView_products .Text span { font-size: 75%; } .SingleItem_Product .EntityTypeView_Instances >.EntityTypeViewBody >.ViewBody >.ItemView { display: inline-block; } .SingleItem_Product .FieldSet_marketplace .PanelHasHeader { margin: 0 !important; border: 0 !important; padding: 0 !important; } .SingleItem_Product .FieldSet_marketplace .TogglePanel >.GroupByTitle.ToggleHeader { padding-left: 2em !important; } .SingleItem_Product .FieldSet_marketplace .GroupByTitle { margin: 0 !important; padding: 3px !important; } .SingleItem_Product .Field_Description .FieldValue { font-size: 90%; padding: 1px 1em; line-height: 1em; } .SingleItem_Product .Field { padding-top: 1px; padding-bottom: 1px; } .SingleItem_Product .Field.LabelPositionLeft >.FieldLabel { width: 13em !important; max-width: 13em !important; } .SingleItem_Product .Field.LabelPositionLeft >.FieldValue { width: calc(100% - 13em) !important; } .SingleItem_Product .EntityTypeView_attrs .ItemView_ProductAttribute_Card { box-shadow: 0 0 0; background-color: white; margin: 1px !important; display: block; } .SingleItem_Product .EntityTypeView_attrs .ItemView_ProductAttribute_Card .ItemView_ProductAttribute_Card { max-width: 210px; display: block; margin: 0 !important; } .SingleItem_Product .EntityTypeView_attrs .ItemView_ProductAttribute_Card .FieldSet_tn { width: 180px !important; } .SingleItem_Product .EntityTypeView_attrs .ItemView_ProductAttribute_Card .InputSpan a { text-align: right; } .SingleItem_Product .EntityTypeView_attrs .ItemView_ProductAttribute_Card .Field_Value0 .InputSpan a { text-align: left; } .SingleItem_Product .FieldSet_left .ItemView_ProductAttribute_Card .FieldSet_t >.DirectionVer { flex-direction: column !important; } .SingleItem_ProductGroup .FieldSet_t .LabelPositionLeft >.FieldLabel { width: 50%; min-width: 50%; max-width: 50%; } .SingleItem_ProductGroup .FieldSet_t .LabelPositionLeft >.FieldValue { width: calc(100% - 50%); } .SingleItem_ProductGroup .FieldSet_HomeSales .EntityTypeViewBody { max-width: 480px; margin: 0 auto; } .SingleItem_ProductGroup .Field_DateMonth a { text-align: left !important; } .SingleItem_ProductGroup .Field_Shop a { text-align: left !important; } .SingleItem_ProductGroup .FolderImage { display: none; } .SingleItem_ProductGroup .FolderItem { padding: 0.25em 0.5em; border-radius: 2em; } .SingleItem_ProductImage_ProductImages { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999; background-color: white; } .SingleItem_ProductImage_ProductImages .ItemBody { left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; } .SingleItem_ProductImage_ProductImages .FieldSet_NextImage { position: absolute; right: 0; left: auto; top: 40%; bottom: auto; height: 100px !important; width: 100px !important; } .SingleItem_ProductImage_ProductImages .FieldSet_NextImage .ItemView_ProductImage { margin: 0; } .SingleItem_ProductImage_ProductImages .FieldSet_PrevImage { position: absolute; right: auto; left: 0; top: 40%; bottom: auto; height: 100px !important; width: 100px !important; } .SingleItem_ProductImage_ProductImages .FieldSet_PrevImage .ItemView_ProductImage { margin: 0; } .SingleItem_ProductImage_ProductImages .FieldSet_Title .InputSpan { padding-right: 50px; } .SingleItem_ProductImage_ProductImages .FieldSet_Title a { font-size: 18px !important; border: none; font-size: 1.5em; display: flex; align-items: center; justify-content: center; } .SingleItem_ProductImage_ProductImages .FieldSet_productimages { height: 20vh; } .SingleItem_ProductImage_ProductImages .FieldSet_body { height: 80vh; } .SingleItem_ProductImage_ProductImages .FieldSet_body .Image2 { display: flex; align-items: center; justify-content: center; } .SingleItem_ProductImage_ProductImages .FieldSet_body .Image2 img { display: flex; height: auto !important; align-self: stretch; place-self: center; max-height: 100%; max-width: 100%; } .SingleItem_ProductImage_ProductImages .FieldSet_ImageBody { height: 100%; } .SingleItem_ProductImage_ProductImages .EntityTypeView_productimages { white-space: nowrap !important; } .SingleItem_ProductImage_ProductImages .EntityTypeView_productimages .ItemView { height: 100% !important; margin: 0; padding: 1%; } .SingleItem_ProductImage_ProductImages .EntityTypeView_productimages .ItemView img { height: 100% !important; } .SingleItem_ProductImage img { max-width: 100%; } .SingleItem_MarketplaceProduct_Buy .ItemView_ProductImage img { left: 0; transform: none; } .SingleItem_MarketplaceProduct_Buy .EntityType_ProductImage.FieldSet_mImages .ViewBody { white-space: nowrap; overflow: auto; } .SingleItem_ProductGroupFunction img { height: 64px; width: 64px; } .SingleItem_ProductGroupDocument img { height: 64px; width: 64px; } .SingleItem .ItemView_Product_Name.ItemView { display: block; } .EntityType_ProductGroup.EntityTypeView_producttypes .ViewBody_ItemView_Name { -webkit-transition: all; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 250ms; transition-duration: 250ms; height: auto; overflow: auto; } .EntityType_ProductSelection { counter-reset: ProductSelection; } .EntityType_ProductSelectionValue { counter-reset: PCAV; } .EntityType_ProductGroup.EntityTypeView_productgroups.SelectedItems .ItemView_ProductGroup_Sell { background-color: transparent !important; } .EntityType_ProductGroup.EntityTypeView_producttypes.SelectedItems .ItemView_ProductGroup_Name { background-color: transparent !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: 0 0 0 !important; } .EntityType_OrganizationProductGroup .GroupByTitle { display: inline-block; } .EntityType_OrganizationProductGroup .GroupByBody { display: inline-block; } .EntityType_OrganizationProductGroup .FolderGroupBy { text-align: left; } .EntityType_Product .ViewBody_ItemView_InternetCardMini { padding: var(--gap); gap: var(--gap); position: absolute; } .EntityType_Product.View_ItemView_InternetCard .productseachpr .ParameterSet_orderby .Parameter__OrderByDir__ .ToggleButton { display: flex; flex-direction: row; align-items: center; gap: 8px; } .EntityType_Product.View_ItemView_InternetCard .productseachpr .ParameterSet_orderby .Parameter_p1 .ParamLabel { display: flex; align-items: center; } .EntityType_ProductSelectionValueShop .ViewBody_ItemView_Card .GroupByBody { padding: 0; gap: 0; } .EntityTypeView_subs.View_ItemView_BuyProperty.EntityType_ProductAttribute >.EntityTypeViewBody >.ViewBody { white-space: nowrap; } .EntityTypeView_subs.View_ItemView_BuyProperty.EntityType_ProductAttribute >.EntityTypeViewBody >.ViewBody .ItemView_ProductAttribute_BuyProperty .DirectionVer { display: block !important; width: auto !important; } .EntityTypeView_subs.View_ItemView_BuyProperty.EntityType_ProductAttribute >.EntityTypeViewBody >.ViewBody .ItemView_ProductAttribute_BuyProperty .DirectionVer >* { display: block !important; width: auto !important; } .EntityTypeView_producttypeattributevalues .GroupByTitle { padding-left: 2em; } .EntityTypeView_RelatedProductsRight .ViewBody { flex-direction: column !important; flex-wrap: inherit !important; justify-content: flex-start; } .EntityTypeView_ActiveProductSelectionValues .GroupByBody { padding: 0; gap: 0; } .EntityTypeView_PassiveProductSelectionValues .GroupByBody { padding: 0; gap: 0; } .EntityTypeView_properties .EntityType_ProductSelectionValue.EntityTypeView_values.FieldSet_values { height: 18em; } .EntityTypeView_properties .EntityType_ProductSelectionValue.EntityTypeView_values.FieldSet_values .ViewBody { height: 15em !important; overflow: auto !important; } .EntityTypeView_ImportProduct .Parameter_q1 { padding: 0 4em; } .EntityTypeView_ImportProduct .Parameter_q1 input { width: 100%; display: block; } .EntityTypeView_ImportProduct .Parameter_q1 .ParamLabel { width: 100%; display: block; text-align: left; } .EntityTypeView_ImportProduct .Parameter_q1 .ParamValue { width: 100%; display: block; text-align: left; font-size: 125%; } .EntityTypeView_ImportProduct .Parameter_q1 .ParamValue .InputSpan { width: 100%; display: block; text-align: left; } .Content_ProductPriceManager .EntityType_Product .Parameter { display: block; font-size: 80%; } .Content_ProductPriceManager .EntityType_Product .Parameter .InputSpan { display: block; } .Content_ProductPriceManager .EntityType_Product .Parameter .InputSpan input { display: block; width: 100%; } .Content_ProductList .EntityTypeView_ProductList .Parameters { max-width: 1024px; margin: 0 auto; } .Content_SearchProduct { font-size: 1.5em; } .Content_SearchProduct .Parameter_q1 { display: flex; align-items: center; justify-content: center; } .Content_SearchProduct .Parameter_q1 input { width: 20em; border-radius: 2em; padding: 0.5em 1em; } .CollapsedField .Field { padding: 0 !important; } .DoScript_ClearProductGroup { background-color: transparent !important; color: black !important; top: 0; height: 15px; width: 2em; margin: 1em auto !important; font-size: 150%; background-color: transparent; color: red; padding: 0em; } .DoScript_ClearProductGroup:hover { box-shadow: none; border: none !important; } .Page_FullWebPage .Content_ProductGroupList { padding: 0; margin: 0 auto; background-color: white !important; border-radius: 3px; display: block; overflow: hidden; width: 100%; } .Field_UseInPrice { font-size: 150%; } .Field_UseInPrice .ToggleButtonText { display: none; } .Field_UseInPrice .ToggleButton { box-shadow: 0 0 0 !important; background-color: transparent !important; } .Field_UseInCode { font-size: 150%; } .Field_UseInCode .ToggleButtonText { display: none; } .Field_UseInCode .ToggleButton { box-shadow: 0 0 0 !important; background-color: transparent !important; } .Field_UseInBuy { font-size: 150%; } .Field_UseInBuy .ToggleButtonText { display: none; } .Mobile .SingleItem_Product_Internet .FieldSet_LeftMenu { display: none; } .Mobile .ItemView_Product_InternetCard img { transition: none; } .Mobile .SingleItem_ProductImage_ProductImages .FieldSet_NextImage { display: none; } .Mobile .SingleItem_ProductImage_ProductImages .FieldSet_productimages { display: none; } .ItemView .Field_AttrTCode .FieldValue { padding: 0 !important; font-size: 80%; color: brown; } .ItemView .Field_AttrTCode .FieldValue .InputSpan a:before { content: "("; } .ItemView .Field_AttrTCode .FieldValue .InputSpan a:after { content: ")"; } .ItemView .Field_AttrNCode .FieldValue { padding: 0 !important; font-size: 80%; color: brown; } .ItemView .Field_AttrNCode .FieldValue .InputSpan a:before { content: "("; } .ItemView .Field_AttrNCode .FieldValue .InputSpan a:after { content: ")"; } .ItemView .Field_TCode .FieldValue { padding: 0 !important; font-size: 80%; color: brown; } .ItemView .Field_TCode .FieldValue .InputSpan a:before { content: "("; } .ItemView .Field_TCode .FieldValue .InputSpan a:after { content: ")"; } .ItemView .Field_NCode .FieldValue { padding: 0 !important; font-size: 80%; color: brown; } .ItemView .Field_NCode .FieldValue .InputSpan a:before { content: "("; } .ItemView .Field_NCode .FieldValue .InputSpan a:after { content: ")"; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard { gap:12px; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard { border: 1px solid #78909c38 !important; background-color: #ffffff !important; width:160px !important; justify-content: space-between; display: flex; flex-direction: column; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .EntityTypeView_Images.View_ItemView_Icon { padding:4px 6px !important; min-height: 168px !important; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .EntityTypeView_Images.View_ItemView_Icon .Field_Image { max-height: 160px !important; min-height: 160px !important; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .EntityTypeView_Images.View_ItemView_Icon .Field_Image img { max-height: 160px !important; min-height: 160px !important; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_DiscountRate { position: absolute; top: 2px; right: 0px; justify-content: end; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_DiscountRate .InputSpan { margin:0 !important; padding: 6px 3px 6px 6px; border-radius:12px 0 0 12px !important; background-color: #f30909; font-size:12px; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_DiscountRate .InputSpan .Suffix { opacity:1 !important; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_SalesPrice { background: #ffdf2e; color: #09294f; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_SalesPrice .InputSpan { justify-content: center !important; padding-top: 3px; min-height: 22px; font-size: 18px; max-width: fit-content; min-width: fit-content; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_ListPrice { background: #90a8be; color: #fff; margin: 0 !important; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_ListPrice:after { content: ''; border-width: 11px 11px 12px; border-style: solid; border-color: transparent; border-left-color: #90a8be; position: absolute; left: 100%; top: 0px; z-index: 100; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .Field_Name .InputSpan > a { color: #09294f; font-size: 13px; font-weight: 350; padding:4px 4px 8px; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .Text_Sale.ProductInSale { position: absolute; top: 5px; font-size: 10px; font-weight: 400; color: #D32F2F; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_actions { padding: 6px 0; } .ItemView_WebPageZone .View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_actions .DoScriptButton_Add2Baset { background-color: #ECEFF1 !important; } .ItemView_WebPageZone.Style_HomeCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes { display: flex; flex-direction: row; flex-wrap: wrap; gap:12px; } .ItemView_WebPageZone.Style_HomeCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes .ItemView_ProductGroup_InternetCard { max-width: 320px; margin: 0; } .ItemView_WebPageZone.Style_HomeCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes .ItemView_ProductGroup_InternetCard .Field_Name { background-color: #fff; border: 1px solid #78909c47; box-shadow: 0 0 6px #78909c40; } .ItemView_WebPageZone.Style_HomeCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes .ItemView_ProductGroup_InternetCard .Field_Name .InputSpan { justify-content: center; font-size:16px; } .ItemView_WebPageZone.Style_HomeCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes .ItemView_ProductGroup_InternetCard .Field_Name .InputSpan a { max-width:100% !important; } .ItemView_WebPageZone.Style_LeftCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes { display: flex; flex-direction: row; flex-wrap: wrap; gap:0; } .ItemView_WebPageZone.Style_LeftCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes .ItemView_ProductGroup_InternetCard { max-width: 280px; margin: 0; } .ItemView_WebPageZone.Style_LeftCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes .ItemView_ProductGroup_InternetCard .Field_Name { background-color: #fff; border-bottom: 1px dashed #78909c47; } .ItemView_WebPageZone.Style_LeftCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes .ItemView_ProductGroup_InternetCard .Field_Name .InputSpan { justify-content: flex-start; font-size:12px; } .ItemView_WebPageZone.Style_LeftCategory .ViewBody_ItemView_InternetCard.EntityTypeView_producttypes .ItemView_ProductGroup_InternetCard .Field_Name .InputSpan a { max-width:100% !important; justify-content: flex-start; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard { gap:12px; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard { border: 1px solid #78909c38 !important; background-color: #ffffff !important; width:160px !important; justify-content: space-between; display: flex; flex-direction: column; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .EntityTypeView_Images.View_ItemView_Icon { padding:4px 6px !important; min-height: 168px !important; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .EntityTypeView_Images.View_ItemView_Icon .Field_Image { max-height: 160px !important; min-height: 160px !important; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .EntityTypeView_Images.View_ItemView_Icon .Field_Image img { max-height: 160px !important; min-height: 160px !important; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .EntityTypeView_Images.View_ItemView_Icon .ItemView_ProductImage_Icon { display:none !important; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .EntityTypeView_Images.View_ItemView_Icon .ItemView_ProductImage_Icon:first-child { display:flex !important; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_DiscountRate { position: absolute; top: 2px; right: 0px; justify-content: end; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_DiscountRate .InputSpan { margin:0 !important; padding: 6px 3px 6px 6px; border-radius:12px 0 0 12px !important; background-color: #f30909; font-size:12px; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_DiscountRate .InputSpan .Suffix { opacity:1 !important; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_SalesPrice { background: #ffdf2e; color: #09294f; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_SalesPrice .InputSpan { justify-content: center !important; padding-top: 3px; min-height: 22px; font-size: 18px; max-width: fit-content; min-width: fit-content; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_ListPrice { background: #90a8be; color: #fff; margin: 0 !important; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_prices .Field_ListPrice:after { content: ''; border-width: 11px 11px 12px; border-style: solid; border-color: transparent; border-left-color: #90a8be; position: absolute; left: 100%; top: 0px; z-index: 100; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .Field_Name .InputSpan > a { color: #09294f; font-size: 13px; font-weight: 350; padding:4px 4px 8px; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .Text_Sale.ProductInSale { position: absolute; top: 5px; font-size: 10px; font-weight: 400; color: #D32F2F; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_actions { padding: 6px 0; } .minikart.View_ItemView_InternetCard.EntityType_Product .ViewBody_ItemView_InternetCard .ItemView_Product_InternetCard .FieldSet_actions .DoScriptButton_Add2Baset { background-color: #ECEFF1 !important; } .View_ItemView_Card.EntityType_Product .ItemsTitles { max-width: 1024px; margin: 0 auto; } .SingleItem_Product_RecipeComponents .ItemsTitles .FieldSet_ps2 ,.SingleItem_Product_RecipeComponents .ItemsTitles .FieldSet_ps3 { display: none !important; } .ItemView_ProductSelectionValue_Sell .Field_Price { font-size: 70% !important; --inputPadding: 1px; } .ItemView_ProductSelectionValue_Sell .Field_Value .InputSpan a { white-space: nowrap; } .ItemView_ProductTag_Name { width: 320px; margin: 1px; } .CurrentEntity_ProductCatalog .ContentHeader .Panel_kpis { display:grid !important;grid-template-columns:repeat(auto-fit,minmax(120px,150px)) !important;justify-content:end !important;gap:12px !important;align-items:stretch !important; } .CurrentEntity_ProductCatalog .ContentHeader .Panel_kpis > .AggregateView { max-width:100% !important;min-width:0 !important;flex:unset !important; } .CurrentEntity_ProductCatalog .ContentHeader { background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%) !important;color:#f8fafc !important;border-radius:16px !important;padding:22px 28px !important;border:1px solid rgba(255,255,255,0.10) !important; } .CurrentEntity_ProductCatalog .ContentHeaderTitle { color:#ffffff !important;font-size:22px !important;font-weight:800 !important;letter-spacing:-0.02em !important; } .CurrentEntity_ProductCatalog .ContentHeaderDescription { color:#cbd5e1 !important;font-size:13px !important;margin-top:6px !important;line-height:1.5 !important; } .ItemView_ProductImage_GalleryCard { max-width: min(300px, 100%); flex: 0 0 auto; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .Content .View_ItemView .ItemView.Card_1.Card_1 , .Content .View_ItemView .ItemView.Card_1.Card_1 { flex:1 1 340px !important;max-width:420px !important;width:auto !important;min-width:280px !important; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_BudgetFact_LineAll .FieldLabel { position: absolute; top: 0; } .ItemView_BudgetFact_LineAll .FieldLabel a { padding-top: 1px; } .ItemView_BudgetFact_Line .FieldLabel { position: absolute; top: 0; } .ItemView_BudgetFact_Line .FieldLabel a { padding-top: 1px; } .ItemView_BudgetAggAccountPeriod_PeriodRowEdit .ViewBody_ItemView_LineEditAmount { flex-direction: column; } .ItemView_BudgetAggAccountPeriod_PeriodRowEdit .ViewBody_ItemView_LineEditAmount .ItemView_BudgetFact_LineEditAmount { max-width:50%; background-color: #fff7ed; } .ItemView_BudgetAggAccountPeriod_PeriodRowEdit .ViewBody_ItemView_LineEditAmount .ItemView_BudgetFact_LineEditAmount .Field_Amount input { padding:4px 8px; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .FieldBudgetPeriod { font-weight: 600; color: rgb(102, 126, 234); font-size: 0.85em; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .FieldBudgetLineType { background-color: #fde3e3; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .FieldBudgetAccount { font-weight: 600; color: #001fad; font-size: 0.9em; flex: 1.5 1 0%; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .Field .InputSpan a ,.EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .Field .InputSpan span { padding:8px 4px !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_BudgetMetricItem_Tree { font-weight: 700; } .ItemView_BudgetMetricItem_Tree .FieldSet_subs .FieldSet_nfs { border-left:solid 4px #CFD8DC; } .ItemView_BudgetMetricItem_Tree .FieldSet_subs .EntityTypeView_subs .FieldSet_l { padding-left:12px; } .ItemView_BudgetMetricItem_Tree .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue { border-left:var(--border1); } .ItemView_BudgetMetricItem_Tree .ItemView_BudgetMetricItem_Tree { font-weight: 500; } .ItemView_BudgetMetricItem_Tree .ItemView_BudgetMetricItem_Tree .Field { font-size: 90%; } .ItemView_BudgetMetricItem_Tree .ItemView_BudgetMetricItem_Tree .Field .InputSpan > a { padding-top: 4px; padding-bottom: 4px; } .ItemView_BudgetMetricItem_Tree .Field .InputSpan > a { white-space: nowrap; overflow: hidden; } .ItemView_BudgetMetricValue_cardChart { width: 180px !important; margin: 0; background-color: white; padding: var(--gap); background-color: #FFFFFF; border: 1px solid #546e7a3b; } .ItemView_BudgetMetricValue_cardChart .Field_MetricName { font-weight: 700; font-size: 1.2em; } .ItemView_BudgetMetricValue_cardChart .FieldBudgetPeriod .InputSpan > a { padding:0 !important } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Hfs { color: #006400; font-size:11px; padding:1px 2px; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Hfs .Text_title1 { padding: 0; min-width: 1em; max-width: 1em; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Hfs .Field .InputSpan > a { color: #006400; padding: 0; line-height: 1; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Hfs .Field { border:0 !important; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Gfs { color: #1e293b; font-size:11px; padding:0 2px; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Gfs .Text_title2 { padding: 0; min-width: 1em; max-width: 1em; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Gfs .Field .InputSpan > a { color: #1e293b; padding: 0; line-height: 1; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Gfs .Field { border:0 !important; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Ffs { font-size:9px; padding:1px 2px; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Ffs .Field .InputSpan > a { padding: 0; line-height: 1; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Ffs .Field { border:0 !important; } .EntityType_BudgetMetricValue .ItemView_BudgetMetricValue_Values .FieldSet_Ffs .Field.Field_VariancePercent { max-width:3em !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_Budget_Root { flex: auto; --inputPadding: 1px; --grid: 0; background: white; border-radius: 4px; padding: 2px; border-left: 4px solid #667eea !important; cursor: pointer; transition: all 0.2s; } .ItemView_Budget_Root .ItemView_Budget_Root { margin: 4px; box-shadow: 0 0 3px silver; border-radius: 8px; background-color: white !important; width: auto; flex-grow: 0; } .ItemView_Budget_Root .ItemView_Budget_Root .Field_Name { font-size: 110%; } .ItemView_Budget_Root .ItemView_Budget_Root .LabelPositionTop .FieldLabel a { justify-content: center; } .ItemView_Budget_Root .ItemView_Budget_Root .FieldMoney { max-width: 15em; margin: 1px auto; } .ItemView_Budget_Root .Field_Name { font-size: 150%; } .ItemView_Budget_Root .EntityTypeView { flex: auto !important; justify-content: center; } .ItemView_Budget_Root .FieldSet_flow-metrics { --fieldLabelPadding: 1px; } .ItemView_Budget_Root .FieldSet_flow-metrics .PanelHeader { font-size: 80%; padding: 1px !important; min-height: 1em; } .ItemView_Budget_Root .FieldSet_flow-metrics .PanelHeader > .PanelHeaderTitle { padding: 1px !important; font-size: 80%; white-space: nowrap; } .ItemView_Budget_Root .FieldSet_flow-metrics .PanelHasHeader { padding: 0; --gap: 0; min-width: 8em; } .ItemView_Budget_Root .FieldSet_flow-metrics .PanelHasHeader .PanelHeader { font-size: 80%; } .ItemView_Budget_Root .FieldSet_flow-metrics .Field_NetProfitMargin ,.ItemView_Budget_Root .FieldSet_flow-metrics .Field_GrossProfitMargin { --inputPadding: 0; } .ItemView_Budget_Root .EntityTypeView_subsrev { justify-content: center; } .ItemView_Budget_Root .EntityTypeView_subsrev .ItemView { border-left-color: green !important; } .ItemView_Budget_Root .EntityTypeView_subscost .ItemView { border-left-color: red !important; } .ItemView_Budget_Root .Text { padding: 6px; font-size: 80%; } .ItemView_BudgetAggDimensionValue_DimValueCard { max-width: 340px; } .ItemView_Budget_Header .FieldSet_cc { --gap: 1px; --inputPadding: 2px; } .ItemView_Budget_Header .PanelHeader { min-height: 1em !important; padding: 1px !important; } .ItemView_Budget_Header .PanelHeader > .PanelHeaderTitle { padding: 4px !important; } .ItemView_Budget_Header .PanelHasHeader { flex:1; max-width: 120px; } .ItemView_BudgetAggPeriod_Header .FieldSet_cc { --gap: 1px; --inputPadding: 2px; } .ItemView_BudgetAggPeriod_Header .PanelHeader { min-height: 1em !important; padding: 1px !important; } .ItemView_BudgetAggPeriod_Header .PanelHeader > .PanelHeaderTitle { padding: 4px !important; } .ItemView_BudgetAggPeriod_Header .PanelHasHeader { flex:1; max-width: 120px; } .ItemView_BudgetAggPeriodDimValue_Header .FieldSet_cc { --gap: 1px; --inputPadding: 2px; } .ItemView_BudgetAggPeriodDimValue_Header .PanelHeader { min-height: 1em !important; padding: 1px !important; } .ItemView_BudgetAggPeriodDimValue_Header .PanelHeader > .PanelHeaderTitle { padding: 4px !important; } .ItemView_BudgetAggPeriodDimValue_Header .PanelHasHeader { flex:1; max-width: 120px; } .ItemView_BudgetAggDimension_DimValuesCard { margin: 8px !important; background-color: white; max-width: 600px; } .ItemView .FieldSet_dims .FieldSet_s { border-left: var(--border1); } .ItemView_BudgetAggPeriod , .ItemView_BudgetAggDimension , .ItemView_Budget , .ItemView_BudgetAggPeriodDim { --inputPadding: 4px; } a.Nav.unselectable.Nav_BudgetReports.NoImage.NavBranch.Selected .SubNavs .Selected { Background-color:#d7ebfd; border-bottom:2px solid #87c6ff; } a.Nav.unselectable.Nav_BudgetReports.NoImage.NavBranch.Selected .SubNavs .SameAsParentNAV { display:none; } a.Nav.unselectable.Nav_BudgetReports.NoImage.NavBranch.Selected >.NavButton { display:none; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_AccountingKPI_Card { max-width: 320px; margin: 0; } .ItemView_AccountingKPI_Card .Field_CurrentValue .InputSpan { position: absolute; } .ItemView_AccountingKPI_Card .Field_KPIName { font-weight: 600; text-transform: uppercase; } .ItemView_AccountingKPI_Card .FieldSet_historical_values { position:absolute; bottom: 0; --inputPadding: 4px; } .ItemView_AccountingKPI_Card .FieldSet_historical_values .FieldLabel > a { padding: 0 !important; font-size: 75%; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } [class*="Content_Accounting"] { --contentHeaderBackground:#1e293b; } [class*="Content_Accounting"] .action-dock { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:16px; } [class*="Content_Accounting"] .action-dock .Button { min-height:42px; padding:8px 18px; font-weight:600; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; min-width:140px; } [class*="Content_Accounting"] .kpi-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; width:100%; } [class*="Content_Accounting"] .kpi-grid .AggregateView { border-radius:10px; min-height:80px; padding:12px 14px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_ExpenseAccount_NameCode { background-color: white; border: solid 1px #80808020; } .EntityType_ExpenseAccount .ViewBody_ItemView_NameCode { margin: 0 !important; } .EntityType_ExpenseAccount .GroupByBody { gap: 0; padding: var(--gap); } .ItemView_ExpenseDocumentType_Card { background-color: white; border: solid 1px #80808020; margin: 0 !important; } .ItemView_ExpenseDocumentType_Card .Field_Description .InputSpan > a { height: 5em; align-content: center; } .ItemView_ExpenseDocumentType_Card .Field_Name { font-weight: bold } .ItemView_ExpenseType_Card { background-color: white; border: solid 1px #80808020; } .ItemView_ExpenseType_Card .ViewBody_ItemView_Card.EntityTypeViewBody { border-left: solid 1em transparent !important; } .EntityType_ExpenseType .ViewBody_ItemView_Card { flex-direction: row; flex-wrap: wrap; display: flex; justify-content: flex-start; gap: var(--gap); } .EntityType_ExpenseDocumentType .ViewBody_ItemView_Card { gap: var(--gap); padding: var(--gap); } .ItemView_ExpenseAccountType_Card { margin: 0 !important; } .EntityType_ExpenseAccountType .ViewBody_ItemView_Card { gap: var(--gap); } .ItemView_ExpenseGroup_Card { background-color: white; border: solid 1px #80808020; margin: 0 !important; } .EntityType_ExpenseGroup .ViewBody_ItemView_Card { gap: var(--gap); padding: var(--gap); } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_FinanceAccount_Bank { width: 100%; max-width: 1200px; margin: 0 auto; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_FinancialTransaction_ChainViewDebitT.ItemClicked { background-color:#dcdcdc !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_BankInstruction_UserCard { --nf-primary-light: #eff6ff; --nf-primary: #2563eb; --nf-primary-hover: #1d4ed8; --nf-bg: #f8fafc; --nf-card-bg: #ffffff; --nf-text-main: #1e293b; --nf-text-muted: #64748b; --nf-text-request: #d21b1b; --nf-border: #e2e8f0; --nf-input-focus: #3b82f6; --nf-radius: 12px; background-color: var(--nf-bg); } .SingleItem_BankInstruction_UserCard > .ItemBody { border: unset; border-radius: unset; background-color: unset; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody { max-width: 1200px; padding: 0 1rem !important; flex: 1 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .TabHeader.Wizard { border-bottom: unset !important; display: flex; align-items: center; margin-bottom: 1rem; padding: 0 1rem; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .TabHeader.Wizard .WizardTab.Selected .WizardPrev { justify-content: start; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .TabHeader.Wizard .WizardTab.Selected .WizardNext { justify-content: end; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .TabHeader.Wizard .WizardTab.Selected .TabButton { font-size:14px !important; line-height:1 !important; padding:4px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .TabHeader.Wizard .WizardTab.Selected .TabButton span { padding:6px 12px; min-height: 2em !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .stepper { display: flex; align-items: center; margin-bottom: 2.5rem; padding: 0 1rem; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .stepper .ItemStates >.Left { ackground-color: #f9efb9; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .stepper .ItemStates >.Left .Transition { background-color: #f9efb9 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .stepper .ItemStates >.Right .Transition { background-color: #b9f9bd; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody { background: var(--nf-card-bg); border-radius: var(--nf-radius); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05); border: 1px solid var(--nf-border); } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .card-header { padding: 1.5rem 2rem; border-bottom: 1px solid var(--nf-border); background: #fdfdfd; border-radius: var(--nf-radius) var(--nf-radius) 0 0; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .card-header .h2 { margin: 0; font-size: 1.5rem; color: var(--nf-text-main); } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .card-header .Field.Mode_Display.FieldValue { border:unset !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .card-header .Field.Mode_Display.FieldValue .InputSpan > a { background: var(--nf-primary-light); color: var(--nf-primary); padding: 0.4rem 0.8rem; border-radius: 8px; font-weight: 700; font-family: monospace; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .card-header .Field.Mode_Display .FieldValue { border:unset !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .card-header .Field.Mode_Display .FieldValue .InputSpan > a { background: var(--nf-primary-light); color: var(--nf-primary); padding: 0.4rem 0.8rem; border-radius: 8px; font-weight: 700; font-family: monospace; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content { padding: 2rem; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .Field { gap: 0.5rem; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .Field .FieldLabel { font-size: 14px; font-weight: 600 !important; color: var(--nf-text-main); } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .Field .FieldLabel a { padding-left:0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .Field.FieldIsEmpty .FieldLabel { color: var(--nf-text-request); } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .Field.Mode_Display.FieldValue { border:unset !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .Field.Mode_Display.FieldValue .InputSpan > a { background: #f1f5f9; color: var(--nf-text-muted); //cursor: not-allowed; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .Field.Mode_Display .FieldValue { border:unset !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .Field.Mode_Display .FieldValue .InputSpan > a { background: #f1f5f9; color: var(--nf-text-muted); //cursor: not-allowed; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .Field_Currency > .FieldValue { max-width: 100% !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .FieldValue input { padding: 0.75rem 1rem; border: 1px solid var(--nf-border); border-radius: 8px; transition: all 0.2s; outline: none; background: #fff; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .FieldValue input > a ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .FieldValue input > span { padding: 0 12px; font-weight: 400; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .FieldValue .ItemSelection { padding: 0.75rem 1rem; border: 1px solid var(--nf-border); border-radius: 8px; transition: all 0.2s; outline: none; background: #fff; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .FieldValue .ItemSelection > a ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .FieldValue .ItemSelection > span { padding: 0 12px; font-weight: 400; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .FieldValue.Choices { display: flex; background: #f1f5f9; padding: 4px; border-radius: 8px; gap: 4px; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .FieldValue.Choices .Choice { padding:4px 12px; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .card-footer { padding: 1.5rem 2rem; background: #f8fafc; border-top: 1px solid var(--nf-border); display: flex; justify-content: space-between; align-items: center; border-radius:0 0 var(--nf-radius) var(--nf-radius); } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .btn-primary { background: var(--nf-primary); color: white; border: none; padding: 0.75rem 2rem; border-radius: 8px; font-weight: 700; cursor: pointer; transition: background 0.2s; box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2); } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .btn-primary:hover { background: var(--nf-primary-hover); } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .FieldErrorMessage { position: absolute; bottom: -14px; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .ItemsTitles { background-color: #f3f8fb; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .Field.FieldFile.Mode_Display .FieldValue .InputSpan > a { cursor:pointer !important } .SingleItem_BankInstruction_UserCard .blueFS > .DirectionVer { gap: 1rem; margin-bottom: 1rem; background: var(--nf-primary-light); padding: 1rem; border-radius: var(--nf-radius); } .SingleItem_BankInstruction_UserCard .Parameters { padding: 4px 6px !important; } .SingleItem_BankInstruction_UserCard .Parameters .ParameterSet .DoScriptButton { padding: 6px 12px; border-radius: 8px; font-size: 0.85rem; font-weight: 600; cursor: pointer; border: 1px solid transparent; transition: 0.2s; background: white; border-color: var(--nf-border); color: var(--nf-text-main); } .SingleItem_BankInstruction_UserCard .Parameters .ParameterSet .DoScriptButton.danger { background: white; border-color: var(--danger); color: var(--danger); } .SingleItem_BankInstruction_UserCard .Parameters .ParameterSet .DoScriptButton.primary { background: var(--nf-primary); color: white; } .SingleItem_BankInstruction_UserCard .info-banner { background: #f8fafc !important; border-left: 4px solid var(--nf-primary) !important; padding: 1rem 1.5rem; border-radius: 8px !important; margin-bottom: 1.5rem !important; display: flex; justify-content: space-between; align-items: start; } .SingleItem_BankInstruction_UserCard .Report > .ReportBody { position: relative !important; top: 0 !important; height: 32cm !important; } .ItemView_BankInstruction_Card .Field__State { font-size:10px; } .ItemView_BankInstruction_Card .Field_Code .InputSpan a { padding:2px 6px; } .ItemView_BankInstruction_Card .Field_Subject .InputSpan a { padding:2px 6px; } .ItemView_BankInstruction_Card .FieldBank .InputSpan a { padding:2px 6px; } .ItemView_BankInstruction_Card .FieldBankInstructionType { color: #e63519; font-weight: 700; } .ItemView_BankInstruction_Card .FieldBankInstructionType .InputSpan a { padding:2px 6px; } .ItemView_BankInstruction_Card .FieldSet_t2 { justify-content: center; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_CreditCard_Customer { max-width: 360px; margin: 0 auto; border-radius: 16px; padding: 16px; } .ItemView_CreditCard_Customer .Field { padding: 0 !important; } .ItemView_CreditCard_Customer .FieldLabel { font-size: 80%; } .ItemView_CreditCard_Customer .FieldLabel >a >span { white-space: nowrap; } .ItemView_CreditCard_Customer .FieldSet_actions { position: absolute; right: 0; top: 0; width: auto; } .ItemView_CreditCard_Customer .FieldSet_actions .Button { background-color: transparent; color: #303030; padding: 4px 8px; border: 0; box-shadow: 0 0 0; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_FinanceTransaction_Active { background-color: white !important; } .ItemView_FinanceAccountSummary_Debit { display: inline-block; width: 11em; background-color: white; } .ItemView_FinanceAccountSummary_Credit { display: inline-block; width: 11em; background-color: white; } .ItemView_FinanceAccountSummary_Card { display: inline-block; background-color: white; } .ItemView_FinanceAccountSummary_Card .Field { width: 11em; } .ItemView_FinanceAccount_Payment { width: 150px; background-color: lightgreen; color: black; border: solid 1px transparent !important; box-shadow: 0 0 0; margin: 1px; } .ItemView_FinanceAccount_Summary { width: 40em; margin: 0 auto; display: block; } .ItemView_FinanceAccount_Summary * { padding: 1px; } .ItemView_FinanceAccount_Summary .Field_Name .FieldValue { text-align: left; padding: 1px 5%; text-align: left; padding: 0; } .ItemView_FinanceAccount_Summary .Field_Balance .Suffix { width: 3em; padding: 1px 0.25em; text-align: left; } .ItemView_DebitChequeStateCurrency_Card::before { display: block; width: auto !important; content: "*"; box-shadow: 0 0 10px gray inset; width: 5em !important; margin: 0 auto; font-size: 50%; } .ItemView_DebitChequeStateCurrency_Card { display: block; width: auto !important; box-shadow: 0 0 5px gray inset; padding: 0.5em; padding-top: 0; } .ItemView_DebitChequeStateCurrency_Card .Field_Count { position: absolute; left: 0; top: 0; font-size: 70%; } .ItemView_DebitChequeStateCurrency_Card .Field_DueDate { position: absolute; right: 0; top: 0; font-size: 70%; } .ItemView_DebitChequeStateCurrency_Card .Field_Amount { font-size: 150%; } .ItemView_CreditChequeStateCurrency_Card { display: block; width: auto !important; box-shadow: 0 0 5px gray inset; padding: 0.5em; padding-top: 0; } .ItemView_CreditChequeStateCurrency_Card .Field_Count { position: absolute; left: 0; top: 0; font-size: 70%; } .ItemView_CreditChequeStateCurrency_Card .Field_DueDate { position: absolute; right: 0; top: 0; font-size: 70%; } .ItemView_CreditChequeStateCurrency_Card .Field_Amount { font-size: 150%; } .ItemView_DebitChequeState_Card { margin: 0.25em; padding: 0; } .ItemView_DebitChequeState_Card .Middle { width: 14em; background-color: transparent !important; } .ItemView_DebitChequeState_Card .Field { padding: 0 !important; border: 0; box-shadow: 0 0 0; } .ItemView_DebitChequeState_Card .Field__State { background-color: white; margin: 0; } .ItemView_DebitChequeState_Card .Field__State a { text-align: center; display: block; } .ItemView_DebitChequeState_Card .FieldValue { border: 0; } .ItemView_DebitChequeState_Card .EntityTypeViewBody { max-width: 100%; } .ItemView_CreditChequeState_Card { margin: 0.25em; padding: 0; } .ItemView_CreditChequeState_Card .Middle { width: 14em; background-color: transparent !important; } .ItemView_CreditChequeState_Card .Field { padding: 0 !important; border: 0; box-shadow: 0 0 0; } .ItemView_CreditChequeState_Card .Field__State { background-color: white; margin: 0; } .ItemView_CreditChequeState_Card .Field__State a { text-align: center; display: block; } .ItemView_CreditChequeState_Card .FieldValue { border: 0; } .ItemView_CreditChequeState_Card .EntityTypeViewBody { max-width: 100%; } .ItemView_DebitChequeState { width: 180px; margin: 0.5em; padding: 1em; } .SingleItem_CostCategory .Field_Image img { height: 5em; } .SingleItem_CreditChequeStateCurrency .ProcedureButton { background-color: limegreen; padding: 0.5em; font-size: 150%; } .SingleItem_CreditChequeStateCurrency .OpenAction { background-color: #98ffaa; padding: 0.5em; font-size: 150%; } .SingleItem_CreditChequeStateCurrency .FieldLabel a { text-align: center; } .SingleItem_CreditChequeStateCurrency .FieldValue { font-size: 150%; } .SingleItem_CreditChequeStateCurrency .Field_Count { background-color: white; box-shadow: 0 0 3px gray inset; margin: 1em; border: solid 3em transparent !important; border-top: 0 !important; border-bottom: solid 1em transparent !important; overflow: hidden; } .SingleItem_CreditChequeStateCurrency .Field_Count:after { content: " "; display: block; width: 100%; width: 0; height: 0; border-bottom: 64px solid #abdeda; border-right: 1200px solid transparent; position: absolute; overflow: hidden; } .SingleItem_CreditChequeStateCurrency .Field_DueDate { background-color: white; box-shadow: 0 0 3px gray inset; margin: 1em; border: solid 3em transparent !important; border-top: 0 !important; border-bottom: solid 1em transparent !important; overflow: hidden; } .SingleItem_CreditChequeStateCurrency .Field_Amount { background-color: white; box-shadow: 0 0 3px gray inset; margin: 1em; border: solid 3em transparent !important; border-top: 0 !important; border-bottom: solid 1em transparent !important; overflow: hidden; } .SingleItem_CreditChequeStateCurrency .FieldSet_t { padding: 0.5em; } .SingleItem_Cheque .PanelHasHeader >.PanelHeader { max-width: 400px; margin: 0 auto; } .SingleItem_Cheque .PanelHasHeader >.PanelBody { max-width: 400px; margin: 0 auto; } .SingleItem_Cheque .FieldSet_top0 { max-width: 480px; margin: 0 auto; } .Content_FinanceHome .NavImage { display: none; } .Content_FinanceHome .NavigationButtons { padding: 1px; margin: 0; } .Content_FinanceHome .Nav { padding: 1px; margin: 1px; } .Content_FinanceHome .Panel > .DirectionVertical >* { border-left: solid 1em transparent; border-right: solid 1em transparent; } .Content_FinanceHome >.Panel { margin: 0 auto; max-width: 1280px; margin: 0 auto; } .Content_FinanceAccounts >.Panel { margin: 0 auto; } .Content_FinanceAccounts .Panel { max-width: 1280px; } .Content_Outcomes >.Panel { margin: 0 auto; } .ChartBody { top: 0; bottom: 0; left: 0; right: 0; } .FieldFinanceAccount { margin-left: auto; margin-right: auto; } .FieldFinanceTransferType .Choice { margin: 0; } .FieldFinanceTransferType .Choice span { width: 10em; height: 3em; line-height: 1em; display: table-cell; vertical-align: middle; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_Notification_Card { width: 100%; max-width: 100%; margin: 0 auto; background-color: white; padding: 4px; border-radius: 0.5rem !important; width: 100%; max-width: 100% !important; margin: 0 auto; background-color: white; padding: 5px; border-radius: 0; box-shadow: unset; border: 0; } .ItemView_Notification_Card.Style_1 >.FieldSet_m { background-color: var(--Urgentbgcolor); border-color: var(--Urgentbrcolor) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card.Style_2 >.FieldSet_m { background-color: var(--color4-90); border-color: var(--color4-60) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card.Style_3 >.FieldSet_m { background-color: var(--normalbgcolor); border-color: var(--normalbrcolor) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card.Style_4 >.FieldSet_m { background-color: var(--notImportantbgcolor); border-color: var(--notImportantbrcolor) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card.Style_5 >.FieldSet_m { background-color: var(--infobgcolor); border-color: var(--infobrcolor) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card >.FieldSet_m { min-height: 100% !important; border-radius: 0.5rem !important; } .ItemView_Notification_Card .InputSpan a { padding: 1px; } .ItemView_Notification_Card .Field_Type { font-weight: 600; letter-spacing: 0; } .ItemView_Notification_Card .Field_Date { letter-spacing: 0; font-weight: 500; } .ItemView_Notification_Card .Field_Name { font-weight: 300; } .ItemView_Notification_Card .Field_Source { font-weight: 300; } .ItemView_Notification_Card .Field_Severity { font-weight: 300; } .ItemView_Notification_Card .FieldValue { font-size: 1em; } .EntityTypeView_SubItems_Notification .DirectionVer { flex-direction: column !important; } .EntityTypeView_SubItems_Notification .Field_Description { height: 152px !important; } .EntityType_Notification.EntityTypeView { --boxbackcolor: transpatent !important; border: 0 !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; } .ItemView_NotificationFieldMapping_Card { background-color: white; padding: 1em; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_Download_Card { border-bottom: 1px solid #ECEFF1 !important; } .ItemView_Download_Card .Field_File { background-color: green; color: black; } .ItemView_Download_Card .Field_File .FieldLabel { top:0; } .ItemView_Download_Card .Field_File .FieldLabel a { padding:4px; } .ItemView_Download_Card .Field_File .FieldLabel a > span { justify-content: center; color: white; font-size: 1.5em; } .ItemView_Download_Breadcrumb .Button { border: solid 1px gray; border-radius: 1em; } .SingleItem_Download_WebView .Field_File .FieldLabel > a > span { justify-content: center; } .SingleItem_Download_WebView .Field_File .FieldValue.ReadOnly { background-color: #ffffff; width: fit-content; padding: 16px; border-radius: 8px; border: 1px solid #78909c38; } .SingleItem_Download_WebView .Field_File a { width:100%; height:100%; z-index: 999; position: relative; } .EntityType_Download .ViewBody_ItemView_Card { padding:8px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_WebPage.ViewBody.MicroView.View_ItemView_Button9 { align-content: center; justify-content: center !important; } .EntityType_WebPage.View_ItemView_Button1 { flex-direction: row; } .EntityType_WebPagePart.EntityTypeView { background-color: transparent !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; border: 0 !important; margin: 0 !important; } .EntityType_WebPageZone.ViewBody_ItemView_Web.EntityTypeView_panelbodyall { flex-direction: column !important; } .EntityType_WebPageZone.ViewBody_ItemView_Web.EntityTypeView_panelbodyall >.ItemView { width: 100%; } .EntityType_WebPageZone.FieldSet_panelbodyall.ViewBody_ItemView_Web { width: 100%; height: 100%; } .EntityType_WebPageZone { border: 0; counter-reset: CPZ; } .EntityType_WebPageZone >.EntityTypeViewBody { width: 100%; } .EntityType_WebPageZone >.NoRecordsFound { display: none; } .EntityType_WebPageZone.View_ItemView_Web >.EntityTypeViewBody > .ViewBody { overflow: hidden; } .EntityType_WebContent.View_ItemView_Grid { display: flex; --cellSize: 180px; gap: 10px; padding: 10px !important; flex-direction: row; justify-content: center; } .EntityType_WebContent.View_ItemView_OnlyImage.EntityTypeView_Overview { width: 100% !important; height: 50em !important; } .EntityType_WebContent.EntityTypeView { background-color: transparent !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; border: 0 !important; margin: 0 !important; } .EntityType_WebPage.View_ItemView_Breadscrum .ViewBody { padding: 0; } .EntityType_WebPage.View_ItemView_Breadscrum .ItemView { background-color: transparent; } .EntityType_WebPage.View_ItemView_SiteMap { padding: 1em !important; font-size: 125%; font-weight: bold; } .EntityType_WebPage.View_ItemView_SiteMap .View_ItemView_SiteMap.EntityType_WebPage { padding: 0 !important; font-size: 80%; font-weight: normal; } .EntityType_WebPage { counter-reset: counterPageCard; } .EntityType_WebPage.EntityTypeView { background-color: transparent !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; border: 0 !important; margin: 0 !important; } .EntityType_WebClass .ViewBody_ItemView_Card { gap: 16px; padding: 16px; } .EntityTypeView_zonesdesktop.ViewBody_ItemView_Web >.ItemView { width: 100%; } .EntityTypeView .ItemView_WebContent_AboutUs { background-color: transparent; box-shadow: 0 0 0; } .EntityTypeView .ItemView_WebContent_Paragraph { background-color: transparent; box-shadow: 0 0 0; } .EntityTypeView_Solutions .ItemView_WebContent_Square { border-radius: 3em; } .EntityTypeView_subpagesleaf .ViewBody_ItemView_Button .ItemView_WebPage_Button { padding: 0; } .Page_Web2 .ItemBody { box-shadow: 0 0 0; } .Page_FullWebPage .MainContent >.SingleItem { position: relative; } .Page_FullWebPage .MainContent >* { overflow: initial; } .Page_FullWebPage .ItemBody { box-shadow: 0 0 0; border: 0; } .Page_FullWebPage .ItemBody .EntityTypeView { border: 0; } .Page_Web .MainContent >.SingleItem { position: relative; } .Page_Web .MainContent >* { overflow: initial; } .Page_Web .ItemBody { box-shadow: 0 0 0; } .Page_Web .EntityTypeView_webpages .ViewBody_ItemView_Button .ItemView_WebPage_Button { padding: 0.5em 0.75em; font-size: 115%; background-color: transparent; } .Page_Web .EntityTypeView_webpages .ViewBody_ItemView_Button .ItemView_WebPage_Button:first-child { display: none; } .SingleItem.FullWidth.SingleItem_WebPage { padding-left: 0; padding-right: 0; } .SingleItem .ItemView_WebContent { width: 100%; } .SingleItem_WebContent img { max-height: 50vh; width: AUTO !important; } .SingleItem_WebContent_Page .FieldValue { background-color: transparent !important; box-shadow: 0 0 0 !important; border: 0; } .SingleItem_WebContent_Page .SingleItemType { display: none; } .SingleItem_WebPage_Web { border: 0; box-shadow: 0 0 0; position: relative; overflow: initial; padding: 0; background-color: transparent; border-radius:0 !important; } .SingleItem_WebPage_Web .FieldValue .InputSpan a { border: 0; line-height: 1em; } .SingleItem_WebPage_Web .EntityTypeView { margin: 0 !important; border: 0 !important; } .SingleItem_WebPage_Web .ItemView { border-color: transparent; box-shadow: 0 0 0; background-color: transparent; } .SingleItem_WebPage_Web .ItemView .FieldValue { margin: 0; } .SingleItem_WebPage_Web > .ItemBody > .Fields > div:only-of-type { padding: 0; } .SingleItem_WebPage_Web .ItemBody { position: relative; padding: 0; } .SingleItem_WebPage_Web .ItemBody >.Fields { margin-left: 0; margin-right: 0; border: 0 !important; } .SingleItem_WebPage_Web .ItemBody >.Fields >.FieldSet_m { min-height: 60vh; max-width: 100%; } .SingleItem_WebPage_Web .Fields >.FieldSet_header { width: 100%; } .SingleItem_WebPage_Web .Fields >.FieldSet_m .FieldSet_panelbodyvertical { width: 100%; margin-left: auto !important; margin-right: auto !important; } .SingleItem_WebPage_Web .FieldView_title .FieldValue { text-align: center; } .SingleItem_WebPage_Web .EntityTypeView_subpages { position: absolute !important; top: 0; right: 0; width: auto; } .SingleItem_WebPage_Web .EntityTypeView_subpages .ItemView_WebPage_Button.Same_Item { color: black; background-color: white; } .SingleItem_WebPage_Web .EntityTypeView_subpagesleaf { position: absolute !important; top: 0; right: 0; width: auto; } .SingleItem_WebPage_Web .EntityTypeView_subpagesleaf .ItemView_WebPage_Button.Same_Item { color: black; background-color: white; } .SingleItem_WebPage_Web .NoRecordsFound { font-size: 2em; } .SingleItem_WebPage_Web .Content .NoRecordsFound { display: block; font-size: 100%; padding: 1px; } .SingleItem_WebPage_Web .Field { border: 0; } .SingleItem_WebPage_Web .Field_BackgroundImage >.FieldValue { padding: 0 !important; } .SingleItem_WebPage_Web .Bottom { display: none !important; } .SingleItem_WebPage_Web .ItemView_WebPage_Button9 { width: 100%; padding-left: 8px; padding-right: 8px; margin: 0; } .SingleItem_WebPage { max-width: initial; left: 0; right: 0; top: 0; max-width: 100% !important; } .SingleItem_WebPage .CloseButton { display: none; } .SingleItem_WebPage .EntityType_WebPage { margin: 0 auto !important; } .SingleItem_WebPage .ItemView .EntityTypeViewBody { padding: 0; justify-content: center !important; display:flex; min-height: fit-content; } .SingleItem_WebPage .ScrollToTop { position: fixed; bottom: 1em; right: 1em; } .SingleItem_WebPage .FieldValue > .InputSpan a { border: none !important; } .SingleItem_WebClass .FieldSet_PreviewFS .ItemView_WebClass_Card { width: 90%; height: 90%; max-width: 90%; max-height: 90%; min-width: 90%; min-height: 80vh; } .SingleItem_WebClass .FieldSet_PreviewFS .ItemView_WebClass_Card .FieldSet_preview { left: 0; right: 0; top: 0; bottom: 0; } .SingleItem_WebClass .FieldSet_PreviewFS .ViewBody_ItemView_Card { padding:0; gap:0; } .SingleItem_WebClass .ColorFieldDIV { z-index: 9999; right: 160px; top: 36px; } .ItemView_WebPageZone_Card { counter-increment: CPZ; width: 100%; padding: 0 !important; display: grid !important; } .ItemView_WebPageZone_Card >.FieldSet_m { position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m::before { content: counters(CPZ, ".") " "; display: inline-block; background-color: transparent; width: 1em; padding: 0.25em 0.5em; text-align: center; position: absolute; left: 1.35em; top: 0.25em; font-size: 12px !important; bottom: auto; vertical-align: middle; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; z-index: 99999; } .ItemView_WebPage { border: 0; } .ItemView_WebPage_Button9 { width: auto; font-weight: 500; margin-left: 12px !important; margin-right: 12px !important; } .ItemView_WebPage_Web { margin: 0; border: 0; } .ItemView_WebPage_Web >.FieldSet_m { min-height: 60vh; max-width: 100%; } .ItemView_WebPage_Card { width: 100% !important; max-width: 1024px; margin: 0 auto; display: block; background-color: white !important; border: var(--border1); } .ItemView_WebPage_Card .Field_Name { width: 25%; } .ItemView_WebPage_Card .Field_Name .FieldValue .InputSpan a:before { counter-increment: counterPageCard; content: counters(counterPageCard, ".") " "; margin-right: 1em; opacity: 0.5; } .ItemView_WebPage_Card .Field_Name .InputSpan a { text-align: left !important; } .ItemView_WebPage_Card .Field_URLPath { width: 30%; } .ItemView_WebPage_Card .Field_URLPath .InputSpan a { text-align: left !important; } .ItemView_WebPage_Card .Field_HideRoot .InputSpan { display: none !important; } .ItemView_WebPage_Card .Field_Active .InputSpan { display: none !important; } .ItemView_WebPage_Card >.FieldSet >.EntityTypeView_subs { margin-left: 3em !important; width: calc(100% - 3em); } .ItemView_WebPage_Card .OpenAction { background-color: transparent; color: #279510; } .ItemView_WebPage_Card .Button { display: flex; flex-direction: center; align-content: center; justify-content: center; flex: 1 !important; } .ItemView_WebPage_Card .Button .ImageClass { font-size: 12px !important; inset: 0 !important; position: relative !important; } .ItemView_WebPage_Card .Button .ButtonImage { font-size: 12px !important; inset: 0 !important; position: relative !important; } .ItemView_WebPage_Card .Button .ButtonTitle { font-size: 9px !important; } .ItemView_WebPage_Button.ItemClicked { color: red; } .ItemView_WebPage_Button { border: 0; border-bottom: solid 2px transparent; box-shadow: 0 0 0 !important; } .ItemView_WebPage_Button .FieldValue .InputSpan a { padding-left: 1em; padding-right: 1em; } .ItemView_WebPage_Button .FieldSet_Hor * { pointer-events: none; } .ItemView_WebPage_Button .FieldSet_Ver * { pointer-events: none; } .ItemView_WebPage_Button FieldSet_Part * { pointer-events: none; } .ItemView_WebPage_Button img { max-height: 2em; } .ItemView_WebPage_Button .Field_Name a { white-space: nowrap; } .ItemView_WebPage_Button .Field { padding: 1px; } .ItemView_WebPage_Button:hover { background-color: #64cbf2; outline: 0; } .ItemView_WebPage_Menu { display: inline-block; position: relative; } .ItemView_WebPage_Square { width: 200px; margin: 1em !important; background-color: white !important; box-shadow: 0 0 5px silver; padding: 0; display: inline-block !important; } .ItemView_WebPage_Square .Field { padding: 0; margin: 0; } .ItemView_WebPage_Square .FieldValue { padding: 0; margin: 0; } .ItemView_WebPage_Square .Field_Image .FieldValue { padding: 0; margin: 0; } .ItemView_WebPage_Square .Field_Name { background-color: #cecece70; } .ItemView_WebPage_Square .Field_Name .FieldValue { text-align: center; } .ItemView_WebPage_Square img { height: 150px; margin: 0; padding: 0; } .ItemView_WebPage_Button.Style_HomePage { display: none !important; } .ItemView_WebPage_Breadscrum { display: inline-block; float: left; min-width: initial; max-width: initial; width: auto; } .ItemView_WebPage_Breadscrum .Parameters { display: none; } .ItemView_WebPage_Breadscrum_Breadscrum { display: inline-block; } .ItemView_WebPage_Breadscrum_Button { display: block; } .ItemView_WebPage_Breadscrum .FieldValue { padding: 0.5em 1em 0.5em 0.5em !important; } .ItemView_WebPage_Breadscrum .FieldValue:after { content: ">"; position: absolute; right: 0em; top: 0; padding: 0; opacity: 0.5; line-height: 3em; } .ItemView_WebPage_SubMenuHorizontal img { height: 64px; } .ItemView_WebPage_SubMenu { display: block !important; background-color: transparent; } .ItemView_WebPage_SubMenu img { height: 32px; } .ItemView_WebPage_SubMenu .Field_Name .InputSpan > a { text-align: left !important; font-size: 100%; padding: 0.5em; } .ItemView_WebPage_Button1 { margin: 1em !important; background-color: transparent; box-shadow: 0 0 0; width: 11em; display: inline-block !important; } .ItemView_WebPage_Button1 .Field_Image img { height: 8em; background-color: white; border-radius: 16px; box-shadow: 0 0 2px gray; object-fit: contain; min-height: 160px; max-height: 160px; } .ItemView_WebPage_Button1 .Field_Name { font-size: 125%; } .ItemView_WebPage_Button1 .Field_Name .FieldValue { text-align: center; } .ItemView_WebPage_Button1 .Field_Name a { text-align: center; max-width: 100%; justify-content: center; } .ItemView_WebPage_Button2 { margin: 1em !important; background-color: transparent; box-shadow: 0 0 0; width: 11em; display: inline-block !important; } .ItemView_WebPage_Button2 .Field_Image img { height: 8em; background-color: white; border-radius: 1em; box-shadow: 0 0 2px gray; } .ItemView_WebPage_Button2 .Field_Name { font-size: 125%; } .ItemView_WebPage_Button2 .Field_Name .FieldValue { text-align: center; } .ItemView_WebPage_Button2 .Field_Name a { text-align: center; max-width: 100%; justify-content: center; } .ItemView_WebPage_Button3 { width: 20em; margin: 0.5em !important; background-color: transparent; box-shadow: 0 0 0; } .ItemView_WebPage_Button3 .Field_Image { width: 3em !important; } .ItemView_WebPage_Button3 .Field_Image a { height: 3em; background-color: white; border-radius: 1em; box-shadow: 0 0 2px gray; } .ItemView_WebPage_CardURLPaths { max-width: 1024px; margin: 0 auto; } .ItemView_WebPage_CardURLPaths a { text-align: left !important; } .ItemView_WebPage_CardSEO { max-width: 1024px; margin: 0 auto; } .ItemView_WebPage_CardSEO .Field_Name { color: blue; } .ItemView_WebPage_CardSEO .Field_Name a { text-align: left !important; } .ItemView_WebPage_CardSEOHx .Field_Name { color: blue; } .ItemView_WebPage.ClickToURLCurrent { /*text-shadow: 0 0 2px black;*/ } .ItemView_WebPageZone { display: block; border: 0; margin: 0; padding: 0; } .ItemView_WebPageZone_CardImage { width: fit-content !important; margin: 0.5em; } .ItemView_WebPageZone_CardImage img { height: 100px; } .ItemView_WebPageZone_CardImage .FileDisplay .ImageFileName { display: block !important; } .ItemView_WebPageZone_BackgroundImage { width: fit-content !important; margin: 0.5em; } .ItemView_WebPageZone_BackgroundImage .Field_BackgroundImage { position: relative !important; } .ItemView_WebPageZone_BackgroundImage img { height: 100px; } .ItemView_WebPageZone_BackgroundImage .FileDisplay .ImageFileName { display: block !important; } .ItemView_WebPageZone_Card { margin: 0 !important; transform: initial !important; height: auto !important; counter-increment: CPZ; } .ItemView_WebPageZone_Card .FieldSet_t { background-color: rgba(255, 255, 255, 0.81); padding: 0; } .ItemView_WebPageZone_Card .FieldSet_t .FieldValue a { padding: 3px 5px !important; text-align: center; white-space:nowrap; border: 0; } .ItemView_WebPageZone_Card .FieldSet_t .Field_Class { position: absolute; right: 0; } .ItemView_WebPageZone_Card .FieldSet_t .FieldSet_td { justify-content: flex-start; } .ItemView_WebPageZone_Card .FieldSet_t .Field { padding: 0; margin: 0; } .ItemView_WebPageZone_Card .FieldSet_t2 { background-color: rgba(154, 198, 229,0.5) !important; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t { position: relative; font-size: 10px !important; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t * { background-color: transparent; font-size: 10px; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t .LineNumber { position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_tr { position: absolute; right: 0; left: 50%; top: 0; bottom: 0; z-index: 1; width: auto !important; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_tr .Text_settings { opacity: 0; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_trr { z-index: 10; position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_te { z-index: 10; position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_s { z-index: 10; position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t:hover >.DirectionVer > .FieldSet_tr .Text_settings { opacity: 1; } .ItemView_WebPageZone_Card .WebBackground { height: auto; } .ItemView_WebPageZone_Card .FieldSet_panelbody { border: solid 0 transparent; } .ItemView_WebPageZone_Card .FieldRichText { padding: 0; } .ItemView_WebPageZone_Card .FileDisplay { background-color: transparent; } .ItemView_WebPageZone_Card .NicEditContainer { background-color: transparent; } .ItemView_WebPageZone_Card .WebPageZoneTitleHeader { background-color: rgb(230, 230, 230,1) !important; box-shadow: -2px 0 4px rgba(230,230,230,0.8) inset,0 -2px 4px rgba(230,230,230,0.8) inset, 2px 0 4px rgba(0,0,0,0.2) inset, 0 2px 4px rgba(0,0,0,0.2) inset; color: #303030; } .ItemView_WebPageZone_Web { box-shadow: 0 0 0; border: 0; display: block; padding: 0; background-color: transparent; margin: 0; width: 100%; } .ItemView_WebPageZone_Web .EntityTypeViewBody > .Center > .Middle { border: 0 !important; } .ItemView_WebPageZone_Web .FieldSet_body { margin: 0 auto; margin: 0; } .ItemView_WebPageZone_Web .FieldSet_variantseriesbody { margin: 0 auto; margin: 0; } .ItemView_WebPageZone_Web .Field_Subject .FieldValue { text-align: left; } .ItemView_WebPageZone_Web .Field { padding: 0; margin: 0; } .ItemView_WebPageZone_Web .FieldSet_panelbody { height: 100%; width: 100%; } .ItemView_WebPageZone_Web .FieldSet_panelbody >* { height: 100%; } .ItemView_WebPageZone_Web input { background-color: white; } .ItemView_WebPageZone_Web textarea { background-color: white; } .ItemView_WebPageZone_Web .FieldImage img { height: auto; vertical-align: middle; max-width: 100%; max-height: 100%; } .ItemView_WebPageZone_Web >.FieldSet_panelbody >.FieldSet_panelbodyvertical { flex-direction: row; flex-wrap: nowrap; max-width: 100 !important; } .ItemView_WebPageZone_Web .Field_WebZoneLink { position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: transparent; z-index: 999; } .ItemView_WebPageZone_Web .FieldValue { padding: 0; margin: 0; } .ItemView_WebPageZone_Web .FieldSet_contentbody >.Field_Subject a { text-align: center !important; font-size: 120%; font-weight: 500; } .ItemView_WebPageZone input { line-height: initial; } .ItemView_WebPageZone select { line-height: initial; } .ItemView_WebPageZone .Field_BackgroundImage { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; } .ItemView_WebPageZone .Field_BackgroundVideo { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; } .ItemView_WebPageZone .Field_Image { align-items: center; align-content: center; justify-content: center; } .ItemView_WebPageZone .Field_Image >.FieldValue >video { width: 100%; height: auto !important; } .ItemView_WebPageZone .Mode_Display.Field_Subject { font-size: 130%; font-weight: 600; flex-direction: column; justify-content: center; } .ItemView_WebPageZone .Mode_Display.FieldRichText { white-space: normal; padding: 1px !important; flex-direction: column; } .ItemView_WebPageZone .EntityTypeView { border: solid 0 transparent !important; } .ItemView_WebPageZone .Field_Subject .FieldValue { text-align: center; } .ItemView_WebPageZone .ContentView .Center { position: relative !important; box-shadow: 0 0 0; } .ItemView_WebPageZone .ContentView .EntityTypeViewBody { position: relative !important; } .ItemView_WebPageZone_CustomerOrderDetail_BasketMicro .EntityTypeViewBody { position: static !important; } .ItemView_WebPageZone .FieldSet_Content { flex:1 } .ItemView_WebPageZone .FieldSet_Content .Content { height: 100%; } .ItemView_WebContent_CodeIcon { max-width: 120px; display: inline-block !important; } .ItemView_WebContent_CodeIcon .Field_Code { position: relative; font-size: 200% !important; max-width: 3em; margin: 0 auto !important; border: solid 5px gray !important; padding: 0.5em; border-radius: 25px; } .ItemView_WebContent_CodeIcon .Field_Code .InputSpan a { text-align: center; align-items: center; align-content: center; justify-content: center; font-size: 1em !important; border-radius: 25px; width: 4em !important; font-weight: 700; } .ItemView_WebContent_CodeIcon .Field_Code:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; border-radius: 20px; opacity: 0.3; z-index: 0; background: linear-gradient(to bottom, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); } .ItemView_WebContent_CodeIcon .Field_Subject { font-size: 75% !important; } .ItemView_WebContent_CodeIcon .Field_Subject a { text-align: center; align-items: center; align-content: center; justify-content: center; font-size: 1em !important; } .ItemView_WebContent_Grid { margin: 0; min-height: var(--cellSize); min-width: var(--cellSize) !important; width: var(--cellSize); max-width: calc(var(--cellSize)*2); padding: 10px; gap: 0; margin: 0 !important; border: solid 0 rgba(127,127,127,0.2) !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Subject { font-size: 135% !important; font-weight: 500 !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Subject a { /*text-transform: uppercase !important;*/ justify-content: flex-start; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Summary { font-size: 110% !important; font-weight: 300; } .ItemView_WebContent_Grid .Field_BackgroundImage { position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; right: 0 !important; z-index: 0 !important; } .ItemView_WebContent_Grid .Field_BackgroundImage img { object-fit: cover !important; } .ItemView_WebContent_Grid .FieldSet_subs .FieldValue .InputSpan a { font-weight: 300 !important; padding-top: 4px; padding-bottom: 4px; } .ItemView_WebContent_Grid .ItemView { font-size: 80% } .ItemView_WebContent_OnlyImage { border-color: transparent; } .ItemView_WebContent_FollowUs { margin: 3px; padding: 3px; border-radius: 3px; } .ItemView_WebContent_FollowUs a { font-weight: normal; } .ItemView_WebContent_ImageSubjectSummary .Field_Summary { padding: 0 0.5em; } .ItemView_WebContent_Card { max-width: 600px; margin: 0 auto; display: block !important; background-color: white !important; } .ItemView_WebContent_Card .Field_Subject .FieldValue { text-align: left; } .ItemView_WebContent_Card .Field_Subject a { text-align: left !important; } .ItemView_WebContent_Article { width: 320px; max-width: 100%; margin: 1em; min-height: 200px; } .ItemView_WebContent_Article .Field_Subject a { text-align: left; } .ItemView_WebContent_Article .Field_Date { position: absolute; right: 0; top: 0; font-size: 80%; padding: 0; color: gray; } .ItemView_WebContent_Article .Field_Date a { padding: 0; } .ItemView_WebContent_Article .FieldSet_top { background-color: #f0f0f0; } .ItemView_WebContent_Contact { background-color: transparent; box-shadow: 0 0 0; } .ItemView_WebContent_Contact .Field_Subject .FieldValue { text-align: right; vertical-align: top; } .ItemView_WebContent_Contact .Field_Subject .FieldValue a { font-weight: normal; } .ItemView_WebContent_Contact .Field_Summary .FieldValue { text-align: left; } .ItemView_WebContent_Event { max-width: 320px; margin: 0 auto; } .ItemView_WebContent_Event .FieldSet_top { background-color: rgba(255,127,127,0.5); } .ItemView_WebContent_HTML { border: 0; } .ItemView_WebContent_Square { width: 15em; height: 13em; margin: 1em; } .ItemView_WebContent_Square .Field_Summary a { text-align: center !important; font-size: 90% !important; line-height: 1.5em; font-weight: normal; } .ItemView_WebContent_Square .Field_Subject { border-radius: 3em 3em 0 0; background-color: #8BC34A; } .ItemView_WebContent_LeftMenuLinkButton { padding:8px 0 ; } .ItemView_WebPageRoute_Card { display: block; max-width: 90%; margin: 0 auto; } .ItemView_WebImage { margin: 1em; width: auto; background-color: var(--white); } .ItemView_WebImage_Icon { max-width: 320px; box-shadow: 0 0 5px silver; } .ItemView_WebPagePart_Card { width: 100%; max-width: 30em !important; margin: 0 auto; display: block; background-color: white !important; } .ItemView_WebPagePart_Card .Field_Name a { text-align: left !important; } .ItemView_WebPagePart_Web { box-shadow: 0 0 0; border: 0; display: block; padding: 0; background-color: transparent; margin: 0; width: 100%; width: 100%; background-color: transparent; } .ItemView_WebContentGroup_Card { background-color: white; } .ItemView_WebContentCategory_Overview { max-width: 1100px; margin: 1px auto; width: 100%; background-color: white; } .ItemView_WebContentCategory_Overview .EntityType_WebContentGroup .ItemView { background-color: #ffe3e3ee; } .ItemView_WebContentCategory_Overview .EntityType_WebContent { background-color: #ffffb0aa; } .ItemView_WebContentCategory_Overview .EntityType_WebContent .ItemView { background-color: #fbfbccee; border-radius: 2em; } .ItemView_WebContentCategory_Overview .EntityTypeView { flex-direction: row; display: flex; border-left: solid 1px #f5f7fa !important; border-right: solid 1px #f5f7fa !important; } .ItemView_WebContentCategory_Overview .EntityTypeView .ItemView { width: auto; margin: 1px; font-size: 80%; min-width: 11em; } .ItemView_WebContentCategory_Overview .EntityTypeView .ItemView .Field_Name .InputSpan > a:before { content: var(--icon-Dot); font-family: '361'; } .ItemView_WebContentCategory_Overview .EntityTypeView .ItemView .Field_Subject .InputSpan > a:before { content: var(--icon-Dot); font-family: '361'; } .ItemView_WebClass_Card { width: 320px; height: 160px; max-width: 320px; max-height: 160px; min-width: 320px; min-height: 160px; padding: 0; margin: 0; position: relative; } .ItemView_WebClass_Card .FieldSet_preview { position:absolute; left: 32px; right: 32px; top: 32px; bottom: 32px; width: auto; height: auto; max-width: initial !important; max-height: initial !important; min-width: initial !important; min-height: initial !important; justify-content: center !important; } .MainContent >.SingleItem_WebPage { top: 0; left: 0; right: 0; min-height: 60vh; } .MainContent >.SingleItem_WebPage >.ItemBody >.Fields { padding: 0 2em; } .MainContent >.SingleItem_WebPage_Web { top: 0; left: 0; right: 0; min-height: 60vh; } .MainContent >.SingleItem_WebPage_Web >.ItemBody >.Fields { padding: 0; } .ViewBody_ItemView_Web { padding: 0 !important; } .Mobile .EntityTypeView_footerwebparts .ItemView_WebPageZone .ItemView_WebPageZone { display: inline-block; } .MenuItemView_WebPageZone_EditText { min-width: 360px; width: 60vh !important; } .MenuItemView_WebPageZone_Background { width: 320px; } .MenuItemView_WebPageZone_Background .Field { padding: 0; margin: 0; } .MenuItemView_WebPageZone_Settings { max-width: 100%; min-width: 40em; background-color: rgba(99,99,99,0.1); box-shadow: 0 0 0.5em grey; padding: 0em; margin: 0 auto; } .MenuItemView_WebPageZone_Settings select { color: blue !important; width: auto !important; } .MenuItemView_WebPageZone_Settings .FieldLabel { padding: 0; font-size: 85%; } .MenuItemView_WebPageZone_Settings .FieldLabel a { text-align: center; text-transform: uppercase; font-size: 85%; } .MenuItemView_WebPageZone_Settings .PanelHeaderTitle { padding: 0; position: relative; top: 0.25em; } .MenuItemView_WebPageZone_Settings .Field { padding: 0 !important; justify-content: center; align-items: flex-end; } .MenuItemView_WebPageZone_Settings .FieldValue { padding: 0 !important; } .MenuItemView_WebPageZone_Settings .Field_BackgroundImage img { max-width: 200px; max-height: 200px; } .MenuItemView_WebPageZone_Settings .FieldSet_actions { border-bottom: solid 1px rgba(127,127,127,0.25); } .MenuItemView_WebPageZone_Settings .FieldSet_actions .ProcedureButton ,.MenuItemView_WebPageZone_Settings .FieldSet_actions .DoScriptButton { padding: 0.5em; opacity: 0.5; } .MenuItemView_WebPageZone_Settings .FieldSet_actions .ProcedureButton:hover ,.MenuItemView_WebPageZone_Settings .FieldSet_actions .DoScriptButton:hover { opacity: 1; } .MenuItemView_WebPageZone_Settings .FieldSet_actions .ButtonTitle { display: none; } .MenuItemView_WebPageZone_Settings * { font-size: 11px; } .MenuItemView_WebPageZone_Settings .DirectionVer { gap: 0 !important; } .MenuItemView_WebPageZone_Settings .Button { padding: 0; } .MenuItemView_WebPage_HoverMenuPart { padding: 36px; background-image: url("/images/361logolight.svg"); background-repeat: no-repeat; } .MenuItemView_WebPage_HoverMenuHor { max-width: inherit; max-height: 45em; overflow: auto; overflow-x: hidden; margin: 1em 2em; } .MenuItemView_WebPage_HoverMenu { max-width: 15em; max-height: 45em; overflow: auto; overflow-x: hidden; } .MenuItemView_WebPage_HoverMenu .EntityTypeView_subs { padding: 0; } .MenuItemView_WebPage_HoverMenu .ItemView_WebPage_Menu { width: 280px; display: block; } .MenuItemView_WebPage_HoverMenu .ItemView_WebPage_Menu .FieldSet_subs { padding-left: 2em; } .Content_WebPagePart .ViewBody_Folder { flex-flow: column; place-content: flex-start; } .Content_WebPagePart .ViewBody_Folder >.ItemView { max-width: 500px; margin: auto; } .Content_webhome .View_ItemView_OnlyImage.EntityType_WebContent.EntityTypeView_Overview .FieldValue img { height: 40em !important; } .Content .EntityTypeView.EntityType_WebPage { border: solid 0 transparent !important; } .Content .ItemView.ItemCardBM { max-width: 274px !important; } .SelectionsMenu .ItemView_WebPage_Button9 { width: 100%; } .SelectionsMenu .ItemView_WebPageZone_Web.Mode_Display.Style_WebZoneIsPageLink { opacity: 0.85; } .SelectionsMenu .ItemView_WebPageZone_Web.Mode_Display.Style_WebZoneIsPageLink:hover { opacity: 1; } .SelectionsMenu .MenuItemView_WebPageZone_Settings .TabPanel_Tab { position: relative !important; top: 0 !important; left: 0; right: 0; } .SelectionsMenu .MenuItemView_WebPageZone_Settings .TabPanel_Tab .TabHeader { position: relative !important; top: 0 !important; left: 0; right: 0; } .SelectionsMenu .MenuItemView_WebPageZone_Settings .TabPanel_Tab .TabBody { position: relative !important; top: 0 !important; left: 0; right: 0; padding: 0; } .PageZone_header .ItemView_WebPage_Button { position: relative; bottom: 0; display: flex; margin: 1px; justify-content: center; } .PageZone_header .ItemView_WebPageZone_Web .FieldSet_panelbody { align-items: center !important; align-items: center !important; } .FieldSet_breadscrum .ItemView:after { content: none; } .Style_WebPageZone_2_4 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .Style_ReferencesPanel.ItemView_WebPageZone .Mode_Display.Field_Subject a { white-space: nowrap; } .Style_WebPageHeader .ItemView_WebPageZone .Mode_Display.Field_Subject { font-size: 100%; } .Style_HomePage .WebPageTitle { display: none; } .Style_SelectLanguage { max-width: 10rem; } .Style_SelectLanguage .Label { display: none; } .Style_gap1em { gap:1em; } .Style_Max320 { max-width: 320px; } .Style_MaxM { max-width: 340px; } .Style_TopBar { min-height: 2em; background-color: #003975 !important; color:#ffffff !important; } .Style_TopBar * { color:#ffffff !important; } .Style_TopBar .Logon .UserImage { height: 22px; opacity: 1; } .Style_MainHeader { font-size: 14px; } .Style_fitcontent { max-width:fit-content !important; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary { max-width: 1200px; margin: auto !important; gap:var(--gap); } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { background-color: #ffffff; border: 1px solid #607d8b3b; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Image img { max-height: 240px; min-height: 240px; object-fit: cover; min-width:100%; object-position: center; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject { color: #0097A7; font-weight: 500; border-bottom: 1px solid #00ACC1; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject .InputSpan > a { justify-content: center; text-align: center; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Summary { align-content: flex-start; } .Style_newscard .FieldSet_contentbody > .Field_Subject .InputSpan > a { justify-content: center; padding: 3rem 0 2rem; text-decoration: underline; color:#003975; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary { max-width: 1200px; margin: auto !important; gap:var(--gap); } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { background-color: #ffffff; border: 1px solid #607d8b3b; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Image img { max-height: 120px; min-height: 120px; object-fit: cover; min-width:100%; object-position: center; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject { font-weight: 500; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject .InputSpan > a { justify-content: center; text-align: center; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Summary { align-content: flex-start; } .Style_newscardmini .FieldSet_contentbody > .Field_Subject .InputSpan > a { justify-content: center; padding: 3rem 0 2rem; text-decoration: underline; color:#003975; } .Style_Dark { background-color: #010f1e !important; } .Style_Dark * { color:#CFD8DC !important; } .Style_Dark .Style_minilink .ViewBody_ItemView_OnlyImage { flex-direction: row !important; justify-content: center; gap: 8px; } .Style_Dark .Style_minilink .ViewBody_ItemView_OnlyImage .ItemView_WebContent_OnlyImage { max-width: fit-content; min-width: fit-content; margin: 0; } .Style_Dark .Style_minilink .ViewBody_ItemView_OnlyImage .ItemView_WebContent_OnlyImage img { filter: brightness(1) invert(1); min-height: 24px; } .Style_Dark .Style_contact .Style_WebPageZone_1_1 .FieldSet_right { max-width:fit-content !important; min-width:fit-content !important; padding-right: 1rem; padding-top: 1rem; } .Style_Dark .Style_contact .Style_WebPageZone_1_1 .FieldSet_right .Field_Image { max-width: fit-content; min-width: fit-content; margin: 0; } .Style_Dark .Style_contact .Style_WebPageZone_1_1 .FieldSet_right .Field_Image img { filter: brightness(1) invert(1); min-height: 24px; max-height:32px; } .Style_minilink .ViewBody_ItemView_OnlyImage { flex-direction: row !important; justify-content: center; gap: 8px; justify-content: flex-start; align-content: center; } .Style_minilink .ViewBody_ItemView_OnlyImage .ItemView_WebContent_OnlyImage { max-width: fit-content; min-width: fit-content; margin: 0; } .Style_minilink .ViewBody_ItemView_OnlyImage .ItemView_WebContent_OnlyImage img { filter: brightness(1) invert(1); min-height: 16px; } .Style_Flex1 { flex:1 !important; } .Style_Flex2 { flex:2 !important; } .Style_Flex3 { flex:3 !important; } .Style_Flex4 { flex:4 !important; } .Style_Flex5 { flex:5 !important; } .Style_websectiontitle .FieldValue { justify-content: center; padding: 3rem 0 2rem; text-decoration: underline; color: #003975; font-size: 1.75rem !important; display: flex !important; align-content: center; font-weight: 600; } .Style_DijitalDonusumPlatformu .FieldValue { display: flex !important; justify-content: center !important; } .Style_VButton .EntityTypeView_contentonlybuttonimages { grid-template-columns: repeat(4, 1fr); padding: 10px !important; font-size: 120%; grid-gap: 24px; display: grid !important; align-content: center; } .Style_VButton .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage { justify-content: center; box-shadow: 0 0 12px 0 #546e7a1a; border: 1px solid #607d8b24; border-radius: 12px; padding: 12px; } .Style_tabtitlefull .OneByOnePanelBody { padding: 0 0 8px 0; border-top: 1px solid #CFD8DC; border-bottom: 1px solid #CFD8DC; justify-content: center; gap: 12px; } .Style_tabtitlefull .OneByOnePanelBody div { min-width:fit-content; border: 0; font-size: 14px; border-top:3px solid transparent; color:#a6abcd; margin:0; } .Style_tabtitlefull .OneByOnePanelBody div.Selected { border-top:3px solid #ed1a39; color:#ed1a39; font-weight: 400; } .Style_tgsd1 .FieldSet_cardtype4 { justify-content: center !important; } .Style_tgsd1 .FieldSet_cardtype4 .FieldSet_topImage img { min-height: 120px; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary { gap:12px; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary { max-width: 360px !important; border: 1px solid #78909c45; box-shadow: 0 0 8px #78909c2b; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary .Field_Title { font-size: 1.25em; line-height: 1; font-weight: 600; color: #263238; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary .Field_Summary > .InputSpan > a { line-height: 1.2; font-weight: 300; color: #455A64; } .Style_footersosyalV .EntityTypeView_contentonlybuttonimages { flex-direction: row; justify-content: center; } .Style_footersosyalV .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage { max-width:fit-content; margin:0; } .Style_footersosyalmini .EntityTypeView_contentonlybuttonimages { flex-direction: row; justify-content: left; align-content: center; } .Style_footersosyalmini .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage { max-width:fit-content; margin:0; } .Style_footersosyalmini .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage img { width:24px; } .Style_footersosyalmini.Style_colorwhite img { filter: invert(1); } .Style_topsosyalV .EntityTypeView_contentonlybuttonimages { flex-direction: row; align-content: center; } .Style_topsosyalV .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage { max-width:fit-content; margin:0; min-width: 32px; } .Style_topsosyalV .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage .Field_Image { max-width: fit-content; } .Style_topsosyalV .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage .Field_Image img { max-width:16px; filter: invert(1); } .Style_MWFitcontent { max-width:fit-content; } .Style_langmini { min-width: fit-content; padding-right: 12px; } .Style_langmini .LanguageList { margin:0 !important; } .Style_langmini .LanguageList > span { padding:4px 8px !important; } .Style_langmini.Style_white .LanguageList { background-color: #ffffff !important; } .Style_loginmini .Button_Login { background-color:#ffffff !important; } .Style_loginmini .Logon { background-color: #ffffff !important; color: #303030; } .Style_loginmini .Logon .UserImage { height:16px !important; margin: 1px 4px 1px 0 !important; } .Style_FontSize1q { font-size:125%; } .Style_FontSize1h { font-size:150%; } .Style_FontSize1t { font-size:175%; } .Style_kart14 .FieldSet_right { flex:1; padding:12px; } .Style_kart14 .FieldSet_left { flex:3; padding:12px; } .Style_column4 .EntityTypeViewBody .ItemView { max-width:23% !important; } .Style_JCCenter .ViewBody { justify-content: center !important; } .Style_JCCenter .ViewBody.MicroView.View_ItemView_Button9 { justify-content: center !important; } .Style_JCCenter .ViewBody.MicroView.View_ItemView_Button9 .ItemView { margin: auto 6px !important; } .Style_JCCenter .ViewBody .ItemView { margin: auto 4px; } .Style_JCLeft .ViewBody { justify-content: left !important; } .Style_JCLeft .ViewBody.MicroView.View_ItemView_Button9 { justify-content: left !important; } .Style_JCLeft .ViewBody.MicroView.View_ItemView_Button9 .ItemView { margin: auto 6px !important; } .Style_JCLeft .ViewBody .ItemView { margin: auto 4px; } .Style_JCRight .ViewBody { justify-content: right !important; } .Style_JCRight .ViewBody.MicroView.View_ItemView_Button9 { justify-content: right !important; } .Style_JCRight .ViewBody.MicroView.View_ItemView_Button9 .ItemView { margin: auto 6px !important; } .Style_JCRight .ViewBody .ItemView { margin: auto 4px; } .Style_iframe1 { height: 100% !important; } .Style_iframe1 .FieldSet_IFrame { height: 100% !important; } .Style_iframe1 .FieldSet_IFrame .FieldSubType_IFrame { height: 100% !important; } .Style_justImgSlider .swiper-slide.row .col-sm-12 { min-width:100% !important; max-width:100% !important; width:100% !important; } .Style_justImgSlider .swiper-slide.row .col-sm-12.tex1 { display:none !important; } .Style_justImgSlider .swiper-slide.row .col-sm-12 img { aspect-ratio: 34 / 9; width: 100% !important; object-fit: cover; } .Style_justImgSlider .swiper.mySwiper .swiper-slide { background: #ffffff !important; } .Style_gap30 >.FieldSet_panelbody >.EntityType_WebPageZone { gap:30px; } .Style_bglibefore::before { background-color: #1d2233 !important; opacity: 0.8 !important; bottom: 0; content: "" !important; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } .Style_ILH .FieldSet_contentonlybuttonimages { flex-direction: row; } .Style_ILH .FieldSet_contentonlybuttonimages >.ItemView_WebContent_OnlyImage { flex:1; } .Style_ILH2 .FieldSet_contentonlybuttonimages { flex-direction: row; gap:12px; } .Style_ILH2 .FieldSet_contentonlybuttonimages >.ItemView_WebContent_OnlyImage { flex: 0; background-color: #e7e7e7; padding: 12px; max-width: 48px; width: 48px; min-width: 48px; border-radius: 50%; } .Style_bgtransparent .EntityTypeView { background-color: transparent !important; } .Style_NewslatterForm .Field >.FieldLabel a { padding-left:0; padding-bottom:14px; } .Style_NewslatterForm .Field >.FieldLabel a span { font-weight: 400; font-size: 15px; color: #000; } .Style_NewslatterForm .Field >.FieldValue { border:2px solid #38454a; } .Style_NewslatterForm .Field >.FieldValue input { border:0 solid transparent !important; font-size: 16px; background-color: transparent; padding: 14px; } .Style_headerSection { background-color: #fff; } .Style_headerSection .StartLogo img { max-width: 100%; max-height: 90px; min-height: 40px; padding: 0; width: 300px; height: 90px; } .Style_headerSection .FieldSet_rootpagesbody .ItemView_WebPage_Button9 { border-bottom:2px solid transparent; } .Style_headerSection .FieldSet_rootpagesbody .ItemView_WebPage_Button9 .InputSpan { font-weight: 300; font-size: 16px; text-transform: uppercase; } .Style_headerSection .FieldSet_rootpagesbody .ItemView_WebPage_Button9.ClickToURLCurrent { border-bottom-color:#003975; } .Style_headerSection .FieldSet_rootpagesbody .ItemView_WebPage_Button9.ClickToURLCurrent .InputSpan { font-weight: 400; } .Style_Googlemap iframe { position: relative; min-height: 400px; padding: 16px; background-color: #fff; border: 1px solid #c9ccd0; } .Style_YatayPanel > .FieldSet_panelbody >.EntityType_WebPageZone { flex-direction: row !important; } .WebPageTitle { font-size: 125%; color: darkblue; padding: 0.5em; max-width: 1280px !important; margin: 0 auto; } .WebPageTitle .Field { display: block; text-align: center; } .WebPageTitle a { padding: 0; border: 0; box-shadow: 0 0 0; display: block; text-align: center; } .WebPageTitle .FieldValue { border: 0 !important; box-shadow: 0 0 0 !important; } .WebPageLink { position: absolute; right: 0; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent !important; color: transparent !important; } .WebPageLink * { position: absolute; right: 0; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent !important; color: transparent !important; } .WebPageZoneActions { width: 2em; table-layout: auto; } .WebPageZoneActions:before { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 1em; padding: 0.5em; display: inline-block; } .WebPageZoneActions:hover >.DirectionVer { display: block !important; } .WebPageZoneActions >.DirectionVer { display: none !important; width: auto; float: right; height: auto; position: absolute; right: 0; table-layout: auto; z-index: 10000; width: 2em !important; } .WebPageZoneActions >.DirectionVer >.ProcedureButton { display: block !important; width: auto !important; height: 2em; background-color: rgb(154, 198, 229) !important; } .WebPageZoneTitleHeader { opacity: 0.75; } .WebPageZoneTitleHeader:hover { opacity: 1.0; } .WebPageZoneTitleHeader:hover .ProcedureButton { opacity: 1.0; } .WebPageZoneTitleHeader:hover >.DirectionVer >.WebPageZoneActions >.DirectionVer { display: block !important; } .WebPageZoneTitleHeader .ProcedureButton { padding: 3px !important; margin: 0; visibility: visible !important; opacity: 0.5; font-size: 1.5em !important; display: flex; } .WebSiteForm_PageFooter { min-height: 20em; background-color: rgba(127,127,127,0.1); padding: 1em; } .WebSiteForm_PageFooter .EntityType_WebPage .ViewBody { text-align: center; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap { opacity: 0.7; font-size: 100%; font-weight: normal; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap a { font-weight: normal; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap .Field_Name { margin: 0 0.5em; padding: 0.5em; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap .ItemView_WebPage_SiteMap { display: block; font-size: 100%; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap:hover { box-shadow: 0 0 0; opacity: 1.0; } .WebSiteForm_PageHeader .Field_Logo img { max-height: 80px; } .WebSiteForm .Panel_MyAccount { padding: 0.5em; text-transform: uppercase; padding-left: 1em; } .WebSiteForm .Panel_MyAccount:before { content: "\f007"; font-weight: bold; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 0.5em; font-size: 150%; } .WebSiteForm .Panel_MyBag { padding: 0.5em; text-transform: uppercase; padding-left: 1em; } .WebSiteForm .Panel_MyBag:before { content: "\f290"; font-weight: bold; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 0.5em; font-size: 150%; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone { display: flex; flex: 1; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone .FieldSet_Content { display: flex; flex: 1; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone .FieldSet_Content .ContentView { display:flex; flex:1; flex-direction: column; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone .FieldSet_Content .ContentView .Panel { display:flex; flex: 1; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone .FieldSet_Content .ContentView >div:only-child { flex: 1; } .ItemCardBM { display: flex; flex-direction: column; } .ItemCardBM .FieldImage img { height: 150px !important; width:100%; } .ItemCardBM .Field_Name { font-weight: bold !important; text-transform: uppercase; } .ItemCard { box-shadow: var(--cardShadow) !important; background-color: white !important; padding: 8px; border-radius: 10px; max-width: 220px; } .ItemCardBM { background-color: white !important; padding: 8px; border: 1px solid #d8d8d8 !important; border-radius: 10px; max-width: 274px !important; margin: 0; } .ItemCardBM .Field_Subject >InputSpan > a { text-align: center; } .ItemCardTitle { font-size: 130%; font-weight: 600; font-size: 150%; font-weight: 600; } .ItemCardGroup .InputSpan a { padding-bottom: 0; padding-top: 0; font-style: italic; font-size: 80%; } .ItemCardSummary { font-weight: 400; font-size: 90%; } .ItemCardSummary .InputSpan a { max-height: 6em; overflow: hidden; justify-content: flex-start; align-items: flex-start; line-height: 1.25em; } .ItemCardYatay { margin: 8px !important; border: 1px solid #d8d8d8 !important; background-color: white !important; padding: 8px; border-radius: 10px; max-width: calc(100% - 32px); } .ItemCardProjeler { margin: 8px !important; background-color: white !important; padding: 8px; border-radius: 10px; max-width: 270px; border: 1.5px solid #D8D8D8; } .ItemCardProjeler .ItemCardSummary { font-weight: 400 !important; font-size: 19px !important; line-height: 30px !important; } .ItemCard.ratio img { aspect-ratio: 3/2; object-fit: cover; } .ItemCardBM.ratiohorizon img { aspect-ratio: 3/2; object-fit: cover; } .ItemCardYatay.ratiohorizon img { aspect-ratio: 3/2; object-fit: cover; } .ItemCardBM.ratio img { aspect-ratio: 3/2; object-fit: cover; } .Page_Cockpit .PageZone_ES > .EntitySelector >.Button { padding: 10px 0px !important; font-size: 12px; } .Page_Cockpit .PageZone_ES > .EntitySelector >.Button > .ImageSpan ,.Page_Cockpit .PageZone_ES > .EntitySelector >.Button > .ImageClass { display:none !important; } .Page_Cockpit .PageZone_ES > .EntitySelector >.Button .ButtonText { font-size: 80% } .Page_Cockpit .PageZone_ES > .EntitySelector >.Button:after { bottom: 0; } .Page_Cockpit .SingleItem > div { background-color: transparent; border: 0; } .Page_Cockpit.Page .PageZone_Left .LeafNav { height: 100%; width: 100%; box-sizing: border-box; box-shadow: 0 0 0 !important; } .Page_Cockpit.Page .PageZone_Left .LeafNav .NavButton { display: flex; flex-direction: column; align-content: stretch; justify-content: space-evenly; flex: 1; padding: calc(var(--cellSize) / 20); flex-wrap: nowrap; align-items: stretch; padding: 0 !important; } .Page_Cockpit.Page .PageZone_Left .LeafNav .NavButton > .NavImage { padding: 8px; margin: 6px 6px 0 6px; opacity: 0.9; border-radius: 40%; border: solid 1px silver; background-color: white; text-align: center; font-size: 2em; aspect-ratio: 1 / 1; width: auto; height: 40px; margin: 0 auto; display: flex; } .Page_Cockpit.Page .PageZone_Left .LeafNav .NavButton > .NavTitle { padding: 1px !important; font-size: 80%; text-align: center; opacity: 1; border: 0; font-weight: 600 !important; color: #37474F; border-radius: 0 !important; } .Page_Cockpit.Page .PageZone_Left .LeafNav .NavButton > .NavTitle span { padding: 4px; text-align: left; } .Page_Cockpit.Page .PageZone_Left .LeafNav.Selected .NavImage { box-shadow: 0 0 0.25em black; border: 0; } .Page_Cockpit.Page .PageZone_Right .LeafNav { height: 100%; width: 100%; box-sizing: border-box; box-shadow: 0 0 0 !important; } .Page_Cockpit.Page .PageZone_Right .LeafNav .NavButton { display: flex; flex-direction: column; align-content: stretch; justify-content: space-evenly; flex: 1; padding: calc(var(--cellSize) / 20); flex-wrap: nowrap; align-items: stretch; padding: 0 !important; } .Page_Cockpit.Page .PageZone_Right .LeafNav .NavButton > .NavImage { padding: 8px; margin: 6px 6px 0 6px; opacity: 0.9; border-radius: 40%; border: solid 1px silver; background-color: white; text-align: center; font-size: 2em; aspect-ratio: 1 / 1; width: auto; height: 40px; margin: 0 auto; display: flex; } .Page_Cockpit.Page .PageZone_Right .LeafNav .NavButton > .NavTitle { padding: 1px !important; font-size: 80%; text-align: center; opacity: 1; border: 0; font-weight: 600 !important; color: #37474F; border-radius: 0 !important; } .Page_Cockpit.Page .PageZone_Right .LeafNav .NavButton > .NavTitle span { padding: 4px; text-align: left; } .Page_Cockpit.Page .PageZone_Right .LeafNav.Selected .NavImage { box-shadow: 0 0 0.25em black; border: 0; } .BODYPage_Cockpit .SelectionsMenu_EntitySelector:after { content: none; top: 6em; display: none; } .BODYPage_Cockpit .SelectionsMenu_EntitySelector { min-width: 340px !important; width: 800px !important; max-width: 800px !important; left: auto !important; } .BODYPage_Cockpit .EntityTypeView { border:0px !important; } .MyBox { background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; margin-bottom: 10px; } .SingleItem { --cardcolor: RGB(0, 0, 128); padding-left: var(--gap); padding-right: var(--gap); } .SingleItem .InternetItemType { width: auto; left: 2.5em; padding: 0; width: fit-content !important; opacity: 1; font-size: 12px; color: #78909C; } .SingleItem .InternetItemType .InputSpan > a { padding: 0 0 0.35em 0.5em; } .SingleItem .InternetItemProps { bottom: 0; width: auto; left: 0; right: 0; padding: 0; width: auto !important; } .SingleItem .InternetItemProps .Field { padding: 0; } .SingleItem .InternetItemProps .LabelPositionLeft > .FieldLabel > a { align-items: flex-end; justify-content: flex-end; } .SingleItem .InternetItemHeader .Middle:has(.NoRecordsFound) { display:none !important; } .SingleItem .InternetItemHeader .Middle .NoRecordsFound { display:none !important; } .SingleItem .InternetItemName { position: absolute; top: 0; left: 0; font-weight: bold; font-size: 14px; max-width: fit-content !important; max-height: 45px; color: rgb(255 255 255) !important; background-color: #546e7a !important; border-radius: 10px 0 10px 0 !important; letter-spacing: 5px; padding: 10px 20px; } .SingleItem_Project_Internet .ItemBody { overflow: inherit; } .SingleItem_Project_Internet .FieldSetPanel .TabHeader { margin-left: -10px; } .SingleItem_Project_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_Project_Internet .FieldSet_mc >.sticky { display: block; position: sticky; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_Event_Internet .ItemBody { overflow: inherit; } .SingleItem_Event_Internet .FieldSetPanel .TabHeader { margin-left: -10px; } .SingleItem_Event_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_Event_Internet .ProjectOwnerUserPanel { font-size: 100%; display: block; margin: 0 auto; max-width: 25em; width: 25em; border-radius: 4px; border: var(--buttonBorder); background: #ffffff; border: 1px solid #d8d8d8; border-radius: 10px; min-height: 77px; max-height: 77px; margin-right: 2px; } .SingleItem_Event .CardPicture img ,.SingleItem_Event .CardPicture svg { border-radius: 8px; border: solid 1px #d9d9d9; padding: 8px; max-height: 75px; min-height: 75px; margin-left: 15px; max-width: 75px; margin-top: -10px; background: #ffffff; } .SingleItem_UserSummary { --cardcolor: RGB(135, 206, 235); } .SingleItem_UserSummary .CardBannerLeft { flex: 1; max-width: 50px; } .SingleItem_UserSummary .CardPicture img ,.SingleItem_UserSummary .CardPicture svg { border-radius: 8px 0 0 0; } .SingleItem_UserSummary .CardMain .CardPicture { justify-content: flex-start; align-items: flex-start; } .SingleItem_UserSummary .CardBanner::before { content: var(--icon-User); font-family: "361"; position: absolute; left: 0; top: 0; font-size: 160px; opacity: 0.1; } .SingleItem_Community { --cardcolor: RGB(65, 105, 225); } .SingleItem_Community .CardMain .CardBanner .Field_Name { padding-top: 0.7em; } .SingleItem_Community .CardMain .CardPicture { padding: 8px; flex-direction: column; align-content: baseline; } .SingleItem_Community .CardPicture img ,.SingleItem_Community .CardPicture svg { border-radius: 8px; border: solid 1px #d9d9d9; padding: 8px; max-height: 75px; min-height: 75px; margin-left: 15px; max-width: 75px; margin-left: 30px; margin-top: 0px; background: #ffffff; } .SingleItem_Community .CardBanner::before { content: var(--icon-Users); font-family: "361"; position: absolute; left: 0; top: 0; font-size: 160px; opacity: 0.1; } .SingleItem_Community .CardSummary .FieldValue > img { display: block; text-align: center; margin-left: 20px; margin-right: 10px; max-width: 30px; max-height: 30px; border-radius: 8px; } .SingleItem_Community_Internet .ProjectOwnerUserPanel { font-size: 100%; display: block; margin: 0 auto; max-width: 25em; width: 25em; border-radius: 4px; border: var(--buttonBorder); background: #ffffff; border: 1px solid #d8d8d8; border-radius: 10px; min-height: 74px; max-height: 74px; margin-right: 2px; } .SingleItem_Location { --cardcolor: var(--locationColor); } .SingleItem_Location_Internet .FieldSet_mc { display: flex; } .SingleItem_Location_Internet .FieldSet_mc >.sticky { display: flex; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_CommunityCause .CardMain .CardBanner .Field_Name { font-size: 150%; } .SingleItem_CommunityCause .CardMain .CardPicture img ,.SingleItem_CommunityCause .CardMain .CardPicture svg { border-radius: 8px; background-color: transparent !important; width: auto; height: 100%; max-height: 100px; } .SelectionsMenu.SelectionsMenu_OnClickMenuForm:has( .WebEditBox ) { left: 10% !important; min-width: 80% !important; min-height:50%; box-shadow:0 0 20vh 1rem #000000; } .SelectionsMenu.SelectionsMenu_OnClickMenuForm:has( .WebEditBox ) .MenuItemView_WebPageZone_EditText { min-width:100%; } .CardMain { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; position: relative; gap: 16px; } .CardMain .ReadOnly .InputSpan a { background-color: transparent; } .CardMain .CardActions { padding: 8px; } .CardMain .CardPicture { padding: 0; height: 100%; } .CardMain .CardPicture img ,.CardMain .CardPicture svg { width: auto; height: 100%; max-height: 130px; background-color: white; color: #80808080; } .CardMain .CardPictureUser { align-items: inherit !important; height: 100%; border-radius: 180px; border: solid 1px gray; max-height: 100px; min-height: 100px; margin-left: 30px; max-width: 100px; min-width: 100px; margin-top: 60px !important; padding: 0 !important; background-color: #ff0000; } .CardMain .CardSummary { margin-top: 20px; } .CardMain .CardSummary .Field_Subject a { padding-top: 0; padding-bottom: 0; } .CardMain .CardSummary .Field { padding-top: 0px; } .CardMain .CardSummary .Field_Name .InputSpan a { font-weight: bold; font-size: 150%; } .CardMain .TabHeader { border-bottom: 1px solid rgba(136, 134, 134, 0.5); } .CardMain .TabHeader >span { flex: 0; width: auto; } .CardMain .TabButton { border: 0 !important; } .CardMain .TabButton >span { white-space: nowrap; padding-left: 1em; padding-right: 1em; } .CardMain .CardUserName .InputSpan a { background-color: transparent; margin-top: -115px; margin-left: 142px; } .CardMainProject { width: 100%; flex: 1; margin: 0 auto; display: flex; flex-direction: column; position: relative; gap: 0 !important; background-color: transparent !important; } .CardBanner { min-height: 170px; color: white; background-color: var(--cardColor); border-radius: 10px 10px 0 0; position: relative; display: flex !important; align-items: flex-end; justify-content: flex-end; flex-direction: column; padding-bottom: 1em; flex: 1; } .CardBanner .CardIcons { padding: 0; position: absolute !important; left: 0; top: 0; flex-wrap: wrap; } .CardBanner .CardIcons img { margin-right: -10px !important; } .CardBanner .CardActions { position: absolute; right: 10px; bottom: -52px; } .CardBanner .CardActionsUser { position: absolute; right: 10px; bottom: 10px; } .CardBannerRight { width: auto; background: #ff0000 !important; } .CardActions .Button { color: #546E7A !important; background-color: #FFFFFF !important; box-shadow: none !important; /*max-height: 30px !important;*/ border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #0097A7; padding: var(--inputPadding); } .CardActions .Button:hover { color: #43A5FF !important; border: 1px solid #43A5FF; transition: 0.4s; } .CardActions .Button .ButtonImage { max-width: 16px; min-width: 16px; color: #0097A7; } .CardActions .Button .ButtonTitle { text-wrap: nowrap; max-width: fit-content; } .CardActions .Button.DoScriptButton_MemberCancel { color: #D81B60 !important; border: 1px dashed #D81B60; min-width: 100%; } .CardActions .Button.DoScriptButton_MemberCancel .ButtonImage { color: #D81B60 ; } .CardHeader { flex: 0; margin: 0px auto; width: 100%; padding: 0; } .CardTabs { margin-left: 30px !important; margin-right: 30px !important; flex: 1; min-height: 200px; margin-left: 20px; border: solid 0px #d9d9d9; border-radius: 0px; } .CurrentUser__Guest .PageZone_body .PageZone_Left ,.CurrentUser__Guest .PageZone_body .PageZone_Right { display:none !important; } .CurrentUser__Guest .ItemView:hover { /*background-color: transparent !important;*/ } .CurrentUser__Guest .ItemView.Clickable:hover ,.CurrentUser__Guest .SelectionHover { outline: unset !important; } .CurrentUser_Person.BODYPage_Cockpit .PageZone_header >.DirectionVer { gap:0 !important; } .CurrentUser_Person.BODYPage_Cockpit .PageZone_body >.DirectionVer { gap:0 !important; } .CurrentUser_Person.BODYPage_Cockpit .PageZone_body >.DirectionVer .PageZone_Center { max-width: 100%; overflow-x: hidden; } .Content_MyAccountButton { display: flex; justify-content: flex-end !important; } .Content_MyAccountButton .UserET_User { flex-direction: row-reverse; } .Content_MyAccountButton .Panel_s { justify-content: center !important; } .Page_Cockpit .Panel { display: flex; flex-direction: column; /*gap: var(--gap);*/ /**arayüzleri bozuyor */ } .Page_Cockpit .Panel.row { display: flex;flex-direction: row; } .Gap1 .ViewBody_ItemView { gap:var(--gap); } .ViewBody_ItemView_ImageTitleSummaryinternet { max-width: 1200px; margin: auto !important; gap:var(--gap); } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet { background-color: #ffffff; border: 1px solid #607d8b3b; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet .Field_Image img { max-height: 240px; min-height: 240px; object-fit: cover; min-width:100%; object-position: center; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet .Field_Title { color: #0097A7; font-weight: 500; border-bottom: 1px solid #00ACC1; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet .Field_Title .InputSpan > a { justify-content: center; text-align: center; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet .Field_Summary { align-content: flex-start; } .Domain_TGSD.BODYPage_Cockpit { background-color: #ffffff !important; } .Domain_TGSD.BODYPage_Cockpit .Style_footerlogo { min-height: fit-content; } .Domain_TGSD.BODYPage_Cockpit .Style_footerlogo picture img { min-width: 360px; } .Domain_TGSD.BODYPage_Cockpit .Style_footermain { background-image: url(./file/WebImage/Image/a2533f16-c40e-02d7-6ac1-9e5397cae89e/footerbg_tgsd.svg); background-repeat: no-repeat; background-position: top center; background-size: cover; padding-top:100px; } .Domain_TGSD.BODYPage_Cockpit .Style_herosld .swiper-slide.row .col-sm-12 { min-width:100% !important; max-width:100% !important; width:100% !important; } .Domain_TGSD.BODYPage_Cockpit .Style_herosld .swiper-slide.row .col-sm-12.tex1 { display:none !important; } .Domain_TGSD.BODYPage_Cockpit .Style_herosld .swiper-slide.row .col-sm-12 img { aspect-ratio: 16 / 6; width: 100% !important; object-fit: cover; } .Domain_TGSD.BODYPage_Cockpit .Style_herosld .swiper.mySwiper .swiper-slide { background: #ffffff !important; } .Domain_TGSD.BODYPage_Cockpit .ItemBody { border-radius: 0 !important; } .Domain_TGSD.BODYPage_MobileFullWebPage { background-color: #ffffff !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_footerlogo { min-height: fit-content; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_footerlogo picture img { min-width: 360px; min-height: 90px; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_footermain { background-image: url(./file/WebImage/Image/a2533f16-c40e-02d7-6ac1-9e5397cae89e/footerbg_tgsd.svg); background-repeat: no-repeat; background-position: top center; background-size: cover; padding-top:100px; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper-slide.row .col-sm-12 { min-width:100% !important; max-width:100% !important; width:100% !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper-slide.row .col-sm-12.tex1 { display:none !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper-slide.row .col-sm-12 img { aspect-ratio: 16 / 6; width: 100% !important; object-fit: cover; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper.mySwiper .swiper-slide { background: #ffffff !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .ItemBody { border-radius: 0 !important; } .MainContentDIV:has(>.SingleItem_Product_Internet.SingleItem_Product) { max-width: 1320px; margin:0 auto; } .Domain_361.BODYPage_MobileFullWebPage .PageZone_header .EntityTypeView_MobileHeader { display:none !important; } .BODYPage_FullWebPage .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_FullWebPage .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .BODYPage_Cockpit .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_Cockpit .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .BODYPage_MobileFullWebPage .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_MobileFullWebPage .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .BODYPage_MobileSimpleNew .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_MobileSimpleNew .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_EventSession .ItemView_EventSession_BasicCard { max-width:320px; margin:0 auto; min-width:320px; border-top: dashed 1px #80808040; } .EntityType_EventSession .ItemView_EventSession_BasicCard .FieldSet_timeFS { color: #0097A7; font-size: 1.25rem; padding:2px 4px; } .EntityType_EventSession .ItemView_EventSession_BasicCard .FieldSet_timeFS .Field { padding:0; max-width:fit-content; } .EntityType_EventSession .ItemView_EventSession_BasicCard .FieldSet_timeFS .Field .InputSpan > a { color: #0097A7; font-size: 1.25rem; padding:2px 4px; font-weight: 600; } .EntityType_EventSession .ItemView_EventSession_BasicCard .Field_Description .InputSpan a { color: rgb(38, 50, 56); font-weight: 300; font-style: italic; padding: 2px 4px 2px 8px; } .EntityType_EventSession .ItemView_EventSession_BasicCard:last-child { border-bottom: dashed 1px #80808040; } .EntityType_EventSession .ItemView_EventSession_BasicCard .FieldSet_t2 { border-left: dashed 1px #80808040; } .EntityType_EventSession .ItemView_EventSession_BasicCard .Field_Duration { font-size: 1.25em; padding: 4px; } .EntityType_EventSession .ItemView_EventSession_BasicCard .Field_Duration .InputSpan a { padding:2px 4px ; font-weight: 600; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard { max-width:320px; margin:0; min-width:320px; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .FieldSet_timeFS { color: #0097A7; font-size: 1rem; padding:2px 4px; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .FieldSet_timeFS .Field { padding:0; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .FieldSet_timeFS .Field .InputSpan > a { color: #0097A7; font-size: 1rem; padding:2px 4px; font-weight: 600; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .Field_Description .InputSpan a { color: rgb(38, 50, 56); font-weight: 300; font-style: italic; padding: 2px 4px 2px 8px; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .Field_Duration .InputSpan a { padding:2px 4px ; } .EntityType_EventSession.EntityTypeViewBody { gap:1em; } .EntityType_EventSession .ViewBody_ItemView_BasicCard { gap:1em; } .EntityType_EventSession.View_ItemView_BasicCard .FolderGroupByTab { flex-direction: column; } .EntityType_EventSession.View_ItemView_BasicCard .GroupByMode_Tab { flex-direction: column; width: 100%; } .EntityType_EventSession.View_ItemView_BasicCard .GroupByMode_Tab .GroupByTabHeader { flex: 1; min-height: fit-content; } .EntityType_EventSession.View_ItemView_BasicminiCard .GroupByMode_Tab { flex-direction: column; } .EntityType_EventSession.View_ItemView_BasicminiCard .GroupByMode_Tab .GroupByTabHeader { flex: 1; min-height: fit-content; justify-content: center; } .EntityType_EventSession .FolderGroupByTab > .GroupByBody { gap: 0 !important; flex-direction: column; } .SingleItem_EventSession_Internet .ViewBody_ItemView_Card .NoRecordsFound { display:none !important; } .ItemView_EventSessionQuestion_Card { background-color: white; } .ItemView_EventSessionQuestion_Card .Field_Question { font-weight: 600; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_EventConnection .ItemView_EventConnection_BasicCard { max-width: 320px; margin: 0; min-width: 320px; justify-content: flex-end; display: flex; } .EntityType_EventConnection .ItemView_EventConnection_BasicCard .EntityType_Person.ViewBody_ItemView_ProfileMini { gap:1em; background-color: #ffffff; padding-top: 1em; border-top: 1px dashed #ccc !important; } .EntityType_EventConnection .ItemView_EventConnection_BasicCard .EntityType_Person.ViewBody_ItemView_ProfileMini .ItemView_Person_ProfileMini { max-width:150px; margin:0; min-width:150px; } .EntityType_EventConnection.ViewBody_ItemView_BasicCard { gap:1em; } .EntityType_EventConnection .ViewBody_ItemView_BasicCard { gap:1em; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_EventNetworkSession.EntityTypeViewBody { gap:1em; } .EntityType_EventNetworkSession .ItemView_EventNetworkSession_BasicCard { max-width:320px; margin:0; min-width:320px; } .EntityType_EventNetworkSession .ViewBody_ItemView_BasicCard { gap:1em; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_Event.ViewBody_ItemView_InternetCard { padding: 16px !important; gap: 16px; } .TimeLine .ViewBody_ItemView { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; } .TimeLine .ViewBody_ItemView .ItemView_EventSession_BasicCard { max-width: 640px; margin: 0 auto; min-width: 320px; padding: 0 4px; border-left:4px solid #ff5722; background-color: #ffffff; } .TimeLine .ViewBody_ItemView .ItemView_EventSession_BasicminiCard { max-width: 640px; margin: 0; min-width: 320px; padding: 0 4px; border-left:4px solid #ff5722; background-color: #ffffff; } .TimeLine .ViewBody_ItemView_BasicCard { gap:4px; } .TimeLine .ViewBody_ItemView_BasicminiCard { gap:4px; } .SingleItem_Event_Internet .EntityType_EventSession .ViewBody_ItemView_BasicCard .GroupByTabHeader { justify-content: center; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard { max-width:150px; margin:0; background: var(--BoxBackColor) !important; border: var(--BoxBorder, 0) !important; box-shadow: var(--BoxShadow, unset); } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .DisplayRemoteField { display:flex; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .DisplayRemoteField img { width: 120px; height:120px; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .DisplayRemoteField img img { width: 120px; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .Field_Logo { display:flex; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .Field_Logo img { width: 120px; height:80px; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .Field_Sponsor { text-transform: uppercase; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .Field_Sponsor .InputSpan a { min-height: 3em; } .EntityType_EventSponsorship .ViewBody_ItemView_MinlogoCard { gap:8px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .EntityType_EXMStand .ItemView_EXMStand_Card { max-width: 320px; margin: 0; min-width: 320px; background: var(--BoxBackColor) !important; border: var(--BoxBorder, 0) !important; box-shadow: var(--BoxShadow, unset); } .EntityType_EXMStand .ItemView_EXMStand_StandMidiCard { max-width: 320px; } .EntityType_EXMStand .ItemView_EXMStand_StandMidiCard .Field .InputSpan > a { /*justify-content: center;*/ font-size: 16px; width: 100%; max-width: 100%; } .EntityType_EXMStand .ItemView_EXMStand_StandMidiCard .Field_StandNumber { position:absolute; left: 4px; top: 4px; } .EntityType_EXMStand .ItemView_EXMStand_StandMidiCard .Field_StandType { position:absolute; right: 4px; top: 4px; width: auto; font-size: 80%; font-weight: 200; } .EntityType_EXMStand .ViewBody_ItemView_StandMidiCard { gap:var(--gap) } .EntityType_EXMExhibitor .ItemView_EXMExhibitor_Card { max-width: 320px; margin: 0; min-width: 320px; background: var(--BoxBackColor) !important; border: var(--BoxBorder, 0) !important; box-shadow: var(--BoxShadow, unset); } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_EventPerson_Card { max-width: 320px; } .ItemView_Event_Card { box-shadow: 0 0 0; max-width: 320px; min-width: auto; /*margin-left: auto; margin-right: auto;*/ padding: 8px; margin-bottom: 0.4em; background-color: white; } .ItemView_Event_Card .Field a { text-align: left !important; } .ItemView_Event_Card .Field_StartDate { flex: 2; } .ItemView_Event_Card .Field_Type { font-size: 80%; } .ItemView_Event_Card .Field_Attendance { font-size: 70%; opacity: 0.5; bottom: 0; left: 0; right: 0; } .ItemView_Event_Card .FieldValue .InputSpan a { padding: 4px; } .ItemView_Event_Card .FieldSet_Title { text-align: left !important; color: gray; font-size: 80%; } #FieldSet_kks >.DirectionVer { justify-content: flex-end !important; } .CardMain { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; position: relative; gap: 16px; } .CardMainProject { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; position: relative; background-color: transparent !important; } .EventHeader { text-transform: capitalize; font-size: 2em !important; font-weight: 600; width: auto !important; margin-top: 5px; } .SingleItem .ReadOnly.EventHeader >.InputSpan >a { border: 0px !important; --bg-opacity: 0 !important; background-color: white !important; } .SingleItem .ReadOnly.DateStart >.InputSpan >a { border: 0px !important; --bg-opacity: 0 !important; background-color: white !important; width: fit-content; } .DateStart { text-align: left !important; max-width: fit-content !important; font-size: 14px !important; margin-left: -30px !important; } .EntityTypeView_Katilimcilar .ItemView_EventPerson_Card .Field_Picture >img { height: 32px !important; object-fit: cover; border-radius: 50%; } .EntityTypeView_Katilimcilar .ItemView { background-color: white; padding: 2px; } .EntityTypeView_Katilimcilar .ViewBody_ItemView_Card { flex-direction: row; gap: 1px; padding: 0.25em 0.5em; } .ProjectOwnerUserPanelxx { font-size: 100%; display: block; margin: 0 auto; max-width: 25em; width: 25em; border-radius: 4px; border: var(--buttonBorder); background: #ffffff; border: 1px solid #d8d8d8; border-radius: 10px; min-height: 77px; max-height: 77px; margin-right: 2px; } .EntityTypeView_events .ItemView_Event_MypageCard { max-width:320px; } .intbtn { color: #546E7A !important; background-color: #eceff100 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #B0BEC5; } .SingleItem_EventPerson_Badge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; } .SingleItem_EventPerson_Badge .FieldValue .InputSpan a { border: 0; } .SingleItem_EventPerson_Badge .FieldSet_m { justify-content : center; } .SingleItem_EventPerson_Badge .ItemView { border: 0 !important; } .SingleItem_EventPerson_Badge .Image2_logo { width: 50%; } .SingleItem_Event_Register.SingleItem { max-width: 600px !important; margin: 0 auto; } .SingleItem_Event_URL .FieldSet_m { flex: 0.9; justify-content: flex-start; } .SingleItem_Event_URL .FieldSet_m .Field_URL { flex: 0.9 !important; } .SingleItem_Event_URL .FieldSet_m .Field_URL .InputSpan { text-align: center; } .SingleItem_Event_URL .FieldSet_m .Field_URL .InputSpan a { text-align: center; justify-content: center; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_User_Internet .PanelBody { display: flex; flex-direction: row; justify-content: center; } .SingleItem_User_Internet .PanelBody >.FieldValue { max-width: fit-content; padding: 6px 0; } .SingleItem_User_Internet .PanelBody >.FieldValue >.InputSpan >a { padding: 4px 12px !important; background-color: #ffffff; border-radius: 2em; border: 1px solid #CFD8DC; } .SingleItem_User_Internet .EntityTypeView_CAUSES .ViewBody_ItemView_Icon { justify-content: center; } .SingleItem_User_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; box-sizing: border-box; z-index: 999; } .SingleItem_UserSignUp_Request { max-width: 360px; margin: 0 auto; padding: 1em 2em; background-color: #ffffff; box-shadow: 0 0 20px rgb(64 58 92 / 8%); } .SingleItem_UserSignUp_Request .DoScript_CreateAccount { padding: 0.75em 1em; margin: 0.5em; display: block; margin-left: auto; margin-right: auto; width: 100%; font-size: 120%; background-color: #35b335; color: white; } .ItemView_User_InternetCard { width: 320px; height: 200px; width: 220px; height: 220px; padding-top: 16px; background-image: linear-gradient(180deg, #CFD8DC 0%, #CFD8DC 50%,#ffffff 50%, #ffffff 100%); background-repeat: no-repeat; background-size: 100% 128px; background-color: #ffffff; border-radius: 10px; } .ItemView_User_InternetCard .Field_Name .InputSpan a { font-size: 100%; font-weight: 500; justify-content: center; align-items: center; align-content: center; text-align: center; display: flex; font-weight: 600; color: #455A64; } .ItemView_User_InternetCard .FieldSet_t { justify-content: center; align-items: center; align-content: center; display: flex; } .ItemView_User_InternetCard .Image2 { border-radius: 100%; border: solid 3px #ffffff; height: 100px !important; max-width: 100px !important; background-color: #ffffff; min-width: 100px; color: #546E7A; box-shadow: 0px 2px 4px 0 #90a4aea6; } .ItemView_User_InternetCard .Image2 svg { opacity: 0.25; } .ItemView_User_InternetCard .Image2 img { border-radius: 100%; height: 100%; } .ItemView_User_InternetCard .Field_Image img { border-radius: 100%; border: solid 3px #ffffff; height: 100px !important; max-width: 100px !important; background-color: #ffffff; min-width: 100px; color: #546E7A; box-shadow: 0px 2px 4px 0 #90a4aea6; } .ItemView_User_InternetCard .Field_Title { font-size: 12px; font-weight: 400; color: #78909c; } .ItemView_User_InternetCard .Field_Title .InputSpan > a { text-align: center; padding: 0; } .ItemView_User_InternetCard .ParameterSet { display: flex !important; } .ItemView_User_InternetCard .Button { color: #546E7A !important; background-color: #dbe0e329 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #B0BEC5; transition: 1s; max-width: fit-content; font-size: 9px; padding: 4px 6px 4px 4px; } .ItemView_User_InternetCard .Button:hover { color: #009688 !important; border: 1px solid #26A69A; transition: 1s; background-color: #f5fffe !important; } .ItemView_User_InternetCard .Button .ButtonImage { max-width: 16px; min-width: 16px; } .ItemView_User_InternetCard .Button .ButtonTitle { text-wrap: nowrap; } .ItemView_User_InternetCard .Button.DoScriptButton_CancelFollowing { color: #ff7a7a !important; background-color: #e3dbdb29 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #ffb0b0; transition: 1s; } .ItemView_User_InternetCard .Button.DoScriptButton_CancelFollowing:hover { color: #c90000 !important; background-color: #ffa6a629 !important; border: 1px solid #ff6b6b; } .ItemView_User_InternetCard .Button.DoScriptButton_RequestCancel { color: #ff7a7a !important; background-color: #e3dbdb29 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #ffb0b0; transition: 1s; } .ItemView_User_InternetCard .Button.DoScriptButton_RequestCancel:hover { color: #c90000 !important; background-color: #ffa6a629 !important; border: 1px solid #ff6b6b; } .ItemView_User_MyAccount { min-height: 50vh; max-width: 600px; margin: 0 auto; min-width: 100%; } .ItemView_User_MyAccount .FieldSet_About { gap: 1em; } .ItemView_User_MyAccount .BG1 { display: flex; margin: 0 auto; border-radius: 3px !important; border: var(--buttonBorder); min-width: 100%; flex-direction: column; padding: 10px; } .ItemView_User_MyAccount .BG2 { display: flex; margin: 0 auto; flex-direction: column; padding: 10px; } .UserPictureSticky { align-items: inherit !important; height: 100%; border-radius: 180px; max-height: 125px; min-height: 125px; margin-left: 20px; max-width: 125px; min-width: 125px; padding: 0 !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView__Authorization_Card { padding: 0; margin: 1px auto !important; box-shadow: 0 0 0 gray; font-size: 80%; background-color: white; } .ItemView__Authorization_Card .Choices > a { padding: 8px !important; } .ItemView__Authorization_Card a.Choice { padding: 4px 6px !important; } .ItemView__Authorization_Card a.Selected { padding: 4px 6px !important; } .ItemView__Authorization_Card .FieldMultiState { border-top: 1px; } .ItemView__Authorization_Card .Field_CreatedByPermission .ButtonText { width: 100%; } .ItemView__Authorization_Card .Field_ReadOnly .ButtonText { width: 100%; } .ItemView__Authorization_Card .Field_EntityType > .InputSpan { background-color: #80808010; font-weight: 700; font-size: 1.2em; } .ItemView__Authorization_Card .Field_EntityType .SubFields { background-color: #80808008; box-shadow: 0 0 2px silver; } .ItemView__UserRole_Role.Mode_Display .FieldEntityType.FieldValue { flex-direction: row !important; flex-wrap: nowrap !important; min-width: 0 !important; width: auto !important; } .ItemView__UserRole_Role.Mode_Display .FieldEntityType.FieldValue >* { width: auto !important; flex: 1; min-width: 0; } .ItemView__Roles_Card { width: 200px; margin: 0; } .ItemView__User_Card { width: 200px; margin: 0; } .SingleItem__User_MyAccount { max-width: 640px; margin: 0 auto; } .SingleItem__User_MyAccount .ItemBody { position: relative; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .ItemView_QRCodeReader_Card { width: 100%; } .ItemView_QRCodeReader_Card .FieldSet_Reader { height: 100% !important; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } .SingleItem_FormTemplate_Designer .FieldSet_zones { background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 1rem; } .SingleItem_FormTemplate_Designer .FieldSet_toolbar { background-color: white; border-radius: 6px; padding: 0.75rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .SingleItem_FormTemplate_Designer .EntityTypeView_DesignZones { min-height: 400px; background-color: white; border-radius: 6px; padding: 1rem; } .ItemView_FormTemplateZone_DesignCard { margin: 0.5rem 0; border: 2px solid transparent; border-radius: 6px; background-color: white; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar { background-color: #f0f0f0; border-bottom: 1px solid #a4a6a8; padding: 2px 4px; border-radius:0; font-size:10px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar select { padding: inherit; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSetPanel:hover >.Image2 { color:red !important; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content { padding: 2px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_L { /*border-left: 4px solid #4caf50; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_L >.FieldSet_toolbar { background-color: #edf3f9; border-bottom-color: #81b4e8; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_F { /*border-left: 4px solid #2196f3; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_F >.FieldSet_toolbar { background-color: #eefbf1; border-bottom-color: #22a649; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_D { /*border-left: 4px solid #ff9800; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_R { /*border-left: 4px solid #9c27b0; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_R >.FieldSet_toolbar { background-color: #fdf3ff; border-bottom-color: #9c27b0; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_I { /*border-left: 4px solid #e91e63; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_I >.FieldSet_toolbar { background-color: #fff5ef; border-bottom-color: #ea6414; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_T { /*border-left: 4px solid #607d8b; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_T >.FieldSet_toolbar { background-color: #fffef2; border-bottom-color: #aca210; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Field .FieldLabel { font-size:12px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .ViewBody_ItemView_DesignCard { gap: 6px !important; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .FieldSet_FO { border-radius: 0; max-width:320px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .FieldSet_FO .PanelHeader.ToggleHeader { padding: 2px !important; min-height: 24px; background-color: #eefafb !important; border-radius: 0 !important; color: #08454a; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .FieldSet_FO .PanelHeader.ToggleHeader >.PanelHeaderTitle { font-size: 10px !important; padding: 2px; color: #08454a; } .ItemView_FormTemplateZone_DesignCard .EntityTypeView_subzones { border-left: 2px dashed #ddd; } .ItemView_FormTemplateZone_DesignCard:hover { border-color: #2196f3; box-shadow: 0 4px 8px rgba(33, 150, 243, 0.2); } .ItemView_FormTemplateZone_DesignCard:hover .FieldSet_toolbar.IsEditing_false { display: block; } .ItemView_FormTemplateZone_DesignCard.IsEditing_true { border-color: #2196f3; background-color: #fafafa; } .ItemView_FormTemplateZone_DesignCard .FieldSet_styling { background-color: #edf3f9 !important; padding:0 12px 12px; font-size: 12px; font-weight: normal; } .ItemView_FormTemplateZone_DesignCard .FieldSet_styling .PanelBody { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_styling .PanelBody .FieldValue.Choices { font-size:10px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .ItemView_FormTemplateZone_DesignCard.Style_H > .FieldSet_m >.FieldSet_content > .FieldSet_subzones >.EntityTypeViewBody > .Center > .Middle >.MiddleCenter.ViewBody { flex-direction: row !important; display: flex; } .ItemView_FormTemplateZone_DesignCard.Style_H > .FieldSet_m >.FieldSet_content > .FieldSet_subzones >.EntityTypeViewBody > .Center > .Middle >.MiddleCenter.ViewBody >.ItemView { flex:1; } .ItemView_FormTemplate_Card { border-radius: 8px; padding: 1rem; margin: 0.5rem; background: white; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-left: 4px solid transparent; } .ItemView_FormTemplate_Card.TemplateColor_ { border-left-color: #2e7d32; } .ItemView_FormTemplate_Card .card-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; color: #333; } .ItemView_FormTemplate_Card .FieldSet_actions { margin-top: 1rem; display: flex; gap: 0.5rem; } .ItemView_FormTemplate_Card .FieldSet_actions .OpenAction { padding: 0.375rem 0.75rem; border-radius: 4px; text-decoration: none; font-size: 0.875rem; } .ItemView_FormTemplate_Card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .ItemView_FormDocument_Card { border-radius: 8px; padding: 1rem; margin: 0.5rem; background: white; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .ItemView_FormDocument_Card .card-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; color: #333; } .ItemView_FormDocument_Card .FieldSet_actions { margin-top: 1rem; display: flex; gap: 0.5rem; } .ItemView_FormDocument_Card .FieldSet_actions .OpenAction { padding: 0.375rem 0.75rem; border-radius: 4px; text-decoration: none; font-size: 0.875rem; } .ItemView_FormDocument_Card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .SingleItem_FormTemplate_Preview .FieldSet_m { max-width: 210mm; margin: 16px auto; background-color: white; padding: 10mm; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 4px; } .SingleItem_FormDocument_Preview .FieldSet_m { max-width: 210mm; margin: 16px auto; background-color: white; padding: 10mm; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 4px; } .FormZonePanel { display: flex; flex-direction: column; gap: 0.5rem;flex: 1 1 100%; } .FormZoneHorizontalPanel { display: flex; flex-direction: row; align-items: flex-start; } .FormZoneField { margin: 0.25rem 0; } .FormZoneField .FieldLabel { font-weight: 600; color: #555; margin-right: 0.5rem; } .FormZoneDetailLoop { margin: 1rem 0; } .FormZoneDetailLoop::before { content: attr(data-entity-type) ' Details:'; font-weight: 600; display: block; margin-bottom: 0.5rem; color: #333; } .FormZoneRichText { margin: 0.5rem 0; } .FormZoneText { margin: 0.25rem 0; } .FormZoneLineText { white-space: pre-line; margin: 0.5rem 0; } .FormZoneImage { margin: 0.5rem 0; text-align: center; } .FormZoneImage img { max-width: 100%; height: auto; border-radius: 4px; } .Content_FormDesignerHome .dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 1rem 0; } .Content_FormDesignerHome .dashboard-card { background: white; border-radius: 8px; padding: 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-left: 4px solid #2e7d32; } .Content_FormDesignerHome .stat-number { font-size: 2.5rem; font-weight: 700; color: #2e7d32; margin-bottom: 0.5rem; } .Content_FormDesignerHome .quick-actions { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; } .Content_FormDesignerHome .quick-action-btn { padding: 0.75rem 1.5rem; background: #2e7d32; color: white; border-radius: 6px; text-decoration: none; font-weight: 500; transition: all 0.3s ease; } .Content_FormDesignerHome .quick-action-btn:hover { background: #1b5e20; transform: translateY(-1px); } .Content_TemplatesDashboard .template-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem; } .Content_TemplatesDashboard .category-card { background: linear-gradient(135deg, #2e7d32, #4caf50); color: white; padding: 1.5rem; border-radius: 8px; text-align: center; cursor: pointer; transition: all 0.3s ease; } .Content_TemplatesDashboard .category-card:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(46, 125, 50, 0.3); } .SingleItem_FormDocument_Generator .FieldSet_toolbar { background: #f8f9fa; padding: 1rem; border-radius: 6px; margin-bottom: 1rem; } .SingleItem_FormDocument_Generator .FieldSet_toolbar .DoScriptButton { margin-right: 0.5rem; } .SingleItem_FormDocument_Generator .FieldSet_content { border: 1px solid #e9ecef; border-radius: 6px; padding: 1rem; background: white; min-height: 400px; } @media (max-width: 768px){ .dashboard-grid { grid-template-columns: 1fr; } .template-categories { grid-template-columns: 1fr; } .FieldSet_zones { flex-direction: column; } .quick-actions { flex-direction: column; } .SingleItem_FormTemplate_Preview .FieldSet_m { margin: 8px; padding: 5mm; } } .ItemView_FormTemplateZone_DesignCard { transition: all 0.3s ease; } .ItemView_FormTemplate_Card { transition: all 0.3s ease; } .ItemView_FormDocument_Card { transition: all 0.3s ease; } .DoScriptButton { transition: all 0.2s ease; } .OpenAction { transition: all 0.2s ease; } .DoScriptButton.loading::after { content: ''; width: 16px; height: 16px; border: 2px solid transparent; border-top: 2px solid currentColor; border-radius: 50%; animation: spin 1s linear infinite; margin-left: 0.5rem; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .success-message { background: #d4edda; color: #155724; padding: 0.75rem; border-radius: 4px; border: 1px solid #c3e6cb; margin: 0.5rem 0; } .error-message { background: #f8d7da; color: #721c24; padding: 0.75rem; border-radius: 4px; border: 1px solid #f5c6cb; margin: 0.5rem 0; } .warning-message { background: #fff3cd; color: #856404; padding: 0.75rem; border-radius: 4px; border: 1px solid #ffeaa7; margin: 0.5rem 0; } .info-message { background: #d1ecf1; color: #0c5460; padding: 0.75rem; border-radius: 4px; border: 1px solid #bee5eb; margin: 0.5rem 0; } .drop-zone { border: 2px dashed #ccc; border-radius: 8px; padding: 2rem; text-align: center; background: #f9f9f9; margin: 1rem 0; transition: all 0.3s ease; } .drop-zone.drag-over { border-color: #2196f3; background: #e3f2fd; color: #1976d2; } .drop-zone::before { content: '+ Drop zone here'; font-size: 1.1rem; color: #999; } @media print{ .FieldSet_toolbar { display: none; } .FieldSet_actions { display: none; } .DoScriptButton { display: none; } .OpenAction { display: none; } .SingleItem_FormTemplate_Preview .FieldSet_m { box-shadow: none; margin: 0; padding: 0; } .SingleItem_FormDocument_Preview .FieldSet_m { box-shadow: none; margin: 0; padding: 0; } } .ItemCenter_settingsLayoutCard .FieldSet_st2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .ItemCenter_settingsLayoutCard .FieldSet_st2 .Field { padding:2px; --inputPadding:4px; } .ItemCenter_settingsLayoutCard .FieldSet_st2 .Field .FieldValue.Choices { font-size:10px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .ItemCenter_settingsLayoutCard .FieldSet_st2 .Field .FieldLabel a { padding:0 4px 6px 2px; } .ItemCenter_settingsLayoutCard .FieldSet_st2 .Field .FieldValue Input { padding:2px; } .ItemCenter_settingsCard .FieldSet_st1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .ItemCenter_settingsCard .FieldSet_st1 .Field { padding:2px; --inputPadding:4px; } .ItemCenter_settingsCard .FieldSet_st1 .Field .FieldValue.Choices { font-size:10px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .ItemCenter_settingsCard .FieldSet_st1 .Field .FieldLabel a { padding:0 4px 6px 2px; } .ItemCenter_settingsCard .FieldSet_st1 .Field .FieldValue Input { padding:2px; } .ItemCenter_settingsFieldCard .FieldSet_c1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .ItemCenter_settingsFieldCard .FieldSet_c1 .Field { padding:2px; --inputPadding:4px; } .ItemCenter_settingsFieldCard .FieldSet_c1 .Field .FieldValue.Choices { font-size:10px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .ItemCenter_settingsFieldCard .FieldSet_c1 .Field .FieldLabel a { padding:0 4px 6px 2px; } .ItemCenter_settingsFieldCard .FieldSet_c1 .Field .FieldValue Input { padding:2px; } .SingleItemHeader , .DialogHeader { background: #f8fafc !important; border-bottom: 2px solid #cbd5e1 !important; padding: 16px 20px !important; } .SingleItemHeader .FieldLabel , .DialogHeader .FieldLabel { color: #334155 !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; } .SingleItemHeader .FieldValue , .DialogHeader .FieldValue { color: #0f172a !important; font-weight: 700 !important; font-size: 13.5px !important; } .TabButtons , .TabStrip , .DialogWindow .TabButtons { background: #f1f5f9 !important; border-top: 1.5px solid #cbd5e1 !important; padding: 8px 14px !important; gap: 8px !important; } .TabButtons .TabButton , .TabStrip .TabButton { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 8px 16px !important; } .TabButtons .TabButton.Selected , .TabStrip .TabButton.Selected { background: #2563eb !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important; } .SiteMapItem .FieldSet_t { flex: 1; } .EntityTypeView_invoicedetail .MiddleCenter .GroupByMode_Open { width: 100%; } .ItemView_OrganizationRelation_Card { max-width: 480px !important; margin: 0.75em auto !important; display: block !important; background-color: var(--Card-Background, white) !important; box-shadow: 0 0 2px silver; overflow: hidden; font-size: 80%; } .Entity_ShopManager .NavBranch , .Entity_ShopOwner .NavBranch { flex-direction: column; } .SingleItem_BusRoute .EntityTypeView_stopsmap { height: 20em; } .SingleItem_EInvoice_Member .ViewBody { min-height: 10em; } .ItemView_UETSMessageEvidence_Card { border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); margin: 7px auto; min-width: 35%; max-width: 80%; } .Field_MethodIndicator.Mode_Display .InputSpan { display: none; } .AggregateView , .AggregateView.Aggregate , .Content .ContentHeader .Panel_kpis > .AggregateView , .Panel_kpis > .AggregateView { min-width: 0 !important; max-width: 150px !important; max-height: 150px !important; box-sizing: border-box !important; } @media only screen and (max-width: 767px) { :root { --fieldLabelWidth: 7em; } body .Style_DisableOnMobile { display:none !important; } .PageZone_footer.PageFooter > .Button >.ButtonTitle { display: none; } .Solutions .SolutionGroup_Cockpits .Button .ButtonText { font-size: 1em; } .Solutions .SolutionGroup_Cockpits .Solution_Body .Button { min-width: 33%; max-width: 33%; } .ItemStates { padding: 0; } .SingleItem .SubItemButtons { top: 55%; padding-top: 0; bottom: 0; height: fit-content; position: fixed; transform: translateY(-50%); } .SingleItem .SubItemButtons >.SubItemButton { padding: 0.5rem 0; } .SingleItem .Field.LabelPositionTop { border: solid 0 transparent; border-top: solid 0 transparent; border-bottom: solid 0 transparent; } .Document_ScrollEnded .SingleItemType { padding: 1em; } .Panel_KPIs { flex: 0; gap: var(--gap); padding: var(--gap); display: flex; flex-direction: row !important; justify-content: center !important; align-items: stretch !important; flex-wrap: wrap; } .Panel_KPIs .AggregateLabel { opacity: 1; color: #37474F; font-size: 0.8em; padding: 0 !important; line-height: 1; text-align: center; text-wrap: nowrap; max-width: 7em; overflow: hidden; } .Panel_KPIs .AggregateValue { font-weight: 600; padding: 4px !important; font-size: 1.2em; padding: 0 !important; justify-content: center !important; color: #009688; } .Panel_KPIs .Aggregate { min-width: 30%; min-height: auto; max-width: 30% !important; } .Panel_KPIs .Mode_Edit:has(>.Aggregate) { margin: 0; } .Content .HomeContentMenu .NavBranch { width: 100%; } .EntityTypeView.GridColumn2 .ViewBody { grid-template-columns: auto; } .EntityTypeView.GridColumn3 .ViewBody { grid-template-columns: auto; } .EntityTypeView.GridColumn4 .ViewBody { grid-template-columns: auto; } .OFHidden.View_List .ListMiddle { position: relative; } .OFHidden.View_List .ListMiddle .ListBody > .ListTable { position: relative; } .Panel_KPIs { gap:12px !important; } .Panel_KPIs .PanelHasHeader .PanelHeader { background-color: #e0e0fa !important; height: auto !important; border-radius: 0 !important; } .ContentHeader { border-radius: 0; margin: 0; } .ContentHeader .Aggregate { box-shadow: 0 0 4px gray; max-width: 160px; min-width: 160px; } .ContentHeaderDescription { font-size: 1em; } .ContentHeader .Panel_kpis { gap: 8px; justify-content: center !important; padding-left: 0; padding-right: 0; zoom: 0.66; } .ContentHeader .Panel_KPIs { gap: 8px; justify-content: center !important; padding-left: 0; padding-right: 0; zoom: 0.66; } .ContentHeader .Panel_metrics { gap: 8px; justify-content: center !important; padding-left: 0; padding-right: 0; zoom: 0.66; } .UserForm > .FieldSet_m .FieldSet_title .Field.secondary { padding:2px !important; } .UserForm .DocumentView .Field .FieldLabel::after { display:none !important; } .UserForm .DocumentView .Field .FieldLabel a { padding-left: 0; } .MainContentDIV.MainContent { margin:0 6px !important; } .ItemView_WorkPeriod_NowWork { max-width: var(--mobilecardwidth); width: var(--mobilecardwidth); margin: 4px auto !important; border:1px dashed #ccc !important; } .ItemView_Activity_Card { width: 100%; max-width: calc(100% - 1em); padding: 0.4em; } .EntityType_Activity.MicroView .EntityTypeViewBody > .Center > .Middle { margin: 0; } .EntityType_Activity .ViewBody_ItemView_Card .GroupByMode_Ver .FolderGroupBy { width: 100%; max-width: calc(100% - 2em); } .SingleItem_Contact .Field_VCARD { display: block; } .SingleItem_Contact .Field_VCARD .FieldValue { flex-direction: column; } .SingleItem_Contact .Field_VCARD .FieldValue img { width: 100%; min-width: 100%; min-height: initial; } .MainContent .Content.Content_ContactHome .Panel.ContentHeader { flex-direction: column !important; } .MainContent .Content.Content_ContactHome .Panel.ContentHeader .Panel_hl { flex: 0 1 auto !important; min-width: 0; } .MainContent .Content.Content_ContactHome .Panel.ContentHeader .Panel_kpis { flex: 0 1 auto !important; margin-top: 8px !important; } .MainContent .Content.Content_ContactTemplates .Panel.ContentHeader { flex-direction: column !important; } .MainContent .Content.Content_ContactTemplates .Panel.ContentHeader .Panel_hl { flex: 0 1 auto !important; min-width: 0; } .MainContent .Content.Content_ContactTemplates .Panel.ContentHeader .Panel_kpis { flex: 0 1 auto !important; margin-top: 8px !important; } .MainContent .Content.Content_ContactAnalytics .Panel.ContentHeader { flex-direction: column !important; } .MainContent .Content.Content_ContactAnalytics .Panel.ContentHeader .Panel_hl { flex: 0 1 auto !important; min-width: 0; } .MainContent .Content.Content_ContactAnalytics .Panel.ContentHeader .Panel_kpis { flex: 0 1 auto !important; margin-top: 8px !important; } .MainContent .Content.Content_ContactQRCodeRead .Panel.ContentHeader { flex-direction: column !important; } .MainContent .Content.Content_ContactQRCodeRead .Panel.ContentHeader .Panel_hl { flex: 0 1 auto !important; min-width: 0; } .MainContent .Content.Content_ContactQRCodeRead .Panel.ContentHeader .Panel_kpis { flex: 0 1 auto !important; margin-top: 8px !important; } .ItemView_Person_Header .FieldSet_l { padding: 1px; } .ItemView_Person_ImageCardSmall { width: 105px; font-size: 0.75em; } .ItemView_Person_MyAccount .DirectionVer { gap:var(--gap) !important; } .ItemView_NormStaff_Tree { margin-left: 0; margin-right: 0; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field { padding: .25em !important; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field .InputSpan > a { font-size: 1.4em; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field .FieldLabel span { font-size:.75em } .EntityType_Candidate .ItemView_Candidate_MyProfileCard .FieldSet_editFS { display:flex; } .EntityType_JobPost .ItemView_JobPost_CandidateViewMiniCard { min-width:100%; max-width:100%; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_t12 .Field { font-size: 14px; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_t12 .Field { font-size: 14px; } .EntityType_JobApplicant .ItemView_JobApplicant_Card2 { min-width:100%; max-width:100%; } .ItemView_PersonelCompetencyGroup_ListWidthDetailsCard .ItemView_PersonelCompetency_NameCard { min-width: 45%; max-width: 45%; font-size:14px; } .SingleItem_Leave_NewLeaveForm .FieldSet_RequestFS .FieldSet_talepfs2 .Field.LabelPositionTop .FieldValue input ,.SingleItem_Leave_NewLeaveForm .FieldSet_RequestFS .FieldSet_talepfs2 .Field.LabelPositionTop .FieldValue .DatePicker { min-width:100% !important; max-width:100% !important; } .SingleItem_Leave_NewLeaveForm .FieldSet_RequestFS .Field.LabelPositionTop .FieldLabel { padding-bottom:6px; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .EntityType_PurchaseQuotationDetail { max-height: calc(100% - 70px); } .SingleItem_ProductGroup_Internet .Fields >.FieldSet_m >.Field_Name { font-size:16px !important; } .SingleItem_ProductGroup_Internet .FieldSet_titlefs .DirectionVer { justify-content: center !important; align-items: center !important; } .SingleItem_Product_Internet .FieldSet_right { padding-top: 8px; padding-bottom: 8px; } .SingleItem_Product_Internet .FieldSet_right .FieldSet_buybtn .DirectionVer { justify-content: center !important; } [class*="Content_Accounting"] .action-dock { display:flex; flex-direction:column; width:100%; gap:8px; } [class*="Content_Accounting"] .action-dock .Button { width:100% !important; min-height:44px !important; } [class*="Content_Accounting"] .kpi-grid { grid-template-columns:repeat(2, 1fr); gap:8px; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody { padding: 0.25rem !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content { padding: 0.5rem; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSetPanel ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .Field ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet { min-width:95% !important; max-width:95% !important; width:95% !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBICreator_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBICreator_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBIApprover_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBIApprover_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBIApprover2_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBIApprover2_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSetPanel ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .Field ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet { min-width:95% !important; max-width:95% !important; width:95% !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBICreator_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBICreator_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBIApprover_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBIApprover_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBIApprover2_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBIApprover2_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSetPanel ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .Field ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet { min-width:95% !important; max-width:95% !important; width:95% !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBICreator_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBICreator_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBIApprover_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBIApprover_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBIApprover2_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsFields .FieldSet_fsBIApprover2_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSetPanel ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .Field ,.SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet { min-width:95% !important; max-width:95% !important; width:95% !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBICreator_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBICreator_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBIApprover_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBIApprover_Fields .Field { padding:6px 12px !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBIApprover2_Fields { background-color: #fff !important; border: 1px solid #e2e8f0 !important; } .SingleItem_BankInstruction_UserCard > .ItemBody .FormBody .cardbody .form-content .EntityType_BankInstructionLine.EntityTypeView_lines2 .ViewBody_ItemView_ListCardMini .ItemView_BankInstructionLine_ListCardMini .FieldSet_fsBIApprover_Fields .FieldSet_fsBIApprover2_Fields .Field { padding:6px 12px !important; } .ItemView_WebPage_Square { zoom: 0.75; } .ItemView_WebPage_Square .Field_Name { background-color: transparent !important; color: #02407a; text-transform: uppercase; } .ItemView_WebPage_Button1 { margin: 0em !important; width: 10rem; } .ItemView_WebPage_Button1 .Field_Image img { min-height: 64px; max-height: 80px; padding: 8px; border-radius: 16px !important; } .ItemView_WebPage_Button1 .Field_Name a { padding-left: 4px; padding-right: 4px; padding-top: 4px; } .ItemView_WebPageZone_Web { height: auto !important; padding: inherit !important; transform: initial !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Subject { font-size: 100% !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Summary { font-size: 100% !important; } .MainContent >.SingleItem_WebPage >.ItemBody >.Fields { padding: 0; } .SelectionsMenu .MenuItemView_WebPageZone_Settings .TabPanel_Tab .TabBody { padding: 0; } .Style_gap1em { gap:12px; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 90% !important; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 45% !important; } .Style_VButton .EntityTypeView_contentonlybuttonimages { grid-template-columns: repeat(2, 1fr); padding: 10px !important; font-size: 120%; grid-gap: 12px; display: grid !important; align-content: center; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary { min-width: 320px;max-width: 360px !important; } .Style_column4 .EntityTypeViewBody .ItemView { max-width: 90% !important; } .Style_marginautomobile { margin:auto !important; } .BODYPage_Cockpit .SelectionsMenu_EntitySelector { max-width: 100%; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet { max-width: 90% !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper.mySwiper { min-height: auto !important; } .Domain_361.BODYPage_MobileFullWebPage .PageZone_header .EntityTypeView_MobileHeader { display:none !important; } .BODYPage_FullWebPage .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_FullWebPage .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .BODYPage_Cockpit .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_Cockpit .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .BODYPage_MobileFullWebPage .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_MobileFullWebPage .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .BODYPage_MobileSimpleNew .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_MobileSimpleNew .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .EntityType_EventSession.View_ItemView_BasicCard .FolderGroupByTab { display: flex; flex: 1; min-height: 100%; position: relative; } .EntityType_EventSession.View_ItemView_BasicCard .ViewBody_ItemView_BasicCard { height: auto; } .EntityType_EventSession.View_ItemView_BasicminiCard .FolderGroupByTab { display: flex; flex: 1; min-height: 100%; position: relative; } .EntityType_EventSession.View_ItemView_BasicminiCard .ViewBody_ItemView_BasicminiCard { height: auto; } .ItemView_EventPerson_Card { max-width: 100%; } .EntityTypeView_Katilimcilar .ViewBody_ItemView_Card { flex-direction: column; gap: 1px; padding: 0.25em 0.5em; justify-content: start; } .SingleItem_Event_Internet .FieldSet_Header .Field_Subject .InputSpan > a { justify-content: center; align-content: center; text-align: center; font-size: 20px; } .SingleItem_Event_Internet .FieldSet_Header .FieldSet_t2 .DirectionVer { justify-content: space-between !important; background-color: #f6f8f9; font-size: 12px; } .SingleItem_Event_Internet .FieldSet_Header .FieldSet_t2 .DirectionVer .Field .FieldLabel > a { justify-content: center !important; } .SingleItem_Event_Internet .FieldSet_Header .FieldSet_t2 .DirectionVer .Field_StartDate { color:#21976b; } .SingleItem_Event_Internet .FieldSet_Header .FieldSet_t2 .DirectionVer .Field_EndDate { color:#97215e; } @media (max-width: 768px){ } @media print{ } } @media only screen and (min-width: 768px) and (max-width: 1024px) { body .Style_DisableOnTablet { display:none !important; } .UserForm .DocumentView .Field .FieldLabel::after { display:none !important; } .UserForm .DocumentView .Field .FieldLabel a { padding-left: 0; } .Tablet .MainContentDIV.MainContent { margin:0 6px !important; } .SingleItem_SalesOfferType_Preview .Fields_Preview .FieldSet_fs_hidden_script { position: absolute; right: 12px; padding-top: 12px; } .SingleItem_SalesOfferType_Preview .Fields_Preview .FieldSet_fs_hidden_script .DoScriptButton { max-width: 85px; } .EntityType_Candidate .ItemView_Candidate_MyProfileCard .FieldSet_editFS { display:flex; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .EntityType_PurchaseQuotationDetail { max-height: calc(100% - 70px); } .SingleItem_ProductGroup_Internet .FieldSet_titlefs .DirectionVer { justify-content: flex-start !important; align-items: center !important; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .FieldBudgetPeriod { min-width:90px; max-width:90px; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .FieldBudgetLineType { min-width:110px; max-width:110px; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .FieldBudgetAccount { min-width:150px; max-width:150px; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Subject { font-size: 100% !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Summary { font-size: 100% !important; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 45% !important; margin: 0 !important; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 20% !important; margin: 0 !important; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary { padding: 12px !important; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary { min-width: 360px;max-width: 360px !important; } .Style_column4 .EntityTypeViewBody .ItemView { max-width: 45% !important; margin: 0 !important; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet { max-width: 45% !important; margin: 0 !important; } .BODYPage_FullWebPage .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_FullWebPage .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .BODYPage_Cockpit .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_Cockpit .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .BODYPage_MobileFullWebPage .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_MobileFullWebPage .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .BODYPage_MobileSimpleNew .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { flex-direction: row !important; } .BODYPage_MobileSimpleNew .EntityType_WebPageZone.EntityTypeView { flex-direction: column !important; } .SingleItem .EntityType_EventSponsorship .ViewBody_ItemView_MinlogoCard { position: absolute; } @media (max-width: 768px){ } @media print{ } } @media only screen and (min-width: 1025px) { body .Style_DisableOnDesktop { display:none !important; } .ItemView_AgendaItem_HoverCard .FieldSet_t2 { justify-content: space-between !important; display: flex; flex-direction: row; max-width: fit-content; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar .FieldSet_settingsFS { visibility: hidden; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar .FieldSet_actionmainfs .DoScriptButton_SavePFZ { visibility: hidden; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar .FieldSet_vh { visibility: hidden; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar:hover .DirectionVer > .FieldSet_actionmainfs .DoScriptButton_SavePFZ { visibility: visible; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar:hover .DirectionVer > .FieldSet_vh { visibility: visible; } .ItemView_SalesOfferTypeZone_Card .FieldSet_topbar:hover .DirectionVer > .FieldSet_settingsFS { visibility: visible; } .ItemView_SalesOfferTypeZone_Card:hover >.FieldSet_m >.FieldSet_topbar { visibility: visible; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar .FieldSet_settingsFS { visibility: hidden; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar .FieldSet_actionmainfs .DoScriptButton_SavePFZ { visibility: hidden; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar .FieldSet_vh { visibility: hidden; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar:hover .DirectionVer > .FieldSet_actionmainfs .DoScriptButton_SavePFZ { visibility: visible; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar:hover .DirectionVer > .FieldSet_vh { visibility: visible; } .ItemView_SalesOfferTypeZone_PFZPreviewCard .FieldSet_topbar:hover .DirectionVer > .FieldSet_settingsFS { visibility: visible; } .SingleItem_SalesOfferType_Preview .Fields_Preview .FieldSet_fs_hidden_script { position: absolute; right: 12px; padding-top: 12px; } .SingleItem_SalesOfferType_Preview .Fields_Preview .FieldSet_fs_hidden_script .DoScriptButton { max-width: 85px; } .EntityType_Candidate .ItemView_Candidate_MyProfileCard .FieldSet_editFS { display:none; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_t11 .Field .InputSpan > a { white-space: nowrap; border:0 !important; padding:2px 8px !important; } .EntityType_JobPost .ItemView_JobPost_CandidateViewCard .FieldSet_r { padding:12px; max-width: 800px; min-width: auto; margin: 0 auto; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_t11 .Field .InputSpan > a { white-space: nowrap; border:0 !important; padding:2px 8px !important; } .SingleItem_JobPost .ItemCenter_CandidateViewCard .FieldSet_r { padding:12px; max-width: 800px; min-width: 800px; margin: 0 auto; } .EntityType_JobApplicant .ItemView_JobApplicant_JobApplicantPreview .FieldSet_t2 { flex:3; } .EntityType_JobApplicant .ItemView_JobApplicant_JobApplicantPreview .FieldSet_t11 { flex:2; } .SingleItem_JobApplicant_CandidateApplicantCard .FieldSet_m .FieldSet_t2 { flex:1 !important; } .EntityType_PurchaseQuotation .ViewBody_ItemView_Preview.MiddleCenter .ItemView_PurchaseQuotation_Preview .EntityType_PurchaseQuotationDetail { max-height: calc(100% - 70px); } .EntityTypeView_ProcessList .ItemView_Process_DepartmentCard .Field_Name .InputSpan > a { padding-left:120px; } .ItemView_ProcessFormZone_Card .FieldSet_topbar .FieldSet_actionmainfs .DoScriptButton_SavePFZ { visibility: hidden; } .ItemView_ProcessFormZone_Card .FieldSet_topbar .FieldSet_vh { visibility: hidden; } .ItemView_ProcessFormZone_Card .FieldSet_topbar:hover .DirectionVer > .FieldSet_actionmainfs .DoScriptButton_SavePFZ { visibility: visible; } .ItemView_ProcessFormZone_Card .FieldSet_topbar:hover .DirectionVer > .FieldSet_vh { visibility: visible; } .ItemView_ProcessFormZone_Card:hover >.FieldSet_m >.FieldSet_topbar { visibility: visible; } .ViewBody_ItemView_BookCard { gap: var(--gap); padding: 1em; } .SingleItem_ProductGroup_Internet .FieldSet_titlefs .DirectionVer { justify-content: flex-start !important; align-items: center !important; } .SingleItem_Product_Internet .FieldSet_m { padding-left: 12px; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .FieldBudgetPeriod { min-width:90px; max-width:90px; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .FieldBudgetLineType { min-width:110px; max-width:110px; } .EntityType_BudgetFact .ViewBody_ItemView_LineEdit .ItemView_BudgetFact_LineEdit .FieldBudgetAccount { min-width:150px; max-width:150px; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width:30% !important; margin:0 !important } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width:15% !important; margin:0 !important } .Style_minilink .ViewBody_ItemView_OnlyImage { padding-left: 7rem; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary { padding: 12px !important; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary { min-width: 360px;max-width: 360px !important; } .Style_column4 .EntityTypeViewBody .ItemView { max-width:23% !important; margin:0 !important } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet { max-width:30% !important; margin:0 !important } .SingleItem .EntityType_EventSponsorship .ViewBody_ItemView_MinlogoCard { position: absolute; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar .FieldSet_act { visibility: hidden; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar .FieldSet_EditBtn { visibility: hidden; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar .FieldSet_LOBtn { visibility: hidden; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar .FieldSet_FIBtn { visibility: hidden; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSet_act { visibility: visible; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSet_EditBtn { visibility: visible; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSet_LOBtn { visibility: visible; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSet_FIBtn { visibility: visible; } @media (max-width: 768px){ } @media print{ } } /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudflare:before { content: "\e07d"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guilded:before { content: "\e07e"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hive:before { content: "\e07f"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-innosoft:before { content: "\e080"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-instalod:before { content: "\e081"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-perbyte:before { content: "\e083"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-uncharted:before { content: "\e084"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vest:before { content: "\e085"; } .fa-vest-patches:before { content: "\e086"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wodu:before { content: "\e088"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("../webfonts/fa-brands-400.eot"); src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("../webfonts/fa-regular-400.eot"); src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("../webfonts/fa-solid-900.eot"); src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /* ===================================================== KANBAN VIEW STYLES ===================================================== */ /* Kanban Hata Mesajı */ .KanbanError { padding: 20px; text-align: center; color: #666; font-size: 14px; } /* Ana Kanban Container */ .ViewBody_Kanban { height: 100%; overflow: hidden; } .KanbanContainer { display: flex; flex-direction: row; gap: 12px; padding: 12px; height: 100%; overflow-x: auto; overflow-y: hidden; align-items: flex-start; scroll-behavior: smooth; } /* Kanban Sütun */ .KanbanColumn { display: flex; flex-direction: column; min-width: 280px; max-width: 320px; width: 300px; background-color: #f4f5f7; border-radius: 8px; flex-shrink: 0; max-height: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.08); border-top: 3px solid #dfe1e6; transition: border-color 0.2s ease; } .KanbanColumnColored { border-top-width: 4px; } .KanbanColumnEmpty { opacity: 0.7; } /* Sütun Başlığı */ .KanbanColumnHeader { display: flex; align-items: center; padding: 12px; background-color: #ebecf0; border-radius: 5px 5px 0 0; gap: 8px; position: sticky; top: 0; z-index: 1; min-height: 44px; } .KanbanColorIndicator { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; box-shadow: 0 0 0 2px rgba(255,255,255,0.5); } .KanbanColumnTitle { font-weight: 600; font-size: 14px; color: #172b4d; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .KanbanColumnCount { background-color: #dfe1e6; color: #5e6c84; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 10px; min-width: 24px; text-align: center; } /* Kart Container (Drop Zone) */ .KanbanCardContainer { display: flex; flex-direction: column; gap: 8px; padding: 8px; overflow-y: auto; flex-grow: 1; min-height: 60px; transition: background-color 0.2s ease, box-shadow 0.2s ease; border-radius: 0 0 5px 5px; } .KanbanCardContainer.KanbanDropActive { background-color: rgba(25, 118, 210, 0.05); } .KanbanCardContainer.KanbanDropHover { background-color: rgba(25, 118, 210, 0.15); box-shadow: inset 0 0 0 2px #1976d2; } /* Kanban Kart */ .KanbanCard { background-color: #ffffff; border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor: pointer; transition: box-shadow 0.2s ease, transform 0.15s ease, opacity 0.2s ease; border-left: 3px solid transparent; user-select: none; } .KanbanCard:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.15); transform: translateY(-1px); } .KanbanCard:active { cursor: grabbing; } .KanbanCard[draggable="true"] { cursor: grab; } .KanbanCard.KanbanCardDragging { opacity: 0.4; transform: rotate(2deg) scale(1.02); box-shadow: 0 8px 20px rgba(0,0,0,0.25); pointer-events: none; } /* Kart Header ve Title */ .KanbanCardHeader { padding: 10px 12px 6px 12px; } .KanbanCardTitle { font-weight: 600; font-size: 14px; color: #172b4d; line-height: 1.4; word-break: break-word; } /* Kart İçeriği */ .KanbanCardContent { padding: 0 12px 8px 12px; font-size: 12px; color: #5e6c84; } .KanbanCardField { margin-bottom: 4px; line-height: 1.4; } .KanbanFieldLabel { color: #7a869a; font-size: 11px; } .KanbanFieldValue { color: #42526e; } /* Kart Footer */ .KanbanCardFooter { display: flex; align-items: center; justify-content: space-between; padding: 6px 12px 8px 12px; border-top: 1px solid #f0f0f0; min-height: 8px; } /* ItemView Kart İçeriği */ .KanbanCardItemView { padding: 8px; } .KanbanCard .KanbanCardItemView .KanbanCardFooter { display: none; } /* Mobile Responsive */ @media (max-width: 768px) { .KanbanContainer { padding: 8px; gap: 8px; } .KanbanColumn { min-width: 260px; width: 280px; } .KanbanCardHeader { padding: 8px 10px 4px 10px; } .KanbanCardContent { padding: 0 10px 6px 10px; } .KanbanCardTitle { font-size: 13px; } } /* Tablet */ @media (max-width: 1024px) and (min-width: 769px) { .KanbanColumn { min-width: 260px; width: 280px; } } /* Dark Theme Support */ .DarkTheme .KanbanColumn, html.dark-theme .KanbanColumn { background-color: #2d2d2d; border-top-color: #4d4d4d; } .DarkTheme .KanbanColumnHeader, html.dark-theme .KanbanColumnHeader { background-color: #3d3d3d; } .DarkTheme .KanbanColumnTitle, html.dark-theme .KanbanColumnTitle { color: #e0e0e0; } .DarkTheme .KanbanColumnCount, html.dark-theme .KanbanColumnCount { background-color: #4d4d4d; color: #b0b0b0; } .DarkTheme .KanbanCard, html.dark-theme .KanbanCard { background-color: #424242; box-shadow: 0 1px 3px rgba(0,0,0,0.3); } .DarkTheme .KanbanCardTitle, html.dark-theme .KanbanCardTitle { color: #e0e0e0; } .DarkTheme .KanbanCardContent, html.dark-theme .KanbanCardContent { color: #b0b0b0; } .DarkTheme .KanbanFieldLabel, html.dark-theme .KanbanFieldLabel { color: #888; } .DarkTheme .KanbanFieldValue, html.dark-theme .KanbanFieldValue { color: #ccc; } .DarkTheme .KanbanCardFooter, html.dark-theme .KanbanCardFooter { border-top-color: #555; } .DarkTheme .KanbanCardContainer.KanbanDropActive, html.dark-theme .KanbanCardContainer.KanbanDropActive { background-color: rgba(100, 181, 246, 0.1); } .DarkTheme .KanbanCardContainer.KanbanDropHover, html.dark-theme .KanbanCardContainer.KanbanDropHover { background-color: rgba(100, 181, 246, 0.2); box-shadow: inset 0 0 0 2px #64b5f6; } .DarkTheme .KanbanError, html.dark-theme .KanbanError { color: #999; } /* Print Styles */ @media print { .KanbanContainer { flex-wrap: wrap; overflow: visible; height: auto; } .KanbanColumn { page-break-inside: avoid; max-height: none; } .KanbanCardContainer { overflow: visible; } .KanbanCard { box-shadow: 0 0 0 1px #ddd; } } /* ===================================================== TIMELINE VIEW STYLES ===================================================== */ /* Hata Mesajı */ .TimelineError { padding: 40px 20px; text-align: center; color: #666; font-size: 14px; } /* Ana Container */ .ViewBody_Timeline { height: 100%; overflow: hidden; } .TimelineContainer { display: flex; flex-direction: column; height: 100%; overflow: hidden; } /* Header */ .TimelineHeader { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background-color: #f8f9fa; border-bottom: 1px solid #e9ecef; flex-shrink: 0; } .TimelineDateRange { font-weight: 600; font-size: 14px; color: #495057; } .TimelineCount { font-size: 13px; color: #6c757d; } /* Body */ .TimelineBody { flex: 1; overflow: auto; padding: 20px; position: relative; } /* ═══════════════════════════════════════════════════ VERTICAL TIMELINE (Varsayılan) ═══════════════════════════════════════════════════ */ .Timeline_Vertical .TimelineBody { padding-left: 40px; } .Timeline_Vertical .TimelineLine { position: absolute; left: 56px; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, #e9ecef 0%, #dee2e6 50%, #e9ecef 100%); } .Timeline_Vertical .TimelineItemWrapper { display: flex; align-items: flex-start; margin-bottom: 24px; position: relative; padding-left: 40px; } .Timeline_Vertical .TimelinePoint { position: absolute; left: 12px; top: 8px; width: 14px; height: 14px; border-radius: 50%; background-color: #1976d2; border: 3px solid #fff; box-shadow: 0 0 0 2px #1976d2; z-index: 2; } .Timeline_Vertical .TimelineDateLabel { position: absolute; left: -100px; top: 6px; width: 90px; text-align: right; font-size: 12px; font-weight: 500; color: #6c757d; } .Timeline_Vertical .TimelineContentWrapper { flex: 1; margin-left: 16px; } /* Alternate (Zigzag) Mode */ .TimelineAlternate .TimelineBody { padding-left: 50%; } .TimelineAlternate .TimelineLine { left: 50%; transform: translateX(-50%); } .TimelineAlternate .TimelineItemWrapper { padding-left: 30px; padding-right: 0; } .TimelineAlternate .TimelineItemWrapper.TimelineItemAlternate { flex-direction: row-reverse; padding-left: 0; padding-right: 30px; transform: translateX(-100%); margin-left: -30px; } .TimelineAlternate .TimelineItemAlternate .TimelinePoint { left: auto; right: 12px; } .TimelineAlternate .TimelineItemAlternate .TimelineDateLabel { left: auto; right: -100px; text-align: left; } .TimelineAlternate .TimelineItemAlternate .TimelineContentWrapper { margin-left: 0; margin-right: 16px; } /* ═══════════════════════════════════════════════════ HORIZONTAL TIMELINE ═══════════════════════════════════════════════════ */ .Timeline_Horizontal .TimelineBody { display: flex; align-items: flex-start; padding: 20px; overflow-x: auto; overflow-y: hidden; } .Timeline_Horizontal .TimelineLine { position: absolute; top: 50px; left: 0; right: 0; height: 2px; background: linear-gradient(to right, #e9ecef 0%, #dee2e6 50%, #e9ecef 100%); } .Timeline_Horizontal .TimelineItemWrapper { display: flex; flex-direction: column; align-items: center; min-width: 200px; margin-right: 24px; position: relative; } .Timeline_Horizontal .TimelinePoint { width: 14px; height: 14px; border-radius: 50%; background-color: #1976d2; border: 3px solid #fff; box-shadow: 0 0 0 2px #1976d2; margin-bottom: 12px; z-index: 2; } .Timeline_Horizontal .TimelineDateLabel { font-size: 12px; font-weight: 500; color: #6c757d; margin-bottom: 8px; text-align: center; } .Timeline_Horizontal .TimelineContentWrapper { width: 100%; } /* ═══════════════════════════════════════════════════ POINT STYLES ═══════════════════════════════════════════════════ */ /* Square */ .TimelinePoint_Square .TimelinePoint { border-radius: 3px; } /* Diamond */ .TimelinePoint_Diamond .TimelinePoint { border-radius: 0; transform: rotate(45deg); } /* Point Sizes */ .TimelinePointSize_Small .TimelinePoint { width: 10px; height: 10px; border-width: 2px; } .TimelinePointSize_Large .TimelinePoint { width: 18px; height: 18px; border-width: 4px; } /* ═══════════════════════════════════════════════════ CONNECTOR STYLES ═══════════════════════════════════════════════════ */ .TimelineConnector_Curved .TimelineLine { border-radius: 4px; } .TimelineConnector_None .TimelineLine { display: none; } /* ═══════════════════════════════════════════════════ TIMELINE CARD ═══════════════════════════════════════════════════ */ .TimelineCard { background-color: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); cursor: pointer; transition: box-shadow 0.2s ease, transform 0.15s ease; margin-bottom: 8px; border-left: 3px solid #1976d2; } .TimelineCard:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); transform: translateY(-2px); } .TimelineCard:last-child { margin-bottom: 0; } /* Card Header */ .TimelineCardHeader { padding: 12px 14px 8px 14px; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; } .TimelineCardTitle { font-weight: 600; font-size: 14px; color: #212529; line-height: 1.4; flex: 1; } .TimelineCardDate { font-size: 11px; color: #868e96; white-space: nowrap; } /* Card Content */ .TimelineCardContent { padding: 0 14px 10px 14px; } .TimelineCardField { margin-bottom: 4px; font-size: 12px; line-height: 1.4; } .TimelineFieldLabel { color: #868e96; } .TimelineFieldValue { color: #495057; } /* Card Footer */ .TimelineCardFooter { padding: 8px 14px; border-top: 1px solid #f1f3f4; display: flex; align-items: center; justify-content: flex-end; } /* ItemView içinde */ .TimelineCardItemView { padding: 8px; } /* ═══════════════════════════════════════════════════ CARD STYLES ═══════════════════════════════════════════════════ */ /* Compact */ .TimelineCard_Compact .TimelineCard { padding: 10px 14px; } .TimelineCard_Compact .TimelineCardHeader { padding: 0; } .TimelineCard_Compact .TimelineCardContent, .TimelineCard_Compact .TimelineCardFooter { display: none; } /* Minimal */ .TimelineCard_Minimal .TimelineCard { padding: 8px 12px; border-left-width: 2px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); } .TimelineCard_Minimal .TimelineCardTitle { font-size: 13px; } /* ═══════════════════════════════════════════════════ SWIMLANES ═══════════════════════════════════════════════════ */ .TimelineSwimlanes { display: flex; gap: 16px; min-height: 100%; } .TimelineSwimlane { flex: 1; min-width: 280px; max-width: 400px; background-color: #f8f9fa; border-radius: 8px; display: flex; flex-direction: column; } .TimelineSwimlaneHeader { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background-color: #e9ecef; border-radius: 8px 8px 0 0; } .TimelineSwimlaneTitle { font-weight: 600; font-size: 14px; color: #495057; } .TimelineSwimlaneCount { background-color: #dee2e6; color: #6c757d; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 10px; } .TimelineSwimlaneBody { flex: 1; padding: 12px; overflow-y: auto; position: relative; } .TimelineSwimlane .TimelineLine { left: 28px; } .TimelineSwimlane .TimelineItemWrapper { padding-left: 32px; } .TimelineSwimlane .TimelinePoint { left: 6px; } .TimelineSwimlane .TimelineDateLabel { position: static; width: auto; text-align: left; margin-bottom: 4px; } /* ═══════════════════════════════════════════════════ ANIMATION ═══════════════════════════════════════════════════ */ .TimelineAnimated .TimelineItemWrapper { animation: timelineFadeIn 0.4s ease forwards; opacity: 0; } .TimelineAnimated .TimelineItemWrapper:nth-child(1) { animation-delay: 0.05s; } .TimelineAnimated .TimelineItemWrapper:nth-child(2) { animation-delay: 0.1s; } .TimelineAnimated .TimelineItemWrapper:nth-child(3) { animation-delay: 0.15s; } .TimelineAnimated .TimelineItemWrapper:nth-child(4) { animation-delay: 0.2s; } .TimelineAnimated .TimelineItemWrapper:nth-child(5) { animation-delay: 0.25s; } .TimelineAnimated .TimelineItemWrapper:nth-child(6) { animation-delay: 0.3s; } .TimelineAnimated .TimelineItemWrapper:nth-child(7) { animation-delay: 0.35s; } .TimelineAnimated .TimelineItemWrapper:nth-child(8) { animation-delay: 0.4s; } .TimelineAnimated .TimelineItemWrapper:nth-child(9) { animation-delay: 0.45s; } .TimelineAnimated .TimelineItemWrapper:nth-child(10) { animation-delay: 0.5s; } @keyframes timelineFadeIn { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } .TimelineAnimated.Timeline_Horizontal .TimelineItemWrapper { animation-name: timelineFadeInHorizontal; } @keyframes timelineFadeInHorizontal { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* ═══════════════════════════════════════════════════ RESPONSIVE ═══════════════════════════════════════════════════ */ @media (max-width: 768px) { .Timeline_Vertical .TimelineBody { padding-left: 20px; } .Timeline_Vertical .TimelineLine { left: 36px; } .Timeline_Vertical .TimelineItemWrapper { padding-left: 30px; } .Timeline_Vertical .TimelinePoint { left: 6px; } .Timeline_Vertical .TimelineDateLabel { position: static; width: auto; text-align: left; margin-bottom: 4px; } .TimelineAlternate .TimelineBody { padding-left: 20px; } .TimelineAlternate .TimelineItemWrapper, .TimelineAlternate .TimelineItemWrapper.TimelineItemAlternate { flex-direction: row; padding-left: 30px; padding-right: 0; transform: none; margin-left: 0; } .TimelineSwimlanes { flex-direction: column; } .TimelineSwimlane { max-width: none; min-width: auto; } } /* ═══════════════════════════════════════════════════ DARK THEME ═══════════════════════════════════════════════════ */ .DarkTheme .TimelineHeader, html.dark-theme .TimelineHeader { background-color: #2d2d2d; border-bottom-color: #404040; } .DarkTheme .TimelineDateRange, html.dark-theme .TimelineDateRange { color: #e0e0e0; } .DarkTheme .TimelineCount, html.dark-theme .TimelineCount { color: #999; } .DarkTheme .TimelineLine, html.dark-theme .TimelineLine { background: linear-gradient(to bottom, #404040 0%, #555 50%, #404040 100%); } .DarkTheme .TimelineCard, html.dark-theme .TimelineCard { background-color: #3d3d3d; box-shadow: 0 2px 8px rgba(0,0,0,0.3); } .DarkTheme .TimelineCardTitle, html.dark-theme .TimelineCardTitle { color: #e0e0e0; } .DarkTheme .TimelineCardDate, html.dark-theme .TimelineCardDate { color: #888; } .DarkTheme .TimelineFieldLabel, html.dark-theme .TimelineFieldLabel { color: #888; } .DarkTheme .TimelineFieldValue, html.dark-theme .TimelineFieldValue { color: #ccc; } .DarkTheme .TimelineCardFooter, html.dark-theme .TimelineCardFooter { border-top-color: #555; } .DarkTheme .TimelineDateLabel, html.dark-theme .TimelineDateLabel { color: #999; } .DarkTheme .TimelineSwimlane, html.dark-theme .TimelineSwimlane { background-color: #2d2d2d; } .DarkTheme .TimelineSwimlaneHeader, html.dark-theme .TimelineSwimlaneHeader { background-color: #3d3d3d; } .DarkTheme .TimelineSwimlaneTitle, html.dark-theme .TimelineSwimlaneTitle { color: #e0e0e0; } .DarkTheme .TimelineSwimlaneCount, html.dark-theme .TimelineSwimlaneCount { background-color: #555; color: #ccc; } /* ═══════════════════════════════════════════════════ PRINT ═══════════════════════════════════════════════════ */ @media print { .TimelineContainer { height: auto; overflow: visible; } .TimelineBody { overflow: visible; } .TimelineAnimated .TimelineItemWrapper { animation: none; opacity: 1; } .TimelineCard { box-shadow: 0 0 0 1px #ddd; page-break-inside: avoid; } } /* =============================== CARD VIEW STYLES =============================== */ /* Container */ .CardViewContainer { display: grid; width: 100%; padding: 16px; box-sizing: border-box; } /* Layout: Grid */ .CardViewContainer[data-layout="Grid"] { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .CardViewContainer[data-layout="List"] { grid-template-columns: 1fr; } .CardViewContainer[data-layout="Masonry"] { display: block; column-count: auto; column-width: 280px; } .CardViewContainer[data-layout="Carousel"] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } /* Column Settings */ .CardViewContainer[data-columns="1"] { grid-template-columns: 1fr; } .CardViewContainer[data-columns="2"] { grid-template-columns: repeat(2, 1fr); } .CardViewContainer[data-columns="3"] { grid-template-columns: repeat(3, 1fr); } .CardViewContainer[data-columns="4"] { grid-template-columns: repeat(4, 1fr); } .CardViewContainer[data-columns="5"] { grid-template-columns: repeat(5, 1fr); } .CardViewContainer[data-columns="6"] { grid-template-columns: repeat(6, 1fr); } .CardViewContainer[data-layout="Masonry"][data-columns="1"] { column-count: 1; } .CardViewContainer[data-layout="Masonry"][data-columns="2"] { column-count: 2; } .CardViewContainer[data-layout="Masonry"][data-columns="3"] { column-count: 3; } .CardViewContainer[data-layout="Masonry"][data-columns="4"] { column-count: 4; } .CardViewContainer[data-layout="Masonry"][data-columns="5"] { column-count: 5; } .CardViewContainer[data-layout="Masonry"][data-columns="6"] { column-count: 6; } /* Gap Settings */ .CardViewContainer[data-gap="None"] { gap: 0; } .CardViewContainer[data-gap="Small"] { gap: 8px; } .CardViewContainer[data-gap="Medium"] { gap: 16px; } .CardViewContainer[data-gap="Large"] { gap: 24px; } .CardViewContainer[data-layout="Masonry"][data-gap="None"] { column-gap: 0; } .CardViewContainer[data-layout="Masonry"][data-gap="Small"] { column-gap: 8px; } .CardViewContainer[data-layout="Masonry"][data-gap="Medium"] { column-gap: 16px; } .CardViewContainer[data-layout="Masonry"][data-gap="Large"] { column-gap: 24px; } /* Card Item */ .CardItem { display: flex; flex-direction: column; background: #fff; cursor: pointer; transition: all 0.2s ease; overflow: hidden; position: relative; min-height: 60px; box-sizing: border-box; } .CardViewContainer[data-layout="Masonry"] .CardItem { break-inside: avoid; margin-bottom: 16px; } .CardViewContainer[data-layout="Carousel"] .CardItem { flex: 0 0 300px; scroll-snap-align: start; margin-right: 16px; } /* Card Styles */ .CardItem[data-card-style="Flat"] { background: #fff; } .CardItem[data-card-style="Elevated"] { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06); } .CardItem[data-card-style="Outlined"] { border: 1px solid #e0e0e0; } .CardItem[data-card-style="Filled"] { background: #f5f5f5; } /* Card Radius */ .CardItem[data-card-radius="None"] { border-radius: 0; } .CardItem[data-card-radius="Small"] { border-radius: 4px; } .CardItem[data-card-radius="Medium"] { border-radius: 8px; } .CardItem[data-card-radius="Large"] { border-radius: 16px; } .CardItem[data-card-radius="Round"] { border-radius: 24px; } /* Card Sizes */ .CardItem[data-card-size="Small"] .CardContent { padding: 8px; } .CardItem[data-card-size="Small"] .CardTitle { font-size: 14px; } .CardItem[data-card-size="Small"] .CardDescription { font-size: 12px; } .CardItem[data-card-size="Medium"] .CardContent { padding: 12px; } .CardItem[data-card-size="Medium"] .CardTitle { font-size: 16px; } .CardItem[data-card-size="Medium"] .CardDescription { font-size: 14px; } .CardItem[data-card-size="Large"] .CardContent { padding: 16px; } .CardItem[data-card-size="Large"] .CardTitle { font-size: 18px; } .CardItem[data-card-size="Large"] .CardDescription { font-size: 15px; } /* Hover Effects */ .CardItem[data-hover-effect="Lift"]:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } .CardItem[data-hover-effect="Glow"]:hover { box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.3); } .CardItem[data-hover-effect="Scale"]:hover { transform: scale(1.02); } .CardItem[data-hover-effect="Border"]:hover { border-color: #4285f4; } /* Image Position */ .CardItem[data-image-position="Left"], .CardItem[data-image-position="Right"] { flex-direction: row; } .CardItem[data-image-position="Left"] .CardImageWrapper { order: -1; } .CardItem[data-image-position="Right"] .CardImageWrapper { order: 1; } .CardItem[data-image-position="Bottom"] .CardImageWrapper { order: 1; } .CardItem[data-image-position="Left"] .CardImageWrapper, .CardItem[data-image-position="Right"] .CardImageWrapper { width: 40%; flex-shrink: 0; } .CardItem[data-image-position="Background"] { position: relative; } .CardItem[data-image-position="Background"] .CardImageWrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .CardItem[data-image-position="Background"] .CardContent { position: relative; z-index: 1; background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); color: #fff; margin-top: auto; } /* Image Wrapper */ .CardImageWrapper { position: relative; overflow: hidden; background: #f0f0f0; } .CardImageWrapper[data-ratio="1:1"] { aspect-ratio: 1 / 1; } .CardImageWrapper[data-ratio="4:3"] { aspect-ratio: 4 / 3; } .CardImageWrapper[data-ratio="16:9"] { aspect-ratio: 16 / 9; } .CardImageWrapper[data-ratio="21:9"] { aspect-ratio: 21 / 9; } .CardImageWrapper[data-ratio="Auto"] { aspect-ratio: auto; } .CardImage { width: 100%; height: 100%; display: block; } .CardImageWrapper[data-fit="Cover"] .CardImage { object-fit: cover; } .CardImageWrapper[data-fit="Contain"] .CardImage { object-fit: contain; } .CardImageWrapper[data-fit="Fill"] .CardImage { object-fit: fill; } .CardImageWrapper.CardImageError { display: flex; align-items: center; justify-content: center; color: #999; } .CardImageWrapper.CardImageError .CardImage { display: none; } /* Badge */ .CardBadge { position: absolute; padding: 4px 8px; font-size: 12px; font-weight: 500; background: #4285f4; color: #fff; border-radius: 4px; z-index: 2; } .CardBadge[data-position="TopLeft"] { top: 8px; left: 8px; } .CardBadge[data-position="TopRight"] { top: 8px; right: 8px; } .CardBadge[data-position="BottomLeft"] { bottom: 8px; left: 8px; } .CardBadge[data-position="BottomRight"] { bottom: 8px; right: 8px; } /* Content */ .CardContent { flex: 1; display: flex; flex-direction: column; padding: 12px; } .CardTitle { font-weight: 600; color: #202124; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .CardDescription { color: #5f6368; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .CardDescription[data-lines="1"] { -webkit-line-clamp: 1; } .CardDescription[data-lines="2"] { -webkit-line-clamp: 2; } .CardDescription[data-lines="3"] { -webkit-line-clamp: 3; } .CardDescription[data-lines="4"] { -webkit-line-clamp: 4; } .CardDescription[data-lines="5"] { -webkit-line-clamp: 5; } .CardDescription[data-lines="All"] { -webkit-line-clamp: unset; } /* Footer */ .CardFooter { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 12px; border-top: 1px solid #f0f0f0; font-size: 12px; color: #5f6368; } .CardFooterItem { display: flex; align-items: center; gap: 4px; } .CardFooterLabel { color: #999; } .CardFooterValue { color: #333; } /* Selection */ .CardSelectBox { position: absolute; top: 8px; left: 8px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); border-radius: 4px; cursor: pointer; z-index: 3; opacity: 0; transition: opacity 0.2s; } .CardItem[data-selectable="true"]:hover .CardSelectBox, .CardItem[data-selected="true"] .CardSelectBox { opacity: 1; } .CardItem[data-selected="true"] { outline: 2px solid #4285f4; outline-offset: -2px; } /* ItemView Content */ .CardItemViewContent { padding: 12px; } /* Expanded Card — ItemView mode */ .CardItem[data-expanded="true"] { grid-column: 1 / -1; z-index: 10; box-shadow: 0 4px 24px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.08); outline: 2px solid #4285f4; outline-offset: -2px; } .CardItem[data-expanded="true"] .CardItemViewContent { padding: 16px 12px; border-top: 1px solid rgba(0,0,0,0.06); margin-top: 8px; animation: cardItemViewSlideIn 0.25s ease; } @keyframes cardItemViewSlideIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } .CardItem[data-expanded="true"][data-card-style="Elevated"] { box-shadow: 0 8px 32px rgba(0,0,0,0.16), 0 2px 8px rgba(0,0,0,0.08); } .DarkTheme .CardItem[data-expanded="true"], html.dark-theme .CardItem[data-expanded="true"] { outline-color: #669df6; box-shadow: 0 4px 24px rgba(0,0,0,0.3), 0 2px 8px rgba(0,0,0,0.2); } .DarkTheme .CardItem[data-expanded="true"] .CardItemViewContent, html.dark-theme .CardItem[data-expanded="true"] .CardItemViewContent { border-top-color: rgba(255,255,255,0.08); } /* Groups */ .CardGroup { margin-bottom: 24px; } .CardGroupHeader { display: flex; align-items: center; gap: 8px; padding: 12px 0; border-bottom: 2px solid #e0e0e0; margin-bottom: 16px; } .CardGroup[data-group-style="Divider"] .CardGroupHeader { border-bottom: 1px solid #e0e0e0; } .CardGroup[data-group-style="Tab"] .CardGroupHeader { background: #f5f5f5; padding: 12px 16px; border-radius: 8px 8px 0 0; border-bottom: none; } .CardGroup[data-group-style="Accordion"] .CardGroupHeader { background: #fafafa; padding: 12px 16px; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 8px; } .CardGroupToggle { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #666; transition: transform 0.2s; } .CardGroupTitle { font-size: 16px; font-weight: 600; color: #202124; flex: 1; } .CardGroupCount { background: #e8eaed; color: #5f6368; padding: 2px 8px; border-radius: 12px; font-size: 12px; font-weight: 500; } .CardGroupContent { display: grid; } .CardGroupContent[data-layout="Grid"] { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .CardGroupContent[data-columns="1"] { grid-template-columns: 1fr; } .CardGroupContent[data-columns="2"] { grid-template-columns: repeat(2, 1fr); } .CardGroupContent[data-columns="3"] { grid-template-columns: repeat(3, 1fr); } .CardGroupContent[data-columns="4"] { grid-template-columns: repeat(4, 1fr); } .CardGroupContent[data-columns="5"] { grid-template-columns: repeat(5, 1fr); } .CardGroupContent[data-columns="6"] { grid-template-columns: repeat(6, 1fr); } .CardGroupContent[data-gap="None"] { gap: 0; } .CardGroupContent[data-gap="Small"] { gap: 8px; } .CardGroupContent[data-gap="Medium"] { gap: 16px; } .CardGroupContent[data-gap="Large"] { gap: 24px; } .CardGroup[data-collapsed="true"] .CardGroupContent { display: none; } /* Empty State */ .CardEmptyState { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; color: #999; } .CardEmptyIcon { font-size: 48px; margin-bottom: 16px; opacity: 0.5; } .CardEmptyText { font-size: 16px; } /* Skeleton Loading */ .CardSkeleton { display: flex; flex-direction: column; overflow: hidden; } .CardSkeleton[data-card-style="Elevated"] { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .CardSkeleton[data-card-style="Outlined"] { border: 1px solid #e0e0e0; } .CardSkeletonImage { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: cardSkeletonShimmer 1.5s infinite; } .CardSkeletonImage[data-ratio="1:1"] { aspect-ratio: 1 / 1; } .CardSkeletonImage[data-ratio="4:3"] { aspect-ratio: 4 / 3; } .CardSkeletonImage[data-ratio="16:9"] { aspect-ratio: 16 / 9; } .CardSkeletonContent { padding: 12px; } .CardSkeletonTitle { height: 20px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: cardSkeletonShimmer 1.5s infinite; border-radius: 4px; margin-bottom: 8px; width: 70%; } .CardSkeletonDesc { height: 14px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: cardSkeletonShimmer 1.5s infinite; border-radius: 4px; margin-bottom: 6px; } .CardSkeletonDescShort { width: 50%; } @keyframes cardSkeletonShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Animations */ .CardItem[data-animation="FadeIn"] { opacity: 0; animation: cardFadeIn 0.4s ease forwards; } .CardItem[data-animation="SlideUp"] { opacity: 0; transform: translateY(20px); animation: cardSlideUp 0.4s ease forwards; } .CardItem[data-animation="Scale"] { opacity: 0; transform: scale(0.9); animation: cardScale 0.4s ease forwards; } .CardItem[data-animation="Stagger"] { opacity: 0; transform: translateY(10px); animation: cardStagger 0.3s ease forwards; } @keyframes cardFadeIn { to { opacity: 1; } } @keyframes cardSlideUp { to { opacity: 1; transform: translateY(0); } } @keyframes cardScale { to { opacity: 1; transform: scale(1); } } @keyframes cardStagger { to { opacity: 1; transform: translateY(0); } } /* Dark Theme */ .DarkTheme .CardItem, html.dark-theme .CardItem { background: #2d2d2d; } .DarkTheme .CardItem[data-card-style="Filled"], html.dark-theme .CardItem[data-card-style="Filled"] { background: #383838; } .DarkTheme .CardItem[data-card-style="Outlined"], html.dark-theme .CardItem[data-card-style="Outlined"] { border-color: #444; } .DarkTheme .CardItem[data-card-style="Elevated"], html.dark-theme .CardItem[data-card-style="Elevated"] { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); } .DarkTheme .CardTitle, html.dark-theme .CardTitle { color: #e8eaed; } .DarkTheme .CardDescription, html.dark-theme .CardDescription { color: #9aa0a6; } .DarkTheme .CardFooter, html.dark-theme .CardFooter { border-top-color: #444; } .DarkTheme .CardFooterLabel, html.dark-theme .CardFooterLabel { color: #666; } .DarkTheme .CardFooterValue, html.dark-theme .CardFooterValue { color: #bbb; } .DarkTheme .CardGroupHeader, html.dark-theme .CardGroupHeader { border-bottom-color: #444; } .DarkTheme .CardGroupTitle, html.dark-theme .CardGroupTitle { color: #e8eaed; } .DarkTheme .CardGroupCount, html.dark-theme .CardGroupCount { background: #444; color: #aaa; } .DarkTheme .CardGroup[data-group-style="Tab"] .CardGroupHeader, html.dark-theme .CardGroup[data-group-style="Tab"] .CardGroupHeader { background: #383838; } .DarkTheme .CardGroup[data-group-style="Accordion"] .CardGroupHeader, html.dark-theme .CardGroup[data-group-style="Accordion"] .CardGroupHeader { background: #333; border-color: #444; } .DarkTheme .CardImageWrapper, html.dark-theme .CardImageWrapper { background: #383838; } .DarkTheme .CardSelectBox, html.dark-theme .CardSelectBox { background: rgba(45, 45, 45, 0.9); color: #e8eaed; } .DarkTheme .CardEmptyState, html.dark-theme .CardEmptyState { color: #666; } .DarkTheme .CardSkeletonImage, .DarkTheme .CardSkeletonTitle, .DarkTheme .CardSkeletonDesc, html.dark-theme .CardSkeletonImage, html.dark-theme .CardSkeletonTitle, html.dark-theme .CardSkeletonDesc { background: linear-gradient(90deg, #383838 25%, #444 50%, #383838 75%); background-size: 200% 100%; } /* Responsive */ @media (max-width: 768px) { .CardViewContainer[data-responsive="true"] { grid-template-columns: repeat(2, 1fr); padding: 8px; } .CardViewContainer[data-responsive="true"][data-columns="1"], .CardViewContainer[data-layout="List"] { grid-template-columns: 1fr; } .CardViewContainer[data-layout="Masonry"][data-responsive="true"] { column-count: 2; } .CardItem[data-image-position="Left"], .CardItem[data-image-position="Right"] { flex-direction: column; } .CardItem[data-image-position="Left"] .CardImageWrapper, .CardItem[data-image-position="Right"] .CardImageWrapper { width: 100%; } .CardGroupContent[data-responsive="true"] { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .CardViewContainer[data-responsive="true"] { grid-template-columns: 1fr; } .CardViewContainer[data-layout="Masonry"][data-responsive="true"] { column-count: 1; } .CardGroupContent[data-responsive="true"] { grid-template-columns: 1fr; } .CardViewContainer[data-layout="Carousel"] .CardItem { flex: 0 0 calc(100vw - 48px); } } /* Print Styles */ @media print { .CardViewContainer { display: block; } .CardItem { break-inside: avoid; page-break-inside: avoid; box-shadow: none !important; border: 1px solid #ddd; margin-bottom: 16px; } .CardItem[data-hover-effect] { transform: none !important; } .CardSelectBox { display: none; } .CardSkeleton { display: none; } .CardItem[data-animation] { opacity: 1 !important; transform: none !important; animation: none !important; } } /* =============================== DASHBOARD VIEW STYLES =============================== */ /* ---- Skeleton Loading (Shimmer) ---- */ .DashboardSkeletonContainer { display: grid; width: 100%; padding: 16px; box-sizing: border-box; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .DashboardSkeletonContainer[data-columns="1"] { grid-template-columns: 1fr; } .DashboardSkeletonContainer[data-columns="2"] { grid-template-columns: repeat(2, 1fr); } .DashboardSkeletonContainer[data-columns="3"] { grid-template-columns: repeat(3, 1fr); } .DashboardSkeletonContainer[data-columns="4"] { grid-template-columns: repeat(4, 1fr); } .DashboardSkeletonContainer[data-columns="6"] { grid-template-columns: repeat(6, 1fr); } .DashboardSkeletonWidget { display: flex; flex-direction: column; gap: 12px; padding: 24px; background: #fff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.04); } .DashboardSkeletonIcon.Skeleton { width: 48px; height: 48px; border-radius: 12px; background: linear-gradient(110deg, #e8eaed 30%, #f0f0f0 50%, #e8eaed 70%); background-size: 200% 100%; animation: dashboardSkeletonShimmer 1.5s ease-in-out infinite; } .DashboardSkeletonBody { display: flex; flex-direction: column; gap: 8px; } .DashboardSkeletonValue.Skeleton { width: 60%; height: 32px; border-radius: 6px; background: linear-gradient(110deg, #e8eaed 30%, #f0f0f0 50%, #e8eaed 70%); background-size: 200% 100%; animation: dashboardSkeletonShimmer 1.5s ease-in-out infinite; animation-delay: 0.1s; } .DashboardSkeletonLabel.Skeleton { width: 40%; height: 16px; border-radius: 4px; background: linear-gradient(110deg, #e8eaed 30%, #f0f0f0 50%, #e8eaed 70%); background-size: 200% 100%; animation: dashboardSkeletonShimmer 1.5s ease-in-out infinite; animation-delay: 0.2s; } @keyframes dashboardSkeletonShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .DarkTheme .DashboardSkeletonWidget, html.dark-theme .DashboardSkeletonWidget { background: #2d2d2d; border-color: rgba(255,255,255,0.06); } .DarkTheme .DashboardSkeletonIcon.Skeleton, .DarkTheme .DashboardSkeletonValue.Skeleton, .DarkTheme .DashboardSkeletonLabel.Skeleton, html.dark-theme .DashboardSkeletonIcon.Skeleton, html.dark-theme .DashboardSkeletonValue.Skeleton, html.dark-theme .DashboardSkeletonLabel.Skeleton { background: linear-gradient(110deg, #3a3a3a 30%, #444 50%, #3a3a3a 70%); background-size: 200% 100%; } /* ---- Widget Header & Collapse Button ---- */ .DashboardWidgetHeader { display: flex; align-items: center; justify-content: space-between; min-height: 24px; margin-bottom: 8px; } .DashboardWidgetTitle { font-size: 12px; font-weight: 600; color: #9aa0a6; text-transform: uppercase; letter-spacing: 0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; margin-right: 8px; } .DashboardCollapseBtn { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: none; background: transparent; color: #9aa0a6; cursor: pointer; border-radius: 4px; font-size: 9px; line-height: 1; transition: all 0.15s ease; flex-shrink: 0; padding: 0; } .DashboardCollapseBtn:hover { background: rgba(0,0,0,0.05); color: #5f6368; } .DashboardWidgetMenuBtn { font-size: 14px; letter-spacing: 1px; } .DashboardCollapseBtn:active { transform: scale(0.85); } .DashboardWidgetHeaderBtns { display: flex; align-items: center; gap: 2px; flex-shrink: 0; } .DarkTheme .DashboardCollapseBtn, html.dark-theme .DashboardCollapseBtn { color: #80868b; } .DarkTheme .DashboardCollapseBtn:hover, html.dark-theme .DashboardCollapseBtn:hover { background: rgba(255,255,255,0.08); color: #e8eaed; } /* ---- Auto-Refresh Countdown Indicator ---- */ .DashboardRefreshCountdown { position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; z-index: 2; opacity: 0.5; transition: opacity 0.2s; } .DashboardRefreshCountdown:hover { opacity: 1; } .DashboardCountdownSvg { width: 20px; height: 20px; transform: rotate(-90deg); } .DashboardCountdownBg { fill: none; stroke: #e8eaed; stroke-width: 2; } .DashboardCountdownProgress { fill: none; stroke: #4285f4; stroke-width: 2; stroke-linecap: round; } .DarkTheme .DashboardCountdownBg, html.dark-theme .DashboardCountdownBg { stroke: #3a3a3a; } .DarkTheme .DashboardCountdownProgress, html.dark-theme .DashboardCountdownProgress { stroke: #669df6; } /* ---- Drag & Drop States ---- */ .DashboardWidget.DashboardWidgetDragging { opacity: 0.35; transform: scale(0.97) !important; box-shadow: none !important; pointer-events: none; } .DashboardWidget.DashboardDropTarget { outline: 2px dashed #4285f4; outline-offset: 2px; background: rgba(66,133,244,0.03); } .DarkTheme .DashboardWidget.DashboardDropTarget, html.dark-theme .DashboardWidget.DashboardDropTarget { outline-color: #669df6; background: rgba(102,157,246,0.06); } /* ---- KPI Summary Bar ---- */ .DashboardSummaryBar { display: flex; gap: 0; padding: 14px 20px; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.04); flex-wrap: wrap; position: sticky; top: 41px; z-index: 9; } .DashboardSummaryItem { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 100px; padding: 0 16px; } .DashboardSummaryItem:first-child { padding-left: 0; } .DashboardSummaryLabel { font-size: 11px; font-weight: 600; color: #9aa0a6; text-transform: uppercase; letter-spacing: 0.5px; } .DashboardSummaryValue { font-size: 22px; font-weight: 700; color: #202124; line-height: 1.3; } .DashboardSummaryValue[data-color="green"] { color: #34a853; } .DashboardSummaryValue[data-color="red"] { color: #ea4335; } .DashboardSummaryValue[data-color="blue"] { color: #4285f4; } .DashboardSummaryValue[data-color="orange"] { color: #e37400; } .DashboardSummaryDivider { width: 1px; background: #e8eaed; align-self: stretch; margin: 2px 0; } .DarkTheme .DashboardSummaryBar, html.dark-theme .DashboardSummaryBar { background: #1e1e1e; border-bottom-color: rgba(255,255,255,0.06); } .DarkTheme .DashboardSummaryLabel, html.dark-theme .DashboardSummaryLabel { color: #80868b; } .DarkTheme .DashboardSummaryValue, html.dark-theme .DashboardSummaryValue { color: #e8eaed; } .DarkTheme .DashboardSummaryDivider, html.dark-theme .DashboardSummaryDivider { background: #444; } /* ---- Dashboard Header Toolbar ---- */ .DashboardToolbar { display: flex; align-items: center; gap: 6px; padding: 8px 16px; justify-content: flex-end; position: sticky; top: 0; z-index: 10; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.04); } .DashboardToolbarBtn { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border: 1px solid #dadce0; background: #fff; color: #5f6368; border-radius: 6px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.15s ease; white-space: nowrap; line-height: 1; } .DashboardToolbarBtn:hover { background: #f1f3f4; border-color: #c4c7cc; color: #202124; } .DashboardToolbarBtn:active { transform: scale(0.97); } .DashboardToolbarBtn .icon { font-size: 13px; } .DashboardToolbarSeparator { width: 1px; height: 18px; background: #dadce0; } .DarkTheme .DashboardToolbarBtn, html.dark-theme .DashboardToolbarBtn { background: #333; border-color: #555; color: #9aa0a6; } .DarkTheme .DashboardToolbarBtn:hover, html.dark-theme .DashboardToolbarBtn:hover { background: #3a3a3a; border-color: #666; color: #e8eaed; } .DarkTheme .DashboardToolbarSeparator, html.dark-theme .DashboardToolbarSeparator { background: #555; } .DarkTheme .DashboardToolbar, html.dark-theme .DashboardToolbar { background: #1e1e1e; border-bottom-color: rgba(255,255,255,0.06); } /* ---- Widget Context Menu ---- */ .DashboardWidgetMenu { position: absolute; top: 36px; right: 6px; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.08); z-index: 100; min-width: 150px; padding: 4px 0; opacity: 0; transform: translateY(-4px) scale(0.97); transition: all 0.12s ease; pointer-events: none; } .DashboardWidgetMenu.Open { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; } .DashboardWidgetMenuItem { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 12px; border: none; background: none; color: #3c4043; font-size: 13px; cursor: pointer; text-align: left; transition: background 0.1s; } .DashboardWidgetMenuItem:hover { background: #f1f3f4; } .DashboardWidgetMenuItem .icon { font-size: 13px; color: #5f6368; width: 16px; text-align: center; } .DashboardWidgetMenuSeparator { height: 1px; background: #e8eaed; margin: 4px 0; } .DarkTheme .DashboardWidgetMenu, html.dark-theme .DashboardWidgetMenu { background: #333; border-color: #555; } .DarkTheme .DashboardWidgetMenuItem, html.dark-theme .DashboardWidgetMenuItem { color: #e8eaed; } .DarkTheme .DashboardWidgetMenuItem:hover, html.dark-theme .DashboardWidgetMenuItem:hover { background: #3a3a3a; } .DarkTheme .DashboardWidgetMenuSeparator, html.dark-theme .DashboardWidgetMenuSeparator { background: #555; } /* ---- Widget Fullscreen Mode ---- */ .DashboardWidget.DashboardWidgetFullscreen { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; border-radius: 0; overflow-y: auto; padding: 40px; grid-column: unset; } .DashboardFullscreenOverlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.45); z-index: 9998; opacity: 0; transition: opacity 0.2s; backdrop-filter: blur(2px); } .DashboardFullscreenOverlay.Open { opacity: 1; } /* ---- Conditional Formatting Badges ---- */ .DashboardWidgetBadge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; letter-spacing: 0.3px; } .DashboardWidgetBadge[data-status="good"] { background: rgba(52,168,83,0.1); color: #34a853; } .DashboardWidgetBadge[data-status="warning"] { background: rgba(249,171,0,0.1); color: #e37400; } .DashboardWidgetBadge[data-status="critical"] { background: rgba(234,67,53,0.1); color: #ea4335; } /* ---- Compact Density Mode ---- */ .DashboardWidgetGrid[data-density="Compact"] { gap: 10px; padding: 10px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidget { padding: 14px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidget[data-widget-size="Small"] { padding: 10px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidget[data-widget-size="Medium"] { padding: 14px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidget[data-widget-size="Large"] { padding: 18px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidget[data-widget-size="XLarge"] { padding: 22px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidget[data-widget-size="Small"] .DashboardWidgetValue { font-size: 20px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidget[data-widget-size="Medium"] .DashboardWidgetValue { font-size: 26px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidget[data-widget-size="Large"] .DashboardWidgetValue { font-size: 34px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidget[data-widget-size="XLarge"] .DashboardWidgetValue { font-size: 42px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidgetIcon { width: 38px; height: 38px; font-size: 18px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidgetLabel { font-size: 12px; margin-bottom: 2px; } .DashboardWidgetGrid[data-density="Compact"] .DashboardWidgetHeader { margin-bottom: 4px; } /* Container — outer shell, flex column, sticky helpers at top */ .DashboardContainer { display: flex; flex-direction: column; width: 100%; padding: 0; box-sizing: border-box; } /* Widget Grid — the real data, scrollable grid area */ .DashboardWidgetGrid { display: grid; width: 100%; padding: 16px; box-sizing: border-box; gap: 16px; } /* Layout */ .DashboardWidgetGrid[data-layout="Auto"], .DashboardWidgetGrid[data-layout="Grid"] { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .DashboardWidgetGrid[data-layout="Flex"] { display: flex; flex-wrap: wrap; } .DashboardWidgetGrid[data-layout="Masonry"] { display: block; column-count: 3; column-gap: 16px; } /* Columns */ .DashboardWidgetGrid[data-columns="1"] { grid-template-columns: 1fr; } .DashboardWidgetGrid[data-columns="2"] { grid-template-columns: repeat(2, 1fr); } .DashboardWidgetGrid[data-columns="3"] { grid-template-columns: repeat(3, 1fr); } .DashboardWidgetGrid[data-columns="4"] { grid-template-columns: repeat(4, 1fr); } .DashboardWidgetGrid[data-columns="6"] { grid-template-columns: repeat(6, 1fr); } .DashboardWidgetGrid[data-layout="Masonry"][data-columns="2"] { column-count: 2; } .DashboardWidgetGrid[data-layout="Masonry"][data-columns="3"] { column-count: 3; } .DashboardWidgetGrid[data-layout="Masonry"][data-columns="4"] { column-count: 4; } /* Gap */ .DashboardWidgetGrid[data-gap="None"] { gap: 0; } .DashboardWidgetGrid[data-gap="Small"] { gap: 8px; } .DashboardWidgetGrid[data-gap="Medium"] { gap: 16px; } .DashboardWidgetGrid[data-gap="Large"] { gap: 24px; } /* Widget */ .DashboardWidget { display: flex; flex-direction: column; background: #fff; padding: 20px; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; position: relative; overflow: hidden; box-sizing: border-box; } .DashboardWidget:focus-visible { outline: 2px solid #4285f4; outline-offset: 2px; } .DashboardWidgetGrid[data-layout="Masonry"] .DashboardWidget { break-inside: avoid; margin-bottom: 16px; } .DashboardWidgetGrid[data-layout="Flex"] .DashboardWidget { flex: 1 1 280px; margin: 8px; } /* Widget Styles */ .DashboardWidget[data-widget-style="Card"] { box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.04); } .DashboardWidget[data-widget-style="Flat"] { background: #fff; border: none; } .DashboardWidget[data-widget-style="Outlined"] { border: 1px solid #e0e0e0; box-shadow: none; } .DashboardWidget[data-widget-style="Glass"] { background: rgba(255, 255, 255, 0.7); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); } /* Widget Radius */ .DashboardWidget[data-widget-radius="None"] { border-radius: 0; } .DashboardWidget[data-widget-radius="Small"] { border-radius: 6px; } .DashboardWidget[data-widget-radius="Medium"] { border-radius: 10px; } .DashboardWidget[data-widget-radius="Large"] { border-radius: 16px; } /* Widget Sizes */ .DashboardWidget[data-widget-size="Small"] { padding: 14px; } .DashboardWidget[data-widget-size="Medium"] { padding: 20px; } .DashboardWidget[data-widget-size="Large"] { padding: 28px; } .DashboardWidget[data-widget-size="XLarge"] { padding: 36px; } .DashboardWidget[data-widget-size="Small"] .DashboardWidgetValue { font-size: 22px; } .DashboardWidget[data-widget-size="Medium"] .DashboardWidgetValue { font-size: 30px; } .DashboardWidget[data-widget-size="Large"] .DashboardWidgetValue { font-size: 38px; } .DashboardWidget[data-widget-size="XLarge"] .DashboardWidgetValue { font-size: 48px; } /* Widget Span */ .DashboardWidgetGrid .DashboardWidget[data-widget-span="1"] { grid-column: span 1; } .DashboardWidgetGrid .DashboardWidget[data-widget-span="2"] { grid-column: span 2; } .DashboardWidgetGrid .DashboardWidget[data-widget-span="3"] { grid-column: span 3; } .DashboardWidgetGrid .DashboardWidget[data-widget-span="Full"] { grid-column: 1 / -1; } /* Color indicator */ .DashboardWidget[data-has-color="true"] { border-left: 3px solid var(--dashboard-accent, #4285f4); } /* Widget Hover */ .DashboardWidget[data-widget-style="Card"]:hover { transform: translateY(-3px); box-shadow: 0 2px 6px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.02); } .DashboardWidget[data-widget-style="Flat"]:hover { background: #f8f9fa; } .DashboardWidget[data-widget-style="Outlined"]:hover { background: #f8f9fa; border-color: #c4c7cc; } .DashboardWidget[data-widget-style="Glass"]:hover { background: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.5); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.05); } /* Widget Content */ .DashboardWidgetContent { display: flex; align-items: flex-start; gap: 14px; flex: 1; } /* Widget Icon */ .DashboardWidgetIcon { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #e8f0fe 0%, #f0f4ff 100%); border-radius: 11px; font-size: 20px; color: #4285f4; flex-shrink: 0; transition: transform 0.2s ease; } .DashboardWidget:hover .DashboardWidgetIcon { transform: scale(1.06); } /* Widget Text */ .DashboardWidgetText { flex: 1; min-width: 0; } /* Widget Label */ .DashboardWidgetLabel { font-size: 13px; color: #5f6368; margin-bottom: 4px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.4px; } /* Widget Value */ .DashboardWidgetValue { font-size: 30px; font-weight: 700; color: #202124; line-height: 1.2; margin-bottom: 4px; } /* Widget Count */ .DashboardWidgetCount { font-size: 12px; color: #9aa0a6; } /* Change Indicator */ .DashboardWidgetChange { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; margin-top: 6px; padding: 2px 6px; border-radius: 4px; } .DashboardWidgetChange[data-direction="up"] { color: #34a853; background: rgba(52,168,83,0.08); } .DashboardWidgetChange[data-direction="down"] { color: #ea4335; background: rgba(234,67,53,0.08); } .DashboardChangeArrow { font-size: 9px; } /* Progress */ .DashboardProgress { margin-top: 14px; } .DashboardProgress[data-style="Bar"] { display: flex; align-items: center; gap: 10px; } .DashboardProgressBar { flex: 1; height: 6px; background: #e8eaed; border-radius: 3px; overflow: hidden; } .DashboardProgressBar .DashboardProgressFill { height: 100%; background: linear-gradient(90deg, var(--dashboard-accent, #4285f4), var(--dashboard-accent-end, #34a853)); border-radius: 3px; transition: width 0.6s ease; } .DashboardProgressPercent { font-size: 13px; font-weight: 600; color: #5f6368; min-width: 40px; text-align: right; } /* Circle Progress */ .DashboardProgress[data-style="Circle"], .DashboardProgress[data-style="Semicircle"] { display: flex; align-items: center; justify-content: center; position: relative; } .DashboardProgressCircle { transform: rotate(-90deg); } .DashboardProgressCircle .DashboardProgressBg { fill: none; stroke: #e8eaed; stroke-width: 5; } .DashboardProgressCircle .DashboardProgressFill { fill: none; stroke: var(--dashboard-accent, #4285f4); stroke-width: 5; stroke-linecap: round; transition: stroke-dashoffset 0.6s ease; } .DashboardProgress[data-style="Circle"] .DashboardProgressPercent, .DashboardProgress[data-style="Semicircle"] .DashboardProgressPercent { position: absolute; font-size: 11px; font-weight: 700; } /* Trend */ .DashboardTrend { position: absolute; top: 14px; right: 14px; } .DashboardTrendIcon { font-size: 18px; font-weight: 700; } .DashboardTrendIcon[data-direction="up"] { color: #34a853; } .DashboardTrendIcon[data-direction="down"] { color: #ea4335; } /* Sparkline SVG */ .DashboardSparklineSvg { display: block; margin-top: 4px; opacity: 0.8; transition: opacity 0.2s; } .DashboardTrend:hover .DashboardSparklineSvg { opacity: 1; } /* Empty State */ .DashboardEmptyState { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 56px 24px; color: #9aa0a6; } .DashboardEmptyIcon { font-size: 52px; margin-bottom: 16px; opacity: 0.4; } .DashboardEmptyText { font-size: 15px; font-weight: 500; } .DashboardEmptyTitle { font-size: 18px; font-weight: 700; color: #5f6368; margin-bottom: 6px; } /* Dark Theme */ .DarkTheme .DashboardWidget, html.dark-theme .DashboardWidget { background: #2d2d2d; } .DarkTheme .DashboardWidget[data-widget-style="Card"], html.dark-theme .DashboardWidget[data-widget-style="Card"] { box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.04); } .DarkTheme .DashboardWidget[data-widget-style="Outlined"], html.dark-theme .DashboardWidget[data-widget-style="Outlined"] { border-color: #444; } .DarkTheme .DashboardWidget[data-widget-style="Glass"], html.dark-theme .DashboardWidget[data-widget-style="Glass"] { background: rgba(45, 45, 45, 0.7); border-color: rgba(255, 255, 255, 0.08); } .DarkTheme .DashboardWidgetLabel, html.dark-theme .DashboardWidgetLabel { color: #9aa0a6; } .DarkTheme .DashboardWidgetValue, html.dark-theme .DashboardWidgetValue { color: #e8eaed; } .DarkTheme .DashboardWidgetCount, html.dark-theme .DashboardWidgetCount { color: #666; } .DarkTheme .DashboardWidgetIcon, html.dark-theme .DashboardWidgetIcon { background: linear-gradient(135deg, #333 0%, #3a3a3a 100%); } .DarkTheme .DashboardProgressBar, html.dark-theme .DashboardProgressBar { background: #444; } .DarkTheme .DashboardProgressCircle .DashboardProgressBg, html.dark-theme .DashboardProgressCircle .DashboardProgressBg { stroke: #444; } .DarkTheme .DashboardWidget[data-widget-style="Flat"]:hover, html.dark-theme .DashboardWidget[data-widget-style="Flat"]:hover { background: #353535; } .DarkTheme .DashboardWidget[data-widget-style="Outlined"]:hover, html.dark-theme .DashboardWidget[data-widget-style="Outlined"]:hover { background: #353535; border-color: #555; } .DarkTheme .DashboardWidget[data-widget-style="Card"]:hover, html.dark-theme .DashboardWidget[data-widget-style="Card"]:hover { box-shadow: 0 2px 6px rgba(0,0,0,0.15), 0 8px 24px rgba(0,0,0,0.25); } .DarkTheme .DashboardEmptyState, html.dark-theme .DashboardEmptyState { color: #666; } .DarkTheme .DashboardEmptyTitle, html.dark-theme .DashboardEmptyTitle { color: #9aa0a6; } .DarkTheme .DashboardWidgetChange[data-direction="up"], html.dark-theme .DashboardWidgetChange[data-direction="up"] { background: rgba(52,168,83,0.12); } .DarkTheme .DashboardWidgetChange[data-direction="down"], html.dark-theme .DashboardWidgetChange[data-direction="down"] { background: rgba(234,67,53,0.12); } /* Responsive — Tablet */ @media (min-width: 769px) and (max-width: 1024px) { .DashboardWidgetGrid[data-columns="4"] { grid-template-columns: repeat(3, 1fr); } .DashboardWidgetGrid[data-columns="6"] { grid-template-columns: repeat(3, 1fr); } .DashboardWidgetGrid[data-layout="Masonry"][data-columns="4"], .DashboardWidgetGrid[data-layout="Masonry"][data-columns="6"] { column-count: 3; } } /* Responsive — Mobile */ @media (max-width: 768px) { .DashboardWidgetGrid { grid-template-columns: 1fr; padding: 10px; } .DashboardWidgetGrid[data-columns="2"], .DashboardWidgetGrid[data-columns="3"], .DashboardWidgetGrid[data-columns="4"], .DashboardWidgetGrid[data-columns="6"] { grid-template-columns: repeat(2, 1fr); } .DashboardWidgetGrid[data-layout="Masonry"] { column-count: 2; } .DashboardWidgetGrid .DashboardWidget[data-widget-span="2"], .DashboardWidgetGrid .DashboardWidget[data-widget-span="3"] { grid-column: span 1; } .DashboardWidgetGrid .DashboardWidget[data-widget-size="Large"] { padding: 18px; } .DashboardWidgetGrid .DashboardWidget[data-widget-size="XLarge"] { padding: 22px; } .DashboardWidgetGrid .DashboardWidget[data-widget-size="Large"] .DashboardWidgetValue, .DashboardWidgetGrid .DashboardWidget[data-widget-size="XLarge"] .DashboardWidgetValue { font-size: 28px; } .DashboardSummaryBar { padding: 10px 14px; } .DashboardSummaryItem { min-width: 80px; padding: 0 10px; } .DashboardSummaryValue { font-size: 18px; } .DashboardToolbar { padding: 6px 10px; } } @media (max-width: 480px) { .DashboardWidgetGrid, .DashboardWidgetGrid[data-columns="2"], .DashboardWidgetGrid[data-columns="3"], .DashboardWidgetGrid[data-columns="4"], .DashboardWidgetGrid[data-columns="6"] { grid-template-columns: 1fr; } .DashboardWidgetGrid[data-layout="Masonry"] { column-count: 1; } .DashboardWidgetContent { flex-direction: column; align-items: stretch; } .DashboardWidgetIcon { width: 36px; height: 36px; font-size: 18px; } .DashboardSummaryBar { flex-direction: column; gap: 8px; } .DashboardSummaryItem { padding: 0; } .DashboardSummaryDivider { display: none; } } /* Print Styles */ @media print { .DashboardWidgetGrid { display: block; } .DashboardWidget { break-inside: avoid; page-break-inside: avoid; box-shadow: none !important; border: 1px solid #ddd; margin-bottom: 16px; } .DashboardWidget:hover { transform: none !important; } .DashboardToolbar, .DashboardRefreshCountdown { display: none; } } /* =============================== GALLERY VIEW STYLES =============================== */ /* Container */ .GalleryContainer { display: grid; width: 100%; padding: 8px; box-sizing: border-box; flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; } /* Layout: Grid */ .GalleryContainer[data-layout="Grid"] { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } /* Layout: Masonry */ .GalleryContainer[data-layout="Masonry"] { display: block; column-count: auto; column-width: 200px; } /* Layout: Justified */ .GalleryContainer[data-layout="Justified"] { display: flex; flex-wrap: wrap; } /* Layout: Carousel */ .GalleryContainer[data-layout="Carousel"] { display: block; position: relative; overflow: hidden; } /* Columns */ .GalleryContainer[data-columns="2"] { grid-template-columns: repeat(2, 1fr); } .GalleryContainer[data-columns="3"] { grid-template-columns: repeat(3, 1fr); } .GalleryContainer[data-columns="4"] { grid-template-columns: repeat(4, 1fr); } .GalleryContainer[data-columns="5"] { grid-template-columns: repeat(5, 1fr); } .GalleryContainer[data-columns="6"] { grid-template-columns: repeat(6, 1fr); } .GalleryContainer[data-layout="Masonry"][data-columns="2"] { column-count: 2; } .GalleryContainer[data-layout="Masonry"][data-columns="3"] { column-count: 3; } .GalleryContainer[data-layout="Masonry"][data-columns="4"] { column-count: 4; } .GalleryContainer[data-layout="Masonry"][data-columns="5"] { column-count: 5; } .GalleryContainer[data-layout="Masonry"][data-columns="6"] { column-count: 6; } /* Gap */ .GalleryContainer[data-gap="None"] { gap: 0; } .GalleryContainer[data-gap="Small"] { gap: 4px; } .GalleryContainer[data-gap="Medium"] { gap: 8px; } .GalleryContainer[data-gap="Large"] { gap: 16px; } .GalleryContainer[data-layout="Masonry"][data-gap="None"] { column-gap: 0; } .GalleryContainer[data-layout="Masonry"][data-gap="Small"] { column-gap: 4px; } .GalleryContainer[data-layout="Masonry"][data-gap="Medium"] { column-gap: 8px; } .GalleryContainer[data-layout="Masonry"][data-gap="Large"] { column-gap: 16px; } /* Gallery Item */ .GalleryItem { position: relative; overflow: hidden; cursor: pointer; background: #f0f0f0; } .GalleryContainer[data-layout="Masonry"] .GalleryItem { break-inside: avoid; margin-bottom: 4px; } .GalleryContainer[data-layout="Justified"] .GalleryItem { flex: 1 1 200px; max-width: 300px; margin: 2px; } /* Image Ratio */ .GalleryItem[data-ratio="Square"] { aspect-ratio: 1 / 1; } .GalleryItem[data-ratio="4:3"] { aspect-ratio: 4 / 3; } .GalleryItem[data-ratio="16:9"] { aspect-ratio: 16 / 9; } .GalleryItem[data-ratio="3:2"] { aspect-ratio: 3 / 2; } .GalleryItem[data-ratio="Original"] { aspect-ratio: auto; } .GalleryContainer[data-layout="Masonry"] .GalleryItem { aspect-ratio: auto !important; } /* Image Radius */ .GalleryItem[data-radius="None"] { border-radius: 0; } .GalleryItem[data-radius="Small"] { border-radius: 4px; } .GalleryItem[data-radius="Medium"] { border-radius: 8px; } .GalleryItem[data-radius="Large"] { border-radius: 16px; } .GalleryItem[data-radius="Round"] { border-radius: 50%; } /* Image Wrapper */ .GalleryImageWrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .GalleryContainer[data-layout="Masonry"] .GalleryImageWrapper { position: relative; } /* Placeholder */ .GalleryImageWrapper[data-placeholder="Blur"] { background: linear-gradient(135deg, #e0e0e0 0%, #f5f5f5 100%); filter: blur(5px); } .GalleryImageWrapper[data-placeholder="Color"] { background: #e8eaed; } .GalleryImageWrapper[data-placeholder="Skeleton"] { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: gallerySkeletonShimmer 1.5s infinite; } @keyframes gallerySkeletonShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Image */ .GalleryImage { width: 100%; height: 100%; display: block; transition: transform 0.3s ease, filter 0.3s ease; } .GalleryImage[data-fit="Cover"] { object-fit: cover; } .GalleryImage[data-fit="Contain"] { object-fit: contain; } .GalleryImage[data-fit="Fill"] { object-fit: fill; } .GalleryImageWrapper.GalleryImageError { background: #f5f5f5; } .GalleryImageWrapper.GalleryImageError::after { content: "⚠"; font-size: 24px; color: #999; } .GalleryImageWrapper.GalleryImageError .GalleryImage { display: none; } /* Hover Effects */ .GalleryItem[data-hover="Zoom"]:hover .GalleryImage { transform: scale(1.1); } .GalleryItem[data-hover="Brighten"]:hover .GalleryImage { filter: brightness(1.1); } .GalleryItem[data-hover="Lift"]:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } /* Overlay */ .GalleryOverlay { position: absolute; left: 0; right: 0; padding: 12px; opacity: 0; transition: opacity 0.3s ease; display: flex; flex-direction: column; justify-content: flex-end; } .GalleryItem:hover .GalleryOverlay { opacity: 1; } .GalleryOverlay[data-position="Bottom"] { bottom: 0; } .GalleryOverlay[data-position="Top"] { top: 0; justify-content: flex-start; } .GalleryOverlay[data-position="Full"] { top: 0; bottom: 0; justify-content: center; align-items: center; text-align: center; } .GalleryOverlay[data-style="Gradient"] { background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); } .GalleryOverlay[data-style="Gradient"][data-position="Top"] { background: linear-gradient(rgba(0, 0, 0, 0.7), transparent); } .GalleryOverlay[data-style="Gradient"][data-position="Full"] { background: rgba(0, 0, 0, 0.5); } .GalleryOverlay[data-style="Solid"] { background: rgba(0, 0, 0, 0.6); } /* Caption */ .GalleryCaption { color: #fff; font-size: 14px; font-weight: 500; line-height: 1.3; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .GalleryDescription { color: rgba(255, 255, 255, 0.8); font-size: 12px; margin-top: 4px; line-height: 1.4; } /* Caption Below */ .GalleryCaptionBelow { padding: 8px; background: #fff; } .GalleryCaptionBelow .GalleryCaption { color: #202124; text-shadow: none; } .GalleryCaptionBelow .GalleryDescription { color: #5f6368; } /* Selection */ .GallerySelectBox { position: absolute; top: 8px; left: 8px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); border-radius: 4px; cursor: pointer; z-index: 3; opacity: 0; transition: opacity 0.2s; } .GalleryItem[data-selectable="true"]:hover .GallerySelectBox, .GalleryItem[data-selected="true"] .GallerySelectBox { opacity: 1; } .GalleryItem[data-selected="true"] { outline: 3px solid #4285f4; outline-offset: -3px; } /* Animations */ .GalleryItem[data-animation="FadeIn"] { opacity: 0; animation: galleryFadeIn 0.4s ease forwards; } .GalleryItem[data-animation="ZoomIn"] { opacity: 0; transform: scale(0.8); animation: galleryZoomIn 0.4s ease forwards; } .GalleryItem[data-animation="SlideUp"] { opacity: 0; transform: translateY(20px); animation: gallerySlideUp 0.4s ease forwards; } @keyframes galleryFadeIn { to { opacity: 1; } } @keyframes galleryZoomIn { to { opacity: 1; transform: scale(1); } } @keyframes gallerySlideUp { to { opacity: 1; transform: translateY(0); } } /* Groups */ .GalleryGroup { margin-bottom: 24px; } .GalleryGroupHeader { display: flex; align-items: center; gap: 12px; padding: 12px 8px; border-bottom: 1px solid #e0e0e0; margin-bottom: 8px; } .GalleryGroupTitle { font-size: 16px; font-weight: 600; color: #202124; } .GalleryGroupCount { font-size: 13px; color: #5f6368; } .GalleryGroupContent { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } /* Carousel */ .GalleryCarouselWrapper { position: relative; overflow: hidden; } .GalleryCarouselTrack { display: flex; transition: transform 0.5s ease; } .GalleryCarouselSlide { flex: 0 0 100%; opacity: 0.5; transition: opacity 0.3s; } .GalleryCarouselSlide.active { opacity: 1; } .GalleryCarouselPrev, .GalleryCarouselNext { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); border-radius: 50%; cursor: pointer; font-size: 20px; color: #333; z-index: 10; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.2s; } .GalleryCarouselPrev:hover, .GalleryCarouselNext:hover { background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .GalleryCarouselPrev { left: 16px; } .GalleryCarouselNext { right: 16px; } .GalleryCarouselDots { display: flex; justify-content: center; gap: 8px; padding: 16px; } .GalleryCarouselDot { width: 10px; height: 10px; border-radius: 50%; background: #ddd; cursor: pointer; transition: all 0.2s; } .GalleryCarouselDot:hover { background: #bbb; } .GalleryCarouselDot.active { background: #4285f4; transform: scale(1.2); } /* Lightbox */ .GalleryLightbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.95); z-index: 10000; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .GalleryLightbox.active { opacity: 1; visibility: visible; } .GalleryLightboxClose { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; cursor: pointer; z-index: 10; opacity: 0.7; transition: opacity 0.2s; } .GalleryLightboxClose:hover { opacity: 1; } .GalleryLightboxContent { flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; padding: 60px; box-sizing: border-box; } .GalleryLightboxImage { max-width: 100%; max-height: 100%; object-fit: contain; cursor: zoom-in; transition: transform 0.3s; } .GalleryLightboxImage.zoomed { transform: scale(2); cursor: zoom-out; } .GalleryLightboxCaption { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 16px; text-align: center; max-width: 80%; } .GalleryLightboxCounter { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.7); font-size: 14px; } .GalleryLightboxPrev, .GalleryLightboxNext { position: absolute; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #fff; cursor: pointer; opacity: 0.7; transition: opacity 0.2s; z-index: 10; } .GalleryLightboxPrev:hover, .GalleryLightboxNext:hover { opacity: 1; } .GalleryLightboxPrev { left: 16px; } .GalleryLightboxNext { right: 16px; } /* Empty State */ .GalleryEmptyState { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; color: #999; } .GalleryEmptyIcon { font-size: 48px; margin-bottom: 16px; opacity: 0.5; } .GalleryEmptyText { font-size: 16px; } /* Dark Theme */ .DarkTheme .GalleryItem, html.dark-theme .GalleryItem { background: #383838; } .DarkTheme .GalleryCaptionBelow, html.dark-theme .GalleryCaptionBelow { background: #2d2d2d; } .DarkTheme .GalleryCaptionBelow .GalleryCaption, html.dark-theme .GalleryCaptionBelow .GalleryCaption { color: #e8eaed; } .DarkTheme .GalleryCaptionBelow .GalleryDescription, html.dark-theme .GalleryCaptionBelow .GalleryDescription { color: #9aa0a6; } .DarkTheme .GalleryGroupHeader, html.dark-theme .GalleryGroupHeader { border-bottom-color: #444; } .DarkTheme .GalleryGroupTitle, html.dark-theme .GalleryGroupTitle { color: #e8eaed; } .DarkTheme .GallerySelectBox, html.dark-theme .GallerySelectBox { background: rgba(45, 45, 45, 0.9); color: #e8eaed; } .DarkTheme .GalleryCarouselPrev, .DarkTheme .GalleryCarouselNext, html.dark-theme .GalleryCarouselPrev, html.dark-theme .GalleryCarouselNext { background: rgba(45, 45, 45, 0.9); color: #e8eaed; } .DarkTheme .GalleryCarouselDot, html.dark-theme .GalleryCarouselDot { background: #555; } .DarkTheme .GalleryEmptyState, html.dark-theme .GalleryEmptyState { color: #666; } /* Responsive */ @media (max-width: 768px) { .GalleryContainer { grid-template-columns: repeat(2, 1fr); padding: 4px; } .GalleryContainer[data-columns="3"], .GalleryContainer[data-columns="4"], .GalleryContainer[data-columns="5"], .GalleryContainer[data-columns="6"] { grid-template-columns: repeat(3, 1fr); } .GalleryContainer[data-layout="Masonry"] { column-count: 2; } .GalleryCarouselPrev, .GalleryCarouselNext { width: 36px; height: 36px; font-size: 16px; } .GalleryLightboxContent { padding: 40px 16px; } .GalleryLightboxPrev, .GalleryLightboxNext { width: 44px; height: 44px; font-size: 22px; } } @media (max-width: 480px) { .GalleryContainer, .GalleryContainer[data-columns="3"], .GalleryContainer[data-columns="4"], .GalleryContainer[data-columns="5"], .GalleryContainer[data-columns="6"] { grid-template-columns: repeat(2, 1fr); } .GalleryContainer[data-layout="Masonry"] { column-count: 2; } .GalleryGroupContent { grid-template-columns: repeat(2, 1fr); } } /* Print Styles */ @media print { .GalleryContainer { display: block; } .GalleryItem { break-inside: avoid; page-break-inside: avoid; margin-bottom: 8px; } .GalleryOverlay { opacity: 1 !important; background: none !important; } .GalleryCaption, .GalleryDescription { color: #000 !important; text-shadow: none !important; } .GalleryLightbox { display: none !important; } .GallerySelectBox { display: none; } .GalleryItem[data-animation] { opacity: 1 !important; transform: none !important; animation: none !important; } } /* =============================== GALLERY PREMIUM ENHANCEMENTS =============================== */ /* Wrapper */ .GalleryViewHost { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; position: relative; } .GalleryWrapper { position: relative; width: 100%; display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; } .GalleryCountBadge { position: absolute; top: 8px; right: 12px; font-size: 12px; font-weight: 500; color: var(--text-secondary, #5f6368); order: -1; z-index: 101; background: var(--surface-color, rgba(255,255,255,0.9)); padding: 4px 12px; border-radius: 20px; backdrop-filter: blur(8px); box-shadow: 0 1px 3px rgba(0,0,0,0.08); } html.dark-theme .GalleryCountBadge { background: rgba(45,45,45,0.9); color: #9aa0a6; } /* =============================== TOOLBAR =============================== */ .GalleryToolbar { display: flex; align-items: center; gap: 6px; padding: 8px 12px; background: var(--surface-color, #fff); border: 1px solid var(--border-color, #e2e8f0); border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); flex-wrap: wrap; position: sticky; top: 0; z-index: 100; flex-shrink: 0; order: -1; } .GalleryToolbar.is-stuck { box-shadow: 0 4px 12px rgba(0,0,0,0.08); border-radius: 12px; } html.dark-theme .GalleryToolbar { background: #2d2d2d; border-color: #444; } html.dark-theme .GalleryToolbar.is-stuck { box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .GalleryToolbarGroup { display: flex; align-items: center; gap: 2px; background: var(--bg-secondary, #f1f5f9); border-radius: 8px; padding: 2px; } html.dark-theme .GalleryToolbarGroup { background: #383838; } .GalleryToolbarBtn { display: flex; align-items: center; justify-content: center; min-width: 32px; height: 30px; padding: 0 8px; border-radius: 6px; cursor: pointer; font-size: 12px; font-weight: 500; color: var(--text-secondary, #64748b); transition: all 0.15s ease; user-select: none; } .GalleryToolbarBtn:hover { background: var(--surface-color, #fff); color: var(--text-primary, #1e293b); box-shadow: 0 1px 2px rgba(0,0,0,0.06); } .GalleryToolbarBtn.active { background: var(--surface-color, #fff); color: var(--primary-color, #3b82f6); box-shadow: 0 1px 3px rgba(0,0,0,0.08); font-weight: 600; } html.dark-theme .GalleryToolbarBtn:hover { background: #444; color: #e8eaed; } html.dark-theme .GalleryToolbarBtn.active { background: #444; color: #60a5fa; } .GalleryToolbarIcon { display: flex; align-items: center; justify-content: center; font-size: 14px; } .GalleryToolbarSep { width: 1px; height: 20px; background: var(--border-color, #e2e8f0); margin: 0 4px; flex-shrink: 0; } html.dark-theme .GalleryToolbarSep { background: #444; } /* Search */ .GallerySearchWrap { display: flex; align-items: center; gap: 6px; background: var(--bg-secondary, #f1f5f9); border-radius: 8px; padding: 4px 10px; flex: 0 1 200px; min-width: 120px; } html.dark-theme .GallerySearchWrap { background: #383838; } .GallerySearchIcon { font-size: 13px; color: var(--text-secondary, #94a3b8); flex-shrink: 0; } .GallerySearchInput { flex: 1; min-height: 20px; font-size: 13px; color: var(--text-primary, #1e293b); outline: none; white-space: nowrap; overflow: hidden; } .GallerySearchInput:empty::before { content: attr(data-placeholder); color: var(--text-secondary, #94a3b8); } html.dark-theme .GallerySearchInput { color: #e8eaed; } /* Bulk Actions */ .GalleryBulkActions { margin-left: auto; } .GallerySelectionCounter { font-size: 11px; font-weight: 600; color: var(--primary-color, #3b82f6); background: rgba(59,130,246,0.1); padding: 2px 8px; border-radius: 10px; min-width: 20px; text-align: center; } .GallerySelectAllBtn.GalleryAllSelected span { color: var(--primary-color, #3b82f6); } /* Sort Menu */ .GallerySortMenu { position: fixed; background: var(--surface-color, #fff); border: 1px solid var(--border-color, #e2e8f0); border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); min-width: 160px; max-height: 300px; overflow-y: auto; z-index: 10001; padding: 4px; } html.dark-theme .GallerySortMenu { background: #2d2d2d; border-color: #444; } .GallerySortMenuItem { display: flex; align-items: center; padding: 8px 12px; border-radius: 6px; cursor: pointer; font-size: 13px; color: var(--text-primary, #1e293b); transition: background 0.12s; } .GallerySortMenuItem:hover { background: var(--bg-secondary, #f1f5f9); } .GallerySortMenuItem.active { color: var(--primary-color, #3b82f6); font-weight: 600; } html.dark-theme .GallerySortMenuItem { color: #e8eaed; } html.dark-theme .GallerySortMenuItem:hover { background: #383838; } /* =============================== SKELETON LOADING =============================== */ .GallerySkeleton { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; padding: 8px; } .GallerySkeleton[data-layout="Masonry"] { display: block; column-count: 3; column-gap: 8px; } .GallerySkeletonItem { position: relative; overflow: hidden; border-radius: 8px; background: var(--surface-color, #fff); border: 1px solid var(--border-color, #f0f0f0); } .GallerySkeletonItem[data-ratio="Square"] { aspect-ratio: 1/1; } .GallerySkeletonItem[data-ratio="4:3"] { aspect-ratio: 4/3; } .GallerySkeletonItem[data-ratio="16:9"] { aspect-ratio: 16/9; } .GallerySkeletonItem[data-ratio="3:2"] { aspect-ratio: 3/2; } html.dark-theme .GallerySkeletonItem { background: #383838; border-color: #444; } .GallerySkeletonImage { width: 100%; height: 70%; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: gallerySkeletonShimmer 1.5s infinite; } html.dark-theme .GallerySkeletonImage { background: linear-gradient(90deg, #383838 25%, #444 50%, #383838 75%); background-size: 200% 100%; } .GallerySkeletonText { padding: 12px; display: flex; flex-direction: column; gap: 8px; } .GallerySkeletonLine { height: 12px; border-radius: 4px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: gallerySkeletonShimmer 1.5s infinite; } html.dark-theme .GallerySkeletonLine { background: linear-gradient(90deg, #383838 25%, #444 50%, #383838 75%); background-size: 200% 100%; } /* =============================== HOVER ACTIONS (Premium) =============================== */ .GalleryHoverActions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; z-index: 4; opacity: 0; transform: translateY(-4px); transition: opacity 0.2s ease, transform 0.2s ease; pointer-events: none; } .GalleryItem:hover .GalleryHoverActions { opacity: 1; transform: translateY(0); pointer-events: auto; } .GalleryHoverBtn { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.95); border-radius: 8px; cursor: pointer; font-size: 14px; color: #334155; box-shadow: 0 2px 8px rgba(0,0,0,0.12); transition: all 0.15s ease; backdrop-filter: blur(4px); } .GalleryHoverBtn:hover { background: #fff; transform: scale(1.1); box-shadow: 0 4px 12px rgba(0,0,0,0.18); color: var(--primary-color, #3b82f6); } html.dark-theme .GalleryHoverBtn { background: rgba(45,45,45,0.95); color: #e8eaed; } html.dark-theme .GalleryHoverBtn:hover { background: #444; color: #60a5fa; } /* Premium hover overlay slide-up */ .GalleryItem:hover .GalleryOverlay { animation: galleryOverlaySlideUp 0.25s ease forwards; } @keyframes galleryOverlaySlideUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* Premium border radius + shadow */ .GalleryItem { border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); transition: box-shadow 0.2s ease, transform 0.2s ease; } .GalleryItem:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .GalleryItem:focus-visible { outline: 2px solid var(--primary-color, #3b82f6); outline-offset: 2px; } /* =============================== IMAGE SIZE VARIANTS =============================== */ .GalleryContainer[data-image-size="Small"] { gap: 4px; } .GalleryContainer[data-image-size="Small"] .GalleryContainer[data-layout="Grid"] { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); } .GalleryContainer[data-image-size="Medium"] { gap: 8px; } .GalleryContainer[data-image-size="Large"] { gap: 12px; } .GalleryContainer[data-image-size="Large"][data-layout="Grid"] { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .GalleryContainer[data-image-size="XL"] { gap: 16px; padding: 16px; } .GalleryContainer[data-image-size="XL"][data-layout="Grid"] { grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); } /* =============================== ITEMVIEW (Custom content in cards) =============================== */ .GalleryItemContentView { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px; background: linear-gradient(transparent, rgba(0,0,0,0.6)); z-index: 2; font-size: 12px; color: #fff; } html.dark-theme .GalleryItemContentView { background: linear-gradient(transparent, rgba(0,0,0,0.8)); } /* =============================== ENHANCED EMPTY STATE =============================== */ .GalleryEmptyPremium { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 24px; text-align: center; } .GalleryEmptyPremiumIcon { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: var(--bg-secondary, #f1f5f9); border-radius: 50%; margin-bottom: 20px; font-size: 32px; color: var(--text-secondary, #94a3b8); } html.dark-theme .GalleryEmptyPremiumIcon { background: #383838; color: #666; } .GalleryEmptyPremiumTitle { font-size: 18px; font-weight: 600; color: var(--text-primary, #1e293b); margin-bottom: 8px; } html.dark-theme .GalleryEmptyPremiumTitle { color: #e8eaed; } .GalleryEmptyPremiumSubtitle { font-size: 14px; color: var(--text-secondary, #64748b); margin-bottom: 24px; } html.dark-theme .GalleryEmptyPremiumSubtitle { color: #9aa0a6; } .GalleryEmptyCTABtn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 24px; background: var(--primary-color, #3b82f6); color: #fff; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.15s ease; box-shadow: 0 2px 8px rgba(59,130,246,0.3); } .GalleryEmptyCTABtn:hover { background: var(--primary-hover, #2563eb); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(59,130,246,0.4); } /* =============================== ENHANCED LIGHTBOX =============================== */ .GalleryLightboxTopBar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background: linear-gradient(rgba(0,0,0,0.6), transparent); z-index: 11; } .GalleryLightboxInfo { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } .GalleryLightboxActions { display: flex; gap: 4px; } .GalleryLightboxActionBtn { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.15); border-radius: 8px; cursor: pointer; color: #fff; font-size: 16px; transition: all 0.15s ease; backdrop-filter: blur(4px); } .GalleryLightboxActionBtn:hover { background: rgba(255,255,255,0.3); transform: scale(1.1); } .GallerySlideshowBtn.active { background: var(--primary-color, #3b82f6); } /* Zoom Controls */ .GalleryLightboxZoomControls { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 4px; background: rgba(0,0,0,0.6); border-radius: 8px; padding: 4px; backdrop-filter: blur(8px); z-index: 11; } .GalleryLightboxZoomBtn { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.15); border-radius: 6px; cursor: pointer; color: #fff; font-size: 14px; transition: background 0.15s; } .GalleryLightboxZoomBtn:hover { background: rgba(255,255,255,0.3); } .GalleryZoomReset { min-width: 48px; font-size: 11px; font-weight: 600; } /* Thumbnail Strip */ .GalleryLightboxThumbs { position: absolute; bottom: 0; left: 0; right: 0; display: flex; gap: 4px; padding: 12px 20px; overflow-x: auto; background: linear-gradient(transparent, rgba(0,0,0,0.6)); z-index: 11; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.3) transparent; } .GalleryLightboxThumbs::-webkit-scrollbar { height: 4px; } .GalleryLightboxThumbs::-webkit-scrollbar-track { background: transparent; } .GalleryLightboxThumbs::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.3); border-radius: 2px; } .GalleryLightboxThumb { flex: 0 0 48px; height: 48px; border-radius: 6px; overflow: hidden; cursor: pointer; opacity: 0.5; transition: all 0.15s ease; border: 2px solid transparent; } .GalleryLightboxThumb:hover { opacity: 0.8; } .GalleryLightboxThumb.active { opacity: 1; border-color: #fff; transform: scale(1.05); } .GalleryLightboxThumbImg { width: 100%; height: 100%; object-fit: cover; } /* =============================== COLLAPSIBLE GROUPS =============================== */ .GalleryGroup[data-collapsible="true"] .GalleryGroupHeader { cursor: pointer; user-select: none; } .GalleryGroup[data-collapsible="true"] .GalleryGroupHeader:hover { background: var(--bg-secondary, #f8fafc); border-radius: 8px; } html.dark-theme .GalleryGroup[data-collapsible="true"] .GalleryGroupHeader:hover { background: #383838; } .GalleryGroupToggle { font-size: 10px; color: var(--text-secondary, #94a3b8); transition: transform 0.2s ease; flex-shrink: 0; } .GalleryGroupHeader.collapsed .GalleryGroupToggle { transform: rotate(-90deg); } .GalleryGroupClosed .GalleryGroupContent { display: none; } /* Group Thumbnail Preview */ .GalleryGroupThumbs { display: flex; gap: 2px; margin-left: auto; flex-shrink: 0; } .GalleryGroupThumb { width: 28px; height: 28px; border-radius: 4px; overflow: hidden; border: 1px solid rgba(255,255,255,0.2); } .GalleryGroupThumbImg { width: 100%; height: 100%; object-fit: cover; } /* =============================== CAROUSEL ENHANCED =============================== */ .GalleryCarouselWrapper { border-radius: 12px; overflow: hidden; } .GalleryCarouselPrev, .GalleryCarouselNext { opacity: 0; transition: opacity 0.2s ease, background 0.15s ease, transform 0.15s ease; } .GalleryCarouselWrapper:hover .GalleryCarouselPrev, .GalleryCarouselWrapper:hover .GalleryCarouselNext { opacity: 1; } .GalleryCarouselPrev:hover, .GalleryCarouselNext:hover { transform: translateY(-50%) scale(1.1); } /* =============================== ENHANCED RESPONSIVE =============================== */ @media (max-width: 1024px) { .GalleryContainer[data-columns="5"], .GalleryContainer[data-columns="6"] { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .GalleryToolbar { padding: 6px 8px; gap: 4px; } .GallerySearchWrap { flex: 1 1 100%; min-width: 0; } .GalleryToolbarSep { display: none; } .GalleryGroupThumbs { display: none; } .GalleryLightboxZoomControls { bottom: 100px; } } @media (max-width: 480px) { .GalleryToolbarGroup { gap: 1px; } .GalleryToolbarBtn { min-width: 28px; height: 26px; font-size: 11px; padding: 0 6px; } .GalleryHoverActions { display: none; } .GalleryLightboxTopBar { padding: 8px 12px; } .GalleryLightboxActions { gap: 2px; } .GalleryLightboxActionBtn { width: 30px; height: 30px; font-size: 14px; } .GalleryLightboxZoomControls { bottom: 80px; padding: 2px; gap: 2px; } .GalleryLightboxZoomBtn { width: 28px; height: 28px; font-size: 12px; } .GalleryLightboxThumbs { padding: 8px 12px; } .GalleryLightboxThumb { flex: 0 0 40px; height: 40px; } } /* =============================== DARK THEME COMPLETENESS =============================== */ html.dark-theme .GalleryToolbar { box-shadow: 0 1px 3px rgba(0,0,0,0.2); } html.dark-theme .GalleryItem { box-shadow: 0 1px 3px rgba(0,0,0,0.2); } html.dark-theme .GalleryItem:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.3); } html.dark-theme .GalleryGroupHeader:hover { background: #383838; } html.dark-theme .GalleryEmptyPremium { color: #e8eaed; } html.dark-theme .GallerySortMenu { box-shadow: 0 8px 24px rgba(0,0,0,0.3); } /* =============================== ACCESSIBILITY =============================== */ .GalleryItem:focus-visible { outline: 2px solid var(--primary-color, #3b82f6); outline-offset: 2px; z-index: 5; } .GalleryToolbarBtn:focus-visible, .GalleryHoverBtn:focus-visible, .GalleryLightboxActionBtn:focus-visible { outline: 2px solid var(--primary-color, #3b82f6); outline-offset: 2px; } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { .GalleryItem[data-animation] { animation: none !important; opacity: 1 !important; transform: none !important; } .GalleryItem { transition: none !important; } .GalleryHoverActions { transition: none !important; } .GalleryOverlay { transition: none !important; } } /* =============================== PRINT ENHANCEMENTS =============================== */ @media print { .GalleryToolbar { display: none !important; } .GalleryHoverActions { display: none !important; } .GalleryCountBadge { display: none !important; } .GallerySelectBox { display: none !important; } .GalleryLightbox { display: none !important; } .GalleryItem { break-inside: avoid; page-break-inside: avoid; box-shadow: none !important; border: 1px solid #ddd; } .GalleryOverlay { opacity: 1 !important; background: none !important; } .GalleryCaption, .GalleryDescription { color: #000 !important; text-shadow: none !important; } } /* =============================== GALLERY PREMIUM ADDITIONS =============================== */ /* Lightbox Info Panel */ .GalleryLightboxInfoPanel { position: absolute; top: 56px; right: 16px; width: 260px; max-height: calc(100vh - 100px); overflow-y: auto; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(12px); border-radius: 12px; padding: 16px; z-index: 10002; display: flex; flex-direction: column; gap: 8px; color: #fff; font-size: 13px; border: 1px solid rgba(255, 255, 255, 0.1); } .GalleryLightboxInfoRow { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .GalleryLightboxInfoRow:last-child { border-bottom: none; } .GalleryLightboxInfoLabel { color: rgba(255, 255, 255, 0.6); font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } .GalleryLightboxInfoValue { color: #fff; font-weight: 600; text-align: right; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Filter Popup */ .GalleryFilterPopup { position: fixed; min-width: 260px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06); z-index: 10003; display: flex; flex-direction: column; gap: 12px; } .GalleryFilterTitle { font-size: 14px; font-weight: 600; color: #1e293b; padding-bottom: 8px; border-bottom: 1px solid #e2e8f0; } .GalleryFilterGroup { display: flex; flex-direction: column; gap: 4px; } .GalleryFilterLabel { font-size: 12px; font-weight: 500; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; } .GalleryFilterRow { display: flex; gap: 8px; } .GalleryFilterInput { flex: 1; min-height: 32px; padding: 6px 10px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13px; color: #1e293b; background: #f8fafc; outline: none; transition: border-color 0.15s ease; } .GalleryFilterInput:focus { border-color: var(--primary-color, #3b82f6); background: #fff; } .GalleryFilterInput[data-placeholder]::before { content: attr(data-placeholder); color: #94a3b8; } .GalleryFilterFull { width: 100%; } .GalleryFilterApplyBtn, .GalleryFilterResetBtn { padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 500; cursor: pointer; text-align: center; transition: all 0.15s ease; } .GalleryFilterApplyBtn { background: var(--primary-color, #3b82f6); color: #fff; border: none; } .GalleryFilterApplyBtn:hover { background: var(--primary-hover, #2563eb); box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3); } .GalleryFilterResetBtn { background: transparent; color: #64748b; border: 1px solid #e2e8f0; } .GalleryFilterResetBtn:hover { background: #f1f5f9; color: #1e293b; } /* Toast */ .GalleryToast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); background: #1e293b; color: #fff; padding: 10px 20px; border-radius: 8px; font-size: 13px; font-weight: 500; z-index: 10004; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); animation: galleryToastIn 0.3s ease, galleryToastOut 0.3s ease 1.7s forwards; } @keyframes galleryToastIn { from { opacity: 0; transform: translateX(-50%) translateY(10px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } } @keyframes galleryToastOut { from { opacity: 1; } to { opacity: 0; } } /* ItemView Error Hint */ .GalleryItemViewError { font-size: 10px; color: rgba(255, 255, 255, 0.5); text-align: center; padding: 4px; font-style: italic; } /* Dark theme for new elements */ html.dark-theme .GalleryLightboxInfoPanel, .DarkTheme .GalleryLightboxInfoPanel { background: rgba(30, 30, 30, 0.9); border-color: rgba(255, 255, 255, 0.1); } html.dark-theme .GalleryFilterPopup, .DarkTheme .GalleryFilterPopup { background: #2d2d2d; border-color: #444; } html.dark-theme .GalleryFilterTitle, .DarkTheme .GalleryFilterTitle { color: #e8eaed; border-bottom-color: #444; } html.dark-theme .GalleryFilterLabel, .DarkTheme .GalleryFilterLabel { color: #9aa0a6; } html.dark-theme .GalleryFilterInput, .DarkTheme .GalleryFilterInput { background: #383838; border-color: #444; color: #e8eaed; } html.dark-theme .GalleryFilterInput:focus, .DarkTheme .GalleryFilterInput:focus { background: #444; } html.dark-theme .GalleryFilterResetBtn, .DarkTheme .GalleryFilterResetBtn { border-color: #444; color: #9aa0a6; } html.dark-theme .GalleryFilterResetBtn:hover, .DarkTheme .GalleryFilterResetBtn:hover { background: #383838; color: #e8eaed; } html.dark-theme .GalleryToast, .DarkTheme .GalleryToast { background: #e8eaed; color: #1e293b; } /* =============================== GANTT VIEW STYLES =============================== */ /* Container */ .GanttContainer { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 400px; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; font-size: 13px; } /* Content Row: TaskList + Timeline side by side */ .GanttContentRow { display: flex; flex: 1; min-height: 0; overflow: hidden; } /* Toolbar (full width, above content) */ .GanttToolbar { display: flex; align-items: center; gap: 4px; padding: 6px 12px; background: #fafafa; border-bottom: 1px solid #e0e0e0; flex-wrap: wrap; flex-shrink: 0; } .GanttToolbarBtn { padding: 4px 10px; border-radius: 4px; font-size: 12px; cursor: pointer; user-select: none; color: #333; background: #fff; border: 1px solid #e0e0e0; transition: background 0.15s, border-color 0.15s; } .GanttToolbarBtn:hover { background: #f0f4ff; border-color: #1976d2; } .GanttToolbarBtnActive { background: #1976d2; color: #fff; border-color: #1976d2; } .GanttToolbarBtnActive:hover { background: #1565c0; } .GanttToolbarSep { width: 1px; height: 20px; background: #e0e0e0; margin: 0 4px; } .GanttToolbarSummary { margin-left: auto; font-size: 12px; color: #666; white-space: nowrap; } /* Task List (Sol Panel) */ .GanttTaskList { flex-shrink: 0; border-right: 1px solid #e0e0e0; background: #fafafa; display: flex; flex-direction: column; } .GanttTaskListHeader { display: flex; align-items: center; padding: 0 12px; background: #f5f5f5; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #333; } .GanttTaskListHeaderTitle { flex: 1; } .GanttTaskListBody { flex: 1; overflow-y: auto; overflow-x: hidden; } .GanttTaskRow { display: flex; align-items: center; padding: 0 12px; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: background 0.15s; } .GanttTaskRow:hover { background: #e8f0fe; } .GanttTaskTitle { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; } /* Timeline (Sağ Panel) */ .GanttTimeline { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .GanttTimelineHeader { flex-shrink: 0; background: #f5f5f5; border-bottom: 1px solid #e0e0e0; overflow: hidden; } .GanttTimelineHeaderRow { display: flex; white-space: nowrap; } .GanttTimelineHeaderTop { background: #f0f0f0; border-bottom: 1px solid #e0e0e0; } .GanttHeaderCell { display: inline-flex; align-items: center; justify-content: center; border-right: 1px solid #e0e0e0; font-size: 12px; color: #666; flex-shrink: 0; box-sizing: border-box; } .GanttHeaderGroup { font-weight: 600; color: #333; background: #f0f0f0; } .GanttHeaderCell.GanttWeekend { background: #fafafa; color: #999; } .GanttHeaderCell.GanttToday { background: #e8f0fe; color: #1a73e8; font-weight: 600; } /* Timeline Body */ .GanttTimelineBody { flex: 1; position: relative; overflow: auto; background: #fff; } /* Grid */ .GanttGrid { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .GanttGridLineH { position: absolute; left: 0; right: 0; height: 1px; background: #f0f0f0; } .GanttGridLineV { position: absolute; top: 0; bottom: 0; width: 1px; background: #f0f0f0; } .GanttWeekendBg { position: absolute; top: 0; background: rgba(0, 0, 0, 0.02); } /* Today Line */ .GanttTodayLine { position: absolute; top: 0; bottom: 0; width: 2px; background: #ea4335; z-index: 10; } .GanttTodayLine::before { content: ""; position: absolute; top: -4px; left: -4px; width: 10px; height: 10px; background: #ea4335; border-radius: 50%; } /* Bars Container */ .GanttBarsContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* Task Bar */ .GanttBar { position: absolute; background: #4285f4; cursor: pointer; display: flex; align-items: center; overflow: hidden; transition: transform 0.15s, box-shadow 0.15s; z-index: 5; } .GanttBar:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: 6; } /* Bar Styles */ .GanttContainer[data-bar-style="Flat"] .GanttBar { border-radius: 0; } .GanttContainer[data-bar-style="Rounded"] .GanttBar { border-radius: 4px; } .GanttContainer[data-bar-style="Pill"] .GanttBar { border-radius: 100px; } /* Bar Label */ .GanttBarLabel { padding: 0 8px; color: #fff; font-size: 11px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } /* Bar Progress */ .GanttBarProgress { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.3); pointer-events: none; } /* Empty State */ .GanttEmptyState { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; color: #999; } .GanttEmptyIcon { font-size: 48px; margin-bottom: 16px; opacity: 0.5; } .GanttEmptyText { font-size: 16px; } /* View Mode Variations */ .GanttContainer[data-view-mode="Hour"] .GanttHeaderCell { font-size: 11px; } .GanttContainer[data-view-mode="Month"] .GanttHeaderCell, .GanttContainer[data-view-mode="Year"] .GanttHeaderCell { font-size: 12px; } /* Dark Theme */ .DarkTheme .GanttContainer, html.dark-theme .GanttContainer { background: #2d2d2d; border-color: #444; } .DarkTheme .GanttTaskList, html.dark-theme .GanttTaskList { background: #252525; border-right-color: #444; } .DarkTheme .GanttTaskListHeader, .DarkTheme .GanttTimelineHeader, html.dark-theme .GanttTaskListHeader, html.dark-theme .GanttTimelineHeader { background: #333; border-bottom-color: #444; } .DarkTheme .GanttTimelineHeaderTop, .DarkTheme .GanttHeaderGroup, html.dark-theme .GanttTimelineHeaderTop, html.dark-theme .GanttHeaderGroup { background: #383838; } .DarkTheme .GanttTaskListHeaderTitle, .DarkTheme .GanttHeaderGroup, html.dark-theme .GanttTaskListHeaderTitle, html.dark-theme .GanttHeaderGroup { color: #e8eaed; } .DarkTheme .GanttTaskRow, html.dark-theme .GanttTaskRow { border-bottom-color: #383838; } .DarkTheme .GanttTaskRow:hover, html.dark-theme .GanttTaskRow:hover { background: #383838; } .DarkTheme .GanttTaskTitle, html.dark-theme .GanttTaskTitle { color: #e8eaed; } .DarkTheme .GanttHeaderCell, html.dark-theme .GanttHeaderCell { border-right-color: #444; color: #9aa0a6; } .DarkTheme .GanttHeaderCell.GanttWeekend, html.dark-theme .GanttHeaderCell.GanttWeekend { background: #2a2a2a; } .DarkTheme .GanttHeaderCell.GanttToday, html.dark-theme .GanttHeaderCell.GanttToday { background: #1a3a5c; color: #8ab4f8; } .DarkTheme .GanttTimelineBody, html.dark-theme .GanttTimelineBody { background: #2d2d2d; } .DarkTheme .GanttGridLineH, .DarkTheme .GanttGridLineV, html.dark-theme .GanttGridLineH, html.dark-theme .GanttGridLineV { background: #383838; } .DarkTheme .GanttWeekendBg, html.dark-theme .GanttWeekendBg { background: rgba(255, 255, 255, 0.02); } .DarkTheme .GanttEmptyState, html.dark-theme .GanttEmptyState { color: #666; } /* Responsive */ @media (max-width: 768px) { .GanttContainer { flex-direction: column; min-height: 300px; } .GanttTaskList { width: 100% !important; max-height: 150px; border-right: none; border-bottom: 1px solid #e0e0e0; } .GanttTimeline { margin-left: 0 !important; } .GanttTaskListBody { display: flex; overflow-x: auto; overflow-y: hidden; } .GanttTaskRow { flex-shrink: 0; width: auto; padding: 0 16px; } } /* Group Header (Task List) */ .GanttGroupHeader { display: flex; align-items: center; gap: 6px; padding-left: 8px; font-weight: 600; font-size: 12px; cursor: pointer; user-select: none; background: #f0f0f0; border-bottom: 1px solid #e0e0e0; color: #333; } .GanttGroupArrow { font-size: 8px; transition: transform 0.2s; } .GanttGroupLabel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Group Separator (Timeline) */ .GanttGroupSeparator { position: absolute; width: 100%; border-bottom: 1px solid #e0e0e0; background: rgba(0,0,0,0.02); font-size: 11px; padding: 0 8px; font-weight: 600; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Milestone Diamond */ .GanttMilestone { border: none !important; cursor: pointer; z-index: 3; } .GanttMilestone:hover { opacity: 0.8; box-shadow: 0 0 0 2px rgba(0,0,0,0.2); } /* Context Menu */ .GanttContextMenu { position: absolute; z-index: 10000; background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; box-shadow: 0 4px 16px rgba(0,0,0,0.15); padding: 4px 0; min-width: 160px; font-size: 13px; cursor: default; } .GanttContextMenuItem { padding: 8px 16px; cursor: pointer; white-space: nowrap; user-select: none; } .GanttContextMenuItem:hover { background: #f0f4ff; color: #1976d2; } /* Rich Tooltip */ .GanttTooltip { position: absolute; z-index: 10001; background: #1a1a2e; color: #fff; padding: 8px 12px; border-radius: 6px; font-size: 13px; line-height: 1.4; pointer-events: none; box-shadow: 0 4px 12px rgba(0,0,0,0.25); max-width: 280px; } /* Drag-to-Create Overlay */ .GanttDragCreateOverlay { position: absolute; background: rgba(25, 118, 210, 0.15); border: 1px dashed #1976d2; border-radius: 3px; z-index: 2; pointer-events: none; } /* Print Styles */ @media print { .GanttContainer { border: 1px solid #ddd; min-height: auto; } .GanttBar { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .GanttTodayLine { display: none; } .GanttTaskRow:hover { background: transparent; } .GanttBar:hover { transform: none; box-shadow: none; } .GanttToolbar { display: none; } .GanttResizeHandle, .GanttResizeHandleLeft { display: none; } .GanttContextMenu, .GanttTooltip { display: none; } .GanttTimelineBody { overflow: visible !important; width: 100% !important; } .GanttContainer { overflow: visible !important; page-break-inside: avoid; } body { margin: 0; padding: 0; } } /* ============================================================================ SPREADSHEET VIEW - Excel benzeri tablo gorunumu ============================================================================ */ .SpreadsheetContainer { display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 13px; background: var(--surface-color, #fff); border: 1px solid var(--border-color, #e0e0e0); border-radius: 4px; } .SpreadsheetWrapper { display: flex; flex: 1; overflow: hidden; position: relative; } /* Frozen Left Panel */ .SpreadsheetFrozenLeft { display: flex; flex-direction: column; flex-shrink: 0; border-right: 2px solid var(--border-color, #d0d0d0); background: var(--surface-color, #fff); z-index: 10; box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05); } .SpreadsheetFrozenHeader { display: flex; flex-shrink: 0; background: var(--header-bg, #f8f9fa); border-bottom: 1px solid var(--border-color, #e0e0e0); } .SpreadsheetRowNumHeader { display: flex; align-items: center; justify-content: center; min-width: 50px; padding: 8px 4px; background: var(--header-bg, #f5f5f5); border-right: 1px solid var(--border-color, #e0e0e0); font-weight: 600; color: var(--text-secondary, #666); } .SpreadsheetFrozenColHeader { display: flex; align-items: center; padding: 8px 12px; min-width: 100px; font-weight: 600; color: var(--text-primary, #333); background: var(--header-bg, #f8f9fa); border-right: 1px solid var(--border-color, #e0e0e0); } .SpreadsheetFrozenBody { flex: 1; overflow: hidden; } .SpreadsheetFrozenRow { display: flex; border-bottom: 1px solid var(--border-color, #eee); } .SpreadsheetRowNum { display: flex; align-items: center; justify-content: center; min-width: 50px; padding: 4px; background: var(--row-num-bg, #fafafa); border-right: 1px solid var(--border-color, #e0e0e0); color: var(--text-secondary, #888); font-size: 12px; position: relative; } .SpreadsheetRowCheck { position: absolute; left: 4px; opacity: 0; cursor: pointer; font-size: 14px; transition: opacity 0.15s; } .SpreadsheetFrozenRow:hover .SpreadsheetRowCheck, .SpreadsheetRow.Selected + .SpreadsheetFrozenRow .SpreadsheetRowCheck { opacity: 1; } .SpreadsheetFrozenCell { display: flex; align-items: center; padding: 6px 12px; min-width: 100px; border-right: 1px solid var(--border-color, #eee); background: var(--surface-color, #fff); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Main Area */ .SpreadsheetMain { display: flex; flex-direction: column; flex: 1; overflow: hidden; } .SpreadsheetHeaderArea { flex-shrink: 0; overflow-x: hidden; background: var(--header-bg, #f8f9fa); border-bottom: 2px solid var(--border-color, #d0d0d0); } .SpreadsheetHeaderRow { display: flex; } .SpreadsheetHeaderCell { display: flex; align-items: center; padding: 10px 12px; min-width: 120px; font-weight: 600; color: var(--text-primary, #333); background: var(--header-bg, #f8f9fa); border-right: 1px solid var(--border-color, #e0e0e0); position: relative; user-select: none; transition: background 0.15s; } .SpreadsheetHeaderCell:hover { background: var(--hover-bg, #eef2f7); } .SpreadsheetHeaderContent { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .SpreadsheetSortIndicator { margin-left: 4px; opacity: 0.4; } .SpreadsheetHeaderCell[data-sort="asc"] .SpreadsheetSortIndicator::after { content: "▲"; font-size: 10px; } .SpreadsheetHeaderCell[data-sort="desc"] .SpreadsheetSortIndicator::after { content: "▼"; font-size: 10px; } .SpreadsheetHeaderCell[data-sort] .SpreadsheetSortIndicator { opacity: 1; color: var(--primary-color, #1976d2); } .SpreadsheetFilterBtn { margin-left: 4px; padding: 2px 4px; opacity: 0; cursor: pointer; border-radius: 3px; transition: opacity 0.15s, background 0.15s; } .SpreadsheetHeaderCell:hover .SpreadsheetFilterBtn { opacity: 0.6; } .SpreadsheetFilterBtn:hover { opacity: 1 !important; background: rgba(0, 0, 0, 0.08); } .SpreadsheetResizeHandle { position: absolute; right: 0; top: 0; bottom: 0; width: 5px; cursor: col-resize; background: transparent; } .SpreadsheetResizeHandle:hover { background: var(--primary-color, #1976d2); } /* Body */ .SpreadsheetBodyArea { flex: 1; overflow: auto; } .SpreadsheetRow { display: flex; border-bottom: 1px solid var(--border-color, #eee); transition: background 0.1s; } .SpreadsheetRow:hover { background: var(--hover-bg, rgba(25, 118, 210, 0.04)); } .SpreadsheetRow.Selected { background: var(--selected-bg, rgba(25, 118, 210, 0.08)) !important; } .SpreadsheetRowAlt { background: var(--zebra-bg, #fafbfc); } .SpreadsheetCell { display: flex; align-items: center; padding: 6px 12px; min-width: 120px; border-right: 1px solid var(--border-color, #eee); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background 0.1s; } .SpreadsheetCell.Selected { background: var(--cell-selected-bg, rgba(25, 118, 210, 0.15)) !important; outline: 2px solid var(--primary-color, #1976d2); outline-offset: -2px; } /* Editable Cell Styles */ .SpreadsheetCellEditable { cursor: cell; position: relative; } .SpreadsheetCellEditable:hover { background: rgba(25, 118, 210, 0.06); } .SpreadsheetCellEditable::after { content: ""; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 0; border-color: transparent var(--primary-color, #1976d2) transparent transparent; opacity: 0; transition: opacity 0.15s; } .SpreadsheetCellEditable:hover::after { opacity: 0.5; } /* ReadOnly Cell Styles */ .SpreadsheetCellReadOnly { background: var(--readonly-bg, #f9fafb); color: var(--text-secondary, #666); cursor: default; } .SpreadsheetCellReadOnly::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--readonly-indicator, #9ca3af); } /* ReverseLookup Cell Styles - View'dan gelen, edit edilemez */ .SpreadsheetCellReverseLookup { background: var(--reverselookup-bg, #fef3c7); color: var(--text-secondary, #92400e); cursor: not-allowed; font-style: italic; } .SpreadsheetCellReverseLookup::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--reverselookup-indicator, #f59e0b); } /* Computed/Formula Cell Styles */ .SpreadsheetCellComputed { background: var(--computed-bg, #ede9fe); color: var(--text-secondary, #5b21b6); cursor: default; } .SpreadsheetCellComputed::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--computed-indicator, #8b5cf6); } /* Cell needs position relative for ::before/::after */ .SpreadsheetCell { position: relative; } /* Saving State */ .SpreadsheetCellSaving { opacity: 0.6; pointer-events: none; } .SpreadsheetCellSaving::after { content: ""; position: absolute; top: 50%; right: 8px; width: 12px; height: 12px; margin-top: -6px; border: 2px solid var(--primary-color, #1976d2); border-top-color: transparent; border-radius: 50%; animation: spreadsheet-spin 0.8s linear infinite; } @keyframes spreadsheet-spin { to { transform: rotate(360deg); } } /* Saved State - brief green flash */ .SpreadsheetCellSaved { animation: spreadsheet-saved 1s ease-out; } @keyframes spreadsheet-saved { 0% { background-color: rgba(34, 197, 94, 0.3); } 100% { background-color: transparent; } } /* Error State - brief red flash */ .SpreadsheetCellError { animation: spreadsheet-error 2s ease-out; } @keyframes spreadsheet-error { 0%, 50% { background-color: rgba(239, 68, 68, 0.3); } 100% { background-color: transparent; } } /* Checkbox Input */ .SpreadsheetCellCheckbox { width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color, #1976d2); } .SpreadsheetCellInput { width: 100%; height: 100%; border: none; padding: 4px 8px; font: inherit; background: #fff; outline: 2px solid var(--primary-color, #1976d2); box-shadow: 0 2px 8px rgba(25, 118, 210, 0.25); } .SpreadsheetBoolIcon { font-size: 16px; } .SpreadsheetCellImage { max-height: 32px; max-width: 100%; object-fit: contain; border-radius: 3px; } /* Row Heights */ .SpreadsheetContainer[data-row-height="Small"] .SpreadsheetRow, .SpreadsheetContainer[data-row-height="Small"] .SpreadsheetFrozenRow { min-height: 28px; } .SpreadsheetContainer[data-row-height="Small"] .SpreadsheetCell, .SpreadsheetContainer[data-row-height="Small"] .SpreadsheetFrozenCell { padding: 4px 8px; } .SpreadsheetContainer[data-row-height="Medium"] .SpreadsheetRow, .SpreadsheetContainer[data-row-height="Medium"] .SpreadsheetFrozenRow { min-height: 36px; } .SpreadsheetContainer[data-row-height="Large"] .SpreadsheetRow, .SpreadsheetContainer[data-row-height="Large"] .SpreadsheetFrozenRow { min-height: 48px; } .SpreadsheetContainer[data-row-height="Large"] .SpreadsheetCell, .SpreadsheetContainer[data-row-height="Large"] .SpreadsheetFrozenCell { padding: 10px 12px; } /* Grid Lines */ .SpreadsheetContainer[data-grid-lines="None"] .SpreadsheetCell, .SpreadsheetContainer[data-grid-lines="None"] .SpreadsheetRow, .SpreadsheetContainer[data-grid-lines="None"] .SpreadsheetFrozenCell, .SpreadsheetContainer[data-grid-lines="None"] .SpreadsheetFrozenRow { border: none; } .SpreadsheetContainer[data-grid-lines="Horizontal"] .SpreadsheetCell, .SpreadsheetContainer[data-grid-lines="Horizontal"] .SpreadsheetFrozenCell { border-right: none; } .SpreadsheetContainer[data-grid-lines="Vertical"] .SpreadsheetRow, .SpreadsheetContainer[data-grid-lines="Vertical"] .SpreadsheetFrozenRow { border-bottom: none; } /* Summary Row */ .SpreadsheetSummaryArea { flex-shrink: 0; border-top: 2px solid var(--border-color, #d0d0d0); background: var(--summary-bg, #f5f7f9); } .SpreadsheetSummaryRow { display: flex; } .SpreadsheetSummaryCell { display: flex; align-items: center; padding: 8px 12px; min-width: 120px; border-right: 1px solid var(--border-color, #e0e0e0); font-weight: 600; color: var(--text-primary, #333); } /* Empty State */ .SpreadsheetEmptyState { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; color: var(--text-secondary, #888); } .SpreadsheetEmptyIcon { font-size: 48px; opacity: 0.3; margin-bottom: 16px; } .SpreadsheetEmptyText { font-size: 15px; } /* Select All */ .SpreadsheetSelectAll { cursor: pointer; font-size: 14px; opacity: 0.6; transition: opacity 0.15s; } .SpreadsheetSelectAll:hover { opacity: 1; } /* Dark Mode */ @media (prefers-color-scheme: dark) { .SpreadsheetContainer { background: var(--dark-surface, #1e1e1e); border-color: var(--dark-border, #333); } .SpreadsheetHeaderCell, .SpreadsheetFrozenHeader, .SpreadsheetFrozenColHeader { background: var(--dark-header, #252525); color: var(--dark-text, #e0e0e0); border-color: var(--dark-border, #333); } .SpreadsheetCell, .SpreadsheetFrozenCell { border-color: var(--dark-border, #2a2a2a); } .SpreadsheetRow, .SpreadsheetFrozenRow { border-color: var(--dark-border, #2a2a2a); } .SpreadsheetRowAlt { background: var(--dark-zebra, #232323); } .SpreadsheetRowNum { background: var(--dark-row-num, #1a1a1a); color: var(--dark-text-secondary, #888); } } /* Mobile Responsive */ @media (max-width: 768px) { .SpreadsheetContainer { font-size: 12px; } .SpreadsheetHeaderCell, .SpreadsheetCell, .SpreadsheetFrozenCell, .SpreadsheetFrozenColHeader { min-width: 80px; padding: 6px 8px; } .SpreadsheetRowNumHeader, .SpreadsheetRowNum { min-width: 40px; } .SpreadsheetFilterBtn { display: none; } } /* Print Styles */ @media print { .SpreadsheetContainer { border: 1px solid #000; overflow: visible; height: auto; } .SpreadsheetBodyArea { overflow: visible; } .SpreadsheetRow:hover, .SpreadsheetRow.Selected { background: transparent; } .SpreadsheetFrozenLeft { box-shadow: none; } .SpreadsheetResizeHandle, .SpreadsheetFilterBtn, .SpreadsheetRowCheck, .SpreadsheetSelectAll { display: none; } } /* Apps Domain CSSText */ .Desktop .PageZone_logo span#ModuleTitle { display: none !important; } /* email-cx 2026-09-30 — D0/D2: konusma karti kirpma + hata rozeti + kelime kirik duzeltme + mobil kompakt */ .ConversationBody .BodyContent.Clamp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .BadgeError { background: #fee2e2 !important; color: #b91c1c !important; border-radius: 4px; padding: 2px 8px; font-size: 11px; font-weight: 600; display: inline-block; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .ContentHeaderTitle, .ContentHeaderDescription, .Panel_kpis, .Panel_kpis * { hyphens: none; word-break: keep-all; overflow-wrap: break-word; } @media (max-width: 768px) { .ConversationCard { padding: 10px 12px !important; } .ConversationHeader .SenderName { font-size: 13px; } .ConversationBody .BodyContent.Clamp2 { -webkit-line-clamp: 2; } .ContentHeader { padding: 12px 14px !important; } .ContentHeaderTitle { font-size: 17px !important; } }