/* ================================================================
   361 Platform - Base CSS (m.css)
   BuildAllCSS Source #1 - Minimal safe enhancements v3
   Loaded BEFORE meta.xml ElementStyles - lowest specificity layer
   NOTE: Do NOT add global resets (margin/padding/border on * or tags)
         ElementStyles already handle all element-specific styling
   ================================================================ */

/* ---- Barcode Fonts ---- */
@font-face { font-family: 'BarCode'; font-display: swap; src: url('/fonts/BarCode.ttf'); }
@font-face { font-family: 'Code39'; font-display: swap; src: url('/fonts/LibreBarcode39Text-Regular.ttf'); }
@font-face { font-family: 'Code128'; font-display: swap; src: url('/fonts/LibreBarcode128Text-Regular.ttf'); }
@font-face { font-family: 'EAN13'; font-display: swap; font-feature-settings: "calt" 1; src: url('/fonts/LibreBarcodeEAN13Text-Regular.ttf'); }

/* ---- Focus Styles (Modern - keyboard only) ---- */
*:focus-visible {
    outline: 2px solid var(--focusColor, rgb(10, 110, 185));
    outline-offset: 1px;
}

*:focus:not(:focus-visible) {
    outline: none;
}

.Nav:focus,
.Nav:focus-visible {
    outline: none;
}

/* ---- Scrollbar Styling (Webkit) ---- */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: var(--scrollbarTrackColor, transparent);
}
::-webkit-scrollbar-thumb {
    background: var(--scrollbarThumbColor, rgba(127,127,127,0.3));
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(127,127,127,0.5);
}

/* ---- Text Selection ---- */
::selection {
    background: var(--selectionColor, rgba(0,158,247,0.2));
}

/* ---- Message Types (semantic colors) ---- */
.info, .error, .warning, .success {
    padding: 8px 12px;
    text-align: center;
    margin: 2px;
    border-radius: 4px;
}
.info    { background: rgba(0,158,247,0.1); color: var(--infoColor, #009ef7); border: 1px solid rgba(0,158,247,0.2); }
.error   { background: rgba(235,49,49,0.1); color: var(--errorColor, #eb3131); border: 1px solid rgba(235,49,49,0.2); }
.warning { background: rgba(255,152,0,0.1); color: var(--warningColor, #ff9800); border: 1px solid rgba(255,152,0,0.2); }
.success { background: rgba(70,215,76,0.1); color: var(--successColor, #46d74c); border: 1px solid rgba(70,215,76,0.2); }

/* ---- DatePicker Calendar Icon Clickable ---- */
span.DatePicker::after {
    pointer-events: auto !important;
    cursor: pointer;
}

/* ---- Toast Message Container ---- */
#messagediv {
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255,255,255,0.05) 25%, transparent 25%,
                        transparent 50%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.05) 75%,
                        transparent 75%, transparent);
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    left: 0;
    right: 0;
    position: fixed;
    animation: animate-bg 5s linear infinite;
    bottom: 10px;
    z-index: var(--zToast, 9999);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* ---- Animations ---- */
@keyframes animate-bg {
    from { background-position: 0 0; }
    to { background-position: -80px 0; }
}

@keyframes pulse {
    0%   { transform: scale(1.0); }
    25%  { transform: scale(1.2); }
    50%  { transform: scale(1.0); }
    75%  { transform: scale(0.8); }
    100% { transform: scale(1); }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover {
    animation: pulse 2s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0; }
}

/* ---- CSS Containment for Performance ---- */
.EntityTypeViewBody,
.ByFieldsRight,
.FolderGroupBy {
    contain: layout style;
}

/* ---- Card/Widget Hover Effects ---- */
.CardItem,
.DashboardWidget {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.CardItem:hover,
.DashboardWidget:hover {
    box-shadow: 0 2px 8px var(--shadowColor, rgba(0,0,0,0.1));
    transform: translateY(-1px);
}

/* ---- SingleItem Form Transitions ---- */
.SingleItem .Field {
    transition: background-color 0.2s ease;
}

.SingleItem .Choice {
    transition: background-color 0.15s ease, border-color 0.15s ease,
                box-shadow 0.15s ease, transform 0.1s ease;
}

.SingleItem .Choice:hover {
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}

.SingleItem .Choice:active {
    transform: translateY(0);
    box-shadow: none;
}

/* ---- Selection Dropdown Transitions ---- */
.SelectionItem {
    transition: background-color 0.12s ease;
}

/* ---- ItemSelection Hover ---- */
.SingleItem .ItemSelection {
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.SingleItem .ItemSelection:hover {
    border-color: var(--activeBorderColor, rgb(10,110,185));
    box-shadow: 0 0 0 2px rgba(10,110,185,0.08);
}

/* ---- FieldSet/Panel Visual Grouping ---- */
.SingleItem .FieldSetPanel {
    border-radius: var(--gap, 4px);
}

/* ---- SingleItem CSS Containment for Performance ---- */
.SingleItem {
    contain: layout style;
}

.SingleItem .FieldSetPanel {
    contain: layout style;
}

/* ---- ItemBottom Premium Separator ---- */
.SingleItem > .ItemBottom {
    border-top: 1px solid rgba(127,127,127,0.1);
    padding-top: 4px;
}

/* ---- Empty Field Display Mode Enhancement ---- */
.SingleItem .FieldIsEmpty.Mode_Display .FieldValue {
    border-bottom: 1px dashed rgba(127,127,127,0.15);
}

/* ---- FieldLabel Weight Override ---- */
/* Overrides domain CSSSelector: body .FieldLabel { font-weight: 300 !important } */
.SingleItem .Field .FieldLabel {
    font-weight: 500 !important;
    letter-spacing: 0.01em;
}
.SingleItem .Field.Mode_Edit:focus-within > .FieldLabel {
    font-weight: 600 !important;
}

/* ---- Smooth Input Focus Transition ---- */
.SingleItem .Field.Mode_Edit input,
.SingleItem .Field.Mode_Edit select,
.SingleItem .Field.Mode_Edit textarea {
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* ---- ManyFields Performance ---- */
.FieldSetPanel.ManyFields {
    contain: content;
}

/* ---- Reduced Motion (Accessibility) ---- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* ---- Print Styles ---- */
@media print {
    body { background: white; }
    .PageZone_LeftNavs, .PageZone_AppsButton { display: none; }
    .MainContent { margin: 0; padding: 0; }
}

/* ================================================================
   Premium UI Enhancements v4
   ================================================================ */

/* ---- Unified Input Focus Ring ---- */
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,
input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
input[type="url"]:focus, input[type="date"]:focus, input[type="time"]:focus,
textarea:focus, select:focus {
    border-color: var(--inputFocusBorderColor, rgb(10, 110, 185));
    box-shadow: 0 0 0 3px rgba(10, 110, 185, 0.12);
    outline: none;
}

/* ---- Button Press Effect ---- */
.Button:active {
    transform: scale(0.97);
}

/* ---- ItemView Hover ---- */
.ItemView {
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}
.ItemView:hover {
    background-color: var(--hoverBackColor, rgba(0,0,0,0.04));
}

/* ---- Smooth Scroll ---- */
html {
    scroll-behavior: smooth;
}

/* ---- Toast Slide-in Animation ---- */
#messagediv {
    animation: toastSlideIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes toastSlideIn {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* ---- Responsive Typography ---- */
body.Mobile {
    font-size: var(--mobileTextSize, 14px);
}

/* ---- Touch Target Minimums (Mobile) ---- */
body.Mobile .Button,
body.Mobile .NavButton,
body.Mobile .MicroButton {
    min-height: 44px;
    min-width: 44px;
}
body.Mobile .PanelHeader {
    min-height: 48px;
}

/* ---- SingleItem Mobile Stack ---- */
body.Mobile .SingleItem > .ItemBody {
    flex-direction: column;
    border-radius: var(--radiusMd, 8px);
}
body.Mobile .SingleItem .Field {
    padding: var(--space3, 12px);
}

/* ---- Dark Theme Scrollbar ---- */
html.dark-theme ::-webkit-scrollbar-thumb,
html.auto-theme ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.2);
}
html.dark-theme ::-webkit-scrollbar-thumb:hover,
html.auto-theme ::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.35);
}

/* ---- Dark Theme Input Styling ---- */
html.dark-theme input,
html.dark-theme textarea,
html.dark-theme select,
html.auto-theme input,
html.auto-theme textarea,
html.auto-theme select {
    color: var(--textColor);
    border-color: var(--borderColor);
}

/* ---- Skeleton Shimmer Keyframe (shared) ---- */
@keyframes skeletonShimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ================================================================
   UX/CX Enhancements v5
   ================================================================ */

/* ---- Loading Overlay on View ---- */
.ViewLoading .ViewBody,
.ViewLoading .ListBody,
.ViewLoading .ItemsContainer {
    opacity: 0.5;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* ---- Empty State ---- */
.EmptyState {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
    min-height: 200px;
}
.EmptyStateIcon {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.25;
}
.EmptyStateTitle {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--textColor);
}
.EmptyStateMessage {
    font-size: 13px;
    color: rgba(48, 48, 48, 0.5);
    max-width: 320px;
    line-height: 1.5;
}
.EmptyStateAction {
    margin-top: 16px;
}

/* ---- Error Card ---- */
.ErrorCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    border-radius: var(--radiusLg, 12px);
    background: rgba(235, 49, 49, 0.04);
    border: 1px solid rgba(235, 49, 49, 0.12);
    margin: 8px;
}
.ErrorCardIcon {
    font-size: 32px;
    margin-bottom: 12px;
    opacity: 0.6;
}
.ErrorCardMessage {
    font-size: 14px;
    color: var(--errorColor, #eb3131);
    margin-bottom: 16px;
    text-align: center;
    line-height: 1.4;
}
.ErrorCardRetry {
    cursor: pointer;
    padding: 8px 24px;
    border-radius: var(--radiusMd, 8px);
    background: var(--errorColor, #eb3131);
    color: white;
    font-weight: 500;
    font-size: 13px;
    transition: opacity 0.2s;
}
.ErrorCardRetry:hover {
    opacity: 0.85;
}

/* ---- Save Feedback ---- */
.Field.Saving {
    opacity: 0.6;
    transition: opacity 0.2s ease;
}
.Field.Saved .FieldValue {
    animation: saveFlash 1.5s ease;
}
@keyframes saveFlash {
    0% { background: rgba(70, 215, 76, 0.15); }
    100% { background: transparent; }
}
@keyframes aggregateValueFlash {
    0%   { box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.75); border-radius: 3px; }
    60%  { box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.2); border-radius: 3px; }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
.AggregateValueChanged {
    animation: aggregateValueFlash 1.2s ease-out;
}

/* ---- Field Focus Highlight ---- */
.Field.FieldFocused {
    background: rgba(10, 110, 185, 0.03);
    border-radius: var(--radiusSm, 4px);
    transition: background 0.15s ease;
}

/* ---- Row Selection Animation ---- */
.ItemView.Selecting {
    background: rgba(10, 110, 185, 0.06);
    transition: background 0.2s ease;
}

/* ---- Keyboard Focus for List Rows ---- */
.ItemView.KbFocused {
    outline: 2px solid var(--focusColor, rgb(10, 110, 185));
    outline-offset: -2px;
    z-index: 10;
}

/* ---- Bottom Sheet (Mobile) ---- */
.BottomSheet {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--backColor);
    border-radius: var(--radiusXl, 16px) var(--radiusXl, 16px) 0 0;
    box-shadow: var(--shadowXl, 0 -4px 20px rgba(0,0,0,0.15));
    z-index: var(--zModal, 1000);
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.BottomSheet.BottomSheet-Open {
    transform: translateY(0);
}
.BottomSheetHandle {
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: rgba(127, 127, 127, 0.3);
    margin: 12px auto 8px;
}

/* ---- Pull to Refresh ---- */
.PullToRefresh::before {
    content: "↻";
    display: block;
    text-align: center;
    padding: 16px;
    font-size: 24px;
    animation: ptrSpin 1s linear infinite;
}
@keyframes ptrSpin {
    to { transform: rotate(360deg); }
}

/* ---- Breadcrumb ---- */
.Breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 16px;
    font-size: 12px;
    color: rgba(48, 48, 48, 0.45);
    flex-wrap: wrap;
}
.BreadcrumbItem {
    cursor: pointer;
    transition: color 0.15s;
}
.BreadcrumbItem:hover {
    color: var(--primaryColor, #3b82f6);
}
.BreadcrumbSep {
    opacity: 0.3;
    user-select: none;
}

/* ---- Recent Items ---- */
.RecentItems {
    padding: 8px 0;
}
.RecentItemsTitle {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(var(--textRGB, 48, 48, 48), 0.4);
    padding: 4px 16px;
    letter-spacing: 0.5px;
}
.RecentItem {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    cursor: pointer;
    transition: background 0.1s;
    font-size: 13px;
}
.RecentItem:hover {
    background: rgba(var(--textRGB, 48, 48, 48), 0.04);
}
.RecentItemET {
    font-size: 11px;
    opacity: 0.45;
}

/* ---- Swipe Back Indicator ---- */
.SwipeBackIndicator {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 60px;
    background: var(--primaryColor, #3b82f6);
    border-radius: 0 4px 4px 0;
    opacity: 0;
    transition: opacity 0.2s, width 0.2s;
    z-index: 9999;
}
.SwipeBackIndicator.Active {
    opacity: 0.6;
    width: 20px;
}

/* ---- View Transition Fade ---- */
.Opacity100 {
    animation: contentFadeIn 0.25s ease-out;
}
@keyframes contentFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ---- Drag and Drop Feedback ---- */
.Dragging {
    opacity: 0.4;
    transform: scale(0.98);
}
.DropTarget {
    outline: 2px dashed var(--focusColor, rgb(10, 110, 185));
    outline-offset: 2px;
    background: rgba(10, 110, 185, 0.04);
}

/* ================================================================
   ItemHeader & ItemFooter UX Fixes
   ================================================================ */

/* ItemHeader: PreviewButton always visible (not hover-only) */
.ItemHeader > .Right .ItemPreviewButton {
    opacity: 0.4;
    transition: opacity 0.2s ease;
}
.ItemHeader:hover > .Right .ItemPreviewButton {
    opacity: 1;
}

/* ItemHeader: mobile back button */
.ItemHeader .MobileBackBtn {
    display: none;
}
body.Mobile .ItemHeader .MobileBackBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.6;
    transition: opacity 0.15s;
    border: none;
    background: transparent;
}
body.Mobile .ItemHeader .MobileBackBtn:hover,
body.Mobile .ItemHeader .MobileBackBtn:active {
    opacity: 1;
}

/* ItemHeader: animation on mount */
.ItemHeader {
    animation: headerSlideIn 0.25s ease-out;
}
@keyframes headerSlideIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ItemFooter: ByUserDate always visible at reduced opacity */
.ByUserDate {
    opacity: 0.4 !important;
    position: static !important;
    transition: opacity 0.2s ease;
}
.ItemFooter:hover .ByUserDate {
    opacity: 0.7 !important;
}
.ItemFooter:hover .ByUserDate:hover {
    opacity: 1.0 !important;
}

/* ItemFooter: larger submit buttons with visual feedback */
.ItemSubmit {
    opacity: 1 !important;
}
.ItemSubmit a {
    min-width: 6em !important;
    max-width: 8em !important;
    opacity: 1 !important;
    border-radius: var(--radiusSm, 4px) !important;
    transition: all 0.15s ease;
    min-height: 44px;
}
.ItemSubmit a:active {
    transform: scale(0.95);
}
.ItemSubmit > a.SaveButton {
    cursor: pointer;
}
.ItemSubmit > a.SaveButton:hover {
    opacity: 1 !important;
    box-shadow: 0 2px 8px rgba(0, 167, 78, 0.3);
}
.ItemSubmit > a.CancelButton:hover {
    opacity: 1 !important;
    box-shadow: 0 2px 8px rgba(167, 0, 78, 0.2);
}

/* ItemBottom: mobile sticky with safe area */
body.Mobile .ItemBottom {
    position: sticky;
    bottom: 0;
    z-index: 100;
    padding-bottom: env(safe-area-inset-bottom, 0);
    box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
    background: var(--backColor);
    border-top: 1px solid rgba(127, 127, 127, 0.15);
}
body.Mobile .ItemBottom > .Left,
body.Mobile .ItemBottom > .Right {
    min-height: 48px;
}

/* ItemFooter: animation on mount */
.ItemFooter {
    animation: footerSlideIn 0.2s ease-out;
}
@keyframes footerSlideIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* SingleItem: open animation */
.SingleItem {
    animation: singleItemOpen 0.3s ease-out;
}
@keyframes singleItemOpen {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}
body.Mobile .SingleItem {
    animation-name: singleItemOpenMobile;
}
@keyframes singleItemOpenMobile {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
#SchemaStaleBanner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    background: #37474f;
    color: #fff;
    font-size: 13px;
}
#SchemaStaleBanner span { flex: 1; }
#SchemaStaleBannerReload {
    padding: 4px 14px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 3px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
}
#SchemaStaleBannerReload:hover { background: rgba(255,255,255,0.3); }
#SchemaStaleBannerClose {
    border: none;
    background: none;
    color: rgba(255,255,255,0.7);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 0;
}
#SchemaStaleBannerClose:hover { color: #fff; }
.ETWNewItemsBadge {
    display: block;
    width: 100%;
    padding: 5px 12px;
    background: #e8f5e9;
    border: none;
    border-bottom: 1px solid #a5d6a7;
    color: #2e7d32;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    position: sticky;
    top: 0;
    z-index: 200;
}
.ETWNewItemsBadge:hover { background: #c8e6c9; }
.ItemStaleBanner {
    position: sticky;
    top: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #fff8e1;
    border-bottom: 1px solid #ffe082;
    font-size: 13px;
    color: #5d4037;
}
.ItemStaleBanner span { flex: 1; }
.ItemStaleBannerBtn {
    padding: 3px 10px;
    border: 1px solid #ffe082;
    border-radius: 3px;
    background: #fff3cd;
    color: #5d4037;
    cursor: pointer;
    font-size: 12px;
}
.ItemStaleBannerBtn:hover { background: #ffe082; }
.ItemStaleBannerClose {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
    color: #9e9e9e;
    line-height: 1;
    padding: 0 2px;
}
.ItemStaleBannerClose:hover { color: #333; }

.LazyNavLoading {
    padding: 2rem;
    text-align: center;
    color: #888;
    font-size: 14px;
}

.ContentViewLoading {
    min-height: 1em;
}

				:root {
				--activeBorderColor:rgb(10, 110, 185);
--backColor:#e8ebf8;
--backColor2:#f8faff;
--backColor3:#ffffff;
--BgColor1:248, 250, 255;
--border1:solid 1px rgba(127,127,127,0.1);
--border2:solid 1px rgba(127,127,127,0.2);
--border3:solid 1px rgba(127,127,127,0.3);
--borderColor:rgba(127,127,127,0.2);
--buttonBackColor:slategray;
--buttonBackColorHover:black;
--buttonBoxShadow:0 0 1px gray;
--buttonBoxShadowHover:1px 1px 5px gray;
--buttonTextColor:white;
--cellSize:clamp(48px,20vw,64px);
--choiceSelectedColor:rgb(0, 127, 255);
--choiceSelectedFalseColor:#d24f6b;
--color1:#009ef7;
--color1-00:#00335a;
--color1-10:#004978;
--color1-20:#005e97;
--color1-30:#0073b7;
--color1-40:#0088d7;
--color1-50:#009ef7;
--color1-60:#5ec2fa;
--color1-70:#8cd2fb;
--color1-80:#b7e2fc;
--color1-90:#ddf1fd;
--color2:lightgray;
--color2-00:#272d32;
--color2-10:#3a454b;
--color2-20:#4d5c64;
--color2-30:#61747e;
--color2-40:#788c96;
--color2-50:#90a4ae;
--color2-60:#a7b6be;
--color2-70:#bec8ce;
--color2-80:#d4dde2;
--color2-90:#eaeff1;
--color3:#008000;
--color3-00:#002600;
--color3-10:#003800;
--color3-20:#004a00;
--color3-30:#005c00;
--color3-40:#006e00;
--color3-50:#008000;
--color3-60:#66c066;
--color3-70:#8cd08c;
--color3-80:#b3e0b3;
--color3-90:#d9f0d9;
--color4:#FF4433;
--color4-00:#500000;
--color4-10:#700000;
--color4-20:#930400;
--color4-30:#b71504;
--color4-40:#db2a1a;
--color4-50:#ff4433;
--color4-60:#ff8373;
--color4-70:#ffc3bc;
--color4-80:#ffd8d3;
--color4-90:#ffece9;
--color5:#800080;
--color5-00:#260026;
--color5-10:#380038;
--color5-20:#4a004a;
--color5-30:#5c005c;
--color5-40:#6e006e;
--color5-50:#800080;
--color5-60:#cc66cc;
--color5-70:#d98cd9;
--color5-80:#e6b3e6;
--color5-90:#f2d9f2;
--contentHeaderBackground:linear-gradient(135deg, #3498db 0%, #2980b9 100%);;
--contentms:350ms;
--disabledColor:#999;
--errorColor:#eb3131;
--fieldLabelPadding:6px 12px;
--fieldLabelWidth:8em;
--fieldPadding:8px 8px;
--fieldValueFontSize:1.2em;
--fieldValuePadding:8px;
--fieldValuePadding:8px;
--focusColor:rgb(10, 110, 185);
--fontSize:12px;
--fontWeight:400;
--footerBackColor:#181c32;
--footerTextColor:white;
--gap:8px;
--gap2:16px 32px;
--headerBackColor:inherit;
--headerTextColor:inherit;
--hoverBackColor:rgba(0,0,0,0.04);
--hoverImage1:linear-gradient(to bottom, rgba(254,252,234,0.3) 0%,rgba(241,218,54,0.3) 100%);;
--hoverImage2:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
--hoverImage3:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
--iconBackColor:white;
--iconColor:#303060;
--iconRadius:35%;
--iconShadow:1px 1px 3px lightgray;
--infoColor:#009ef7;
--inputBackColor:white;
--inputBorder:solid 1px rgba(127,127,127,0.2);
--inputFocusBorderColor:rgb(10, 110, 185);
--inputPadding:8px 12px;
--inputRadius:8px;
--inputTextColor:white;
--itemBack:white;
--itemMargin:0 auto;
--labelColor:#3d5986;
--lineHeight:1.2em;
--linkColor:#1f5bb9;
--listHeaderHeight:3em;
--listPadding:8px 4px;
--logoColor:#dd042b;
--menuBackColor:#303030;
--menuIconColor:white;
--menuSelectedBackColor:#f0f4f8;
--menuTextColor:white;
--mobileTextSize:14px;
--monoFont:;
--multiItemBackColor:#f8faff;
--numWidth:10em;
--panelHeaderBackColor:rgba(0,0,0,0.02);
--panelHeaderTextColor:#000080;
--primaryButtonBackColor:#7ABC13;
--primaryButtonTextColor:white;
--ProcedureDQ:#eb3131;
--ProcedureIQ:#46d74c;
--radiusFull:9999px;
--radiusLg:12px;
--radiusMd:8px;
--radiusSm:4px;
--radiusXl:16px;
--ReadOnlyColor:96, 96, 96;
--scrollbarThumbColor:rgba(127,127,127,0.3);
--scrollbarTrackColor:transparent;
--selectionColor:rgba(0,158,247,0.2);
--selectorSize:clamp(7em,7em,10em);
--shadow1:0 0 1px silver;
--shadowColor:rgba(0,0,0,0.1);
--shadowLg:0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05);
--shadowMd:0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
--shadowRGB:0, 0, 0;
--shadowSm:0 1px 2px rgba(0,0,0,0.05);
--shadowXl:0 20px 25px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.04);
--singleItemBackColor:#ffffff;
--space1:4px;
--space2:8px;
--space3:12px;
--space4:16px;
--space6:24px;
--space8:32px;
--subItemsWidth:320px;
--successColor:#46d74c;
--surfaceColor:#ffffff;
--textColor:#303030;
--textRGB:48, 48, 48;
--textSize:12px;
--transitionBase:250ms ease;
--transitionFast:150ms ease;
--transitionSlow:350ms ease;
--transitionSpring:350ms cubic-bezier(0.34, 1.56, 0.64, 1);
--warningColor:#ff9800;
--winHeight:100vh;
--winWidth:100vw;
--zDropdown:100;
--zModal:1000;
--zToast:9999;
--icon-361Atom:"\E900";
--icon-Accounting:"\E901";
--icon-Add:"\E902";
--icon-AlarmCircle:"\E903";
--icon-Anchor:"\E904";
--icon-Apps:"\E905";
--icon-Arrow-Down:"\E906";
--icon-Arrow-Down-Long:"\E907";
--icon-Arrow-Left:"\E908";
--icon-Arrow-Right:"\E909";
--icon-Arrows:"\E90A";
--icon-Arrow-Up:"\E90B";
--icon-Arrow-Up-Down-Long:"\E90C";
--icon-Arrow-Up-Long:"\E90D";
--icon-Attach:"\E90E";
--icon-Bar-Chart:"\E90F";
--icon-BarCode:"\E910";
--icon-Bell:"\E911";
--icon-Bitcoin:"\E912";
--icon-Bug:"\E913";
--icon-Building:"\E914";
--icon-Business:"\E915";
--icon-Business-Card:"\E916";
--icon-Business-Contact:"\E917";
--icon-Calendar:"\E918";
--icon-Call:"\E919";
--icon-Calling:"\E91A";
--icon-Camera:"\E91B";
--icon-Cancel:"\E91C";
--icon-Chart:"\E91D";
--icon-Chat:"\E91E";
--icon-Check:"\E91F";
--icon-Chevron-Down:"\E920";
--icon-Chevron-Left:"\E921";
--icon-Chevron-Right:"\E922";
--icon-Chevron-Up:"\E923";
--icon-Circle:"\E924";
--icon-Circle-Check:"\E925";
--icon-Circle-Dot:"\E926";
--icon-Circle-Down:"\E927";
--icon-Circle-Left:"\E928";
--icon-Circle-Pause:"\E929";
--icon-Circle-Play:"\E92A";
--icon-Circle-Right:"\E92B";
--icon-Circle-Solid:"\E92C";
--icon-Circle-Stop:"\E92D";
--icon-Circle-Times:"\E92E";
--icon-Circle-Up:"\E92F";
--icon-Circle-User:"\E930";
--icon-City:"\E931";
--icon-Clone:"\E932";
--icon-Close:"\E933";
--icon-Cog:"\E934";
--icon-Color-Picker:"\E935";
--icon-Comments:"\E936";
--icon-Compass:"\E937";
--icon-Copy:"\E938";
--icon-Credit-Card:"\E939";
--icon-Cube:"\E93A";
--icon-Cubes:"\E93B";
--icon-Database:"\E93C";
--icon-Date-Picker:"\E93D";
--icon-Delete:"\E93E";
--icon-Desktop:"\E93F";
--icon-Dot:"\E940";
--icon-Edit:"\E941";
--icon-E-Mail:"\E942";
--icon-Envelop:"\E943";
--icon-Eraser:"\E944";
--icon-Exchange:"\E945";
--icon-Exclamation:"\E946";
--icon-Export:"\E947";
--icon-External-Link:"\E948";
--icon-Eye:"\E949";
--icon-EyeSlash:"\E94A";
--icon-FavoriteCircle:"\E94B";
--icon-Field:"\E94C";
--icon-File:"\E94D";
--icon-File-Add:"\E94E";
--icon-File-Bar:"\E94F";
--icon-File-Code:"\E950";
--icon-File-DOC:"\E951";
--icon-File-Download:"\E952";
--icon-File-GIF:"\E953";
--icon-File-Image:"\E954";
--icon-File-Info:"\E955";
--icon-File-Music:"\E956";
--icon-File-PDF:"\E957";
--icon-File-Pie:"\E958";
--icon-File-PNG:"\E959";
--icon-File-PPT:"\E95A";
--icon-File-Remove:"\E95B";
--icon-File-Search:"\E95C";
--icon-File-Settings:"\E95D";
--icon-File-Shield:"\E95E";
--icon-File-Shred:"\E95F";
--icon-File-Text:"\E960";
--icon-File-TIFF:"\E961";
--icon-File-Transfer:"\E962";
--icon-File-Unknown:"\E963";
--icon-File-Upload:"\E964";
--icon-File-User:"\E965";
--icon-File-Warning:"\E966";
--icon-File-XLS:"\E967";
--icon-File-XML:"\E968";
--icon-Filter:"\E969";
--icon-Finance:"\E96A";
--icon-Folder:"\E96B";
--icon-Folder-Minus:"\E96C";
--icon-Folder-Open:"\E96D";
--icon-Folder-Plus:"\E96E";
--icon-Folders:"\E96F";
--icon-Full-Screen:"\E970";
--icon-Gantt:"\E971";
--icon-Gear:"\E972";
--icon-Globe:"\E973";
--icon-Grid:"\E974";
--icon-Grid-O:"\E975";
--icon-Hamburger:"\E976";
--icon-HandPointer:"\E977";
--icon-Hangup:"\E978";
--icon-Home:"\E979";
--icon-Image:"\E97A";
--icon-Import:"\E97B";
--icon-Internet:"\E97C";
--icon-Invoice:"\E97D";
--icon-Item:"\E97E";
--icon-Items:"\E97F";
--icon-Key:"\E980";
--icon-Laptop:"\E981";
--icon-List:"\E982";
--icon-Map:"\E983";
--icon-Menu:"\E984";
--icon-Merge:"\E985";
--icon-Metrics:"\E986";
--icon-Mic:"\E987";
--icon-Mobile:"\E988";
--icon-Money:"\E989";
--icon-Money-Bag:"\E98A";
--icon-Money-Building:"\E98B";
--icon-Money-Calculator:"\E98C";
--icon-Money-Check:"\E98D";
--icon-Money-Delete:"\E98E";
--icon-Money-Gift:"\E98F";
--icon-Money-Hand:"\E990";
--icon-Money-In:"\E991";
--icon-Money-Out:"\E992";
--icon-Money-Receipt:"\E993";
--icon-Money-Settings:"\E994";
--icon-Money-Slash:"\E995";
--icon-Money-User:"\E996";
--icon-Money-Users:"\E997";
--icon-Money-Withdrawal:"\E998";
--icon-Mute:"\E999";
--icon-New:"\E99A";
--icon-Note:"\E99B";
--icon-OCR:"\E99C";
--icon-Page:"\E99D";
--icon-Page-Add:"\E99E";
--icon-Page-Clear:"\E99F";
--icon-Page-Copy:"\E9A0";
--icon-Page-Delete:"\E9A1";
--icon-Page-Edit:"\E9A2";
--icon-Page-Remove:"\E9A3";
--icon-Page-Search:"\E9A4";
--icon-PaperClip:"\E9A5";
--icon-Paste:"\E9A6";
--icon-PauseCircle:"\E9A7";
--icon-Pencil:"\E9A8";
--icon-Pie-Chart:"\E9A9";
--icon-Pivot:"\E9AA";
--icon-PlayCircle:"\E9AB";
--icon-Plus:"\E9AC";
--icon-Print:"\E9AD";
--icon-PrintPreview:"\E9AE";
--icon-Project:"\E9AF";
--icon-Quick-Input:"\E9B0";
--icon-Receipt:"\E9B1";
--icon-Redo:"\E9B2";
--icon-Refresh:"\E9B3";
--icon-Replace:"\E9B4";
--icon-Report:"\E9B5";
--icon-Safe:"\E9B6";
--icon-Save:"\E9B7";
--icon-Scale:"\E9B8";
--icon-Search:"\E9B9";
--icon-Security:"\E9BA";
--icon-Server:"\E9BB";
--icon-Service-Bell:"\E9BC";
--icon-Share:"\E9BD";
--icon-Ship:"\E9BE";
--icon-Shop:"\E9BF";
--icon-Shopping-Bag:"\E9C0";
--icon-Shopping-Cart:"\E9C1";
--icon-SiteMap:"\E9C2";
--icon-Square:"\E9C3";
--icon-Square-Check:"\E9C4";
--icon-Square-Clock:"\E9C5";
--icon-Square-Close:"\E9C6";
--icon-Square-Favorite:"\E9C7";
--icon-Square-Minus:"\E9C8";
--icon-Square-Pause:"\E9C9";
--icon-Square-Play:"\E9CA";
--icon-Square-Plus:"\E9CB";
--icon-Star:"\E9CC";
--icon-Star-Solid:"\E9CD";
--icon-System:"\E9CE";
--icon-Tab:"\E9CF";
--icon-Tablet:"\E9D0";
--icon-Task:"\E9D1";
--icon-Tasks:"\E9D2";
--icon-Text:"\E9D3";
--icon-Thumbs-Down:"\E9D4";
--icon-Thumbs-Up:"\E9D5";
--icon-Times:"\E9D6";
--icon-Trash:"\E9D7";
--icon-TreeList:"\E9D8";
--icon-Triangle-Down:"\E9D9";
--icon-Triangle-Left:"\E9DA";
--icon-Triangle-Right:"\E9DB";
--icon-Triangle-Up:"\E9DC";
--icon-Undo:"\E9DD";
--icon-User:"\E9DE";
--icon-Users:"\E9DF";
--icon-UserSlash:"\E9E0";
--icon-Vertical:"\E9E1";
--icon-Video:"\E9E2";
--icon-ViewTypes:"\E9E3";
--icon-Wallet:"\E9E4";
--icon-Window-Minimize:"\E9E5";

				}

				.icon-361Atom::before{ content : var(--icon-361Atom);}
.icon-Accounting::before{ content : var(--icon-Accounting);}
.icon-Add::before{ content : var(--icon-Add);}
.icon-AlarmCircle::before{ content : var(--icon-AlarmCircle);}
.icon-Anchor::before{ content : var(--icon-Anchor);}
.icon-Apps::before{ content : var(--icon-Apps);}
.icon-Arrow-Down::before{ content : var(--icon-Arrow-Down);}
.icon-Arrow-Down-Long::before{ content : var(--icon-Arrow-Down-Long);}
.icon-Arrow-Left::before{ content : var(--icon-Arrow-Left);}
.icon-Arrow-Right::before{ content : var(--icon-Arrow-Right);}
.icon-Arrows::before{ content : var(--icon-Arrows);}
.icon-Arrow-Up::before{ content : var(--icon-Arrow-Up);}
.icon-Arrow-Up-Down-Long::before{ content : var(--icon-Arrow-Up-Down-Long);}
.icon-Arrow-Up-Long::before{ content : var(--icon-Arrow-Up-Long);}
.icon-Attach::before{ content : var(--icon-Attach);}
.icon-Bar-Chart::before{ content : var(--icon-Bar-Chart);}
.icon-BarCode::before{ content : var(--icon-BarCode);}
.icon-Bell::before{ content : var(--icon-Bell);}
.icon-Bitcoin::before{ content : var(--icon-Bitcoin);}
.icon-Bug::before{ content : var(--icon-Bug);}
.icon-Building::before{ content : var(--icon-Building);}
.icon-Business::before{ content : var(--icon-Business);}
.icon-Business-Card::before{ content : var(--icon-Business-Card);}
.icon-Business-Contact::before{ content : var(--icon-Business-Contact);}
.icon-Calendar::before{ content : var(--icon-Calendar);}
.icon-Call::before{ content : var(--icon-Call);}
.icon-Calling::before{ content : var(--icon-Calling);}
.icon-Camera::before{ content : var(--icon-Camera);}
.icon-Cancel::before{ content : var(--icon-Cancel);}
.icon-Chart::before{ content : var(--icon-Chart);}
.icon-Chat::before{ content : var(--icon-Chat);}
.icon-Check::before{ content : var(--icon-Check);}
.icon-Chevron-Down::before{ content : var(--icon-Chevron-Down);}
.icon-Chevron-Left::before{ content : var(--icon-Chevron-Left);}
.icon-Chevron-Right::before{ content : var(--icon-Chevron-Right);}
.icon-Chevron-Up::before{ content : var(--icon-Chevron-Up);}
.icon-Circle::before{ content : var(--icon-Circle);}
.icon-Circle-Check::before{ content : var(--icon-Circle-Check);}
.icon-Circle-Dot::before{ content : var(--icon-Circle-Dot);}
.icon-Circle-Down::before{ content : var(--icon-Circle-Down);}
.icon-Circle-Left::before{ content : var(--icon-Circle-Left);}
.icon-Circle-Pause::before{ content : var(--icon-Circle-Pause);}
.icon-Circle-Play::before{ content : var(--icon-Circle-Play);}
.icon-Circle-Right::before{ content : var(--icon-Circle-Right);}
.icon-Circle-Solid::before{ content : var(--icon-Circle-Solid);}
.icon-Circle-Stop::before{ content : var(--icon-Circle-Stop);}
.icon-Circle-Times::before{ content : var(--icon-Circle-Times);}
.icon-Circle-Up::before{ content : var(--icon-Circle-Up);}
.icon-Circle-User::before{ content : var(--icon-Circle-User);}
.icon-City::before{ content : var(--icon-City);}
.icon-Clone::before{ content : var(--icon-Clone);}
.icon-Close::before{ content : var(--icon-Close);}
.icon-Cog::before{ content : var(--icon-Cog);}
.icon-Color-Picker::before{ content : var(--icon-Color-Picker);}
.icon-Comments::before{ content : var(--icon-Comments);}
.icon-Compass::before{ content : var(--icon-Compass);}
.icon-Copy::before{ content : var(--icon-Copy);}
.icon-Credit-Card::before{ content : var(--icon-Credit-Card);}
.icon-Cube::before{ content : var(--icon-Cube);}
.icon-Cubes::before{ content : var(--icon-Cubes);}
.icon-Database::before{ content : var(--icon-Database);}
.icon-Date-Picker::before{ content : var(--icon-Date-Picker);}
.icon-Delete::before{ content : var(--icon-Delete);}
.icon-Desktop::before{ content : var(--icon-Desktop);}
.icon-Dot::before{ content : var(--icon-Dot);}
.icon-Edit::before{ content : var(--icon-Edit);}
.icon-E-Mail::before{ content : var(--icon-E-Mail);}
.icon-Envelop::before{ content : var(--icon-Envelop);}
.icon-Eraser::before{ content : var(--icon-Eraser);}
.icon-Exchange::before{ content : var(--icon-Exchange);}
.icon-Exclamation::before{ content : var(--icon-Exclamation);}
.icon-Export::before{ content : var(--icon-Export);}
.icon-External-Link::before{ content : var(--icon-External-Link);}
.icon-Eye::before{ content : var(--icon-Eye);}
.icon-EyeSlash::before{ content : var(--icon-EyeSlash);}
.icon-FavoriteCircle::before{ content : var(--icon-FavoriteCircle);}
.icon-Field::before{ content : var(--icon-Field);}
.icon-File::before{ content : var(--icon-File);}
.icon-File-Add::before{ content : var(--icon-File-Add);}
.icon-File-Bar::before{ content : var(--icon-File-Bar);}
.icon-File-Code::before{ content : var(--icon-File-Code);}
.icon-File-DOC::before{ content : var(--icon-File-DOC);}
.icon-File-Download::before{ content : var(--icon-File-Download);}
.icon-File-GIF::before{ content : var(--icon-File-GIF);}
.icon-File-Image::before{ content : var(--icon-File-Image);}
.icon-File-Info::before{ content : var(--icon-File-Info);}
.icon-File-Music::before{ content : var(--icon-File-Music);}
.icon-File-PDF::before{ content : var(--icon-File-PDF);}
.icon-File-Pie::before{ content : var(--icon-File-Pie);}
.icon-File-PNG::before{ content : var(--icon-File-PNG);}
.icon-File-PPT::before{ content : var(--icon-File-PPT);}
.icon-File-Remove::before{ content : var(--icon-File-Remove);}
.icon-File-Search::before{ content : var(--icon-File-Search);}
.icon-File-Settings::before{ content : var(--icon-File-Settings);}
.icon-File-Shield::before{ content : var(--icon-File-Shield);}
.icon-File-Shred::before{ content : var(--icon-File-Shred);}
.icon-File-Text::before{ content : var(--icon-File-Text);}
.icon-File-TIFF::before{ content : var(--icon-File-TIFF);}
.icon-File-Transfer::before{ content : var(--icon-File-Transfer);}
.icon-File-Unknown::before{ content : var(--icon-File-Unknown);}
.icon-File-Upload::before{ content : var(--icon-File-Upload);}
.icon-File-User::before{ content : var(--icon-File-User);}
.icon-File-Warning::before{ content : var(--icon-File-Warning);}
.icon-File-XLS::before{ content : var(--icon-File-XLS);}
.icon-File-XML::before{ content : var(--icon-File-XML);}
.icon-Filter::before{ content : var(--icon-Filter);}
.icon-Finance::before{ content : var(--icon-Finance);}
.icon-Folder::before{ content : var(--icon-Folder);}
.icon-Folder-Minus::before{ content : var(--icon-Folder-Minus);}
.icon-Folder-Open::before{ content : var(--icon-Folder-Open);}
.icon-Folder-Plus::before{ content : var(--icon-Folder-Plus);}
.icon-Folders::before{ content : var(--icon-Folders);}
.icon-Full-Screen::before{ content : var(--icon-Full-Screen);}
.icon-Gantt::before{ content : var(--icon-Gantt);}
.icon-Gear::before{ content : var(--icon-Gear);}
.icon-Globe::before{ content : var(--icon-Globe);}
.icon-Grid::before{ content : var(--icon-Grid);}
.icon-Grid-O::before{ content : var(--icon-Grid-O);}
.icon-Hamburger::before{ content : var(--icon-Hamburger);}
.icon-HandPointer::before{ content : var(--icon-HandPointer);}
.icon-Hangup::before{ content : var(--icon-Hangup);}
.icon-Home::before{ content : var(--icon-Home);}
.icon-Image::before{ content : var(--icon-Image);}
.icon-Import::before{ content : var(--icon-Import);}
.icon-Internet::before{ content : var(--icon-Internet);}
.icon-Invoice::before{ content : var(--icon-Invoice);}
.icon-Item::before{ content : var(--icon-Item);}
.icon-Items::before{ content : var(--icon-Items);}
.icon-Key::before{ content : var(--icon-Key);}
.icon-Laptop::before{ content : var(--icon-Laptop);}
.icon-List::before{ content : var(--icon-List);}
.icon-Map::before{ content : var(--icon-Map);}
.icon-Menu::before{ content : var(--icon-Menu);}
.icon-Merge::before{ content : var(--icon-Merge);}
.icon-Metrics::before{ content : var(--icon-Metrics);}
.icon-Mic::before{ content : var(--icon-Mic);}
.icon-Mobile::before{ content : var(--icon-Mobile);}
.icon-Money::before{ content : var(--icon-Money);}
.icon-Money-Bag::before{ content : var(--icon-Money-Bag);}
.icon-Money-Building::before{ content : var(--icon-Money-Building);}
.icon-Money-Calculator::before{ content : var(--icon-Money-Calculator);}
.icon-Money-Check::before{ content : var(--icon-Money-Check);}
.icon-Money-Delete::before{ content : var(--icon-Money-Delete);}
.icon-Money-Gift::before{ content : var(--icon-Money-Gift);}
.icon-Money-Hand::before{ content : var(--icon-Money-Hand);}
.icon-Money-In::before{ content : var(--icon-Money-In);}
.icon-Money-Out::before{ content : var(--icon-Money-Out);}
.icon-Money-Receipt::before{ content : var(--icon-Money-Receipt);}
.icon-Money-Settings::before{ content : var(--icon-Money-Settings);}
.icon-Money-Slash::before{ content : var(--icon-Money-Slash);}
.icon-Money-User::before{ content : var(--icon-Money-User);}
.icon-Money-Users::before{ content : var(--icon-Money-Users);}
.icon-Money-Withdrawal::before{ content : var(--icon-Money-Withdrawal);}
.icon-Mute::before{ content : var(--icon-Mute);}
.icon-New::before{ content : var(--icon-New);}
.icon-Note::before{ content : var(--icon-Note);}
.icon-OCR::before{ content : var(--icon-OCR);}
.icon-Page::before{ content : var(--icon-Page);}
.icon-Page-Add::before{ content : var(--icon-Page-Add);}
.icon-Page-Clear::before{ content : var(--icon-Page-Clear);}
.icon-Page-Copy::before{ content : var(--icon-Page-Copy);}
.icon-Page-Delete::before{ content : var(--icon-Page-Delete);}
.icon-Page-Edit::before{ content : var(--icon-Page-Edit);}
.icon-Page-Remove::before{ content : var(--icon-Page-Remove);}
.icon-Page-Search::before{ content : var(--icon-Page-Search);}
.icon-PaperClip::before{ content : var(--icon-PaperClip);}
.icon-Paste::before{ content : var(--icon-Paste);}
.icon-PauseCircle::before{ content : var(--icon-PauseCircle);}
.icon-Pencil::before{ content : var(--icon-Pencil);}
.icon-Pie-Chart::before{ content : var(--icon-Pie-Chart);}
.icon-Pivot::before{ content : var(--icon-Pivot);}
.icon-PlayCircle::before{ content : var(--icon-PlayCircle);}
.icon-Plus::before{ content : var(--icon-Plus);}
.icon-Print::before{ content : var(--icon-Print);}
.icon-PrintPreview::before{ content : var(--icon-PrintPreview);}
.icon-Project::before{ content : var(--icon-Project);}
.icon-Quick-Input::before{ content : var(--icon-Quick-Input);}
.icon-Receipt::before{ content : var(--icon-Receipt);}
.icon-Redo::before{ content : var(--icon-Redo);}
.icon-Refresh::before{ content : var(--icon-Refresh);}
.icon-Replace::before{ content : var(--icon-Replace);}
.icon-Report::before{ content : var(--icon-Report);}
.icon-Safe::before{ content : var(--icon-Safe);}
.icon-Save::before{ content : var(--icon-Save);}
.icon-Scale::before{ content : var(--icon-Scale);}
.icon-Search::before{ content : var(--icon-Search);}
.icon-Security::before{ content : var(--icon-Security);}
.icon-Server::before{ content : var(--icon-Server);}
.icon-Service-Bell::before{ content : var(--icon-Service-Bell);}
.icon-Share::before{ content : var(--icon-Share);}
.icon-Ship::before{ content : var(--icon-Ship);}
.icon-Shop::before{ content : var(--icon-Shop);}
.icon-Shopping-Bag::before{ content : var(--icon-Shopping-Bag);}
.icon-Shopping-Cart::before{ content : var(--icon-Shopping-Cart);}
.icon-SiteMap::before{ content : var(--icon-SiteMap);}
.icon-Square::before{ content : var(--icon-Square);}
.icon-Square-Check::before{ content : var(--icon-Square-Check);}
.icon-Square-Clock::before{ content : var(--icon-Square-Clock);}
.icon-Square-Close::before{ content : var(--icon-Square-Close);}
.icon-Square-Favorite::before{ content : var(--icon-Square-Favorite);}
.icon-Square-Minus::before{ content : var(--icon-Square-Minus);}
.icon-Square-Pause::before{ content : var(--icon-Square-Pause);}
.icon-Square-Play::before{ content : var(--icon-Square-Play);}
.icon-Square-Plus::before{ content : var(--icon-Square-Plus);}
.icon-Star::before{ content : var(--icon-Star);}
.icon-Star-Solid::before{ content : var(--icon-Star-Solid);}
.icon-System::before{ content : var(--icon-System);}
.icon-Tab::before{ content : var(--icon-Tab);}
.icon-Tablet::before{ content : var(--icon-Tablet);}
.icon-Task::before{ content : var(--icon-Task);}
.icon-Tasks::before{ content : var(--icon-Tasks);}
.icon-Text::before{ content : var(--icon-Text);}
.icon-Thumbs-Down::before{ content : var(--icon-Thumbs-Down);}
.icon-Thumbs-Up::before{ content : var(--icon-Thumbs-Up);}
.icon-Times::before{ content : var(--icon-Times);}
.icon-Trash::before{ content : var(--icon-Trash);}
.icon-TreeList::before{ content : var(--icon-TreeList);}
.icon-Triangle-Down::before{ content : var(--icon-Triangle-Down);}
.icon-Triangle-Left::before{ content : var(--icon-Triangle-Left);}
.icon-Triangle-Right::before{ content : var(--icon-Triangle-Right);}
.icon-Triangle-Up::before{ content : var(--icon-Triangle-Up);}
.icon-Undo::before{ content : var(--icon-Undo);}
.icon-User::before{ content : var(--icon-User);}
.icon-Users::before{ content : var(--icon-Users);}
.icon-UserSlash::before{ content : var(--icon-UserSlash);}
.icon-Vertical::before{ content : var(--icon-Vertical);}
.icon-Video::before{ content : var(--icon-Video);}
.icon-ViewTypes::before{ content : var(--icon-ViewTypes);}
.icon-Wallet::before{ content : var(--icon-Wallet);}
.icon-Window-Minimize::before{ content : var(--icon-Window-Minimize);}


/* META  : .Base.Root */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    scrollbar-width: thin;
}

body {
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    font-size: 11px;
    margin: 0 auto;
    scrollbar-width: thin;
    letter-spacing: normal;
    background-color: var(--backColor);
}

body, html, div#__User__,.Page,.PageZones {
    height: auto !important;
    min-height: 100vh !important;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

html {
    box-sizing: border-box;
    font-size: 11px;
    background-color: var(--backColor);
}

@media (prefers-color-scheme: dark) {
    html.auto-theme {
        --backColor: #1a1d23;
        --backColor2: #22262e;
        --backColor3: #2a2e38;
        --textColor: #e0e0e0;
        --multiItemBackColor: #22262e;
        --singleItemBackColor: #2a2e38;
        --menuBackColor: #14161a;
        --menuSelectedBackColor: #2a2e38;
        --labelColor: #8ab4f8;
        --border1: solid 1px rgba(255,255,255,0.08);
        --border2: solid 1px rgba(255,255,255,0.12);
        --border3: solid 1px rgba(255,255,255,0.18);
        --inputBorder: solid 1px rgba(255,255,255,0.15);
        --borderColor: rgba(255,255,255,0.12);
        --shadow1: 0 0 1px rgba(255,255,255,0.1);
        --shadowColor: rgba(0,0,0,0.4);
        --iconBackColor: #2a2e38;
        --iconColor: #b0b8d0;
        --iconShadow: 1px 1px 3px rgba(0,0,0,0.5);
        --footerBackColor: #14161a;
        --headerBackColor: #1a1d23;
        --footerTextColor: #e0e0e0;
        --headerTextColor: #e0e0e0;
        --inputBackColor: #2a2e38;
        --inputTextColor: #e0e0e0;
        --panelHeaderTextColor: #8ab4f8;
        --panelHeaderBackColor: rgba(255,255,255,0.04);
        --hoverBackColor: rgba(255,255,255,0.06);
        --selectionColor: rgba(59,130,246,0.3);
        --scrollbarThumbColor: rgba(255,255,255,0.2);
        --scrollbarTrackColor: rgba(255,255,255,0.03);
        --itemBack: #262a35;
        --surfaceColor: #262a35;
        --BgColor1: 30, 33, 41;
        --ReadOnlyColor: 180, 180, 200;
        --textRGB: 200, 205, 220;
        --shadowRGB: 0, 0, 0;
        --buttonBackColor: #404558;
        --buttonBackColorHover: #505570;
        --buttonTextColor: #e0e0e0;
        --buttonBoxShadow: 0 0 1px rgba(255,255,255,0.1);
        --buttonBoxShadowHover: 0 0 4px rgba(255,255,255,0.15);
        --primaryButtonBackColor: #5a9e0e;
        --disabledColor: #666;
        --linkColor: #5b9cef;
        --focusColor: rgb(80,140,220);
        --activeBorderColor: rgb(80,140,220);
        --inputFocusBorderColor: rgb(80,140,220);
        --contentHeaderBackground: linear-gradient(135deg, rgba(30,35,50,0.95), rgba(25,30,45,0.95));
        --color1: #3b8df0;
        --color2: #555;
        --color4: #e05545;
    }
}

html.dark-theme {
    --backColor: #1a1d23;
    --backColor2: #22262e;
    --backColor3: #2a2e38;
    --textColor: #e0e0e0;
    --multiItemBackColor: #22262e;
    --singleItemBackColor: #2a2e38;
    --menuBackColor: #14161a;
    --menuSelectedBackColor: #2a2e38;
    --labelColor: #8ab4f8;
    --border1: solid 1px rgba(255,255,255,0.08);
    --border2: solid 1px rgba(255,255,255,0.12);
    --border3: solid 1px rgba(255,255,255,0.18);
    --inputBorder: solid 1px rgba(255,255,255,0.15);
    --borderColor: rgba(255,255,255,0.12);
    --shadow1: 0 0 1px rgba(255,255,255,0.1);
    --shadowColor: rgba(0,0,0,0.4);
    --iconBackColor: #2a2e38;
    --iconColor: #b0b8d0;
    --iconShadow: 1px 1px 3px rgba(0,0,0,0.5);
    --footerBackColor: #14161a;
    --headerBackColor: #1a1d23;
    --footerTextColor: #e0e0e0;
    --headerTextColor: #e0e0e0;
    --inputBackColor: #2a2e38;
    --inputTextColor: #e0e0e0;
    --panelHeaderTextColor: #8ab4f8;
    --panelHeaderBackColor: rgba(255,255,255,0.04);
    --hoverBackColor: rgba(255,255,255,0.06);
    --selectionColor: rgba(59,130,246,0.3);
    --scrollbarThumbColor: rgba(255,255,255,0.2);
    --scrollbarTrackColor: rgba(255,255,255,0.03);
    --itemBack: #262a35;
    --surfaceColor: #262a35;
    --BgColor1: 30, 33, 41;
    --ReadOnlyColor: 180, 180, 200;
    --textRGB: 200, 205, 220;
    --shadowRGB: 0, 0, 0;
    --buttonBackColor: #404558;
    --buttonBackColorHover: #505570;
    --buttonTextColor: #e0e0e0;
    --buttonBoxShadow: 0 0 1px rgba(255,255,255,0.1);
    --buttonBoxShadowHover: 0 0 4px rgba(255,255,255,0.15);
    --primaryButtonBackColor: #5a9e0e;
    --disabledColor: #666;
    --linkColor: #5b9cef;
    --focusColor: rgb(80,140,220);
    --activeBorderColor: rgb(80,140,220);
    --inputFocusBorderColor: rgb(80,140,220);
    --contentHeaderBackground: linear-gradient(135deg, rgba(30,35,50,0.95), rgba(25,30,45,0.95));
    --color1: #3b8df0;
    --color2: #555;
    --color4: #e05545;
}


/* META  : .Base.Root.ResetElements */
body#User {
    padding: 0;
    height: 100%;
    top: 0;
    bottom: 0;
}

#__User__ {
    display: block;
    height: 100%;
    width: 100%;
}

b {
    font-weight: bold;
}

table {
    font-size: inherit;
}

strong {
    font-weight: bold;
}

option
{
    font-weight: 300 !important;
    padding: 0.75em !important;
}

img {
    display: inline-block;
    min-height: 100%;
    vertical-align: middle;
    object-fit: contain;

}

p {
    max-width: 100%;
    white-space: normal;
    page-break-inside: avoid;
}

span {
    max-width: 100%;
    white-space: normal;
}

a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-variant: normal;
    text-decoration: none;
    color: inherit;
}

label {
    vertical-align: middle;
}

a:-webkit-any-link, a:any-link {
    font-variant: normal;
    text-decoration: none;
    color: inherit;
}

.Panel:only-child,
.PageZone:only-child,
.DirectionVer:only-child,
.FieldSet:only-child
{
    flex-grow: 1;
    min-width: 100%;
    min-height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: flex-start !important;
}

.FieldSet:only-child.ETWMenu_Open,
.FieldSet:only-child.ETWMenu_Closed
{
    flex-direction: row !important;
}

.Panel:only-child > *,
.PageZone:only-child > *,
.DirectionVer:only-child > *,
.FieldSet:only-child > *
{
    height: auto !important;
}

a {
    cursor: pointer;
}

table {
    table-layout: fixed;
    border-spacing: 0;
}
.AlignCenter > .DirectionVer{
    justify-content: center!important;
}
.AlignRight > .DirectionVer{
    justify-content: flex-end !important;
}
.AlignLeft > .DirectionVer{
justify-content: flex-start !important;
}


/* META  : .Base.Root.Fonts */
@font-face {
    font-family: "Varta";
    src: url("/fonts/Varta-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: 1 999;
    font-display: swap;
}

@font-face {
    font-family: "Comme";
    src: url("/fonts/Comme-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: 1 999;
    font-display: swap;
}

@font-face {
    font-family: "HankenGrotesk";
    src: url("/fonts/HankenGrotesk-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: 1 999;
    font-display: swap;
}

html {
    font-family: "HankenGrotesk","Comme","Varta", sans-serif, "segoe ui", Arial;
}

body, button, input, textarea, select, .ItemSelection, .Choice {
    font-family: inherit;
}


/* META  : .Base.Root.361Font */
@font-face {
font-family: '361';
src: url('/fonts/361.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: block;
}

[class^="icon-"]::before, [class*=" icon-"]::before {

font-family: '361';
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
    margin: auto;
    height: 100% !important;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


/* META  : .Base.Root.FontAwesome */
.fa:before,.fas:before,.far:before
{
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin: auto;
    height: 100% !important;
    display: flex;
    justify-content: center;
    flex-direction: column;

}


/* META  : .Base.Root.Hover */
.ItemView.Clickable:hover, .FolderItem.Clickable:hover {
    cursor: pointer;
}

.SelectFields > div:hover
{
    background-color: rgba(255,222,100,0.5);
}

.ItemView.Clickable:hover,
.SelectionHover {
    outline: solid 2px coral;
    border-radius: 0 !important;
    z-index: 1 !important;
    position: relative;
}


/* META  : .Base.Root.ScrollBars */
::-webkit-scrollbar-track, ::scrollbar-track {
    background-color: transparent;
    border-radius: 1em;
}

::-webkit-scrollbar-corner, ::scrollbar-corner {
    background: transparent;
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 1em;
    background-color: rgba(127,127,127,0);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(127,127,127,0.5);
    z-index: 1000;
    position: absolute;
    padding: 2px;
    border-radius: 1em;
    box-shadow: 0 0 1em rgba(33, 32, 32, 0.25) inset;
}


/* META  : .Base.Root.Colors */
.Blue, .blue {
    color: #085cb2;
}

.Red,.red {
    color: red;
}

.Green,.green {
    color: green;
}

.Silver, .silver {
    color: silver;
}

html {

    color: #676a6c;
}

body {
    color: #303030;
}

button,
input,
textarea,
select,
.ItemSelection,
.Choice
{
    background-color: rgba(255, 255, 255, 0.9);
}

input:active,
input:focus
{
    background-color: white !important;
}

input[type=checkbox] {
    background: transparent;
}

input[type=text]:enabled {
    background: #ffffff;
}

input[type=text]:disabled {
    background: #dddddd;
}


/* META  : .Base.Root.Arrows */
.updownarrow {
    transform: rotate(90deg);
    padding: 3px;
}

.uparrow
{
    padding: 3px;
}

.downarrow
{
    padding: 3px;
}

.uparrow::after {
    content: var(--icon-Arrow-Up-Long);
    font-family: "361";
}

.downarrow::after {
    content: var(--icon-Arrow-Down-Long);
    font-family: "361";
}

.updownarrow::after
{
    content: var(--icon-Arrow-Up-Down-Long);
    font-family: "361";
}


/* META  : .Base.Root.Classes */
.Hidden {
    display: none !important;
}.Disabled {
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.templatevar {
    display: inline-block;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border: 1px solid #90caf9;
    border-radius: 4px;
    padding: 2px 6px;
    margin: 0 2px;
    font-family: Consolas, monospace;
    font-size: 0.9em;
    color: #1565c0;
    cursor: default;
    user-select: none;
}

.templatevar:hover {
    background: linear-gradient(135deg, #bbdefb 0%, #90caf9 100%);
}

.template-vars-popup {
    position: fixed !important;
    z-index: 999999 !important;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    max-height: 300px;
    overflow-y: auto;
    min-width: 250px;
}

.template-vars-header {
    font-weight: bold;
    padding: 8px 12px;
    background: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    color: #424242;
    position: sticky;
    top: 0;
    z-index: 1;
}

.template-vars-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.template-vars-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.template-vars-item:hover {
    background: #e3f2fd;
}

.template-vars-item .var-title {
    flex: 1;
}

.template-vars-item .var-code {
    color: #1565c0;
    font-family: monospace;
    font-size: 0.85em;
}

.se-template-vars .var-title {
    flex: 1;
}

.se-template-vars .var-code {
    font-family: Consolas, monospace;
    font-size: 0.85em;
    color: #757575;
    margin-left: 8px;
}

.AtomView
{
    color: red;
    font-weight: bold;
}

.ImageSpan {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.SizeAuto {
flex: 1;
}

.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.shadow {
    opacity: 0.5;
    -webkit-filter: drop-shadow( -5px -5px 5px #000 );
    filter: drop-shadow( -5px -5px 5px #000 );
}

.RemoveDefaultStyle {
-webkit-appearance: none;
-moz-appearance:    none;
appearance:         none;
}

.Table {
    display: table;
    width: 100%;
}

.Table > div {
    display: table-cell;
}

.ClickToURL
{
    cursor: pointer;
}

.URLOnClick {
    cursor: pointer;
}

.ClickToField {
    cursor: pointer;
}

.Visible {
    visibility: visible !important;
}

.Opacity50 {
    opacity: 0.5 !important;
}

.Opacity25 {
    opacity: 0.25 !important;
}

.Opacity75 {
    opacity: 0.75 !important;
}

.Opacity100 {
    opacity: 1.0 !important;
}

.HREF {
    cursor: pointer;
}


/* META  : .Base.Root.Classes.font- */
.Field.font-size-20 a {
    font-size: 2em !important;
}

.Field.font-size-15 a {
    font-size: 1.5em !important;
}

.Field.font-size-09 a {
    font-size: 0.9em !important;
}

.Field.font-size-08 a {
    font-size: 0.8em !important;
}

.Field.font-size-075 a {
    font-size: 0.75em !important;
}

.Field.font-size-07 a {
    font-size: 0.7em !important;
}

.Field.font-size-06 a {
    font-size: 0.6em !important;
}

.Field.font-size-05 a {
    font-size: 0.5em !important;
}

.Field.font-weight-100 a {
    font-weight: 100 !important;
}

.Field.font-weight-200 a {
    font-weight: 200 !important;
}

.Field.font-weight-300  a {
    font-weight: 300 !important;
}

.Field.font-weight-400 a  {
    font-weight: 400 !important;
}

.Field.font-weight-500  a {
    font-weight: 500 !important;
}

.Field.font-weight-600  a {
    font-weight: 600 !important;
}

.Field.font-weight-700 a {
    font-weight: 700 !important;
}

.Field.font-weight-800  a {
    font-weight: 800 !important;
}

.Field.font-weight-900  a {
    font-weight: 900 !important;
}


/* META  : .Base.Root.Classes.input- */
.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-bottom-0 .InputSpan > a {
    padding-bottom: 0 !important;
}

.padding-top-0 .InputSpan > a {
    padding-top: 0 !important;
}

.padding-0 {
    padding: 0 !important;
    --inputPadding: 0;
}

.padding-1 {
    padding: 1px !important;
    --inputPadding: 1px;
}

.padding-2 {
    padding: 2px !important;
    --inputPadding: 2px;
}

.padding-3 {
    padding: 3px !important;
    --inputPadding: 3px;
}

.padding-4 {
    padding: 4px !important;
    --inputPadding: 4px;

}


/* META  : .Base.Root.Classes.absolute */
.absolute-bottom {
    position: absolute !important;
    bottom: 0 !important;
    top: auto !important;
}

.absolute-top {
    position: absolute !important;
    top: 0;
    bottom: auto;
}


/* META  : .Base.Root.Page */
.PageTop .RootNav .Selected {
    background-color: var(--backColor);
    color: var(--textColor);
}
.pageshadowborder1{
    box-shadow: rgb(231 230 230 / 38%) 0px 0px 10px 0px;
    border: 1px solid rgb(241, 241, 241);
}


/* META  : .Base.Root.Mobile */
body.Mobile .DisableOnMobile {
    display: none;
}

body.Mobile .EntitySelector {
    max-width: 100%;
    min-width: 0;
}

body.Mobile .EntitySelector .SelectionsMenu {
    width: 100vw;
    left: 0 !important;
    max-width: 100vw;
}

body.Mobile .EntitySelector .Solutions .Button {
    min-width: 70px;
    font-size: 12px;
}

body.Mobile .ListTable td {
    min-height: 44px;
}


/* META  : .Base.Root.Debug */
.Domain_Debug
{
    outline: solid 8px orange;
}


/* META  : .Base.Root.Box */
:root{
    --BoxBackColor: rgba(250,250,250,0.8);
    --BoxBorderStyle:1px solid;
    --BoxBorderColor:rgb(66 72 113 / 14%);
    --BoxBorder:var(--BoxBorderStyle , 0 solid) var(--BoxBorderColor, transparent);
    --BoxShadowStyle:0px 0px 5px;
    --BoxShadowColor:rgb(102 110 157 / 20%);
    --BoxShadow: var(--BoxShadowStyle , 0 0 0 0) var(--BoxShadowColor, transparent);
    --BoxBorderRadius:8px;
    --BoxOverflow:hidden;
    --BoxPadding:0 8px;
}
.Nav {
    --BoxBackColorOpacity:0%;
    --BoxBackColor:transparent !important;
}

.Box {
flex: initial;
}

.Panel:only-child, .PageZone:only-child, .DirectionVer:only-child, .FieldSet:only-child
{
    min-height: 100% !important;
}

.Box {
    background: var(--BoxBackColor) !important;
    border: var(--BoxBorder, 0) !important;
    box-shadow: var(--BoxShadow , unset);
    border-radius: var(--BoxBorderRadius, 0);
    box-sizing: border-box;
    padding: 1em;

}

.Box:last-child {
    margin-bottom: 0 !important;
}.Box.FieldSetPanel {
    padding: 1em;
}

.Box.PanelHasHeader  {
    padding: 0;
}

.Box.PanelHasHeader > .PanelBody {
    padding: 1em;
}

.Box .FieldSet.EntityTypeView.ViewBody_Folder {
    padding: unset !important;
    padding-left: 2em !important;
    margin-bottom: 0 !important;
}
ViewBody_Folder

.TabBody > .Box, .TabBody > .EntityTypeView
{
    margin-bottom: 0 !important;
}
.Box .Box,.Box .EntityTypeView
{
    background-color: transparent;
    border: 0 !important;
    box-shadow: 0 0 0 !important;
    border-radius:  0 !important;

}

.Box .Box
{
    padding: var(--BoxPadding , 0);
}

.TabHeader {
    padding-left: var(--gap) !important;
    padding-right: var(--gap) !important;
}

.Box:empty {
    display: none;
}


/* META  : .Base.Guide */
.GuideOverlay{position:fixed;top:0;right:0;bottom:0;width:420px;background:linear-gradient(180deg,rgba(255,255,255,0.97) 0%,rgba(248,250,252,0.98) 100%);backdrop-filter:blur(12px);box-shadow:-8px 0 40px rgba(0,0,0,0.08),-1px 0 0 rgba(0,0,0,0.05);z-index:9000;display:none;transform:translateX(100%);transition:transform 350ms cubic-bezier(0.16,1,0.3,1);flex-direction:column;overflow:hidden;border-left:1px solid rgba(0,0,0,0.06);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.GuideOverlay.GuideOpen{display:flex;transform:translateX(0)}
.GuideHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;background:linear-gradient(135deg,var(--primaryColor,#3b82f6) 0%,#7c3aed 100%);color:#fff;flex-shrink:0}
.GuideHeader h3{margin:0;font-size:17px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.GuideHeaderSub{font-size:11px;opacity:0.75;margin-top:3px}
.GuideClose{background:rgba(255,255,255,0.2);border:none;color:#fff;font-size:18px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background 200ms;flex:none;width:auto;line-height:1}
.GuideClose:hover{background:rgba(255,255,255,0.35)}
.GuideTabs{display:flex;gap:4px;padding:12px 16px 8px;flex-shrink:0;background:rgba(248,250,252,0.8)}
.GuideTab{flex:1;padding:8px 10px;border:none;background:transparent;font-size:11px;font-weight:600;cursor:pointer;border-radius:8px;transition:all 200ms;color:rgba(0,0,0,0.4);text-transform:uppercase;letter-spacing:0.04em}
.GuideTab:hover{background:rgba(0,0,0,0.04);color:rgba(0,0,0,0.7)}
.GuideTab.active{background:var(--primaryColor,#3b82f6);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,0.3)}
.GuideBody{flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth}
.GuideBody::-webkit-scrollbar{width:5px}
.GuideBody::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);border-radius:3px}
.GuideEmpty{text-align:center;padding:40px 20px;opacity:0.4}
.GuideEmpty i{font-size:48px;margin-bottom:16px;display:block}
.GuideTrigger{background:none;border:none;font-size:20px;cursor:pointer;padding:6px 10px;border-radius:8px;opacity:0.7;transition:all 200ms;flex:none;width:auto}
.GuideTrigger:hover{opacity:1;color:var(--primaryColor,#3b82f6)}
.GuideProgress{padding:12px 20px;border-top:1px solid rgba(0,0,0,0.06);flex-shrink:0}
.GuideProgressBar{height:5px;background:rgba(0,0,0,0.06);border-radius:3px;overflow:hidden}
.GuideProgressFill{height:100%;background:linear-gradient(90deg,var(--primaryColor,#3b82f6),#7c3aed);border-radius:3px;transition:width 400ms ease}
.GuideProgressText{font-size:11px;opacity:0.5;margin-top:6px;text-align:center}
body.GuideActive #MainContent{margin-right:420px;transition:margin-right 350ms cubic-bezier(0.16,1,0.3,1)}
.GuideStep{margin-bottom:4px}
.GuideStepTitle{font-size:14px;font-weight:600;color:#334155;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.GuideStepTitle i{color:var(--primaryColor,#3b82f6);font-size:15px}
.GuideField{margin-bottom:4px}
.GuideFieldLabel{font-weight:600;color:#475569;margin-right:6px;font-size:13px}
.GuideFieldValue{color:#64748b;font-size:13px}
.guide-hero{text-align:center;padding:28px 20px;background:linear-gradient(135deg,rgba(59,130,246,0.06) 0%,rgba(124,58,237,0.06) 100%);border-radius:16px;margin-bottom:20px}
.guide-hero-icon{font-size:40px;color:var(--primaryColor,#3b82f6);margin-bottom:12px;display:block}
.guide-hero-title{font-size:18px;font-weight:700;margin:0 0 6px;color:#1e293b}
.guide-hero-subtitle{font-size:13px;color:#64748b;line-height:1.6;margin:0}
.guide-section{margin-bottom:20px}
.guide-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:rgba(0,0,0,0.3);margin:0 0 12px;padding:0 4px}
.guide-nav-grid{display:flex;flex-direction:column;gap:8px}
.guide-nav-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,0.06);box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:all 200ms;text-decoration:none;color:inherit}
.guide-nav-card:hover{border-color:var(--primaryColor,#3b82f6);box-shadow:0 4px 12px rgba(59,130,246,0.12);transform:translateY(-1px)}
.guide-nav-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.guide-nav-card-icon.blue{background:rgba(59,130,246,0.1);color:#3b82f6}
.guide-nav-card-icon.green{background:rgba(16,185,129,0.1);color:#10b981}
.guide-nav-card-icon.amber{background:rgba(245,158,11,0.1);color:#f59e0b}
.guide-nav-card-icon.purple{background:rgba(124,58,237,0.1);color:#7c3aed}
.guide-nav-card-icon.red{background:rgba(239,68,68,0.1);color:#ef4444}
.guide-nav-card-icon.teal{background:rgba(20,184,166,0.1);color:#14b8a6}
.guide-nav-card-icon.rose{background:rgba(244,63,94,0.1);color:#f43f5e}
.guide-nav-card-icon.slate{background:rgba(100,116,139,0.1);color:#64748b}
.guide-nav-card-body{flex:1;min-width:0}
.guide-nav-card-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px}
.guide-nav-card-desc{font-size:12px;color:#94a3b8;margin:0;line-height:1.4}
.guide-nav-card-arrow{color:#cbd5e1;font-size:14px;flex-shrink:0;transition:transform 200ms}
.guide-nav-card:hover .guide-nav-card-arrow{transform:translateX(2px);color:var(--primaryColor,#3b82f6)}
.guide-callout{padding:14px 16px;border-radius:10px;margin-bottom:12px;display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.6}
.guide-callout-icon{font-size:16px;flex-shrink:0;margin-top:1px}
.guide-callout.info{background:rgba(59,130,246,0.06);border-left:3px solid #3b82f6}
.guide-callout.info .guide-callout-icon{color:#3b82f6}
.guide-callout.tip{background:rgba(16,185,129,0.06);border-left:3px solid #10b981}
.guide-callout.tip .guide-callout-icon{color:#10b981}
.guide-callout.warning{background:rgba(245,158,11,0.06);border-left:3px solid #f59e0b}
.guide-callout.warning .guide-callout-icon{color:#f59e0b}
.guide-workflow{padding:16px 0;margin-bottom:16px}
.guide-workflow svg{width:100%;height:auto;display:block}
.guide-status-legend{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.guide-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}
.guide-status-badge .dot{width:7px;height:7px;border-radius:50%}
.guide-status-badge.draft{background:#f1f5f9;color:#64748b}
.guide-status-badge.draft .dot{background:#94a3b8}
.guide-status-badge.calculated{background:#dbeafe;color:#2563eb}
.guide-status-badge.calculated .dot{background:#3b82f6}
.guide-status-badge.approved{background:#dcfce7;color:#16a34a}
.guide-status-badge.approved .dot{background:#22c55e}
.guide-status-badge.paid{background:#fef3c7;color:#d97706}
.guide-status-badge.paid .dot{background:#f59e0b}
.guide-status-badge.closed{background:#fce7f3;color:#db2777}
.guide-status-badge.closed .dot{background:#ec4899}
.guide-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.guide-stat-card{text-align:center;padding:14px 8px;border-radius:10px;background:linear-gradient(135deg,rgba(59,130,246,0.05) 0%,rgba(124,58,237,0.05) 100%)}
.guide-stat-value{font-size:22px;font-weight:800;color:var(--primaryColor,#3b82f6)}
.guide-stat-label{font-size:11px;color:#94a3b8;margin-top:2px}
.guide-divider{height:1px;background:rgba(0,0,0,0.06);margin:16px 0}
.guide-text{font-size:13px;color:#475569;line-height:1.7;margin-bottom:12px}
.guide-text strong{color:#1e293b}
.guide-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.06)}
.guide-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:rgba(0,0,0,0.04);border:none;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all 200ms;flex:none;width:auto;line-height:1.4}
.guide-back-btn:hover{background:rgba(59,130,246,0.1);color:#3b82f6}
.guide-back-btn i{font-size:12px}
.guide-breadcrumb-title{font-size:13px;font-weight:600;color:#334155}
.guide-faq{margin-bottom:16px}
.guide-faq-item{border:1px solid rgba(0,0,0,0.06);border-radius:10px;margin-bottom:6px;overflow:hidden;transition:border-color 200ms}
.guide-faq-item[open]{border-color:rgba(59,130,246,0.2)}
.guide-faq-item summary{padding:14px 16px;cursor:pointer;font-size:14px;font-weight:600;color:#334155;list-style:none;display:flex;align-items:center;gap:10px;transition:background 200ms}
.guide-faq-item summary::-webkit-details-marker{display:none}
.guide-faq-item summary::before{content:'\f054';font-family:FontAwesome;font-size:10px;color:#94a3b8;transition:transform 200ms;flex-shrink:0}
.guide-faq-item[open] summary::before{transform:rotate(90deg)}
.guide-faq-item summary:hover{background:rgba(0,0,0,0.02)}
.guide-faq-item .guide-faq-answer{padding:0 16px 14px;font-size:13px;color:#64748b;line-height:1.7}
.guide-steps{margin-bottom:16px}
.guide-step-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.04)}
.guide-step-item:last-child{border-bottom:none}
.guide-step-num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primaryColor,#3b82f6),#7c3aed);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.guide-step-content{flex:1;min-width:0}
.guide-step-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}
.guide-step-desc{font-size:13px;color:#64748b;line-height:1.6}
.guide-kbd{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;background:rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.1);font-family:monospace;font-size:11px;font-weight:600;color:#334155;line-height:1.4;box-shadow:0 1px 0 rgba(0,0,0,0.08)}
.guide-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.04)}
.guide-shortcut-row:last-child{border-bottom:none}
.guide-shortcut-label{font-size:13px;color:#475569}
.guide-shortcut-keys{display:flex;gap:4px}
.guide-tabs{margin-bottom:16px}
.guide-tabs-header{display:flex;gap:0;border-bottom:2px solid rgba(0,0,0,0.06);margin-bottom:12px}
.guide-tabs-btn{padding:8px 16px;border:none;background:transparent;font-size:13px;font-weight:600;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all 200ms;flex:none;width:auto}
.guide-tabs-btn:hover{color:#64748b}
.guide-tabs-btn.active{color:var(--primaryColor,#3b82f6);border-bottom-color:var(--primaryColor,#3b82f6)}
.guide-tabs-panel{display:none}
.guide-tabs-panel.active{display:block}
@keyframes guidePulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,0.5)}70%{box-shadow:0 0 0 12px rgba(59,130,246,0)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}}
.guide-highlight-pulse{animation:guidePulse 0.8s ease-out 3;outline:2px solid var(--primaryColor,#3b82f6);outline-offset:2px;border-radius:4px}
.GuideBody [data-guide-highlight]{color:var(--primaryColor,#3b82f6);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.GuideBody [data-guide-highlight]:hover{text-decoration-style:solid}
.guide-collapsible{border:1px solid rgba(0,0,0,0.06);border-radius:10px;margin-bottom:8px;overflow:hidden}
.guide-collapsible summary{padding:12px 16px;cursor:pointer;font-size:13px;font-weight:600;color:#475569;list-style:none;display:flex;align-items:center;gap:8px}
.guide-collapsible summary::-webkit-details-marker{display:none}
.guide-collapsible summary::after{content:'\f107';font-family:FontAwesome;margin-left:auto;color:#94a3b8;transition:transform 200ms}
.guide-collapsible[open] summary::after{transform:rotate(180deg)}
.guide-collapsible .guide-collapsible-body{padding:0 16px 12px;font-size:13px;color:#64748b;line-height:1.6}


/* META  : .Base.GuideButton */
.GuideButton{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:12px;border-radius:50%;position:relative;transition:all 0.25s ease;border:1px solid rgba(24,159,223,0.69);background:#fff;color:var(--primaryColor,#3b82f6);box-shadow:rgba(3,116,247,0.58) 0 0 8px 0;width:48px;height:48px;margin:2px}
.GuideButton .GuideButtonIcon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.GuideButton .GuideButtonIcon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.GuideButton .GuideButtonTitle{display:none}
.GuideButton .GuideButtonBadge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 4px;line-height:1}
.GuideButton.guide-has .GuideButtonBadge{display:inline-flex}
.GuideButton.guide-has:hover{box-shadow:rgba(3,116,247,0.8) 0 0 12px 0}
.GuideButton.guide-none{opacity:0.4;box-shadow:none;border-color:silver}
.GuideButton.guide-none:hover{opacity:0.7}


/* META  : .Base.EntityAiBtn */
.EntityAiBtn{cursor:pointer;padding:6px 8px;border-radius:8px;color:var(--secondaryColor,#6366f1);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s;margin-right:4px}
.EntityAiBtn:hover{background:rgba(99,102,241,0.1)}


/* META  : .Base.Layout.HeaderTitle */
.PanelHeader > .PanelHeaderTitle {
    font-size: 110%;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1em;
    padding: 8px;
}

.Top > .TopLeft
.EntityTypeViewTitle {
    font-weight: 400;
}

.EntityTypeViewTitleBody {
    font-size: 120%;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px;
    line-height: 1em;
}

.TabButton {
    font-weight: 400;
    letter-spacing: 0.5px;
}


/* META  : .Base.Layout.Panel */
.Panel {
    position: relative;
}

.Panel
{
    vertical-align: top;
    position: relative;
}

.Content > .Panel:only-child {
    height: 100%;
    box-sizing: border-box;
}

.Panel > .Panel:only-child {
    height: 100%;
    box-sizing: border-box;
}

.PanelImage {
    position: absolute;
    left: 40%;
    right: 40%;
    top: 22%;
    z-index: 1000;
}

.ContentTitle {
    text-align: center;
    font-size: 18px;
    display: block;

}


/* META  : .Base.Layout.Panel.Text */
.Text {
    padding: 3px 9px;
    display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}


/* META  : .Base.Layout.Panel.ShowOnHover */
.ShowOnHover .ShowOnHover {
    display: none;
}

.ShowOnHover:hover .ShowOnHover
{
    display: inherit;
    z-index: 1000;
}


/* META  : .Base.Layout.Panel.Search */
#SearchResults
{
    max-height: 50%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    color: var(--textColor);
}

.SearchResults > .Title, .Peers > .Title
{
    padding: 5px;
    text-align: center;
}

.Peers, .SearchResults
{
    margin: 2px;
}

.EntityTypeResults {
    max-height: 30em;
    overflow: auto;
    height: calc(100% - 3em);
}

#SearchZone
{
    padding: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    max-width: 360px;
}

    #SearchZone > .DeleteButton {
    position: absolute;
    top: 3px;
    right: 7px;
    z-index: 100;
    height: 1em;
    font-size: 1.5em;
    }

.ResultItem {
    text-align: left;
}

.SearchResultEntityType .EntityTypeTitle {
    padding: 5px;
    font-weight: bold;
    text-align: left;
}

.SearchZoneTitle {

    font-size: 1.5em;
    font-weight: 600;
    padding: 0.5em;
    text-align: center;
}

.SearchTitle {
    text-align: center;
    display: none;
}

.SearchBody {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 3px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.SearchBody a {
    display: block;
    padding: 5px;
}

.SearchResultEntityType
{
    order: 9999999;
    padding: 1px 1em 1em 1.5em;
    box-sizing: border-box;
}

.Search {
    display: flex;

    justify-content: flex-end !important;
    align-items: center !important;
}

.Searching {
    color: #800000;
    font-size: 2em;
}

.Searching .fas {
    color: darkorange;
}

.Searching div {
    animation: blinker 1s linear infinite;
    display: block;
    text-align: center;
}

.Searching .fas {
    font-size: 64px !important;
    height: 64px;
    display: block;
    text-align: center;
}

.Page_Default3 .PageZone_mr .SearchZone {
    position: absolute !important;
    top: 4em !important;
    bottom: 0 !important;
    height: auto !important;
}

.SearchBody a:hover {
    background-color: #787878;
    color: white;
}

.ItemSelector .Searching {
    color: red;
}

.Page_Default3 .PageZone_mr .SearchZone {
    background-color: transparent !important;
    box-shadow: 0 0 0 !important;
    border: 0;
    color: silver;
}

#Search
{
    margin: 3px;
    border: none;
    text-align: center;
}

.ItemSelector .Searching {
    padding: 0.5em;
    animation: blinker 1s linear infinite;
    text-transform: uppercase;
}


/* META  : .Base.Layout.Panel.SearchInput */
#SearchInput {
    width: 2em;
    border: solid 1px rgba(127,127,127,0.2);
}

#SearchInput:hover,
#SearchInput.NotEmpty {
    width: 10em;
}

.Mobile #SearchInput:hover, .Mobile #SearchInput.NotEmpty {
    width: 8em;
}

#SearchInput.NotEmpty {
    background-position: right center;
}

#SearchInput
{
    margin: 2px;
    padding: 0.25em 1em;
    transition: all 150ms;
    font-size: 1.25em;
}

div.SearchInput {
    position: relative;
    font-size: 100%;
    padding: 0;
}

.SearchInput:after {
    content: var(--icon-Search);
    font-family: "361";
    font-weight: 900;
    position: absolute;
    right: 1em;
    z-index: 100;
    pointer-events: none;
    top: 0;
    display: flex;
    align-items: center;
    height: 3em;
    bottom: auto;
}

#SearchInput::placeholder {
    color: #656565;
}

#SearchInput:hover,
#SearchInput.NotEmpty {
    background-color: white;
    color: #666666;
    font-weight: bold;
}

#SearchInput:active::placeholder, #SearchInput:focus::placeholder {
    color: #656565;
}

#SearchInput:active {
    width: 10em;
}

#SearchInput {
    border-radius: 2em;
    color: #222222;
    background-color: transparent;
    border: solid 1px rgba(127,127,127,0.2);
}


/* META  : .Base.Layout.Panel.TogglePanel */
.ToggleHeader:before {
    font-family: "361" !important;
    content: var(--icon-Chevron-Down);
    position: absolute;
    left: 0.5em;
    font-size: 1.25em;
    padding: 0;
    font-weight: 700;
    opacity: 0.75;
transition: transform 350ms ease-out;
    top: 50%;
    transform: translateY(-50%) rotateZ(0deg);
}.ToggleHeader > div
{
    padding: 9px 2.5em;
    font-weight: 500;
    text-transform: uppercase;
}

.TogglePanel.Toggle_Closed > .ToggleHeader:before,
.Toggle_Closed > .EntityTypeViewBody > .Center > .ToggleHeader:before
{
    transform: translateY(-50%) rotateZ(-90deg);
}

.SearchBody .TogglePanel > .ToggleHeader:after {
right: auto;
left: -1em;
}

.TogglePanel.Toggle_Closed > .ToggleBody
{
    display: none !important;
}

.TogglePanel > .ToggleHeader {
    position: relative;
    cursor: pointer;
}

.EmptyToggle:before
{
    content: "\007C";
    font-size: 1px;
}

.TogglePanel.EntityTypeView.Toggle_Closed .Middle,
.TogglePanel.EntityTypeView.Toggle_Closed .Parameters,
.TogglePanel.EntityTypeView.Toggle_Closed .ActionPanel,
.TogglePanel.EntityTypeView.Toggle_Closed .Bottom {
    display: none !important;
}

.TogglePanel.EntityTypeView.Toggle_Closed .ToggleHeader .TopRight *,
.TogglePanel.EntityTypeView.Toggle_Closed .ToggleHeader .TopLeft * {
    opacity: 0.0;
}

.TogglePanel.EntityTypeView .ToggleHeader .TopRight *,
.TogglePanel.EntityTypeView .ToggleHeader .TopRight * {
    opacity: 1.0;
    transition: all 350ms;
}


/* META  : .Base.Layout.Panel.AutoHide */
.DirectionVertical > .AutoHideOn
{
    width: 40px !important;
}

.AutoHideOn .RootNav .NavTitle {
    display: none;
}

.AutoHideOn .RootNav .Nav {
    padding: 0;
}

.AutoHideOn .RootNav .Nav img {
    display: inline-block;
}

.AutoHideOn .RootNav .Nav .NavImage {
    margin: 0.5em;
    height: auto;
}.AutoHideOn .AutoHideTopLeftHandle, .AutoHideOn .AutoHideTopRightHandle, .AutoHideOn .AutoHideBottomRightHandle, .AutoHideOn .AutoHideBottomLeftHandle {
    opacity: 1.0 !important;
}


/* META  : .Base.Layout.Panel.BiziconStart */
.PageTop .TopLeft .BiziconStart {
    vertical-align: middle !important;
    text-align: left !important;
}

.BiziconStart {
    vertical-align: middle;
    text-align: left;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.BiziconStart .ApplicationName {
    max-width: 20em;
    margin: 0 auto;
    padding: 0.5em;
}

.LoginPage .BiziconStart .ApplicationName {
    max-width: 20em;
    font-size: 2em;
    margin: 0 auto;
    margin-top: 0.5em;
}

.BiziconStart .ApplicationName {
    display: none;
}

#ModuleImage
{
    display: block;
    padding: 5px;
    box-sizing: border-box;
}

#ModuleTitle
{
    display: inline-block;
    text-align: center;
    padding: 8px;
    margin: 0;
    font-size: 150%;
    margin-bottom: 0.5rem;
}


/* META  : .Base.Layout.Panel.AutoRight */
.AutoRight {
    width: 24px !important;
}

.AutoRight:hover {
    width: unset !important;
}

.AutoRight .Search > * {
    display: none;
}

.AutoRight:hover .Search > * {
    display: inherit;
}

.AutoRight .Search::after
{
    content: var(--icon-Search);
    font-family: "361";
    display: block;
    text-align: center;
    font-size: 16px;
}

.AutoRight:hover .Search::after
{
    content: "";
}


/* META  : .Base.Layout.Panel.AutoHide */
.AutoHideOn .NavTitle, .AutoHideOn #ModuleTitle {
    text-indent: -9000px;
}

.AutoHideTopLeftHandle, .AutoHideTopRightHandle, .AutoHideBottomRightHandle, .AutoHideBottomLeftHandle {
    position: absolute;
    float: left;
    z-index: 1000;
    font-size: 20px !important;
    padding: 3px;
    width: 24px;
    height: 24px;

    display: inline-block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.AutoHideTopLeftHandle
{
    left:0;
    right: auto;
    top:0;
    bottom: auto;
}

    .AutoHideTopLeftHandle:before {
    content: var(--icon-Chevron-Left);
    font-family: "361";
}

.AutoHideTopRightHandle
{
    left: auto;
    right: 0;
    top:0;
    bottom: auto;
}

    .AutoHideTopRightHandle:before {
    content: var(--icon-Chevron-Right);
    font-family: "361";
}

.AutoHideBottomRightHandle
{
    left: auto;
    right:0;
    top: auto;
    bottom:0;
}

    .AutoHideBottomRightHandle:before {
    content: var(--icon-Chevron-Right);
    font-family: "361";
    }
.AutoHideBottomLeftHandle
{
    left:0;
    right: auto;
    top: auto;
    bottom:8px;
}

.AutoHideBottomLeftHandle:before {
    content: var(--icon-Chevron-Left);
    font-family: "361";
}

.AutoHideOn .StartLogo img
{
    width: 40px !important;
    height: auto !important;
}

.AutoHideOn {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    z-index: 1000;
    position: relative;
}

.AutoHideOff {
    width: auto;
    height: auto;
    opacity: 1.0;
    position: relative;
}

.AutoHideOn > *
{
    z-index: 0;
    padding: 0 !important;
}

.AutoHideOn .AutoHideTopLeftHandle, .AutoHideOn .AutoHideTopRightHandle, .AutoHideOn .AutoHideBottomRightHandle, .AutoHideOn .AutoHideBottomLeftHandle {
    display: inline-block !important;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 1000;
    position: absolute;
    padding: 1px 3px !important;
}


/* META  : .Base.Layout.Panel.DirectionFloat */
.DirectionFloat {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: center !important;
    align-content: flex-start;
    gap: 4px;
}

.DirectionFloat > div
{
    width: auto !important;
    flex: unset;
    margin: 0;
}

.DirectionFloat.PanelHasHeader
{
    flex-direction: column !important;
}

.DirectionFloat.PanelHasHeader > .PanelHeader
{
    width: 100% !important;
}


/* META  : .Base.Layout.Panel.PanelHeader */
.Panel > .PanelHeader {
    vertical-align: middle;
    width: 100%;
    min-height: 3em;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    position: relative;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.Panel > .PanelHeader::after,
.SingleItem > .ItemHeader::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;
}

.ActionPanel::after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--contentHeaderBackground);
    color: white;
    opacity: 0.05;
    pointer-events: none;
    border-radius: inherit;
}

.SingleItem > .ItemHeader::after
{
    opacity: 0.2;
}

.ItemView .Panel > .PanelHeader::after,
.PanelBody .Panel > .PanelHeader::after
{
    content :"";
    display: none;
}

.PanelHasHeader .PanelHeader {
    min-height: 3em;
}

.PanelHasHeader .PanelHasHeader .PanelHeader,
.SingleItem .PanelHasHeader .PanelHeader
{
    min-height: 3em;
    padding: 4px 8px;
}

.PanelHeader > .PanelHeaderTitle {
    display: block;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: calc(1.5rem + 8px);
    flex: 1;
    color: var(--panelHeaderTextColor);
}

.Desktop .PanelHasHeader .ViewActions,
.Desktop .PanelHasHeader .ETSearchPlace,
.Desktop .PanelHasHeader .EntityTypeLists.ItemCount_0,
.Desktop .PanelHasHeader .Actions
{
    opacity: 0.0;
}

.Desktop .PanelHasHeader:hover  .ViewActions,
.Desktop .PanelHasHeader:hover  .ETSearchPlace,
.Desktop .PanelHasHeader .EntityTypeLists.ItemCount_0
{
    opacity: 0.5;
}
.PanelHasHeader:hover  .Actions
{
    opacity: 1;
}

.PanelHasHeader
{
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    gap: 0 !important;
    border-radius: var(--gap);
}

.PanelHasHeader > .PanelHeader {
    border-radius: var(--gap) var(--gap) 0 0 ;
}

.PanelHasHeader > .PanelBody {
    flex: 1;
    height: auto;
    width: 100%;
min-width: 100%;
}

.PanelHeader {
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.PanelHeader > .TopLeft > .Actions
{
    display: flex !important;
    display: -webkit-flex !important;
    flex-direction: row !important;
    width: auto;
    height: 100%;
}

.PanelHeader > .TopLeft {
    opacity: 0.75;
    position: absolute !important;
    left: 0;
    top: 0;
    bottom: 0;
}

.PanelHeader > .TopRight {
    position: absolute !important;
    right: 0;
    top: 0;
    bottom: 0;
}

.PanelHeader:hover > .TopLeft, .PanelHeader:hover > .TopRight {
    opacity: 1;
}


/* META  : .Base.Layout.Panel.PanelBody */
.PanelBody
{
    vertical-align: top;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    flex: 1;
}

.PanelBody > * {
    height: auto;
}

    .PanelBody > *:only-child {
    min-height: 100%;
    }

.EntityTypeView > .PanelBody
{
    min-height: 200px;
    border: 1px solid silver;
}

.Panel.PanelBodyHidden  > .PanelBody
{
    display: none;
}


/* META  : .Base.Layout.Panel.DirectionAll */
.DirectionAll {
    flex-direction: column !important;
}

.AlignLeft > .DirectionAll
{
    flex-direction: column !important;
}

.DirectionAll > div
{
    height: auto;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

.DirectionAll > .PanelBody > *
{
    display: block !important;
}

.DirectionAll > .TabBody > *
{
    display: block !important;
}


/* META  : .Base.Layout.Panel.MainContent */
.MainContent > .Content
{
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.MainContent .TabBody > .Selected.PanelHasHeader {
    padding: 0 !important;
}

.MainContent {
    width: 100% !important;
    box-sizing: border-box;
    position: relative;
    min-height: 70vh;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.Content {
    width: 100%;
}

.Mobile .MainContent {
    height: auto !important;
}#MainContent > .Panel,#MainContent > .Fields
{
    height: 100%;
}

.MainContent {
    position: relative;
}

    .MainContent > * {
    position: absolute;
    left: 0;
    right: 0;

    -webkit-overflow-scrolling: touch;

    background-color: transparent;
    width: 100%;
    z-index: 88;
    opacity: 0;
    }

.MainContent > .SingleItem {
left: 100%;
    width: 100%;
    opacity: 1;
}

.Mobile  .MainContent > .SingleItem {

    left: 0;
    opacity: 1;
    }

    .MainContent > .LeftContent {

    width: 100%;
    left: -100%;
    right: 100%;
    box-shadow: 0 0 5px gray;
    visibility: visible;
    opacity: 0 !important;
    }

.MainContent > .Content {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

    .MainContent > .RightContent {

    opacity: 1;
    visibility: visible;
    }

    .MainContent > .RightContent.Content,
    .MainContent > .RightContent.NavigationContent {
    left: 0;
    right: 0;
    opacity: 0;
    display: none;
    }

    .MainContent > .LeftContent.SingleItem,
    .MainContent > .LeftContent.Content,
    .MainContent > .LeftContent.NavigationContent {
    left: 0;
    right: 0;
    opacity: 0;
    display: none;
    }

.MainContent > .ActiveContent {
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    opacity: 1;
    flex: 1;
    visibility: visible;
}


/* META  : .Base.Layout.Panel.DirectionAccordion */
.DirectionAccordion
{
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0 !important;
}

.DirectionAccordion > div {
    display: flex;
    flex-direction: column;
    flex: 0;
    border: var(--border1);
}

.DirectionAccordion > div > div.PanelHeader
{
    position: relative;
}

.DirectionAccordion > div > div.PanelHeader > .PanelHeaderTitle
{
    justify-content: flex-start;
    padding: 0.25em 1em 0.25em 1em;
}

.DirectionAccordion > div > div.PanelHeader::after
{
    content: var(--icon-Chevron-Down);
    font-family: "361";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
    bottom: 0;
    height: 100%;
    align-content: center;
    flex-direction: column;
    text-align: right;
    padding-right: 0.5em;
}

.DirectionAccordion > div.AccordionSelected > div.PanelHeader::after
{
    content: var(--icon-Chevron-Up);
}

.DirectionAccordion > div > .PanelBody
{
    display: none !important;
}

.DirectionAccordion > div.AccordionSelected
{
    flex: 1;
}

.DirectionAccordion > div.AccordionSelected > .PanelBody
{
    display: flex !important;
    flex: 1;
    flex-direction: column;
    overflow: auto;
    position: absolute;
    top: 3em;
    bottom: 0;
    gap: 0;
}

.DirectionAccordion > div.AccordionSelected > .PanelBody > *
{
    width: 100%;
    align-content: flex-start;
}

.DirectionAccordion > div.AccordionSelected > .PanelBody > *:only-child
{
    height: 100%;
}


/* META  : .Base.Layout.Panel.DirectionTab */
.DirectionTab {

    position: relative;
}


/* META  : .Base.Layout.Panel.DirectionTabVer */
.DirectionTabVer {

    position: relative;
}


/* META  : .Base.Layout.Panel.DirectionVer */
.DirectionVertical,
.DirectionVer {
    display: flex !important;
    display: -webkit-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
    border-spacing: 0 0;
    border-collapse: separate;
    align-items: stretch;
    justify-content: space-evenly;
    gap: var(--gap);
}

.DirectionVer > div {
    flex: 1;
}

.DirectionVerBody {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.DirectionVer > *:only-child {
    width: 100% !important;
}

.Parameters .DirectionVertical,
.Parameters .DirectionVer {
align-items: stretch;
gap: 3px !important;
}

.SingleItem .DirectionVertical,
.SingleItem .DirectionVer {
    gap: var(--gap);
}

.ItemView .DirectionVertical,
.ItemView .DirectionVer {
    gap: 0;
}

.DirectionVertical > *:only-child
{
    width: 100%;
}

.DirectionVertical > .DirectionVertical {
    display: flex !important;
    display: -webkit-flex !important;
}

.DirectionVertical > *, .DirectionVer > * {
    position: relative;
    flex: 1;
}

.PageZone > .DirectionVer > *,
.PageZone > .DirectionVertical > * {
    align-self: stretch;
    align-items: flex-start;
    justify-content: center;
}

.DirectionVer > div::only-child
{
    width: 100% !important;
}

div > .DirectionVer:only-child
{
    width: 100%;
    flex: 1;
}


/* META  : .Base.Layout.Panel.DirectionFlexRow */
.DirectionFlexRow {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap !important;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    white-space: nowrap !important;
    border-spacing: 0;
    border-collapse: collapse;
    border-spacing: 0 0;
    border-collapse: separate;
    align-items: flex-start;
    justify-content: space-evenly;
    gap: var(--gap);
}

.SingleItem .DirectionFlexRow {
    gap: var(--gap);
}

.ItemView .DirectionFlexRow {
    gap: 3px;
}

.DirectionFlexRow > *:only-child
{
    width: 100%;
}

.DirectionFlexRow > * {
    width: 100%;
    position: relative;
}

.PageZone > .DirectionFlexRow > * {
    align-self: stretch;
    align-items: flex-start;
    justify-content: center;
}

.DirectionFlexRow > div::only-child
{
    width: 100% !important;
}

div > .DirectionFlexRow:only-child
{
    width: 100%;
}


/* META  : .Base.Layout.Panel.DirectionFlexCol */
.DirectionFlexCol {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap !important;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    white-space: nowrap !important;
    border-spacing: 0;
    border-collapse: collapse;
    border-spacing: 0 0;
    border-collapse: separate;
    align-items: flex-start;
    gap: var(--gap);
}

.SingleItem .DirectionFlexCol {
    gap: var(--gap);
}

.ItemView .DirectionFlexCol {
    gap: 3px;
}

.DirectionFlexCol > *:only-child
{
    width: 100%;
}

.DirectionFlexCol > * {
    width: 100%;
    position: relative;
}

.PageZone > .DirectionFlexCol > * {
    align-self: stretch;
    align-items: flex-start;
    justify-content: center;
}

.DirectionFlexCol > div::only-child
{
    width: 100% !important;
}

div > .DirectionFlexCol:only-child
{
    width: 100%;
}


/* META  : .Base.Layout.Panel.DirectionTable */
.DirectionTable {
    display: table !important;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
    border-spacing: 0 0;
    border-collapse: separate;
}

.DirectionTable > *:only-child
{
    width: 100%;
}

.DirectionTable > * {
    position: relative;
    display: table-cell;
}


/* META  : .Base.Layout.Panel.MaxWidth */
.Max1024 {
    max-width: 1024px !important;
    min-width: initial !important;
    margin: 0 auto !important;
    position: relative;
    width: 100%;
}

.Max1280 {
    max-width: 1280px !important;
    min-width: initial !important;
    width: 100%;
    margin: 0 auto !important;
}

.Max1200 {
    width: 100%;
    max-width: 1200px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}
.Max1400 {
    width: 100%;
    max-width: 1400px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}
.Max1600 {
    width: 100%;
    max-width: 1600px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.Max800 {
    width: 100%;
    max-width: 800px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.Max320 {
    width: 100%;
    max-width: 320px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.Max240 {
    width: 100%;
    max-width: 240px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.Max180 {
    width: 100%;
    max-width: 180px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.MaxM {
    width: 100%;
    max-width: 320px;
    max-width: clamp(320px,100% , 348px) !important;
    min-width: 320px;
    min-width:  clamp(320px,100% , 348px) !important;
    min-width: 332px;
    margin: 0 auto !important;
}

.ItemView.MaxM {
    margin: 8px !important;
}

.MaxM2 {
    width: 100%;
    max-width: 166px;
    max-width: clamp(160px,50% , 172px) !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.MaxM3 {
    width: 100%;
    max-width: 114px;
    max-width: clamp(110px, 33% , 118px) !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.Max360 {
    width: 100%;
    max-width: 360px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.Max400 {
    width: 100%;
    max-width: 400px !important;
    margin: 0 auto !important;
}

.Max480 {
    width: 100%;
    max-width: 480px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.Max640 {
    width: 100%;
    max-width: 640px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}

.Max600 {
    width: 100%;
    max-width: 600px !important;
    min-width: initial !important;
    margin: 0 auto !important;
}


/* META  : .Base.Layout.Panel.PageZone */
.PageZone
{
    height: auto;
    box-sizing: border-box;
    position: relative;
    max-width: 100%;
}

.HamburgerBtn {
    display: none;
}


/* META  : .Base.Layout.Panel.TabPanel */
.OneTab > .PanelHeader {
    display: none;
}

.Relative.TabPanel {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    }

    .Relative.TabPanel > * {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    }

.TabPanel.AnyTabSelected
{
    height: 100%;
}

.TabPanel {
    height: auto;
    position: relative;
    gap: 0 !important;
}.TabPanel.TabPanel_TabBottom
{
    flex-direction: column-reverse !important;
}

.TabPanel.AnyTabSelected > .TabBody {
    display: inherit;
    flex: 1;
}

.Mobile .TabPanel_TabButton > .TabHeader
{
    display: flex !important;
    flex-direction: column;
}

.Mobile .TabPanel_TabButton.AnyTabSelected > .TabHeader {
    flex-direction: row;
}

.TabPanel {
display: flex;
height: 100%;
flex-direction: column;
}

.TabPanel > .TabBody
{
flex: 1;
width: 100%;
max-width: 100%;
}

    .SingleItem > .ItemBody > .Fields > div.TabPanel:only-of-type {
    padding: 0 0;
    }

.TabPanel_Tab > .TabBody > .EntityTypeView.Selected > .EntityTypeViewBody > .Center > .PanelHeader .EntityTypeViewTitleBody {
    color: transparent !important;
    display: none;
}


/* META  : .Base.Layout.Panel.TabPanel.TabPanel_TabVer */
.TabPanel.TabPanel_TabVer
{
    flex-direction: row;
}

.TabPanel.TabPanel_TabVer > .TabHeader
{
    flex-direction: column;
}

.TabPanel.TabPanel_TabVer > .TabBody
{
    flex: auto;
}


/* META  : .Base.Layout.Panel.Report */
.Report {
    display: block;
    height: 100%;
    position: relative;
}

.Report > .ReportBody
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 100%;
    box-shadow: 0 0 0 silver;
    border: 0;
    outline: 0;
}

.Report .ReportIFrame
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    box-shadow: 0 0 0 !important;
    border: 0 !important;
    outline: 0 !important;
    z-index: 19;
}

.ReportMessage {
    text-align: center;
    padding: 10%;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    font-size: 200%;
}

.ReportMessage {
    color: red;
}

.ReportExport {
    text-align: right;
    position: absolute;
    top: 8px;
    right: 0;
    display: flex;
}

.ReportExport .MicroButton {
    font-size: 200%;
    padding: 5px;
}

.ReportExport a
{
    font-size: 160%;

}

.ReportParameters
{
    padding: 0;
    text-align: center;
    vertical-align: top;
    position: relative;
}

.ReportParameter {
    display: inline-block;
    vertical-align: top;
    margin: 1px 5px;
    position: relative;
}

.ReportParameterLabel {
    display: block;
    text-align: left;
    padding: 1px 5px;
}

.ReportParameter .ItemSelection {
    min-width: 4em;
    font-weight: bold;
    white-space: normal;
    padding: var(--inputPadding);
    border: var(--inputBorder);
}

.ReportParameter .DataType_Integer {
    width: 8em;
    text-align: right;
}

.ReportParameter .DataType_DateTime {
    width: 8em;
    text-align: center;
    margin: auto;
}

.ReportParameter  .DataType_DateTime::after {
    content: var(--icon-Date-Picker);
    font-family: "361";
    float: right;
    display: inline-block;
    position: absolute;
    right: 4px;
}

.ReportParameter .DataType_Boolean {
    width: 1.5em;
    text-align: center;
}

.ReportParameter .DataType_Float {
    width: 8em;
    text-align: right;
}

.ReportParameter input {
    max-width: 100%;
    font-weight: bold;
}

.ReportParameter input[type='number'] {
    width: 8em;
    text-align: right;
}


/* META  : .Base.Layout.Panel.StartLogo */
.Page_DefaultLeft .StartLogo img
{
    max-height: 48px;
}.StartLogo {
    cursor: pointer;
}

.StartLogo span
{
    display: block;
}

.StartLogo img {
    max-width: 100%;
    max-height: 64px;
    min-height: 40px;
    padding: 4px;
}

.PagePrintPreview .StartLogo {
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    white-space: normal;
}


/* META  : .Base.Layout.Panel.Middle */
.Middle {
display: flex;
    flex-direction: column;
    flex: 1;
overflow: auto;
position: relative;
}

.MiddleCenter {
flex: 1;
}.MiddleLeft .SubRows .SubRows {
    padding-left: 24px;
}


/* META  : .Base.Layout.Panel.Top */
.Top
{
    width: 100%;
    max-width: 100%;
    position: relative;
}

.TopLeft {
    vertical-align: middle;
    text-align: left;
}

.TopRight {
    vertical-align: middle;
    text-align: right;
}

.TopCenter {
    vertical-align: middle;
    max-width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

.PageTop .TopLeft {
    vertical-align: middle !important;
    text-align: left !important;
    padding: 1px 0.5em;
    align-items: center !important;

}

.PageTop .TopCenter {
    vertical-align: middle !important;
    text-align: center !important;
}

.PageTop .TopRight {
    vertical-align: middle !important;
    text-align: right !important;
    padding: 1px 0.5em;

}

.Top {
    display: flex;
    flex-direction: row;
}

.Top > .TopLeft {
    display: flex;
    text-align: left;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.Top > .TopCenter
{
    flex: 1;
    white-space: nowrap;
    height: 100%;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.Top > .TopRight
{
    width: auto;
    position: relative;
    display: flex;
    text-align: left;
    padding: 0;
    align-items: center;
    justify-content: center;
}


/* META  : .Base.Layout.Panel.Center */
.CenterBody
{
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
border: 0px solid rgba(0,0,0,0.1);
}

.CenterBody > .Top
{
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 10;
    box-sizing: border-box;
    padding: 0;
}.Center > .Bottom {
    opacity: 0.75;
    padding: 1px 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
}

.Center > .Bottom:hover {
    opacity: 1.0;
}


/* META  : .Base.Layout.Panel.Header */
.Header {
    white-space: nowrap;
    width: 100%;
}

.Header > .Left,.Header > .Right, .Header > .Center
{
    display: inline-block;
    width: 33%;

    vertical-align: bottom;
}

.Header > .Left > * {
    display: inline-block;
}

.Header > .Center > * {
    display: inline-block;
}


/* META  : .Base.Layout.Panel.Bottom */
.Bottom {
    white-space: nowrap;
    text-align: center;
}

.Bottom .Left,.Bottom .Right
{
    width: 15%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    min-width: 6em;
}

.Bottom .Center {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}

.View_Chart .EntityTypeViewBody .Center .Bottom,
.View_Calendar .EntityTypeViewBody .Center .Bottom,
.View_Metrics .EntityTypeViewBody .Center .Bottom,
.View_Merge .EntityTypeViewBody .Center .Bottom,
.View_Gantt .EntityTypeViewBody .Center .Bottom,
.View_Matrix .EntityTypeViewBody .Center .Bottom {
    display: none !important;
}

.NoItems .ItemCount {
    display: none;
}


/* META  : .Base.Layout.Panel.Image */
.Image2 {
display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.Image2 > span {
    padding: 0.5em;
    font-size: 125%;
}

.Image2 > svg {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
    height: 100%;
}.ImageDimensions {
    position: absolute;
    right: 0;
    top: 0;
    padding: 1px !important;
    opacity: 0.5;
    font-size: 75% !important;
    display: none;
}


/* META  : .Base.Layout.Panel.GlobalFilters */
.GlobalFilter .ItemSelection > span:hover {
    content: "x";
}

.GlobalFilters_Horizontal {
    white-space: nowrap;
    line-height: 3em;
}

.GlobalFilters_Horizontal > * {
    display: inline-block !important;
    vertical-align: top;
    line-height: 2em;
}

.GlobalFilters_Horizontal > .GlobalFiltersTitle {
    display: inline-block !important;
    vertical-align: top;
    line-height: 2.75em;
    padding: 0 1em;
}

.GlobalFiltersTitle {
    display: inline-block;
}

.GlobalFilter:hover, .LocalFilter:hover {
    opacity: 1.0;
    box-shadow: 1px 1px 4px #222222;
}

.LocalFilterTitle {
    padding: 4px 10px 4px 4px;
    min-width: 100px;
}

.LocalFilterTitle {
    color: brown;
    font-weight: bold;
}

.FieldTypesSelect::before {
    content: "+";
}

.FieldTypesSelect:after {
    content: "" !important;
}

.GlobalFiltersTitle:before {
    content: var(--icon-Plus);
    font-family: "361";
}

.GlobalFieldTypes:hover .MicroButton {
    display: unset;
}

.LocalFilterLabel {
    padding: 4px;
}

.GlobalFilters_Vertical > div {
    display: block;
}

.GlobalFilters_Vertical > div {
    color: #d7d7d7;
}#MainContent .GlobalFilters .ETFilter, .GlobalFiltersBody {
    border: solid 0 silver;
    vertical-align: top;
}

#MainContent .GlobalFilters .GlobalFieldTypes {
    display: none !important;
}

.GlobalFilter select::selection {
    background-color: transparent !important;
    outline: 0;
}

.GlobalFilter select:active {
    background-color: transparent !important;
    outline: 0;
}

.GlobalFilter select:focus {
    background-color: transparent !important;
    outline: 0;
    box-shadow: 0 0 0 !important;
}

.GlobalFilter select option {
    background-color: white;
    color: #222222;
}

.GlobalFilters_Vertical .GlobalFilterLabel {
    color: silver !important;
}

.GlobalFilters_Vertical .ETFilterTitle {
    color: white;
}


/* META  : .Base.Layout.Panel.GlobalFilters.GlobalFilters_DeleteButton */
.GlobalFilter .DeleteButton {
    position: absolute;
    left: 3px;
    top: 2px;
    border-radius: 50%;
    padding: 1px;
    right: auto;
    display: none;
}

.GlobalFilter:hover .DeleteButton {
    display: inline-block;
}

.LocalFilter:hover .DeleteButton {
    display: inline-block;
}

.LocalFilter .DeleteButton {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}


/* META  : .Base.Layout.Panel.GlobalFilters.GlobalFilters_GlobalFilter */
.GlobalFilters_Horizontal .GlobalFilter > *,.GlobalFilters_Horizontal .GlobalFilter > * {
    display: inline-block !important;
    white-space: nowrap !important;
    padding: 0.25em 0.5em !important;
}

.GlobalFilter > * {
    display: inline-block;
    padding: 5px;
}

#MainContent .GlobalFilters .GlobalFilter > div {
    white-space: normal !important;
}

.OneGlobalFilter .GlobalFilter {
    background-color: transparent !important;
    border-radius: 0;
    box-shadow: 0 0 0;
}


/* META  : .Base.Layout.Panel.GlobalFilters.GlobalFilters_GlobalFilters */
.GlobalFilters {
    white-space: nowrap;
    display: block;
    text-align: center;
    width: 100%;
    padding: 1px;
}

#MainContent .GlobalFilters {
    display: flex !important;
    position: relative;
    margin: 0 !important;
    min-height: unset;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#MainContent .GlobalFilters * {
    box-shadow: 0 0 0 !important;
    color: #656565;
    width: auto !important;
    height: auto !important;
    min-height: unset;
    text-align: center;
}


/* META  : .Base.Layout.Panel.GlobalFilters.GlobalFilters_ItemSelection */
.GlobalFilters .ItemSelection > span {
    border: 0;
    padding: 1px 0.5em;
    margin: 1px;
}

.GlobalFilters_Vertical .ItemSelection {
    display: block;
    text-align: center;
}

.GlobalFilters .ItemSelection {
    text-align: center;
    padding-right: 1em;
}

#MainContent .GlobalFilters .ItemSelection {
    border: var(--border2);
}

.GlobalFilters .ItemSelection {
    color: #222222;
    background-color: transparent;
    box-shadow: 0 0 0;
    border: 0;
}


/* META  : .Base.Layout.Panel.GlobalFilters.GlobalFilters_LocalFilter */
.GlobalFilters_Horizontal .LocalFilter {
    display: inline-block !important;
    white-space: nowrap !important;
    padding: 0.25em !important;
    vertical-align: top;
}

.LocalFilter {
    padding: 0;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    padding-left: 6px;
    cursor: pointer;
    margin: 0 4px;
}

.GlobalFilters_Vertical .GlobalFilter, .GlobalFilters_Vertical .LocalFilter   {
    display: block;
    text-align: left;
    padding: 0;
}

.GlobalFilters_Vertical .GlobalFilter > *, .GlobalFilters_Vertical .LocalFilter > * {
    max-width: 100%;
    border: 0;
    white-space: pre-line;
}

#MainContent .GlobalFilters .LocalFilter > div {
    white-space: normal !important;
}

.GlobalFilters_Horizontal .LocalFilter {
    box-shadow: 0 0 0 !important;
    background-color: transparent !important;
}

.LocalFilter {
    opacity: 0.75;
}

.GlobalFilters_Vertical .GlobalFilter, .GlobalFilters_Vertical .LocalFilter {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: white;
}


/* META  : .Base.Layout.Panel.GlobalFilters.GlobalFilters_LocalFiltersBody */
.LocalFiltersBody {
    display: inline-block;
}

.LocalFiltersBody  * {
    display: inline-block;
    font-size: 12px;
}

.GlobalFilters_Vertical .LocalFiltersBody  * {
    display: block;
    font-size: 12px;
}


/* META  : .Base.Layout.Panel.GlobalFilters.GlobalFilters_Other */
{}

{
    text-align: right;
}

{
    display: block;
    width: auto !important;
    text-align: left;
}

{
    width: auto;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

{
    display: inline-block;
}

{
    font-size: var(--textSize);
    margin-top: 4px;
    padding: 2px;
    display: block;
    text-align: left;
}

{
    display: block;
}

{
    display: block;
}

{
    white-space: normal !important;
    display: block;
}


/* META  : .Base.Layout.Panel.GlobalFilters.GlobalFilters_select */
.GlobalFilters select {
    max-width: unset;
    text-align: center;
}

.GlobalFieldTypes > select {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url(/images/filter.png);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    padding: 6px;
    font-size: var(--textSize);
    margin: 0 4px;
}

.GlobalFilters_Vertical .LocalFilter > select {
    display: block;
    text-align: left;
    max-width: 100%;
}

.GlobalFilters select {
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0;
    font-weight: bold;
    color: brown;
}

.GlobalFilters_Vertical .LocalFilter > select {
    background-color: white;
    border: 0;
    color: #222222;
}


/* META  : .Base.Layout.Panel.Login */
.LoginContent {
    padding: 3px 3%;
    text-align: center;
    height: auto;
    }

.LoginButton {
    display: inline-block;
}

.LoginMessage {
    padding: 4px;
    font-weight: 200;
    font-size: 80%;
    margin-top: 2em;
}

.Panel_LoginContent
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.LoginPanel {
    flex: 2;
}

.LoginWelcomeMessage
{
    flex: 1;
}

.Panel_UserSettings
{
    flex: 1;
}

.LoginPanelTitle
{
    display: none;
}
.LoginVideo
{
    z-index: 1;
}

.LoginVideo video {
    position: fixed;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -100 !important;
    object-fit: cover;
    opacity: 1.0;
}

.Content___Login__ .Panel_Login
{
    display: flex;
    flex-direction: column;
}

.Content___Login__ .Panel_body
{
    flex:1;
}

.PleaseShowCard {
    color: red;
    font-weight: bold;
}

.Logon
{
    vertical-align: middle;
    white-space: nowrap;
cursor: pointer;
text-align: center;
    display: flex;
}

.Logon .UserImage {
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 5px;
    opacity: 0.75;
}

.Content_Login > * {
    padding: 1em;
}

.Logon > span {
    display: inline-block;
}


/* META  : .Base.Layout.Panel.Login.LoginPage */
.LoginPage {
    height: 100% !important;
}

.LoginPage .MainContent {
    min-height: 100%;
    flex: 1;
}
.LoginPage .HomeButton {
    position: fixed;
    top: 5px;
    left: 5px;
    padding: 1em;
}

.LoginPage .HomeButton {
    border-radius: 3em;
}

.Page___Login__ .PageZone_Login {
    height: 100%;
    display: flex;
}


/* META  : .Base.Layout.Panel.Login.LoginForm */
#Cockpit_Login_Form > .Commands > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.LoginForm #ModuleImage {
    display: none;
}

.LoginPage .LoginForm #ModuleImage {
    display: block;
}

.LoginForm .LastMessage {
    margin: 0.5em;
}

.LoginForm .LastMessage {
    color: #dc3545;
    font-weight: 500;
    font-size: 13px;
    padding: 8px 12px;
    background-color: rgba(220,53,69,0.08);
    border-radius: 6px;
    border-left: 3px solid #dc3545;
    animation: loginErrorFadeIn 0.3s ease;
}

@keyframes loginErrorFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.LoginForm {
    padding: 0;
    margin: 0 auto;
    padding: 0;
    display: block;
    margin-top: 16px;
    max-width: 320px;
}

#Page___Login__ .LoginForm > form {
max-width: 320px;    
gap: 4px;    
display: flex;    
flex-direction: column;

}

.LoginForm > form, .SingleItem_Subscriber_Request {
    text-align: center;
    padding: 2.5rem;
    max-width: 22em;
    margin: 8px auto !important;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}

.LoginForm div.UserPassword > a.PasswordIcon {
 position: absolute;   
 font-size: 1.25em;   
 right: 2.3em;    
margin-top: .75em;

}

.LoginForm .UserDescription {

    text-align: center;
    font-size: 80%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em 0 0 0;
    display: none;
}

.LoginForm input, .LoginForm button, .LoginForm .PadKey, .UserSettings .ItemSelection {
    border-radius: 8px;
}

.LoginForm input[type="text"], .LoginForm input[type="password"] {
    padding: 10px 14px;
    border: 1px solid rgba(0,0,0,0.12);
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background-color: rgba(255,255,255,0.9);
}

.LoginForm input[type="text"]:focus, .LoginForm input[type="password"]:focus {
    border-color: var(--backColor);
    box-shadow: 0 0 0 3px rgba(0,120,212,0.1);
    outline: none;
}

.UserProp .ItemSelection {
    display: inline-block;
    min-width: 0 !important;
}

.LoginForm .PadKey {
    border-radius: 0;
}

.LoginForm .UserPassword input {
    width: 100%;
    padding-left: 3em;
    padding-right: 3em;
}

.LoginForm .Captcha {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    white-space: nowrap;
    padding: 2px;
    margin: 0;
    position: relative;
}

.LoginForm .Captcha {
    background-color: transparent;
    border-radius: 5px;
    border: solid 0 rgba(192,192,192,0.75);
}

.LoginForm .PasswordEye_On {
    position: absolute;
    right: 0;
    padding: 10px;
}

.LoginForm .PasswordEye_On {
    color: silver !important;
}

.HomeButton > .fa {
    margin-right: 4px;
}

.LoginForm .HomeButton img {
    height: 32px !important;
    display: inline-block;
    vertical-align: middle;
}

.LoginForm .UserImage .fas {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0.4em;
    font-size: 1em !important;
    padding: 10px;
    margin: 1px !important;
}

.LoginForm .UserName select {
    display: block;
    margin: auto;
}

.UserProp select {
    background-color: rgba(255,255,255,0.75);
}

.LoginForm button {
    padding: 0.75em 1em;
    margin: 0.5em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-size: 120%;
}.LoginForm button.ForgotMyPassword > div {
    text-align: right;
}

.LoginForm button.ForgotMyPassword {
    background-color: transparent;
    color: inherit;
    box-shadow: 0 0 0;
    border: 0;
    margin: 0;
    padding: 0;
}

.LoginForm button.ForgotMyPassword > div::after {
    content: "";
}

.LoginForm .RememberMe {
font-size: 80%;    
padding: 0.25em;    
gap: 3px; 
display: flex;  
justify-content: center;  
align-items: center;

}

.LoginButton {
    background-color: var(--backColor);
    color: white;
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.03em;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

.LoginButton:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    filter: brightness(1.08);
}

.LoginButton:active {
    transform: scale(0.98);
}

.LoginMessage {
    color: #0374f7;
    text-transform: capitalize;
    text-align: left;
}

.QRCode {
    background-color: White;
}

.UserProp .Selected {
    background-color: #838383;
    color: white;
}

.FieldValue.UserProp {
    padding: 0;
}

.FieldValue.UserProp > .Label {
    display: none;
}

.LoginForm .UserName {
    background-color: transparent;
    border-radius: 5px;
    border: solid 0 rgba(192,192,192,0.75);
}

.LoginForm button:disabled {
    background-color: silver;
    opacity: 0.5;
}

.LoginForm .Logoff {
    background-color: orangered;
    color: white;
}

.LoginForm .Login {
    background-color: var(--backColor);
    color: white;
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.03em;
    transition: box-shadow 0.2s ease, transform 0.1s ease;
}

.LoginForm .ChangePassword {
    background-color: transparent;
    color: #303030;
}

.LoginForm button.ChangePassword {
    background-color: transparent;
    color: #303030;
}

.LoginForm .Cancel {
    background-color: orangered;
    color: white;
}

.LoginForm button.SetOnlyPassword {
    background-color: #085cb2;
}

.LoginForm button.ChangePassword:disabled {
    background-color: transparent;
    color: #808080;
}

.LoginForm button.CardPassword {
    background-color: purple;
    color: white;
}


/* META  : .Base.Layout.Panel.Login.LoginForm.LoginForm_Other */
{
    display: flex;
    text-align: center;
    padding: 8px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

{
display: inline-block;
    padding: 1px;
    border-bottom: dotted 1px #00000020;
    margin: 4px 7px;
    font-size: 70%;
    width: 44%;
    text-align: left;
}

{
    background-color: green;
    color: white;
}

{
    position: absolute;
    left: 0;
    z-index: 10;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 3.5em;
    padding: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    white-space: nowrap;
    padding: 2px;
    margin: 0;
    position: relative;
}

{
    height: 2em !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0.5em;
    width: 2em;
}

{
    box-shadow: 0 0 0;
    margin-right: 0.5em;
    vertical-align: middle;
}

{
    width: 100%;
    padding-left: 3em;
    padding-right: 8px;
}

{
    font-size: 80%;
}

{
    background-color: rgba(255,255,255,0.5);
    border: 0 !important;
}

{
    background-color: transparent;
    border: 0 !important;
}


/* META  : .Base.Layout.Panel.Login.UserProp */
div.UserProp {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    flex: 1;
}

div.UserProp > form {
    text-align: center;
    padding: 0;
    display: flex;
    align-items: Center;
    justify-content: center;
    min-width: 20em;
}

.UserProp  .Label {
    min-width: 7em;
    max-width: 7em;
    text-align: right;
}

.UserProp button
{
    display: block;
}


/* META  : .Base.Layout.Panel.Login.UserSettings */
.LoginContent .UserSettings {
    text-align: center;
    margin: 0 auto;
    min-width: 20em;
    left: -3em;
}.LoginContent .UserSettings > * {
    vertical-align: top;
}

.UserSettings .Label {
    text-align: right;
    margin-top: 0.25em;
}

.UserSettings .ItemSelection {
    min-width: 8em;
    width: auto;
    display: block;
    flex: 1;
}


/* META  : .Base.Layout.Panel.Login.PasswordPolicy */
.PasswordPolicy {
    text-align: left;
    margin: 0 auto;
    color: #303030;
    font-weight: normal;
}

    .PasswordPolicy .PasswordPolicyTitle {
    font-weight: bold;
    padding: 0.5em;
    color: darkred;
    }

    .PasswordPolicy .PasswordPolicyResult {
    font-weight: bold;
    padding: 0.5em;
    color: darkred;
    }

    .PasswordPolicy .PasswordPolicies {
    font-size: 82%;
    padding: 0 0 0 1em;
    }

    .PasswordPolicy .PasswordPolicies div {
    text-align: left;
    padding: 0.25em 0;
    white-space: normal;
    }

    .PasswordPolicy .PasswordPolicies div:before {
    content: var(--icon-Circle);
    font-family: "361";
    text-align: center;
    font-size: 50%;
    padding: 0.5em;
    width: 1.75em;
    display: inline-block;
    }

    .PasswordPolicy .PasswordPolicies div.Wrong:before {
    content: var(--icon-Circle-Times);
    font-family: "361";
    text-align: center;
    font-size: 100%;
    padding: 0;
    }
    .PasswordPolicy .PasswordPolicies div.Right:before {
    content: var(--icon-Circle-Check);
    font-family: "361";
    text-align: center;
    font-size: 100%;
    padding: 0;
    }

    .PasswordPolicy .PasswordPolicies div.Right {
    color: forestgreen;
    }

    .PasswordPolicy .PasswordPolicies div.Wrong {
    color: red;
    }


/* META  : .Base.Layout.Panel.Login.Password */
.SingleItem_ForgotMyPassword_Internet {
    max-width: 40em;
    margin: 0 auto;
}

.SingleItem_ForgotMyPassword_Internet .Text_Title {
    font-size: 200%;
    display: block;
    text-align: center;
    padding: 1em;
}

    .SingleItem_ForgotMyPassword_Internet .ItemStates > * {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.5em;
    }

.SingleItem_ForgotMyPassword_Internet .CloseButton
{
    display: none;
}

.SingleItem_ForgotMyPassword_Internet .ItemBody {
    position: relative;
    height: auto;
}


/* META  : .Base.Layout.Panel.Login.Captcha */
.LoginForm .Captcha {
    white-space: nowrap;
    display: flex;
}

.LoginForm .Captcha .CaptchaImage {
    opacity: 0.5;
    position: absolute;
    z-index: 999;
    padding-left: 8px;
}

.LoginForm .Captcha input {
    height: 32px !important;
    width: 66px;
    text-align: center;
    padding-left: 3em;
}

.LoginForm .Captcha img {
    height: 32px !important;
}

.LoginForm .Captcha a {
    width: 32px;
    height: 32px;
    background-image: url(/images/keyboard.png);
    background-size: 32px 32px;
}


/* META  : .Base.Layout.Panel.Login.Commands */
.Commands {
text-align: center;
    padding: 0.5em;
    gap: 0.5em;
    display: flex;
    flex-direction: column;
}

.Commands > a  > span {
    font-size: 15px;
    padding: 5px;
    margin: 5px;
    display: inline-block;
}

.Commands > a {
    display: block;
    margin: 4px auto;
    opacity: 0.5;
    max-width: 14em;
    min-width: 10em;
}

.Commands > a:hover {
    opacity: 1.0;
}

.LoginContent .Commands {
    padding: 0;
}

.Commands > a.Yes
{
    background-color: red;
    color: white;
}

.Commands > a.No
{
    background-color: green;
    color: white;
}


/* META  : .Base.Layout.Panel.Login.User */
.UserTable {
    display: flex;
    margin: 1px;
    align-items: center;
    justify-content: center;
}

.UserTable > span, .UserTable > img {
    font-size: 2em;
    margin-right: 1px;
}

.UserTable > *
{
    display: table-cell;
    vertical-align: middle;
}

.UserImage > span {
    font-size: 200%;
    display: flex;
}.UserET__Guest .UserET {
    padding: 0.5em;
    }

    .UserTitle {
    line-height: 1em;
    text-align: center;
    display: block;
    }

.ItemView__UserRole_Role {
    display: inline-block;
    max-width: 320px;
    background-color: white !important;
}
.UserET {
    color: #656565;
    display: none;
}


/* META  : .Base.Layout.Panel.Login.ThemesSelect */
.ThemesSelect {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.5em;
}

.ThemesSelect > div
{
    display: inline-block;
}


/* META  : .Base.Layout.Panel.Login.LoginETList */
.LoginETList {
    padding: 0.5em !important;
    font-size: 1em;
    margin: 0;
    border: 0 !important;
    border-radius: 5px;
    background-color: transparent !important;
    display: none !important;
}

.LoginETList::after {
    content : "";
}


/* META  : .Base.Layout.Panel.Login.UserInterfaceSelect */
.UserInterfaceSelect {
    display: flex;
    margin: 0 auto;
    text-align: center;
    min-width: 20em;
    max-width: 20em;
    white-space: nowrap;
    align-items: center;
}

.UserInterfaceSelect > div {
    display: block;
    margin: 0.25em;
}

.UserInterfaceSelect > .Label {
    min-width: 7em;
    max-width: 7em;
    text-align: right;
}


/* META  : .Base.Layout.Panel.Login.LanguagesSelect */
.LanguagesSelect {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.5em;
    max-width: 14em;
}

.LanguagesSelect > form > * {
    display: inline-block;
    margin: 0.25em;
}


/* META  : .Base.Layout.Panel.Login.FingerPrintAgent */
#FingerPrintAgent {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 60px !important;
    height: 90px !important;
    background-image: url(/images/fingerprint.png);
    background-repeat: no-repeat;
    background-size: cover;
}


/* META  : .Base.Layout.Panel.Login.QRCodeAuthentication */
.QRCodeAuthentication
{
    margin-top: 1em !important;
}

.QRCodeAuthentication > form
{
    padding: 0;
    margin: 0 auto !important;
}


/* META  : .Base.Layout.Panel.Login.Authenticator */
.LoginForm .ManualCode
{
    text-align: center;
}

.LoginForm .AuthenticatorCode
{
    text-align: center;
}


/* META  : .Base.Layout.Panel.Login.LoginContentHTML */
.LoginContentHTML
{
    height: 100%;
}

.LoginContentHTML > div
{
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* META  : .Base.Layout.Panel.Login.UserImage */
.UserImage svg {
    min-width: 100%;
    min-height: 100%;
    width: 100%;

}


/* META  : .Base.Layout.Panel.Navigation */
.RootHoverMenu.Menu_Horizontal .RootHoverMenuBody {
    display: flex;
    flex-direction: row;
}


/* META  : .Base.Layout.Panel.Navigation.RootHoverMenu */
.RootHoverMenuBody .NavTitle > span
{
    white-space: nowrap;
}

.RootHoverMenuBody .NavTitle
{
    padding: 5px;
}.RootHoverMenuBody > .Nav > .SubNavs > .Nav
{
    display: block;
    margin: 0;
    flex: 1;
}

.RootHoverMenuBody > .Nav {
    padding: 0.5em;
    max-width: 14em;
    max-width: 35em;
    display: block;
    font-size: 100%;
}

.RootHoverMenuBody .Nav {
    vertical-align: top;
    padding: 0;
    padding-left: 1em;
}

.SelectionsMenu.RootHoverMenu .NavButton
{
    padding: calc(var(--cellSize) / 15);
    padding-left: 0;
    padding-right: 0;
}.RootHoverMenuBody .SubNavs {
    margin-left: 1em;
    justify-content: flex-start;
    gap: 0;
    flex-direction: column;
align-items: stretch;
}

.RootHoverMenuBody .Nav .Nav {
    font-size: 90%;
}

.RootHoverMenuBody .NavButton:hover {
    text-shadow: 0 0 1px;
}

.RootHoverMenuBody img {
    height: 1em;
}

.RootHoverMenuBody .NavImage {
    display: none;
}

.RootHoverMenuBody .NavButton:before {
    text-align: left;
    content: var(--icon-Circle);
    font-family: "361";
    left: 0.5em;
    position: absolute;
    font-size: 80%;
}

.RootHoverMenuBody .NavButton:before {
    color: #656565;
    opacity: 0.5;
}

.RootHoverMenuBody .Nav:hover > .NavButton:before {
    font-weight: bold;
    content: var(--icon-Circle-Solid);
}

.RootHoverMenuBody .Nav.Selected > .NavButton .NavTitle > span {
    text-decoration: underline;
}

.RootHoverMenuBody .Nav.Selected {
    box-shadow: 0 0 0;
    border: 0;
}

.RootHoverMenuBody .Nav {
    transition: background-color 0.15s ease;
}

.RootHoverMenuBody .Nav:hover {
    background-color: rgba(0,0,0,0.03);
    border-radius: 4px;
}

.RootHoverMenuBody .Nav.Selected > .NavButton:before {
    color: var(--backColor);
    opacity: 1;
}


/* META  : .Base.Layout.Panel.Navigation.NavHoverMenu */
.NavButton.NavHoverMenu > *
{
    pointer-events: none;
}

.NavButton.NavHoverMenu::after {
content: var(--icon-Triangle-Down);
    font-family: "361";
    opacity: 0.7;
    position: absolute;
    bottom: -1.1em;
    font-size: 0.75em;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    filter: drop-shadow(1px 1px 1px gray);
}

.NavButton.NavHoverMenu.SelectionsMenuOpen > .NavTitle:after {
    z-index: 999999;
    bottom: calc(3px - 0.5em);
}

.SelectionsMenu > .RootHoverMenuBody
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.SelectionsMenu.Menu_HorMenu > .RootHoverMenuBody
{
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    min-width: 50vw;
    max-width: 1200px;
}

.SelectionsMenu.Menu_HorMenu > .RootHoverMenuBody > .Nav
{
    flex: 1;
}


/* META  : .Base.Layout.Panel.Navigation.NavView */
.NavView {
box-sizing: border-box;
    padding: 8px !important;
text-align: center;
}

.NavView > .Nav {
    box-sizing: border-box;
    box-shadow: 1px 1px 1px silver !important;
    max-width: 100%;
}

.NavView > .Nav:only-child
{
    box-shadow: 0 0 0 !important;
}

.NavView > .Nav > .NavButton > .NavImage {
    height: 60%;
    top: 10%;
    position: relative;
}

.NavView > .Nav > .NavTitle {
    width: 100%;
    height: 25%;
    text-align: center;
    padding-top: 10%;
    bottom: 0;
}


/* META  : .Base.Layout.Panel.Navigation.NavigationHistory */
#NavigationHistory {
    text-align: left;

}

#NavigationHistory > div {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
}

#NavigationHistory > div > div {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    font-size: 12px;
}

#NavigationHistory > div:after
{
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
}

#NavigationHistory > div > div {
    background-color: #67727D;
    color: white;
}

#NavigationHistory > div:after {
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #67727D;

}


/* META  : .Base.Layout.Panel.Navigation.Nav360 */
.RootNav.Nav360 {
    position: relative;
    padding: 1em;
    perspective: 1200px;
    transform-style: preserve-3d;
    max-width: 100%;
    margin: 0 auto;
}

    .RootNav.Nav360:before {
    position: absolute;
    content: " ";
    font-family: "361";
font-weight: 900;
font-size: 100%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    top: 0%;
    border: dotted 3px silver;
    border-radius: 50%;
    z-index: -100;
    -webkit-transform: rotateX(50deg);
    transform: rotateX(50deg);
    background-image: radial-gradient( circle closest-side, #ffffffff, rgba(0,0,0,0) );
    }
    .RootNav.Nav360 > .Nav {
    border-radius: 50%;
    width: auto;
    z-index: 0;
    margin: 0;
    display: block;
    position: absolute;
    width: 186px;
    height: 116px;
    left: 40%;
    top: 25%;
    border: 2px solid #222222;

    }

.RootNav.Nav360:before {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: rotateX(2deg) rotateY(0deg) translateZ(-70vh) scale(1);
    z-index: -100;
    max-width: 81%;
    margin: 0 auto;
}

.RootNav.Nav360:before {
    color: #222222;
    background-color: rgba(255,255,255,0.1);
    border-radius: 50%;
    border: dotted 1px silver;
}


/* META  : .Base.Layout.Panel.Navigation.NavigationButtons */
.NavigationButtons .NavImage {
    color: var(--iconColor);
}

.NavigationButtons
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: auto;
-webkit-overflow-scrolling: touch;
    position: relative;
    gap: 16px;
    padding: 16px;
    flex-direction: column;
}

.MyNavigation .NavigationButtons {
    flex-direction: row;
}


.Navigations_Title {
    font-size: 1.25em;
    text-transform: uppercase;
}

.Navigation_Entities .Navigations_Title {
font-size: 1em;
    text-align: center;
    text-transform: none;
    opacity: 0.5;
}

.NavigationButtons  .NavigationNavs,
.NavigationButtons  .NavigationContents
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    overflow: auto;
-webkit-overflow-scrolling: touch;
    position: relative;
    gap: 10px;
    padding: 10px;
}

.NavigationButtons > .Navigation_EntityTypes
{
    background-color: var(--white);
    padding: 16px;
    border-radius: 8px;

}

.NavigationButtons > .Navigation_DoScripts
{
    padding: 16px;
    border-radius: 8px;
}

.NavigationButtons > .Navigation_DoScripts a
{
    background-color: var(--white);
    padding: 8px 16px;
    border-radius: 16px;
}

.Navigation_Entities  {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    padding: var(--gap);
    gap: var(--gap);
}

.Navigation_Entities > .NavEntity {
    flex-direction: column;
    border-radius: var(--gap);
}

.Navigation_Entities  .NavEntity {
    border-radius: var(--gap);
    background-color: #ffffff20;
    flex: auto;
}

.Navigation_Entities  .NavEntity:not(:has(.NavEntity)) {
    flex-direction: column;
    background-color: var(--white);
    border-radius: var(--gap);
}

.Navigation_Entities > .NavEntity.NavGroup > .NavGroupTitle {
    background-color: transparent;
    padding: 16px;

}

.Navigation_DoScripts {
gap: 8px;
display: flex;
flex-wrap: wrap;
}

.Navigation_DoScripts a
{
    padding: 4px 8px;
    border: var(--border1);
    border-radius: 8px;
}

.Navigation_DoScripts a > .ButtonText
{
    padding: 4px;
}

.Navigation_Entities > .NavEntity > .NavGroupBody {
    flex-direction: column;
}

.NavigationButtons .Nav.NavBranch
{
    border: var(--border2);
    flex: 1 0 auto;
    max-width: 100%;
}

.NavigationButtons  .SubNavs
{
    max-width: 100%;
    min-width: 100%;
}

.NavigationButtons .ViewBody
{
    position: relative;
}

.NavigationButtons  .SubNavs  .Nav.NavBranch
{
    border: var(--border2);
    flex: 1 0 auto;
    max-width: 100%;
}

.NavigationButtons .LeafNav:hover .NavButton
{
    background-image: var(--hoverImage1);
}

.NavigationButtons .LeafNav:hover .NavButton .NavImage
{
    background-image: var(--hoverImage1);
}

.NavigationButtons .LeafNav > .NavButton {
    border-radius: var(--gap);
}

.NavigationButtons .LeafNav .NavImage {
opacity: 0.9;
position: relative;
padding: calc(var(--cellSize) / 5);
width: calc(var(--cellSize));
height: calc(var(--cellSize));
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);
    box-shadow: var(--iconShadow);
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--border1);
}

.NavigationButtons .LeafNav .NavImage:before
{
    font-size: calc(var(--cellSize) * 0.6);
    width: calc(var(--cellSize) * 0.6);
    margin: auto;
    height: 100% !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    height: 100%;
}.NavigationButtons .NavBranch
{
    border-radius: 1em;
    border: var(--border2);

}

.NavigationButtons .EmptyImage {
    display: none !important;
}

.NavigationTitle {
    top: 0;
    text-align: center;
    left: 0;
    right: 0;
    padding: 0.25em;
    line-height: 1em;
    font-weight: bold;
    opacity: 0.5;
    height: auto;
}

.NavigationButtons .LeafNav.NoImage {
    max-width: inherit;
    height: calc(var(--cellSize) * 1.5);
}

.NavigationButtons .LeafNav.NoImage > .NavTitle > span {
    vertical-align: middle;
}

.NavigationButtons .LeafNav .NavTitle
{
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    width: 100%;
}

.NavigationButtons .LeafNav .NavTitle span
{
    height: 3em;
}

.NavigationButtons .NavTitle span {
    line-height: 1em;
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    font-size: calc(var(--cellSize) / 6);
}

.NavigationButtons .Nav > .NavButton > .NavTitle {
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}.NavigationButtons.MenuType3 .LeafNav > .NavTitle
{
    display:flex !important;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    text-align: center;
}

.NavigationButtons .LeafNav {
position: relative;
transition: all .2s ease-in-out;
    padding: 0;
    border-radius: 0;
    border: solid 0 rgba(127, 127, 127,0.4);
}

.NavigationButtons .HideNavTitle {
    display: none !important;
}

.NavigationButtons .HideNavImage .NavImage {
    display: none !important;
}

.NavigationButtons .HideNavImage .LeafNav .NavTitle {
    background-color: var(--backColor) !important;
    border-radius: 1em;
    padding: 0.75em;
}

.NavigationButtons .LeafNav:hover {
    z-index: 1000;
    text-shadow: 0 0 1px;
}

.NavigationButtons .DisabledNav:hover {
    z-index: 1000 !important;
}

.NavigationButtons .LeafNav:hover .NavImage {
transform: scale(1.05);
}

.NavigationButtons .Nav
{
    text-align: center;
    vertical-align: top;
}

.NavigationButtons > .Nav {
    display: block;
    text-align: center;
}

    .NavigationButtons .LeafNav.NoImage,
    .Mobile .NavigationButtons .LeafNav {
    min-height: initial;
    }

.NavigationButtons > .Nav > .SubNavs {
    display: flex;
    width: auto;
    table-layout: fixed;
    border-spacing: 0.25em;
    border-collapse: separate;
    margin: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.NavigationButtons > .Nav > .SubNavs > .Nav {
    display: flex;
    white-space: nowrap;
    flex-direction: column;
    vertical-align: top;
}

.NavigationButtons .LeafNav.NoImage .NavButton > .NavTitle > span:first-Child {
    background-color: white;
    border: var(--border2) !important;
    height: var(--cellSize);
    border-radius: 25%;
}

.NavigationButtons .Nav
{
    border-radius: 10px;
    border-color: transparent;
}

input.NavSearch
{
    max-width: 10em;
    margin: auto;
    border-radius: 2em;
    display: flex;
    text-align: center;
    padding: 0.5em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -0.5em;
}

input.NavSearch:focus
{
    max-width: 10em;
}


/* META  : .Base.Layout.Panel.Navigation.NavigationButtons.ContentNavCreated */
.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage
{
    border-radius: 8px;
    width: 100%;
    padding: 0;
    height: calc(var(--cellSize)* 2);
    box-shadow: var(--shadow1);
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage > div
{
    width: 100%;
    height: 100%;
overflow: hidden;
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .PanelObject
{
    background-color: #26266f29;
    max-width: 100% !important;
    max-height: 100% !important;
    flex:1;
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em !important;
    position: relative;
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .PanelObject.AggregateView
{
    font-size: 2px;
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .PanelHasTitle
{
    border: solid 1px #60606040;
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .Panel:before,
.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .PanelObject:before
{
    content: attr(t);
    display: block;
    text-align:center;
    font-size: 6px;
    line-height: 1em;
    margin: 0 auto;
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .PanelObject:after
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: black;
    opacity: 0.25;
    font-family: "361";
    font-size: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .PanelObject.ViewType_Chart:after
{
    content : var(--icon-Pie-Chart);
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .PanelObject.ViewType_ItemView:after
{
    content : var(--icon-Grid);
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .PanelObject.ViewType_Chart,
.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .PanelObject.ViewType_ItemView
{
    min-height: 3em;
}

.NavigationButtons .Nav.ContentNavCreated.LeafNav .NavImage .Panel
{
    gap: 1px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: initial !important;
    margin: 0 !important;
    display: flex;
    position: relative;
}


/* META  : .Base.Layout.Panel.Navigation.NavVer */
.NavVer {
    padding: 1px;
}

.NavVer .Nav
{
    display: block;
    text-align: left;
    position: relative;
    padding: 7px !important;
white-space: nowrap;
}

.NavVer .NavImage {

    left: 6px;
}

.NavVer .NavTitle {
    margin-left: 6px !important;
}

.NavVer  .Nav {
    text-align: left;
}


/* META  : .Base.Layout.Panel.Navigation.NavAccordion */
.NavAccordion .Nav {
    display: block;
    text-align: left !important;
    width: 100%;
}

.NavAccordion .SubNavs {
    padding: 0 !important;
    border: var(--border3);
    border-left: 0;
}

.NavAccordion .NavButton {
    position: relative;
}

.NavAccordion  .NavTitle > span {
    letter-spacing: 0.5px;
    padding: 0 0.5em;
    display: block;
    text-align: left;
}

.NavAccordion .SameAsParentNAV {
    display: none;
}.NavAccordion > .Nav.Selected  {
    background-color:  var(--backColor) !important;
    color: var(--textColor);
}

.NavAccordion > .Nav.Selected > .SubNavs {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    top: 2.5em;
}.NavAccordion .Nav.Selected > .NavButton
{
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background-color:  var(--backColor) !important;
    border-color: rgba(127,127,127,0.5);
}

.NavAccordion > .Nav.Selected > .NavButton
{
    background-color: rgba(127,127,127,0.2) !important;
}

.NavAccordion .Nav.Selected > .NavButton:before
{
    content: "";
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--textColor);
}

.NavAccordion.RootNav .Nav .NavButton
{
    padding: 4px 6px;
}

.NavAccordion .Nav.LeafNav
{
    background-color: var(--backColor) !important;
    color: var(--textColor) ;
}

.NavAccordion .Nav .NavImage
{
    background-color: transparent !important;
    color: inherit !important;
}

.NavAccordion .Nav > .SubNavs {
    display: none;
}

.NavAccordion .Nav.Selected > .SubNavs {
    display: block;
    overflow: auto;
    flex: 1;
}.NavAccordion .SubNavs .Nav {
    text-transform: capitalize;
}.AutoHideOn .NavAccordion .SubNavs {
    padding-left: 1px !important;
}

.NavAccordion .NavButton {
    border: var(--border1);
    border-right: 0;
}

.NavAccordion .Nav.NavBranch > .NavButton:after {
    position: absolute;
    right: 0.4em;
    top: 50%;
    font-size: 150%;
    content: var(--icon-Chevron-Down);
    font-family: "361";
    opacity: 0.5;
    transform: translateY(-50%);
}

.NavAccordion .Nav.NavBranch.Selected > .NavButton:after {
    content: var(--icon-Chevron-Right);
}

.NavAccordion.RootNav {
    flex-direction: column;
    width: 100%;
    height: 100% !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
}

.NavAccordion.RootNav > .Nav {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    flex: 0;
    flex-basis: auto;
}

.NavAccordion.RootNav > .Nav.Selected {
    flex: 1;
}

.NavAccordion.RootNav > .Nav > .NavButton {
    flex: 0;
}

.NavAccordion.RootNav > .Nav > .Subs {
    flex: 1;
}

    .NavAccordion.SubNav .Nav > .NavButton {
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 1px;
    padding-bottom: 1px;
    }

    .NavAccordion.SubNav .Nav > .NavButton > .NavImage {
    margin: 1px !important;
    display: none;
    }

.NavigationButtons.NavAccordion .Nav > .NavBotton > .NavTitle {
    top: 0;
}

.NavAccordion.RootNav .Nav .NavButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}


/* META  : .Base.Layout.Panel.Navigation.Peers */
#PeerNavs {
    display: flex;
    padding: 1px 1em;
    overflow: auto;
    align-self: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    align-content: stretch;
    flex-basis: max-content;

    flex-shrink: 0;
    flex-wrap: nowrap;
}.PeerItem {
    padding: 4px;
}

#Peers button
{
    display: block;
}


/* META  : .Base.Layout.Panel.Navigation.SubNav */
#SubNav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    padding: 0;
}

.RootNav .SubNavs {
    padding: 15px;
}

.SubNav .NavImage {
    display: none;
}

#SubNav img {
    height: 24px;
    display: none;
}

#SubNavs {
    display: flex;
    padding: 1px 1em;
    align-items: center;
    align-content: stretch;
    flex-direction: row;
    overflow:auto;
}

.Mobile #SubNavs {
    padding: 0;
}

.PageTop .SubNav .NavTitle > span {
    white-space: nowrap;
}

#SubNavs .Nav
{
    vertical-align: middle;
}

.SubNav .Nav {
    display: flex;
    align-items: center;
}

.SubNav .NavTitle {
    vertical-align: middle;
    line-height: 1em;
    padding-left: 5px;
    padding-right: 5px;
}.SubNav #PeerNavs .Selected .NavTitle {
    border-bottom: solid 1px silver;
}

.SubNav .Selected {
    text-shadow: 0 0 1px #656565;
}

.SubNav .Nav {
    background-color: transparent !important;
    flex: 1;
    display: flex;
}

.SubNavs {
    display: flex;
    white-space: normal;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.SubNav .Nav {
    opacity: 0.85;
}

.SubNav .Nav:hover {
    opacity: 1.0;
}

    .SubNavs {
    border-spacing: 1px !important;
    }

    .SubNav .NavImage {
    display: none;
    }

    .RootNav .NavTitle, .SubNav .NavTitle {
    margin: 0 !important;
    display: table-cell;
    vertical-align: middle !important;

    }

    .SubNav .NavTitle > span {
    white-space: nowrap;
    max-width: 100%;
    padding: 5px;
    }

    .SubNav .Nav::after {
    display: none;
    border: 0 !important;
    content: "";
    float: right;
    }

    #SubNav {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    }


/* META  : .Base.Layout.Panel.Navigation.ParentNav */
#ParentNavs
{
    display: flex;
}

#ParentNavs .Nav
{
    vertical-align: middle;
}

#ParentNavs .Nav .NavTitle::after {
    content: var(--icon-Chevron-Right);
    font-family: "361";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.ParentNavHome {
    font-size: 150%;
    padding: 0.4em 0.6em;
}


/* META  : .Base.Layout.Panel.Navigation.PanelNavigation */
.PanelNavigation {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0.5em;
    z-index: 1000;
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 !important;
    opacity: 0.25;
    text-align: center;
    background-color: transparent;
    pointer-events: none;
    align-content: center;
    flex: 1;
    top: auto;
    padding-top: 0.25em;
}

.PanelNavigation::after
{
content: var(--icon-Chevron-Right);
font-family: "361";
text-align: center;
}


/* META  : .Base.Layout.Panel.Navigation.RootNav */
.RootNav
{
    padding: 4px;
    flex-direction: row;
}

.RootNav.NavButton {
    flex-direction: row;
}

.MenuType3.RootNav {
    flex-direction: row;
}

.RootNav > .MakeRoot {
    pointer-events: none;
    background-color: rgba(127,127,127,0.25);
}

.RootNav > .MakeRoot::after {
    content: var(--icon-Chevron-Right);
    font-family: "361";
    font-size: 2em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.RootNav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0;
    flex-grow: 1;

}

.RootNav > .Nav {
    flex: 1;
}

.RootNav .Nav
{
    text-align: center;
    font-size: 100%;
}

.RootNav .Nav .NavButton {
    padding: 4px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.RootNav .Nav:hover {
    opacity: 1.0;
    z-index: 1000;
}

.RootNav .Nav > .NavButton > .NavImage {
    height: 20px;
    width: 20px;
    font-size: 17px;
    vertical-align: middle;
    margin: 1px auto;
    text-align: center;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0px;
}

.RootNav .Nav > .NavButton > .NavTitle {
    margin: 4px auto;
    vertical-align: middle;
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: center;

}

.PageLeft .RootNav .Nav > .NavButton > .NavTitle {
    margin: 4px;
    vertical-align: middle;
    white-space: normal;
    flex: 1;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.PageLeft .RootNav .Nav > .NavButton > .NavTitle > span {
    padding: 0.5em;
    text-align: left;
}

.PageLeft .RootNav .Nav > .NavButton > .NavImage
{
    width: 20px;
    top: 0;
    background-color:  transparent !important;
    color: var(--menuIconColor) !important;
}

.RootNav .Nav > .NavButton > img.NavTitle {
    height: 24px;
}.RootNav .Nav.Selected {
    position: relative;
}

.RootNavEmpty {
    display: none;
}.RootNav .Nav.Selected {
    opacity: 1.0;

}

.PageLeft .StartLogo img {
    max-height: 48px;
}

.PageLeft .RootNav .Nav {
    border-radius: 6px;
    margin: 1px 4px;
    transition: background-color 0.15s ease;
}

.PageLeft .RootNav .Nav:hover {
    background-color: rgba(0,120,212,0.06);
}

.PageLeft .RootNav .Nav.Selected {
    background-color: rgba(0,120,212,0.1);
    font-weight: 500;
}

.PageLeft .RootNav .Nav > .NavButton > .NavTitle > span {
    font-size: 11px;
    line-height: 1.3;
}

.PageLeft .RootNav .Nav .Badge {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
}


/* META  : .Base.Layout.Panel.Navigation.NavPanel */
.NavPanel {
    cursor: pointer;
}

.NavPanel.EntityTypeView {
    border: 0;
}.NavPanel.EntityTypeView:hover > .EntityTypeViewBody,
.NavPanel:hover
{
    outline: solid 0 #656565 !important;
    box-shadow: 1px 1px 3px silver;
    opacity: 1.0;
    z-index: 1000;
    border-radius: var(--inputRadius);
}

.NavPanel:hover > .PanelNavigation {
    opacity: 1.0;
}


/* META  : .Base.Layout.Panel.Navigation.Nav */
.Nav:focus {
    outline: solid 0 coral;
}

.Nav
{
    display: inline-block;
    text-align: left;
    cursor: pointer;
    position: relative;
}

.DisabledNav {
    opacity: 0.5 !important;
    box-shadow: 0 0 3px rgba(0, 0, 0,0.5) !important;
}

.LeafNav:hover {
    text-shadow: 0 0 1px;
}

.NavGroupTitle
{
    text-align: left;
    font-size: 130%;
    padding: 0.5em;
}

.NavGroupTitle {
    background-color: rgba(127,127,127,0.1);
    font-weight: bold;
}


/* META  : .Base.Layout.Panel.Navigation.NavButton */
.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;
}

.NavigationButtons .LeafNav .NavButton {
    width: calc(var(--cellSize) * 3 / 2);
}

.NavigationButtons .NavigationContents .LeafNav .NavButton {
    width: calc(var(--cellSize) * 6 / 2);
}

.NavButton:hover > .NavTitle:after {
    z-index: 999999;

}

.NavButton.SelectionsMenuOpen {
    z-index: 10001;
    position: relative;
    opacity: 1.0;
    text-shadow: 0 0 1px;
    background-image: var(--hoverImage1);
}

.Nav > .NavButton > img
{
    margin-left: auto;
    margin-right: auto;
}

.PageTop .NavButton {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: space-around;
    justify-content: center;
    text-transform: uppercase;
    padding: 0;
}


/* META  : .Base.Layout.Panel.Navigation.NavImage */
.NavImage {
    margin: 1px 5px;
}

.NavImage > svg, .ButtonImage > svg
{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.MenuType1 .NavImage {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.RootMenu .Nav > .NavButton > .NavImage
{
    margin: 1px !important;
}

.NavBranch > .NavButton > .NavImage {
    display: none;
}


/* META  : .Base.Layout.Panel.Navigation.NavTitle */
.NavBranch.Nav > .NavButton > .NavTitle {
font-weight: 500;
text-transform: uppercase;
}

.EmptyNavTitle {
    display: none !important;
}

.NavTitle > span
{
    letter-spacing: 0;
    line-height: 1em;
    padding: 2px 2px;
    width: 100%;
}

.LeafNav > .NavButton > .NavTitle {
    border: 0 !important;
    padding: 4px;
    font-weight: 300;
}

.RootMenu .Nav > .NavButton > .NavTitle {
line-height: 1em;
}

    .PageTop .NavButton .NavTitle {
    min-height: 2em;
    font-size: 90%;
    }

.MenuType1 .NavTitle {
    display: table-cell;
    width: 100%;
    text-align: center;
}


/* META  : .Base.Layout.Panel.Navigation.NavGrid */
.NavGrid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


/* META  : .Base.Layout.Panel.Navigation.NavAggregate */
.Nav .Aggregate.AggregateZero {
    opacity: 0.5;
}

.NavButton > .Aggregate {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    min-width: auto;
}

.Content .NavigationButtons .NavButton > .Aggregate {
    background-color: var(--textColor);
    color: var(--backColor);
    border-radius: 3em;

}

.RootHoverMenuBody  .NavButton > .Aggregate {
    padding: 0;
    right: 16px;
}

.NavigationButtons .NavBranch > .NavButton >  .Aggregate
{
display: none;
}


/* META  : .Base.Layout.Panel.Navigation.NavBlock */
.NavBlock.NavBranch
{
    min-width: 100%;
    border-top: var(--border3);
    border-bottom: var(--border3);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.NavBlock > .SubNavs
{
    flex-direction: row;
}


/* META  : .Base.Layout.Panel.Navigation.NavGroup */
.NavGroup
{
    box-shadow: var(--shadow1);
}

.NavigationNavs > .NavGroup > .NavGroupTitle {
    text-align: left;
    background-color: transparent;
    text-transform: uppercase;
    opacity: 0.5;
    padding: 16px 16px 4px 16px;
}

.NavigationNavs > .NavGroup {
    border-radius: 16px;
    border: var(--border1);
    background-color: var(--white);
    min-width: 320px;
    flex: auto;
}

.NavGroupBody {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
}


/* META  : .Base.Layout.Panel.Navigation.CurrentEntityNavigation */
.CurrentEntityNavigation
{
    padding: 1.5rem 1em;
}


/* META  : .Base.Layout.Panel.Navigation.SearchNavs */
.SearchNavs
{
    padding: 8px;
    gap: 8px;
    --gap: 8px;
    display: flex;
    flex-direction: row;
    overflow: auto;
    max-width: 800px;
flex-wrap: wrap;
justify-content: center;
}

.SearchNavs  .NavImage > svg, .ButtonImage > svg
{
    max-width: 16px;
    max-height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.SearchNavs  .NavImage
{
    background-color: transparent !important;
    display: none;
}

.SearchNavs  .Aggregate
{
    opacity: 0.5 !important;
}

.SearchNavs  .NavButton
{
    flex-direction: row;
    font-size: 11px;
    border-radius: 32px;
    border: var(--border1);
    background-color: var(--white);
    padding-left: 16px;
    padding-right: 16px;
}

.SearchNavs  .NavTitle > span
{
    white-space: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;

}


/* META  : .Base.Layout.Panel.Content */
.ContentTitle {
    text-align: center;
    font-size: 18px;
    display: block;

}

.ContentTitle .ContentHeaderTitle {
    padding: 1em;
    font-size: 150%;
    font-weight: 600;
    letter-spacing: 1px;
}

.Content > .EntityTypeView > .EntityTypeViewBody > .Center > .PanelHeader {
    font-size: 1.5em;
    background-color: var(--white);
    opacity: 1.0;
    box-shadow: 0 0 5px silver;
    background: var(--contentHeaderBackground);
    color: var(--white);
}

.Content > .EntityTypeView > .EntityTypeViewBody > .Center > .PanelHeader > .TopCenter > .EntityTypeViewTitle > .EntityTypeViewTitleBody
{
    font-size: inherit !important;
    color: var(--white);
}

.Content > .EntityTypeView > .EntityTypeViewBody > .Center > .PanelHeader > .TopCenter >  .EntityTypeLists
{
    color: var(--white);
}

.Content > .EntityTypeView > .EntityTypeViewBody > .Center > .PanelHeader > .TopCenter >  .ToggleMenu
{
    color: var(--white);
}

.Content > .EntityTypeView > .EntityTypeViewBody > .Center > .PanelHeader  .TopLeft .Actions a
{
    background-color: transparent !important;
}

.Content > .EntityTypeView > .EntityTypeViewBody > .Center > .PanelHeader > .TopLeft .Action_New{
    min-width: 52px;
    justify-content: center;
    border-radius: 0;
    color: var(--white);
}


/* META  : .Base.Layout.Panel.Content.Content360 */
.Page_Content_360Home .SelectionsMenu.RootHoverMenu {
    display: none;
}

.Page_Content_360Home .PageTop #RootNav {
    display: none;
}

.Page_Content_360Home .NavButton.SelectionsMenuOpen {
    background-color: transparent !important;
    box-shadow: 0 0 0 !important;
}


/* META  : .Base.Layout.Panel.Page.Page360 */
.Page_360 .NavigationButtons {
    width: 100%;

}

.Page_360  .Search {
    justify-content: center !important;
}

.Page_360 .NavigationButtons .Nav.NoImage.LeafNav > .NavTitle > span {
    height: 7em;
    vertical-align: middle;
    width: 100%;
    font-weight: bold;
}

.Page_360 .NavigationButtons .Nav360 .Nav {
    border-radius: 50%;
    margin: 1em;
    width: auto;
    opacity: 1.0;
}

    .Page_360 .NavigationButtons .NavTitle > span {
    padding: 0.5em;
    text-shadow: 0 0 1px black;
    }

    .Page_360 .NavigationButtons .LeafNav > .NavTitle > span {
    width: 8em;
    }

.Page_360 .NavigationButtons .LeafNav {
    z-index: 100;
}

.Page_360 .NavigationButtons .LeafNav .NavImage, .Page_360 .NavigationButtons .LeafNav.NoImage .NavTitle {
    padding: 0.5em 0.4em;
    vertical-align: middle;
    height: 96px !important;
    width: 96px !important;
    font-size: 4em !important;
}

.Page_360 .NavigationButtons .LeafNav.NoImage .NavTitle {
    font-size: inherit !important;
}

    .Page_360 .NavigationButtons .LeafNav .NavImage:after2, .Page_360 .NavigationButtons .LeafNav.NoImage .NavTitle:after2 {
    content: " ";
    transform: scale(1.1) !important;
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    }

.Page_360 .NavigationButtons .LeafNav .NavTitle > span {
    vertical-align: middle;
}.Page_360 .NavigationButtons .LeafNav {
    background-color: transparent;
    color: #222222;
    box-shadow: 0 0 0 !important;
}

.Page_360 .NavigationButtons .LeafNav .NavImage, .Page_360 .NavigationButtons .LeafNav.NoImage .NavTitle {
    background-color: white;
    color: #222222;
    border-radius: 50%;
    box-shadow: 0 0 2px #656565;
    opacity: 1.0;
    border: solid 0px rgba(255,222,0,0.5);
    color: #656565;
    box-shadow: inset -25px -25px 40px rgba(0,0,0,.15), 0px 0px 35px rgba(0,0,0,.5);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23), 3px 3px 10px 10px rgba(0,0,0,0.1) inset;
}

    .Page_360 .NavigationButtons .LeafNav .NavImage:hover, .Page_360 .NavigationButtons .LeafNav.NoImage .NavTitle:hover {
    box-shadow: 0px 20px 40px rgba(0,0,0,0.19), 0 12px 12px rgba(0,0,0,0.23);
    }

.Page_360 .NavigationButtons .LeafNav.NoImage .NavTitle {
    font-size: inherit !important;
}

    .Page_360 .NavigationButtons .LeafNav .NavImage:after2, .Page_360 .NavigationButtons .LeafNav.NoImage .NavTitle:after2 {
    opacity: 0.25;
    border-radius: 50%;
    border: solid 5px darkorange;
    }

.Page_360 .NavigationButtons .LeafNav img.NavImage {
    opacity: 0.75;
}


/* META  : .Base.Layout.Panel.Page.PageFooter */
.PageFooter {
    background-color: var(--footerBackColor);
    color: var(--footerTextColor);
}


/* META  : .Base.Layout.Panel.Page.PageHeader */
.PageHeader {
    background-color: var(--headerBackColor,--backColor);
    color: var(--headerTextColor);
}


/* META  : .Base.Layout.Panel.DirectionFlexColumn */
.DirectionFlexColumn
{
    display: flex;
    flex-direction: column;
}

.DirectionFlexColumn > div
{
    width: 100%;
}


/* META  : .Base.Layout.Panel.DirectionFlexRow */
.DirectionFlexRow
{
    display: flex;
    flex-direction: row;
}


/* META  : .Base.Layout.Panel.NetworkDiagram */
.NetworkDiagram
{
    width: 100%;
    height: 100%;
}


/* META  : .Base.Layout.Panel.EntitySelector */
.EntitySelector
{
    margin: 0 auto;
    justify-content: center;
    align-items: stretch;
    display: flex;
    flex: 1;
    width: 100%;
    height: auto;
    max-width: 340px;
    min-height: 3em;
}

.EntitySelector > .Button
{
    text-align: center;
    justify-content: center;
    background-color: white;
    color: var(--textColor);
    padding: 1em 2em !important;
    justify-content: center;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    font-size: 1.25em;
    line-height: 1em;
    border: 0;
    text-transform: uppercase;
    position: relative;
    max-width: 100%;
    width: 100%;
    border-radius: 0 0 1em 1em;
    margin: 0;
    margin-bottom: 8px;
    box-shadow: 0 0px 3px gray !important;
    letter-spacing: 1px;
}.EntitySelector > .Button.SelectionsMenuOpen
{
    border-radius: 0;
}

.EntitySelector > .Button .ImageSpan
{
    position: absolute;
    left: 16px;
    opacity: 0.5;
    height: 2em;
    width: 1em;
}

.EntitySelector > .Button .ImageClass
{
    position: absolute;
    left: 10px;
    font-size: 2em;
    opacity: 0.5;
}

.EntitySelector > .Button:after {
    content: var(--icon-Chevron-Down);
    position: absolute;
    left: 50%;
    right: 0;
    bottom: -10px;
    z-index: -1;
    top: auto;
    opacity: 0.4;
    transform: translateX(-50%);
    font-family: "361" !important;
}

.EntitySelector:hover > .Button:after
{
    opacity: 1.0;
}

.EntitySelector > .Button  svg {
    font-size: 2em;
    max-height: 2em;
    max-width: 2em;
    width: auto;
    height: 2em;
}

.EntitySelector > .ItemSelection.Menu_Arrow_Down::after
{
    height: auto;
    font-size: 1em;
    padding: 0;
    right: auto;
    top: auto;
    bottom: 4px;
    z-index: 99;
}

.EntitySelector > .ItemSelection > span
{
    text-align: center;
    justify-content: center;
    background-color: transparent;
    padding: 4px !important;
    letter-spacing: 1px;
    font-size: 110%;
    font-weight: 600;
    opacity: 0.75;
    color: var(--color5);
}.SelectionsMenu_EntitySelector
{
    --SolutionButtonImageSpan:#e5f5e3;
    --SolutionButtonBack:#ffffff;
    --SolutionButtonColor:#54bcbd;

    font-size: 1em;
    background-color: var(--backColor);
}

.SelectionsMenu_EntitySelector
{
    max-width: 1000px;
    min-width: 340px;
}

.SelectionsMenu_EntitySelector:after
{
    content: " ";
    position: fixed;
    background-color: rgba(127,127,127,0.75);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    top: 4em;
}

.SelectionsMenu_EntitySelector .Solutions
{
    background-color: white;
    min-width: 20em !important;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    max-height: 90vh !important;
    overflow: auto;
    z-index: 99;
}

.SelectionsMenu_EntitySelector .Solutions .Solution
{
    flex: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    border: var(--border1);
    background-color: var(--backColor);
}

.SelectionsMenu_EntitySelector .Solutions .Solution:hover .Solution_Title
{
    opacity: 1.0;
}

.SelectionsMenu_EntitySelector .Solutions .Solution_Title
{
    padding: 0.5em;
    opacity: 0.75;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 0.5;
    width: 12em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.SelectionsMenu_EntitySelector .Solutions .Solution_Body
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    flex:1;
}

.SelectionsMenu_EntitySelector .Solutions .Button {
background-color: var(--SolutionButtonBack, transparent) !important;
    color:var(--SolutionButtonColor, #b5b5b5);
    align-items: center;
    flex-direction: column;
    padding: 2px;
    margin: 0;
    width: var(--selectorSize);
    min-width: var(--selectorSize);
    box-shadow: 0 0 0;
    border: var(--border1);
    min-height: 3em;
}

.SelectionsMenu_EntitySelector .Solutions .Button:hover .ImageSpan,
.SelectionsMenu_EntitySelector .Solutions .Button:hover .ImageClass
{
    opacity: 1.0;
}

.SelectionsMenu_EntitySelector .Solutions .Button .ImageSpan > *
{
    max-height : 16px;
    max-width: 16px;
    width: auto;
    height: 16px;
}

.SelectionsMenu_EntitySelector .Solutions .Solution_Cockpit .Button .ImageSpan,
.SelectionsMenu_EntitySelector .Solutions .Solution_Cockpit .Button .ImageClass
{
    padding: 8px;
}

.SelectionsMenu_EntitySelector .Solutions .Solution_Cockpit .Button .ImageSpan > *,
.SelectionsMenu_EntitySelector .Solutions .Solution_Cockpit .Button .ImageClass > *
{
    max-height : 24px;
    max-width: 24px;
    width: auto;
    height: 24px;
}

.SelectionsMenu_EntitySelector .SolutionGroup_LayoutAll
{
    flex-direction: column !important;
    --selectorSize: 9em;
}

.SelectionsMenu_EntitySelector .SolutionGroup_LayoutAll .Button
{
    flex-direction: row !important;
}

.SelectionsMenu_EntitySelector .SolutionGroup_LayoutAll .Button .ButtonText
{
    flex: 1;
    justify-content: flex-start !important;
    text-align: left;
    padding: 0 !important;
    vertical-align: middle;
}

.SelectionsMenu_EntitySelector .SolutionGroup_LayoutAll .Button .ImageSpan,
.SelectionsMenu_EntitySelector .SolutionGroup_LayoutAll .Button .ImageClass
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.SelectionsMenu_EntitySelector .Solutions .Button .ButtonText
{
    line-height: 1em;
    height: 2.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    padding: 3px;
    color: var(--textColor);
    font-size: 80%;
}

.SelectionsMenu_EntitySelector .Solutions .Button:hover .ButtonText
{
    opacity: 1;
}

.SelectionsMenu_EntitySelector .Solutions .Button .ImageSpan
{
    padding: 4px;
    background-color:var(--SolutionButtonImageSpan, transparent);
    border-radius: 10px;
    opacity: 1;
    border-radius: 4px;

}

.SelectionsMenu_EntitySelector .Solutions .Solution_Cockpit .Button .ImageSpan
{
    background-color:  transparent !important;
    color:  var(--textColor) !important;
}

.SelectionsMenu_EntitySelector .Solutions .Button .ImageClass
{
    padding: 4px;
    background-color:var(--SolutionButtonImageSpan, transparent);
    font-size: 16px;
    opacity: 1;
    border-radius: 4px;
    background-color:  transparent !important;
    color:  var(--textColor) !important;
}

.SelectionsMenu_EntitySelector .Solutions .Button .ButtonText
{}

.SelectionsMenu_EntitySelector .SolutionGroup
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.SelectionsMenu_EntitySelector .Solutions .SolutionGroupMain
{
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
}


/* META  : .Base.Layout.Panel.DomainVersion */
#DomainVersion {
position: fixed;
    z-index: 9999;
    pointer-events: none;
    opacity: 0.5;
    bottom: 4px;
    right: 4px;
    width: auto;
    padding: 1px;
    top: auto;
    width: 5em;
    font-size: 90%;
    color: black;
    line-height: 1em;
    letter-spacing: 0.5px;
}


/* META  : .Base.Layout.Panel.DirectionHor */
.DirectionHor, .DirectionHorizontal {
    display: flex;
    flex-direction: column;
}

.DirectionHor > *,
.DirectionHorizontal > * {
    display: flex !important;
}
.DirectionHor > .Hidden,
.DirectionHorizontal > .Hidden {
    display: none !important;
}

.DirectionHor > .Parameter > .ParamLabel,
.DirectionHorizontal > .Parameter > .ParamLabel {
    flex: 1;
    display: flex !important;
    align-items: center;
}

.DirectionHor > .Parameter > .ParamValue,
.DirectionHorizontal > .Parameter > .ParamValue
{
    flex: 3;
}


/* META  : .Base.Layout.Panel.Hide */
.HideTitle .ButtonTitle {
    display: none !important;
}

.HideImage .ImageClass {
    display: none !important;
}


/* META  : .Base.Layout.Panel.AutoLayout */
.Tablet .Center2BottomT > .DirectionVer {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
}

.Tablet .Center2BottomT > .DirectionVer >  div:first-Child {
    grid-column: 1;
    grid-row: 1;
}

.Tablet .Center2BottomT > .DirectionVer > div:nth-child(2)  {
    grid-column: 1 / 3;
    grid-row: 2;
}

.Tablet .Center2BottomT > .DirectionVer > div:last-Child  {
    grid-column: 2;
    grid-row: 1;
}


/* META  : .Base.Layout.Foldable */
@media screen and (min-width: 400px) and (max-width: 1000px) {

    .ItemFooter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;

    --gap: 0;
    top: 0;

    }

    .ItemFooter > .Left {
    grid-column: 1;
    grid-row: 2;
    padding: 0 !important;
    }

    .ItemFooter > .Center {
    grid-column: 1 / 3;
    grid-row: 1;
    padding: 0 !important;
    }
    .ItemFooter > .Right {
    grid-column: 2;
    grid-row: 2;
    padding: 0 !important;
    }

    .SingleItemHeader {
    --gap: 1px;
    }
    .SingleItemHeader .FieldSet_m > .DirectionVer
    {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    }

    .SingleItemHeader .FieldSet_m > .DirectionVer  .FieldSet_l:first-child {
    grid-column: 1;
    grid-row: 2;
    padding: 0;
    }

    .SingleItemHeader  .FieldSet_m > .DirectionVer  .FieldSet_c {
    grid-column: 1 / 3;
    grid-row: 1;
    padding: 0;
    }
    .SingleItemHeader  .FieldSet_m > .DirectionVer .FieldSet_l:last-child {
    grid-column: 2;
    grid-row: 2;
    padding: 0;
    }

    .ItemFooter .ItemActions
    {
    padding: 0 !important;
    }
}


/* META  : .Base.Components.Form */
button, input, textarea, select, .ItemSelection > span, .Choice, .Choices > a {
    font-size: inherit;
    display: inline-block;
    line-height: var(--lineHeight);
    vertical-align: middle;
    margin: 0;
    background-origin: content-box;
    box-sizing: border-box;
    font-weight: inherit;
    max-width: 100%;
    min-height: 1em;
    letter-spacing: 0.5px;
    border-radius: 3px;
    border: var(--inputBorder);
    padding: var(--inputPadding);
    border-radius: var(--inputRadius);
    max-width: 100%;
    flex: 1;
}input, textarea, select, .ItemSelection {
    width: 100%;
}

button, input, textarea, select, .ItemSelection, .Choice, .FileDisplay, .Choices > a, .Menu_Arrow_Down {
    background-color: var(--inputBackColor);
    line-height: var(--lineHeight);
    border-radius: var(--inputRadius);
    border: var(--inputBorder);
}

button:active, input:active, textarea:active, select:active, .ItemSelection:active, .Choice:active, .Menu_Arrow_Down:active {
    border-color: orangered;
}


/* META  : .Base.Components.Form.input */
input[type=checkbox] {
    display: inline-block;
    width: auto;
}

input[type="file"] {
    all: unset;
}


/* META  : .Base.Components.Form.select */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    padding-right: 1.5em !important;
    padding-left: 0.75em !important;
}

select:empty {
    opacity: 0.5;
}


/* META  : .Base.Components.Form.PlaceHolder */
input::placeholder, span.PlaceHolder, option.PlaceHolder {
    opacity: 0.75;
    font-weight: 200;
}

select.PlaceHolder {
    opacity: 0.7;
}


/* META  : .Base.Components.Form.MultipleSelect */
.multi-select-dropdown {
position: relative;
width: 100%;
max-width: 300px;
}

.multi-select-toggle {
padding: 8px 12px;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}

.multi-select-dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
max-height: 200px;
overflow-y: auto;
background: white;
border: 1px solid #ccc;
border-radius: 4px;
margin-top: 5px;
z-index: 100;
}

.multi-select-dropdown.open .multi-select-dropdown-menu {
display: block;
}

.multi-select-item {
padding: 8px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
}

.multi-select-item:hover {
background-color: #f5f5f5;
}

.search-container {
padding: 8px;
border-bottom: 1px solid #eee;
}

.search-input {
width: 100%;
padding: 6px;
border: 1px solid #ddd;
border-radius: 4px;
}


/* META  : .Base.Components.Form.OnClickMenuForm */
.OnClickMenuForm {
    position: relative;
}

.OnClickMenuForm::after {
    content: var(--icon-Chevron-Down);
    position: absolute;
    font-family: "361";
    right: 1px;
    bottom: 1px;
    opacity: 0.1;
}

.OnClickMenuForm:hover:after {
    opacity: 1.0;
}


/* META  : .Base.Components.Form.OnHoverMenuForm */
.OnHoverMenuForm * {
    pointer-events: none !important;
}


/* META  : .Base.Components.Form.MultipleSelect */
.MultipleSelect {
    min-height: 32px;
    padding: 4px 8px;
    cursor: pointer;
}

.MultipleSelectPlaceholder {
    color: #999;
    font-style: italic;
}

.MultipleSelectChips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.MultipleSelectChip {
    display: inline-flex;
    align-items: center;
    background: #f8f8f8;
    border-radius: 16px;
    padding: 2px 8px;
    font-size: 12px;
    border: var(--border2);
}

.MultipleSelectChip .ChipText {
    margin-right: 4px;
}

.MultipleSelectChip .ChipRemove {
    cursor: pointer;
    font-weight: bold;
    color: #666;
    margin-left: 4px;
}

.MultipleSelectChip .ChipRemove:hover {
    color: #c00;
}

.SelectionCheckbox {
    margin-right: 8px;
    font-size: 14px;
}

.SelectionItemSelected {
    background: #e3f2fd;
}

.SelectionItemSelected .SelectionCheckbox {
    color: #1976d2;
}

.ClearAllButton {
    padding: 8px;
    text-align: center;
    color: #c00;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.ClearAllButton:hover {
    background: #fff0f0;
}


/* META  : .Base.ItemStyles.SingleItem */
.SingleItem  {
    --singleItem-opacity:1;
    background-color: rgba(var(--singleItemBackColor), var(--singleItem-opacity));
    gap: 0;
}

.SingleItem .Content {
    position: relative;
}

.NoSingleItemTitle .SingleItemTitle {
    display: none;
}

.SingleItemTitle
{
    line-height: 1.2em;
    font-weight: 600;
    font-size: 115%;
    min-height: 3em;
    white-space: pre-wrap;
    text-transform: uppercase;
    padding: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.02em;
    color: var(--labelColor, #3d5986);
}

.SingleItem.NewForm {
    min-height: inherit;
}

.SingleItem {
    display: flex;
    flex-direction: column;
    z-index: 100;
    width: 100%;

    box-sizing: border-box;
    padding: 1px;
    overflow: inherit;
}

.SingleItem > .ItemBody {
    height: auto;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    flex: 1;
    border: var(--border1);
    border-radius: var(--gap)
}.Right > .SingleItem, .Left > .SingleItem, .CenterBottom > .SingleItem , .CenterTop > .SingleItem
{
    height: 100%;
}.SingleItem .Field.LabelPositionTop {
    border-top: 0;
    border-bottom: 0;
    vertical-align: top;
    flex-direction: column;
}

.NewWindow_PrintPreview .SingleItem .Field.LabelPositionTop {
    border: solid 0 transparent;
    padding: 1px;
}

.ETWRight > .SingleItem, .ETWLeft > .SingleItem {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.SingleItem > .CloseButton {
    display: none;
}

.SingleItem > .CloseButton {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 999999999;
    bottom: auto !important;
    left: auto !important;
}

    .SingleItem > .CloseButton:before {
    content: "x";
    font-weight: bold;
    display: inline-block;
    font-size: 125%;
    padding: 0.25em 0.5em;
    }

.SameItem {
    outline: solid 1px;
}

.SingleItem .Field.Mode_Edit:focus-within {
    background-color: rgba(0, 120, 212, 0.04);
    transition: background-color 0.2s ease;
}

.SingleItem .Field.Mode_Edit:focus-within > .FieldLabel {
    color: var(--activeBorderColor, rgb(10, 110, 185));
    font-weight: 600;
}

.SingleItem .Field.Mode_Display {
    border-bottom: 1px solid rgba(0,0,0,0.04);
}

.SingleItem > .ItemBottom {
    border-top: 1px solid rgba(127,127,127,0.12);
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.SingleItem > .ItemBottom .ItemAction {
    border-radius: var(--gap, 4px);
    transition: background-color 0.15s ease;
}

.SingleItem > .ItemBottom .ItemAction:hover {
    background-color: rgba(0,0,0,0.04);
}


/* META  : .Base.ItemStyles.SingleItem.ItemView */
.ItemView .DirectionVertical > *,
.ItemView .DirectionVer > * {
    align-self: stretch;

    align-items: stretch;
}

.ItemView .Button {
    margin: 0;
}

.ItemView {
    contain: content;

    display: flex;
    min-width: 64px;
    width: 100%;
    margin: var(--itemMargin);
    vertical-align: top;
    max-width: 100%;
    position: relative;
    border-radius: 0;
    border: var(--border1);

    background-color: #ffffff00;
    margin: 0;
}

.ItemView .ItemView
{
    border: 0;
}

.ItemView:hover, .FolderItem:hover
{
    z-index: 100;
    opacity: 1.0;
}

    .ItemView .ItemView:hover {
    box-shadow: inherit;
    }

.ItemView .Field {
    vertical-align: middle;
    padding: 0px;
    display: flex;
}

.ItemView .Field.Mode_Edit
{
    --inputBackColor: transparent;
    --inputRadius: 0;
    --inputBorder: solid 1px transparent;
    padding: 0;
}

.ItemView .Field.Mode_Edit .ItemSelection:after,
.ItemView .Field.Mode_Edit:after
{
    opacity: 0;
}

.ItemView:hover .Field.Mode_Edit:after,
.ItemView:hover .Field.Mode_Edit .ItemSelection:after
{
    opacity: 1;
}

.ItemView:hover .Field.Mode_Edit
{
    --inputBackColor: white;
    --inputBorder: solid 1px #80808020;
}

.ItemView .Field.FieldValue {
    flex-wrap: wrap;
}

.ItemView .FieldValue {
    padding: 1px;
}.SameItem {
    z-index: 1000;
}

.ItemView .CenterBody .Middle
{
    position: relative;
}

.ItemView .EntityTypeView {
    height: auto;
    border: 0 !important;
}

.ItemView .EntityTypeView.MicroView {
    height: auto;
}

.ETWBody.MinimizeTop > .ItemView {
    max-height: 50px;
    padding: 1px;
    margin: 0;
}

.ItemView .Field_EntityType .FieldMultiAction {
    display: none;
}

.ItemView .Field_EntityType .FieldMultiState {
    display: none;
}

    .ItemView .Choices.ItemSelection {
    text-align: center;
    vertical-align: middle;
    }

.ItemView .Mode_Display > .FieldValue {
    background-color: transparent;
    box-shadow: 0 0 0;
    border: 0;
}


/* META  : .Base.ItemStyles.SingleItem.ItemLeftRight */
.ItemRight {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;

}

.ItemLeft {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    display: none;
}

.ItemCenter
{
    margin: 1px auto;
    width: 100%;
}

.ItemCenter_Delete,
.ItemCenter_Copy
{
    padding: 5%;
}


/* META  : .Base.ItemStyles.SingleItem.ProgressBar */
.ProgressBar {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 50%;
    margin-top: -12px;
    bottom: auto;
    height: 24px;
    z-index: 100;
    font-size: 16px;
    padding: 0;
    display: inline-block;
    box-sizing: border-box;
}

.ProgressBarBar {
    display: inline-block;
    height: 24px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
}

.ProgressBarText {
    top: 0;
    z-index: 10000;
    display: inline-block;
    position: absolute;
    font-size: 16px;
    margin: 3px;
    width: 6em;
    left: 50%;
    margin-left: -3em;
}

.ProgressBar {
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color: rgba(255,255,255,0.95);
    border-radius: 4px;
    overflow: hidden;
}

.ProgressBarBar {
    background: linear-gradient(90deg, var(--backColor), rgba(0,120,212,0.7));
    border-radius: 4px;
    transition: width 0.3s ease;
}


/* META  : .Base.ItemStyles.SingleItem.ActivateItem */
.ActivateItem > .EntityTypeViewBody > .Center > .Middle {
    display: none !important;
}

.ActivateItem > .EntityTypeViewBody > .Center > .ActionPanel {
    display: none !important;
}

.ActivateItem.DisableOverflow > .EntityTypeViewBody > .Center > .ActionPanel {
    display: block !important;
}

.ActivateItem.DisableOverflow > .EntityTypeViewBody > .Center > .ActionPanel.Hidden {
    display: none !important;
}

.ActivateItem > .EntityTypeViewBody > .Left {
    left: 0 !important;
    right: 100% !important;
    width: 0 !important;
}

.ActivateItem > .EntityTypeViewBody > .Right {
    right: 0 !important;
    left: 100% !important;
    width: 0 !important;
}

.ActivateItem > .EntityTypeViewBody > .Right > * {
    display: none;
}

.ActivateItem > .EntityTypeViewBody > .Left > * {
    display: none;
}

.ActivateItem > .EntityTypeViewBody > .Center {
    left: 0 !important;
    right: 0 !important;
}

.EntityTypeView.ActivateItem > .ETWMenu {
    display: none !important;
}

.EntityTypeView.ActivateItem > .EntityTypeViewBody > .Center > .PanelHeader .Actions {
    display: none !important;
}

.EntityTypeView.ActivateItem > .EntityTypeViewBody > .Center > .PanelHeader > .TopRight > * {
    display: none !important;
}

.EntityTypeView.ActivateItem > .EntityTypeViewBody > .Center > .PanelHeader .EntityTypeLists {
    display: none !important;
}

.ActivateItem.ActivateItem_Over > .EntityTypeViewBody > .Center > .PanelHeader {
    display: none;
}


/* META  : .Base.ItemStyles.SingleItem.CopyItem */
.CopyItemBody
{
    max-width: 480px;
    margin: 0 auto;
    padding: 1em;
    font-weight: bold;
}

.CopyItemBody .Message
{
    font-size: 170%;
    padding: 1em;
}

.CopyItemBody .CopyButton {
    font-size: 150%;
    padding: 0.5em;
    margin: 1em;
    opacity: 0.75;
}

    .CopyItemBody .CopyButton:hover {
    opacity: 0.85;
    }

    .CopyItemBody .CopyButton:active {
    opacity: 1;
    }

.CopyItemBody .Message {
    color: #085cb2;
}

.CopyItemBody .CopyButton {
    background-color: rgba(255,0,0,0.75);
    color: white;
}


/* META  : .Base.ItemStyles.SingleItem.ItemSelection */
.ItemSelection
{
    text-align: left;
    white-space: normal;
    display: block;
cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex
;
}

.ViewBody > .ItemSelection
{
    z-index: 9;
}

.LookupField .ItemSelection
{
    min-width: 3em;
}

.ItemSearcher
{
    text-align: center;
    display: block;
    min-width: 18em;
}

    .ItemSearcher::before {
    content: var(--icon-Search);
    font-family: "361";
    display: inline-block;
    float: left;
    margin: 5px 2px;
    position: absolute;
    right: 0;
    font-size: 150%;
    padding: 1px;
    }

.ItemSelectionSearch
{
    text-align: center;
    display: block;
}

.ItemSelection > span {
    display: flex;
    align-items: center;
    flex-direction: row;
    border: 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 2em;
}

.ItemSelection > span:empty::after {
    content: ".";
    color: transparent;
    opacity: 0;
    line-height: 1em;
}

.ItemSelection:empty::before {
    content: ".";
    color: transparent;
}

.MicroView .ItemSelection {
    background-image: none;
    background-color: transparent !important;
}

.ViewType.ItemSelection {
    background-color: transparent !important;
}

.ViewType.ItemSelection {
    background-color: transparent !important;
}

.ViewBody .Field.Mode_Edit > .ItemSelection {
    background-color: rgba(255,255,255,0.9) !important;
}

.ItemSelection > span:hover:after {
    visibility: visible;
}

.ItemSelection:hover
{
    opacity: 1.0;
}.MicroView .ByFieldsRight {
    padding: 0;
    margin: 1px;
}

.MicroView:hover .ItemSelection {
    display: inherit;
}.MicroView .ItemSelection:hover
{
    background-image: unset;
}

.MicroView .ViewType.ItemSelection {
    display: none;
}

.MicroView:hover .ViewType.ItemSelection {
    display: inline-block;
    width: auto;
}

.ViewType.ItemSelection {
    bottom: 5px;
    left: 5px;
    position: absolute;
    min-height: 1em;
    cursor: pointer;
    box-shadow: 0 0 0;
    font-size: 1em;
    border: 0;
    width: auto;
    padding: 4px;
}

.ViewType.ItemSelection > span {
    padding: 1px;
}

.ByFieldsRight .ItemSelection
{
    cursor: pointer;
    min-height: 1em;
    display: flex;
    width: auto;
    flex: 1;
    align-items: center;
}.PivotTable .ItemSelection {
    border: 1px solid #ccc !important;
    box-shadow: 0 0 0;
    margin-bottom: 1px;
}

    .ValueField .ItemSelection {
    text-align: right;
}

.ValueField .ItemSelection.Menu_Arrow_Down::after {
    right: 0 ;
    left: auto;
}

.GroupField .ItemSelection.Menu_Arrow_Down::after {
    visibility: visible;
}

.GroupField:hover .ItemSelection.Menu_Arrow_Down::after {
    visibility: visible;
}.EntityTypeView .ByFieldsRight .ItemSelection > span {
    padding: 0.5em;
}

.EntityTypeView .ViewBody_Chart .ByFieldsRight .ItemSelection > span
{
    padding: 2px 2px;
}

.ItemSelection.Menu_Arrow_Down:hover::after {
    opacity: 1.0;
}

.ItemView .Choices.ItemSelection {
    background-color: transparent;
    box-shadow: 0 0 0;
    border: 0;
}

.ItemView .Choices.ItemSelection .ToggleButton .fa-check-square {
    color: green;
    font-weight: bold;
}

.ETWMenu .ByFieldsRight .GroupFieldFunction > .ItemSelection {
    background-color: transparent;
    box-shadow: 0 0 0;
    width: 77% !important;
}

.ActionPanel_FilterBy  .ByFieldsRight .ByFieldsRightItem > .ItemSelection {
    background-color: transparent;
    box-shadow: 0 0 0;
}

.ActionPanel_Files .ItemSelection {
    width: 80%;
    margin-left: 1.5em;
}

.ItemSelectionSearch
{
    box-shadow: 0 0 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    text-align: left;
    width: 100%;
}

    .ItemSelectionSearch:active,
    .ItemSelectionSearch:focus {
    background-color: transparent !important;
    }

.ItemSearcher {
    box-shadow: 0 0 3px #222222 inset;
}


/* META  : .Base.ItemStyles.SingleItem.ActionOnClick */
.ActionOnClick.Field .FieldValue:after,
.ActionOnClick.Field.FieldValue:after,
.ActionOnClick.FieldSet:after
{
    display: inline-block;
    top: 1px;
    right: 1px;
    content: var(--icon-Chevron-Right);
    font-family: "361";
    opacity: 0.5;
    font-size: 1rem;
    padding: 0.3em 0;
    position: absolute;
}

.ActionOnClick:hover .FieldValue  {
    box-shadow: 0 0 0 #656565 inset !important;
}


/* META  : .Base.ItemStyles.SingleItem.ItemMetric */
.ItemMetric {
    display: inline-block;
    width: auto;
    cursor: pointer;
    position: relative;
    height: auto;
    vertical-align: top;
    min-width: 80px;
}

.ItemMetricAll {
    height: auto;

}

.ItemMetricAll > .MetricText {
    display: none;
}

.ValueMetric {
    margin: 3px;
}

.ValueMetric .MetricNumber {
    font-size: 110% !important;
    padding: 10px 2px;
}

.ValueMetric .MetricText {
    padding: 3px;
}

.ItemMetric > .MetricText {
    padding: 3px;
    height: 2em;
}

.ItemMetric .MetricNumber {
    font-size: 130%;
    padding: 1px 1px;
}

.MetricNumber2 {
    white-space: nowrap;
    text-align: center;
}

.MetricNumber2 > div {
    display: inline-block;
}.MetricImage {
    text-align: center;
}

.MetricImage img, .MetricImage span, .MetricImage div {

    height: 40px;
    line-height: 40px;
    font-size: 40px;
}

.ItemMetric {
    background-color: #60ce6080;
    color: #303030;
    border: solid 1px rgba(127,127,127,0.2);
}

.ItemMetricAll {
    background-color: transparent !important;
    box-shadow: 0 0 0 !important;
}

.ItemMetricAll > .MetricText {
    color: transparent;
}

.ItemMetricAll > .ValueMetric {
    background-color: transparent;
    color: #222222;
}

.ValueMetric {
    box-shadow: 0 0 0;
}

.ValueMetric .MetricText {
    color: silver;
}

.MetricNumber2 > .MetricSuffix:first-child {
    color: transparent;
    background-color: transparent;
}

.MetricImage img, .MetricImage span, .MetricImage div {
    color: #222222;
}


/* META  : .Base.ItemStyles.SingleItem.ItemHeader */
.ItemActions > select {
    padding: 0 1em;
}

.ItemHeader > .Right
{
min-width: 20%;
    text-align: right;
    width: auto;
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    position: relative;
}

.ItemHeader > .Right .ItemPreviewButton
{
    position: absolute;
    left: -32px;
    top: 0;
    height: 100%;
    display: flex;
    opacity: 0;
}

.ItemHeader:hover > .Right .ItemPreviewButton
{
    opacity: 1;
}

.ItemHeader > .Center {
    text-align: center;
    vertical-align: middle;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    position: relative;
}

.ItemHeader > .Center > img {
    height: 36px;
    margin: 2px 5px 2px 1px;
    float: left;
    position: absolute;
}

.ItemHeader:hover .ItemPreviewButton {
    visibility: visible;
}

.ItemHeader {
    min-height: 48px;
    display: flex;
    flex-direction: row;
    white-space: nowrap;

    font-size: 1.25em;

    right: 0;
    left: 0;
    position: relative;
}

.ItemHeader > .Left
{
min-width: 20%;
    text-align: left;
    width: auto;
    vertical-align: middle;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
}

    .ItemHeader > .Left > a {
    display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    min-width: 5rem;
    max-width: 5rem;
    }

    .ItemHeader .ImageClass {
    font-size: 20px;
    text-align: center;
    }

    .ItemHeader .ImageClass:before {
    text-align: center;
    }

    .ItemHeader > .Left > a:hover {
    opacity: 1.0;
    }
    .ItemHeader > .Left > a > img {
    height: 100%;
    width: 100%;
    max-height: 48px;
    }

.ItemHeader .Field .FieldValue {
    font-size: 1.05em;
    letter-spacing: 0.01em;
}

.ItemHeader .Field .FieldLabel {
    opacity: 0.6;
    font-size: 0.85em;
    text-transform: none;
}


/* META  : .Base.ItemStyles.SingleItem.ItemFooter */
.ItemFooter
{
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    font-size: 90%;
    min-height: 48px;
    position: relative;
    top: -8px;
    border-top: 1px solid rgba(0,0,0,0.06);
    background-color: rgba(248,249,250,0.98);
    backdrop-filter: blur(4px);
    padding: 4px 0;
}

.ItemFooter > .Center > .ParentTitle {
    border-bottom: dotted 1px gray;
}

.ItemFooter > .Center > .ParentTitle:hover {
    text-shadow: 0 0 1px;
}

.ItemFooter > .Center .ItemPreviewButton
{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
}

.ItemFooter > .Left
{
    overflow: hidden;
    padding: 0;
    display: flex;
    align-items: center;
    opacity:1;
    flex-grow: 0;
    flex-direction: row;
}

.ItemFooter > .Center {
    flex: 1;
    padding: 0;
    overflow: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    padding-left: 1rem;
    padding-right: 1rem;
    justify-content: center;
    display: flex;
}

.ItemFooter > .Right {
    padding-top: 8px !important;
    overflow: hidden;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    opacity: 1;
    flex-grow: 0;
    flex-direction: row;
}
.ItemFooter > .Center .ImageSpan{
    max-height: 30px;
    min-height: 30px;
    max-width: 30px;
    position: absolute;
    left: -4px;
    padding: 4px;
    opacity: 0.5;
}

.ItemFooter .Button {
    min-height: 36px;
    min-width: 44px;
    border-radius: 6px;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.ItemFooter .Button:hover {
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}

.ItemFooter > .Left .Button {
    margin-right: 4px;
}


/* META  : .Base.ItemStyles.SingleItem.ItemSubmit */
.ItemSubmit {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 100%;
    opacity: 0.5;
}

.Mobile .ItemSubmit {
    font-size: 100%;
}

.ItemSubmit a {
    padding: 0;
    border-radius: 0;
    opacity: 0.75;
    font-size: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 5em;
    max-width: 5em;
}

.ItemSubmit img {
    height: 20px;
    display: inline-block;
    margin: 4px;
}

.ItemSubmit span {
    white-space: normal;
    line-height: 1em;
    vertical-align: middle;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;

}

.ItemSubmit .OkButton {
    background-color: #00a74e;
    color: white;
}

.ItemSubmit .OkButton .fas,
.ItemSubmit .CancelButton .fas
{
    display: none;
}

.ItemSubmit > a > span:first-child
{
    font-size: 1.5em;
}

.ItemSubmit > a.SaveButton > span:first-child
{
    color: #00a74e;
}

.ItemSubmit > a.CancelButton > span:first-child
{
    color: #a7004e;
}

.ItemSubmit .OkButton > span:first-child
{
    display: none;
}

.ItemSubmit .SaveButton > .ButtonText
{
    display: none;
}

.ItemSubmit .CancelButton > .ButtonText
{
    display: none;
}

.ItemSubmit .SaveButton
{
    visibility: hidden;
}

.ItemHeader:hover .ItemSubmit .SaveButton,
.ItemFooter:hover .ItemSubmit .SaveButton
{
    visibility: visible;
}

.ItemHeader:hover .ItemSubmit,
.ItemFooter:hover .ItemSubmit
{
    opacity: 1.0;
}

.ItemSubmit a:hover {
    opacity: 1.0;
    text-shadow: 0 0 0.25em;
}


/* META  : .Base.ItemStyles.SingleItem.SingleItemInForm */
.SingleItemInForm {
    position: relative;
    height: 100%;
}

.SingleItemInForm > .ItemHeader > .Left,  .SingleItemInForm > .ItemHeader > .Right
{
    display: none;
}

.SingleItemInForm > .ItemStates .Transition
{
    display: none;
}

.SingleItemInForm > .ItemBody
{
    top: 0;
    bottom: auto;
    height: 0;
    display: none;
}

.SingleItemInForm > .ItemSubForm
{
flex: 1;
}


/* META  : .Base.ItemStyles.SingleItem.ItemActions */
.ItemActions
{
    vertical-align: top;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    font-size: 1rem;
}

.ItemActionsTitle
{
    padding: var(--inputPadding);
    padding-left: 24px;
    position: relative;
border-bottom: var(--border2);
}

.ItemActionsTitle .ImageClass {
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

.SingleItem.TightItems .ItemActions > a  {
    max-width: 3em;
}

.ItemActionsTitle > div:first-child
{
    font-weight:bold;
}

.ItemActionsTitle > div:last-child
{
    font-size: 80%;
}

.SingleItem > .ItemActions {
    text-align:center;
    white-space: nowrap;
    flex-wrap: nowrap;
    display: flex;
    width: auto;
    flex: 0;
    align-items: center;
    justify-content: center;
}

.ItemActions a .ButtonText {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    line-height: 1em;

}

.ItemBottom  .ItemActions a .ButtonText,
.ItemFooter  .ItemActions a .ButtonText
{
    max-width: 8em;
}

.ItemFooter  .ItemActions a.Action_Edit ,
.ItemFooter  .ItemActions a.Action_Display ,
.ItemFooter  .ItemActions a.Action_Delete,
.ItemFooter  .ItemActions a.Action_Copy ,
.ItemFooter  .ItemActions a.Action_Merge
{
    min-width: 4.5em !important;
    flex: 0;
}

.ItemFooter  .ItemActions a.Action_Edit .ButtonText,
.ItemFooter  .ItemActions a.Action_Display .ButtonText,
.ItemFooter  .ItemActions a.Action_Delete .ButtonText,
.ItemFooter  .ItemActions a.Action_Copy .ButtonText,
.ItemFooter  .ItemActions a.Action_Merge .ButtonText
{
    display: none;
}

.ItemFooter  .ItemActions a.Action_Edit .ImageClass,
.ItemFooter  .ItemActions a.Action_Display .ImageClass,
.ItemFooter  .ItemActions a.Action_Delete .ImageClass,
.ItemFooter  .ItemActions a.Action_Copy .ImageClass,
.ItemFooter  .ItemActions a.Action_Merge .ImageClass
{
    position: relative;
    opacity: 1.0;
    display: block;
text-align: center;
}

.icon-Empty:before {
    content: "\00a0";
    font-family: 361;
}

.ItemActions > .ItemActions {
    overflow: auto;
}

.ItemBottom .ItemActions  {
    gap: 0;
    position: relative;
    z-index: 9999;
    padding-top: 8px;
}

.ItemFooter .ItemActions  {
    display: flex;
    justify-content: center;
    gap: 0;
    padding-top: 8px;
}

.ItemFooter .Left .ItemActions  {
    justify-content: flex-start;
    height: 100%;
}

.ItemBottom .ItemActions a,
.ItemFooter .ItemActions a
{
    border-radius: 0;
    min-width: 7em;
    border: solid 1px #80808040;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 3em;
    background-color: var(--white);
    flex:1;
    max-width: 10em;
}.ItemHeader .ItemActions:has( > select)
{
    min-width: 10rem;
    max-width: 10rem;
}

.ItemImage > * {
    width: 100%;
    height: 100%;
    max-height: 40px;
}

.ItemHeader .ItemImage > * {
    max-height: 40px;
}

.ItemHeader .ItemImage > .ImageClass,
.ItemHeader .ItemImage > .ImageSpan
{
    opacity: 0.5;
}

.ItemImage > * > * {
    width: 100%;
    height: 100%;
}

.ItemHeader .ItemActions .ButtonText {
    display: none;
}

.ItemHeader .ItemActions:has( > select):after,
.ItemBottom .Left .ItemActions:has( > select):after
{
    content: var(--icon-Chevron-Down);
    font-family: "361";
    position: absolute;
    right: 8px;
    font-size: 1.5em;
    TOP: 50%;
    transform: translateY(-50%);
    line-height: 1em;
    opacity: 0.3;
    pointer-events: none;
}

.ItemActions .ItemImage
{
    padding: 0 !important;
    justify-content: center;
    display: flex;
}

.ItemActions  .ItemImage svg,
.ItemActions  .ItemImage img
{
    height: 24px !important;
    width: 24px !important;
}

.ItemActions a
{
    padding: 1px;
    position: relative;
    cursor: pointer;
    min-width: 5em;
    overflow-wrap: normal;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.ItemActions a:first-child:before
{
    content: "";
    display: none;
}

.ItemActions a:last-child:after
{
    content: "";
    display: none;
}

.ItemHeader .ItemActions a
{
    width: 4em;
    min-width: 4em;
    padding: 1px;
    border: solid 1px #80808040;
    opacity: 0.5;
    color: #505050;
    flex-direction: row;
    flex-wrap: nowrap;
    display: flex;
}

.ItemHeader:hover .ItemActions a:hover {
    opacity: 1.0;
}

.ItemActions a.SelectedAction {
    background-color: var(--color1);
    color: var(--white);
    opacity: 1.0;
}

.ItemActions a.SelectedAction .ButtonText {
    opacity: 1.0;
}.ItemActions option
{
    height: 24px;
}

.ItemActions a img,
.ItemActions a .ImageClass
{
    display: flex;
    font-size: 16px;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    min-width: 24px;
    padding: 8px;
    opacity: 1.0;
    color: #808080;
    background-color: transparent;
    z-index: 99;

}

.ItemFooter .ItemActions a img,
.ItemFooter .ItemActions a .ImageClass
{
    padding: 1px;
    position: absolute;
    left: 0;
    opacity: 0.75;
}.ItemActions a span
{
    display: flex;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    flex-wrap: nowrap;
    padding: 4px;
}

.ItemActions img
{
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 5px;
    height: 20px;
}.ItemActions a:hover
{
    background-color: #8eff8e;
    color: var(--textColor);
}

.ItemActions > select {
    box-shadow: 0 0 0;
    opacity: 0.75;
    background-color: transparent;
}

.ItemActions > select:hover {
    opacity: 1.0;
}


/* META  : .Base.ItemStyles.SingleItem.ItemActions.ItemAction */
.ItemAction {
    display: flex
;
    align-items: center;
    min-width: 5rem;
    justify-content: center;
}


/* META  : .Base.ItemStyles.SingleItem.ItemActions2.ItemAction */
.ItemAction {
    display: flex
;
    align-items: center;
    min-width: 5rem;
    justify-content: center;
}


/* META  : .Base.ItemStyles.SingleItem.ItemBody */
.ItemBody
{
    text-align: center;
    vertical-align: middle;
    position: relative;
    overflow: auto;

    -webkit-overflow-scrolling: touch;
}

.HasStates > .ItemBody {
    flex: 1;
}


/* META  : .Base.ItemStyles.SingleItem.Fields */
.Fields
{
    text-align: left;
    position: relative;
}

.ItemBody > .Fields {
    box-sizing: border-box;
    position: relative;
    height: auto;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    gap: var(--gap);
}

.Fields.Hidden {
    display: inherit !important;
}

.Fields > ._element_ {
    border: 1px solid silver;
}

.SingleItem > .ItemBody > .Fields {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1;
}

.SingleItem > .ItemBody > .Fields > div:only-of-type {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0;
    gap: var(--gap);
    width: 100% !important;
}

.SingleItem > .ItemBody > .Fields > *
{
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.SingleItem.FullWidth > .ItemBody > .Fields > *
{
    max-width: 100%;
}

.SingleItem.FullPage > .ItemBody > .Fields > *
{
    max-width: 100%;
}

.SingleItem > .ItemBody > .Fields > div > div:only-of-type {
    flex-grow: 1;
}

.FieldValue > .Fields {
    border: solid 1px rgba(127,127,127,0.2);
}

.FieldValue.LookupField > .Fields {
    display: inline-block;
}


/* META  : .Base.ItemStyles.SingleItem.EnableIf */
.EnableIf_false {
    display: none !important;
}


/* META  : .Base.ItemStyles.SingleItem.FieldSet */
.FieldSet {
    box-sizing: border-box;
    max-width: 100%;
    flex-basis: auto;
}

.FieldSet.EntityTypeView
{
    width: 100%;
    padding: 0;
}

.FieldSetPanel {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.ItemView .FieldSetPanel {
    gap: 0;
}


/* META  : .Base.ItemStyles.SingleItem.SubItems */
.SingleItem_RightOpen > .ItemBody > .ItemRight
{
    width: var(--subItemsWidth);
    display: flex !important;
    padding-right: 24px;
}

.SingleItem_RightOpen .SubItemButton
{
    opacity: 1.0 !important;
    filter: blur(0px);
    border-radius: 50% 0 0 50%;
}

.ItemRight.SubItems .SingleItem .ItemHeader .ButtonText
{
    display: none !important;
}
.ItemRight.SubItems >.EntityTypeView
{
    border-color: rgba(255, 255, 255, 0.7);
    border-right-width: 0.5em;;
}
.ItemRight.SubItems >.EntityTypeView > .EntityTypeViewBody
{
    padding: 0.4em;
}

.ItemRight.SubItems .SingleItem.ActiveContent
{
    padding: 0 !important;
    padding-top: 0 !important;
}

.ItemRight.SubItems .SingleItem .ItemSubmit a
{
    padding: 4px 12px;
}

.ItemRight.SubItems .SingleItem .ItemHeader
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
top: 0;
}

.ItemRight.SubItems .SingleItem .ItemHeader > .Left
{
    grid-area: 1 / 1 / 2 / 2;
}

.ItemRight.SubItems .SingleItem .ItemHeader > .Center
{
grid-area: 2 / 1 / 3 / 3;
}

.ItemRight.SubItems .SingleItem .ItemHeader > .Right
{
grid-area: 1 / 2 / 2 / 3;
}

.ItemRight.SubItems .SingleItem .ItemHeader .ItemActions select
{
    pointer-events: none;
}

.ItemRight.SubItems .SingleItem .SubItemButtons
{
    display: none !important;
}

.ItemRight.SubItems .SingleItem .ItemBody
{
    padding: 0;
}

.ItemRight .SubItems {
    display: table-cell;
    top: 0;
    left: 0;
    right: 0;
    bottom: 52px;
    border: solid 1px rgba(127,127,127,0.2);
    vertical-align: bottom;
    display: flex;
    flex-direction: column;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}.ItemRight .SubItems .ItemFooter {
    display: none !important;
}

.ItemRight .SubItems .SubItemButtons {
    display: none !important;
}

.ItemRight .SubItems .ItemSubmit > a > span {
    display: inline-block !important;
}

.ItemRight .SubItems .ItemSubmit > a > .ButtonText {
    display: none !important;
}

.SubItems > .SubItem {
    margin: 5px 0;
    display: table-cell;
    vertical-align: bottom;
    border-radius: 10px;
    padding: 3px 5px;
    height: inherit;
    vertical-align: bottom;
    display: block;
    font-size: 100%;
    position: relative;
}

.SubItem .AttachmentButton{
    display: none;
    position: absolute;
    bottom: 0;
    margin-top: 3px;
    left: 5px;
}
.SubItem:hover .AttachmentButton {
    display: inline-block;
}

.SubItemDate {
    float: left;
}

.SubItemUser {
    float: right;
}

.SubItemSubject {
    float: none;
    margin-top: 1.5em;
}

.SubItemFile {
    margin: 5px;
    overflow: hidden;
    text-decoration: underline;
    cursor: pointer;
}

.SubItem:after {
    content: '';
    display: block;
    height: 10px;
}
.ItemRight textarea {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 55px;
    height: 50px;
}

.ItemRight .AddSubItem {
position: absolute;
    bottom: 1px;
    right: 1px;
    width: 32px;
    width: auto;
    opacity: 0.5;
    font-size: 38px;
    line-height: 38px;
    padding: 4px;
    border-radius: 4px;
}

.ItemRight .AddSubItem:hover {
    opacity: 1.0;
}

.SingleItem .SubItemButton {
    opacity: 0.75;
    filter: blur(0px);
    border-radius: 0;
    background-color: white;
    padding: 0.5rem;
    font-size: 2rem;
    margin: 1px;
}

.SingleItem .SubItemButton img {
    width: 16px;
    height: 16px;
}

.SingleItem .SubItemButton.Active {
    color: var(--menuIconColor);
}

.SingleItem  .SubItemButtons
{
    opacity: 1;
    position: absolute;
    right: 0;
    z-index: 1000;
    padding: 0;
    display: flex;
    flex-direction: column;
    top: 40vh;
    top: clamp(5rem,50%,40vh);
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    align-content: center;
}

.SubItems .Actions .ButtonText
{
    display: none;
}

.SubItemButton:hover {
    opacity: 1.0;
}


/* META  : .Base.ItemStyles.SingleItem.RichText */
.RichText_Template .richtextvar  .richtextvartitle  {
    display: inline-block !important;
}
.RichText_Template .richtextvar  .richtextvartitle  {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.RichText_Template .richtextvar  .richtextvarname  {
    display: none !important;
}


/* META  : .Base.ItemStyles.SingleItem.PeerItems */
.PeerItems {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 160px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-right: 1px solid #EFEFEF;
}


/* META  : .Base.ItemStyles.SingleItem.HoverBody */
.HoverBody {
    position: relative;
}

.HoverBody:hover .HoverCommands {
    visibility: visible;
}

.HoverCommands {
    position: absolute;
    visibility: hidden;
    right: 0;
}.HoverBody .HoverBody .HoverItem {
    visibility: hidden;
}

.HoverBody .HoverItem
{
    visibility: hidden;
}

.HoverBody:hover .HoverItem
{
    visibility: visible;
}

.Button.HoverItem,
.HoverItem .Button {
    font-size: 12px;
    padding: 2px 9px;
    margin: 0;
    padding: 7px;
}

.HoverTop
{
    position: absolute;
    top: -24px;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 1000;
}

.HoverBottom
{
    position: absolute;
    bottom: -24px;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 1000;
}

    #HoverForm {
    background-color: white;
    box-shadow: 1px 2px 5px #222222;
    }

.HoverItem:hover {
    color: orange !important;
    outline: 0;
}

.Button.HoverItem,
.HoverItem .Button {
    background-color: #656565;
    color: white;
    box-shadow: 0 0 6px;
}

.HoverTop .Button {
    background-color: transparent;
    color: #656565;
}

.HoverBottom .Button {
    background-color: #656565;
    color: white;
}

.HoverTop .Button:hover {
    outline: 0;
    color: orange;
}


/* META  : .Base.ItemStyles.SingleItem.ItemStates */
.ItemStates {
    width: 100%;
    display: flex;
    white-space: nowrap;
    box-sizing: border-box;
    position: relative;
    align-items: stretch;
    justify-content: center;
    text-transform: uppercase;
    padding: 0;

}

.ItemStates > div {
    display: flex;
    white-space: normal;
    justify-content: center;
    align-content: center;
    width: 100%;

}

.ItemStates .Transition {
    margin: 2px;
    background-color: rgba(127,127,127,0.08);
    position: relative;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    transition: all 0.2s ease;
}

.ItemStates .Left {
    text-align: right;
    justify-content: flex-end;
    flex-grow: 1;
}

.ItemStates .Left .Transition {
    border-radius: 4em 0 0 4em;
    border-radius: 0;
}

.ItemStates .Left .Transition:before {
    border-radius: 4em 0 0 4em;
    border-radius: 0;
}

.ItemStates .Right .Transition {
    border-radius: 0 4em 4em 0;
    border-radius: 0;
}
.ItemStates .Right .Transition:before
{
    border-radius: 0 4em 4em 0;
    border-radius: 0;
}

.Fields .Transition {
    border-radius: 3px !important;
}

.ItemStates .Right .Transition::after
{
    width: 1px;
    height: 1px;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}

.ItemStates .Center {
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 100;
    min-width: 20%;
    width: 50%;
    border: var(--border1);
}

.ItemStates .Right {
    text-align: left;
    justify-content: flex-start;
    flex-grow: 1;
}

.ItemStates .Transition:hover {
    filter: brightness(0.92);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transform: translateY(-1px);
}

.ItemStates .Center {
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    font-weight: 600;
    border-bottom: 3px solid var(--backColor);
    border-radius: 4px;
    background-color: rgba(255,255,255,0.9);
}

.ItemView  .ItemStates .Center {
    height: auto;
}

.StateTitle {
    border-radius: 0 !important;
    opacity: 1 !important;
    color: #222222;
    box-shadow: 0 0 0 rgba(127,127,127,0.5);
}

.StateTitle {
    width: auto;
    position: relative;
    margin: 0 !important;
    display: flex;
    margin-left: auto;
    margin-right: auto;
--singleItem-opacity:1;
    background-color: rgba(var(--singleItemBackColor), var(--singleItem-opacity));
    text-transform: uppercase;
}

.StateTitle > div {
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
}


/* META  : .Base.ItemStyles.SingleItem.ItemStates.Transition */
.Transition > span {
    display: table-cell;
    vertical-align: middle;
    height: 2.5em;
}

.Transition {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-align: center;
    cursor: pointer;

    opacity: 1;
    vertical-align: middle;
    flex:1;
    max-width: 16em;
}

    .Transition > span {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-items: center;
    vertical-align: middle;
    line-height: 1em;
    vertical-align: middle;
    max-width: 12em;
    min-width: 4em;
    white-space: normal;
    padding: 0 1.5em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

.Transition:hover
{
    opacity: 1.0;
}


/* META  : .Base.ItemStyles.SingleItem.ItemStates.StatesBar */
.StatesBar {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    justify-content: center;
    width: 100%;
    --prevStatesColor: #00aa00;
    --currentStatesColor: #50ee50;

}

.StatesBar a {
    display: block;
    margin:0;
    text-align: center;
    justify-content: center;
    padding: 8px 8px 2px 8px  !important;
    flex:1;
    align-items: center;

}

.StatesBar > div
{
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 25%;
    justify-content: flex-start;
    text-align:center;
    vertical-align: middle;
    align-items: center;
    position: relative;
}

.StatesBar > div
{
    border-left: var(--border1);
}

.StatesBar > div:last-child
{
    border-right: var(--border1);
}

.StatesBar > div > a:before
{
    font-family: "361";
    content: var(--icon-Dot);
    position: absolute;
    top: -14px;
    font-size: 30px;
    z-index: 99;
    color: #d9d9d9;
}

.StatesBar > div:before,
.StatesBar > div:after
{
    content: "";
    position: absolute;
    width: 50%;
    border-top: solid 2px #d9d9d9;
    top: 0;
}

.StatesBar > div:first-child:before,
.StatesBar > div:last-child:after
{
    display: none;
}

.StatesBar > div:before
{
    left: 0;

}

.StatesBar > div:after
{
    right: 0;

}.StatesBar .PrevState a:before {
    color: var(--prevStatesColor);
}

.StatesBar .PrevState:before,
.StatesBar .PrevState:after
{
    border-color: var(--prevStatesColor);
}

.StatesBar .CurrentState:before {
    border-color: var(--prevStatesColor);
}.StatesBar .CurrentState a:after {
    font-family: "361";
    content: var(--icon-Dot);
    position: absolute;
    top: -25px;
    font-size: 51px;
    z-index: 90;
    color: var(--prevStatesColor);
}.StatesBar .CurrentState a {
    opacity: 1.0;
    font-weight: bold;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 16px 4px !important;
}

.StatesBar .CurrentState {
    background-color: transparent !important;
}

.StatesBar .Transition {
    opacity: 1.0 !important;
    border: var(--border2);
    border-radius: 8px;
}

.StatesBar .Transition > span {
font-size: 85%;
}


/* META  : .Base.ItemStyles.SingleItem.ItemStates.StatesView */
.StatesView {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.StatesView.ItemStates {
    flex-direction: row;
}

.Top.StatesView {
    border-left: 0 !important;
    border-right: 0 !important;
}


/* META  : .Base.ItemStyles.SingleItem.Field */
.FieldHasSelect:after {
    content: var(--ChevronDown);
    font-family: "361";
    font-size: 1.5em;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 9px;
    opacity: 0.3;
    margin: auto;
    pointer-events: none;
    z-index: 10;
    height: max-content;
}

.Field {
    min-width: 2em;
    padding: var(--fieldPadding);
    position: relative;
    white-space: nowrap;
    max-width: 100%;

}

.Field:hover .FieldDescription {
    opacity: 1.0;
}

.FieldDescription
{
    display: block;
    padding: 4px;
    text-align: center;
    opacity: 0.2;
    text-align: left;
    font-size: 9px;
    white-space: normal;
}

.FieldTitle
{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 5px;
}

.FieldType
{
    position: absolute;
    top: 2px;
    right: 2px;
    text-align: right;
    font-size: 9px;
}

td.FieldBool {
    text-align: center;
}

.FieldEMail input, .FieldWeb input {
    display: block;
}

.Field input {
    width: 100% !important;
}

.InputSpan {
    max-width: 100%;
    min-width: 70%;
}

.FieldFilter .Label
{
    text-align: left;
    padding-left: 10px;
    font-size: 90%;
    width: 90%;
    float: left;

}

.Field a > * {
    display: inline-block;
    vertical-align: middle;
}

.Field a
{
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    white-space: pre-wrap;
}

.FieldChoice img {
    height: 20px;
}

.FieldPercent {
    font-size: 70%;
    margin: 3px;
    text-align: right;
}

.Field__State {
    text-transform: uppercase;
}

.Mode_Display.FieldIsEmpty.HideIfEmpty {
    display: none !important;
}

.LabelHidden.Field {
    max-width: 100%;
}

.FieldSubType_Percent input {
    width: 4em !important;
}

.FieldPercent {
    color: rgba(0,0,0,0.8);
}

.FieldIsZero input {
    color: #8f8f8f;
}

.FieldIsZero input:active {
    color: #303030;
}

.SingleItem .Field.Mode_Edit input,
.SingleItem .Field.Mode_Edit textarea,
.SingleItem .Field.Mode_Edit select {
    border: var(--inputBorder);
    border-radius: var(--inputRadius, 6px);
    padding: var(--inputPadding);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    background-color: rgba(255,255,255,0.95);
}

.SingleItem .Field.Mode_Edit input:focus,
.SingleItem .Field.Mode_Edit textarea:focus,
.SingleItem .Field.Mode_Edit select:focus {
    border-color: var(--activeBorderColor);
    box-shadow: 0 0 0 3px rgba(10,110,185,0.1);
    outline: none;
}

.SingleItem .Field .FieldLabel {
    color: var(--labelColor, #3d5986);
    font-weight: 500 !important;
    font-size: 0.92em;
    letter-spacing: 0.01em;
}

.SingleItem .Field.Mode_Edit select {
    appearance: none;
    -webkit-appearance: none;
}

@keyframes fieldErrorShake {
    0%,100% { transform: translateX(0); }
    20% { transform: translateX(-4px); }
    40% { transform: translateX(4px); }
    60% { transform: translateX(-3px); }
    80% { transform: translateX(3px); }
}

.SingleItem .Field.FieldError {
    --inputBorder: solid 2px #d9534f !important;
    --labelColor: #b52b27 !important;
    animation: fieldErrorShake 0.35s ease;
}

.SingleItem .Field.FieldError input,
.SingleItem .Field.FieldError textarea,
.SingleItem .Field.FieldError select {
    border: solid 2px #d9534f !important;
    box-shadow: 0 0 0 3px rgba(217,83,79,0.15) !important;
}

.FieldErrorMessage {
    display: block;
    color: #d9534f;
    font-size: 0.78em;
    font-weight: 500;
    margin-top: 2px;
    white-space: normal;
    line-height: 1.3;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Required */
.Field.Mode_Edit {
    --labelColor: rgba(0,64,0,0.75);
    --inputBorder: solid 1px rgba(0,128,0,0.25);
}

.Field.Mode_Edit.FieldIsEmpty {
    --labelColor: rgba(64,0,0,0.75); ;
    --inputBorder: solid 1px rgba(128,128,128,0.25);
}

.Field.Mode_Edit.Required.FieldIsEmpty {
    --labelColor: rgba(64,0,0,0.75); ;
    --inputBorder: solid 1px rgba(128,0,0,0.25);
}

.Mode_Edit.Required > .FieldLabel a > span:after {
    content: "*";
    position: relative;
    color: #400000;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Upload */
.UploadImage
{
    width: 100% !important;
    display: inline-block !important;
    background-image: url(/images/emptyimage.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    max-height: 320px;
    max-width: 320px;
}

.Upload_Progress {
    position: relative;
}

.UploadFilesProgress {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100000;
    padding: 10%;
}

.UploadFilesProgress > div
{
    position: relative;
    left: 25%;
    right: 25%;
    width: 50%;
    height: 5em;
}

.UploadFilesProgress .UploadFileProgress {
    position: relative !important;
}

.UploadFilesProgress .UploadFileName {
    padding: 1em 0.5em 0.5em 0.5em;
}

.UploadImage {
    background-color: rgba(255,255,255,0.75);
}

.UploadFilesProgress {
    background-color: rgba(0,0,0,0.2);
}

.UploadFilesProgress > div {
    background-color: white;
}


/* META  : .Base.ItemStyles.SingleItem.Field.HBar */
.FieldValue > .HBar {
    display: block;
    width: 100%;
}

    .FieldValue > .HBar > .HBarValue {
    display: block;
    height: 100%;
    }

.FieldValue > .HBar {
    box-shadow: 0 0 4px inset #656565;
    display: block;
    background-color: rgb(255, 46, 46);
    width: 100%;
}

    .FieldValue > .HBar > .HBarValue {
    display: block;
    height: 100%;
    background-color: rgb(26, 195, 26);
    }

    .FieldValue > .HBar.FullHBar > .HBarValue {
    background-color: rgb(26, 195, 26);
    }


/* META  : .Base.ItemStyles.SingleItem.Field..FieldCoordinate */
.FieldCoordinate > .FieldValue {
    display: flex !important;
    flex-direction: column;
    flex: 1;
}

.FieldCoordinate > .FieldValue > .EntityTypeView {
    flex: 1;
    width: 100%;
    min-width: 100%;
}

.FieldCoordinate > .EntityTypeView .EntityTypeViewBody > .Center > .Middle > .ViewBody_Map {
    min-height: 200px;
}

.FieldCoordinate input {
    text-align: center;
    display: block;
    flex: 0;
}

.FieldCoordinate > .EntityTypeView
{
    width: 100%;
    flex: 1;
}

.FieldCoordinate textarea {
    width: 22em;
    text-align: left;
    display: block;
    height: 2em;
}

.FieldCoordinate
{
    width: 100%;
    height: auto;
    display: flex;
    flex: 1;
    min-height: 20em;
}

.FieldCoordinate .CoordinateActions  {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    font-size: 2em;
    z-index: 100;
}.FieldCoordinate.Field.FieldValue {
    flex-direction: column;
    flex-wrap: nowrap;
}


/* META  : .Base.ItemStyles.SingleItem.Field.MinMax */
.MinMax.FieldValue {
    white-space: nowrap;
}.FieldLabel.MinMax a {
    color: #b78807;
    font-weight: bold;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FileDisplay */
.FileDisplay {
    display: block;
    padding: 0;
    position: relative;
    height: auto;
    width: auto;
    cursor: pointer;
    box-sizing: border-box;
}.FileDisplay .FileImage {
    width: 48px !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 48px;
}

.FilesView_Folder .FileDisplay
{
    display: inline-table !important;
    width: 320px !important;
    white-space: normal;
    text-align: center !important;
}

.FilesView_Folder .FileDisplay:hover {
    box-shadow: 1px 1px 5px #607d8b6e;
}

.FilesView_Folder .FileDisplay > * {
    white-space: normal !important;
}

.FilesView_Folder .FileDisplay > .FileName {
    height: 5em;
    line-height: 1em;
    text-align: left !important;
    vertical-align: middle;
    display: table-cell;
    width: auto;
}

.FilesView_Folder .FileDisplay > .FileSize {
    display: none !important;
}

.FilesView_Folder .FileDisplay > .FileType {
    display: none !important;
}

.FilesView_Folder .FilesDisplay
{
    overflow: auto !important;
-webkit-overflow-scrolling: touch;
    white-space: normal !important;

    max-height: initial;
}

.FileDisplay  .ImageFileName {
    display: none !important;
}

.FileDisplay .AddButton {
    cursor: default;
}

.FileDisplay .CameraButton {
    cursor: default;
}

.FileDisplay .FaceButton {
    cursor: default;
}

.FileDisplay:hover .ActionButtons {
    display: inline-block;
}

.FileDisplay > img {
    max-width: 100%;
    padding: 0;
    margin: auto;
}

.FileDisplay:hover
{}

.FileDisplay:hover > img
{
    box-shadow: 1px 1px 5px #656565;

}

.FileDisplay:hover .FileFileName
{}

.FileDisplay .FileFileName
{
    padding: 10px;
    display: block;
}

.FilesDisplay {
    display: flex;
    position: relative;
    min-height: 50px;
    max-height: 320px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    overflow-y: overlay;
    padding: 1px;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    border-radius: var(--inputRadius);
}

.FilesDisplay > .FileDisplay {
    height: 100%;
    display: inline-block;
    min-width: 150px;
    position: relative;
    margin: 5px;
    font-weight: normal;
}

.FilesDisplay > a {
    position: absolute;
    right: 1px;
    top: 1px;
}

.FilesDisplay > a > img {
    height: 16px;
    width: 16px;
}

.FilesDisplay img {
    height: 48px;
    max-width: 48px;
}

.FilesFileName {
    padding: 10px 25px;
    vertical-align: bottom;
    display: inline-block;
}

.FieldValue .FileDisplay {
    display: block;
    text-align: center;
    margin: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: var(--inputRadius);
}

.FilesDisplay > .FileDisplay > .FileName
{
    text-align: left;
}

.FileDisplay > * {
    padding: 0;
    display: block;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.FileDisplay > .FileName
{
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0.5em;
}

.FileDisplay > .FileType {
    width: 15%;
    text-align: center;
    overflow: hidden;
    border: solid 1px rgba(127,127,127,0.2);
    text-overflow: ellipsis;
    overflow: hidden;
}

.FileDisplay > .FileSize {
    width: 10%;
    text-align: right;
    border: solid 1px rgba(127,127,127,0.2);
    text-overflow: ellipsis;
    overflow: hidden;
}

.FileDisplay {

    color: #222222;
    border: solid 1px rgba(127,127,127,0.2);
}

.FileDisplay:hover {
    border-color: orange;
}

.FileDisplayHeader
{
    color: #656565 !important;
}

.FilesView_Folder
{
    height: auto;
}

.FilesView_Folder .FileDisplay > .FileName {
    background-color: transparent !important;
    box-shadow: 0 0 0;
}

.FilesView_Folder .FilesDisplay {
    background-color: white;
    border: solid 1px rgba(127,127,127,0.2);
    border-radius: 3px;
}

.FilesDisplay > .FileDisplay
{
    border-radius: 2em;
    color: #666666;
    font-weight: normal;
}

.FilesDisplay > .FileDisplay > .FileName {
    background-color: white;
}

.FilesDisplay > .FileDisplay > .FileSize {
    background-color: white;
}

.FilesDisplay > .FileDisplay > .FileType {
    background-color: white;
}

.PreviewField  .FileDisplay {
    width: 100%;
    height: 100%;
    padding: 0;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Alignment */
.Left
{
    text-align: left;
}

.Center
{
    text-align: center;
}

.Right
{
    text-align: right;
}

.AlignCenter.Field > * {
    justify-content: center;
    text-align:center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.AlignCenter.Field > .InputSpan > a {
    justify-content: center;
    text-align:center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.AlignCenter.Field > .FieldLabel > a {
    justify-content: center;
    text-align:center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.AlignCenter.Field  > .FieldValue > .InputSpan {
    justify-content: center;
    text-align:center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.AlignCenter.Field  > .FieldValue > .InputSpan > a {
    justify-content: center;
    text-align:center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.AlignRight {
    text-align: right !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.AlignRight.Field > .InputSpan > a {
    justify-content: flex-end;
    text-align:right;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.AlignRight.Field > .FieldLabel > a {
    justify-content: flex-end;
    text-align: right;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.AlignRight.Field  > .FieldValue > .InputSpan {
    justify-content: flex-end;
    text-align: right;
    margin-left: auto !important;
    margin-right: 0 !important;
}
.LabelPositionTop.AlignRight.Field  > .FieldValue > .InputSpan {
    justify-content: flex-end !important;
}

.AlignRight > * {
    width: auto;
    justify-content: flex-end;
    text-align: right;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.AlignLeft {
    text-align: left !important;
    justify-content: flex-start !important;
}

.AlignLeft > * {
    text-align: left !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.AlignLeft.Field > .InputSpan > a {
    justify-content: flex-start;
    text-align: left;
}

.AlignLeft.Field > .FieldLabel > a {
    justify-content: flex-start;
    text-align: left;
}

.AlignLeft.Field  > .FieldValue > .InputSpan {
    justify-content: flex-start;
    text-align: left;
}.AlignLeft > * {
    width: auto;
    justify-content: flex-start;
    text-align: left;
}

.AlignCenter {
    text-align: center !important;
    justify-content: center !important;
    display: flex;

}

.AlignCenter.Field input, .AlignCenter.Field.FieldMoney input, .AlignCenter.Field.FieldNumber input, .AlignCenter.Field.FieldInteger .InputSpan > a, .AlignCenter.Field.FieldMoney .InputSpan > a, .AlignCenter.Field.FieldNumber .InputSpan > a
{
    justify-content: center !important;
    text-align: center !important;
}

.VAlignTop {
    display: flex;
    flex-direction: row !important;
    align-items: flex-start !important;
}

.VAlignMiddle {
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
}

.DirectionVer > .VAlignMiddle {
    display: flex;

}

.DirectionFlexCol.VAlignMiddle,
.DirectionAll.VAlignMiddle
{
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
}

.VAlignBottom {
    display: flex;
    flex-direction: row !important;
    align-items: flex-end !important;
}

.AlignLeft{
    justify-content: flex-start !important;
}
.AlignRight{
    justify-content: flex-end !important;
}
.AlignCenter,
.AlignCenter > .PanelBody,
.Panel.AlignCenter,
.PageZone.AlignCenter,
.FieldSet.AlignCenter
{
    justify-content: center !important;
}

.VAlignTop
{
    align-items: flex-start !important;
}
.VAlignMiddle
{
align-items: center !important;
}
.VAlignBottom
{
align-items: flex-end !important;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldDate */
td.FieldDate,
td.FieldDateTime
{
    text-align: center !important;
}

.FieldDate .FieldValue,
.FieldDateTime .FieldValue
{
    flex-wrap: nowrap;
}

.Field.FieldDate input,
.Field.FieldDateTime input
{
    padding-right: 2em;
}

.FieldDate.LabelPositionTop .FieldLabel a {
    text-align: center;
}

.FieldDate.LabelPositionTop .FieldValue a {
    text-align: center;
}

.FieldDate > .FieldValue > .InputSpan > a {

    margin: 0 auto;
}

.FieldDate.LabelPositionLeft > .FieldValue > .InputSpan > a {
    margin: 0;
    width: auto;
}

.FieldDate.Field.LabelPositionTop select
{
    width: auto !important;
    display: inline-block !important;
}


/* META  : .Base.ItemStyles.SingleItem.Field.DatePicker */
span.DatePicker
{
    position: relative;
    width: 8.5em;
    min-width: 8.5em;
    max-width: 8.5em;
}

.DatePickerSelector
{

width: 22em;
    max-width: 22em;
}

    .DatePickerSelector td.SelectedDate {
    font-weight: bold;
    box-shadow: 0 0 0.5em silver;
    color: white;
    background-color: #222222;
    }

.DatePickerSelector td.OtherMonth {
    opacity: 0.5;
}

.DatePickerSelectorTop {
    white-space: nowrap;
    padding: 0 0;
    margin: 0;
}
.DatePickerSelectorTop > *
{
    display: inline-block !important;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
}

.DatePickerSelectorTop a
{
    width: 10%;
    font-size: 1.25em;
    padding: 0.5em;
    opacity: 0.75;
}

.DatePickerSelectorTop .MonthYear {
    width: 60%;
}

.DatePickerSelectorTop select {
    font-size: 1.2em;
    width: auto;
    border: 0 !important;
    text-align: center;
    padding-right: 1.5em !important;
    text-align-last: right;
}.DatePickerSelectorTop select.YearSelect {
    height: auto;
}

.DatePickerSelector table td {
    font-size: 1.5em;
    padding: 0.5em;
    border-radius: 3px;
}

span.DatePicker {
    border: solid 0 rgba(127,127,127,0.1);
}.DatePickerSelector .ClearDate:after {
    content: "c";
    }

    .DatePickerSelector .NextMonth:after {
    content: var(--icon-Chevron-Right);
    font-family: "361";
    }
    .DatePickerSelector .PrevMonth:after {
    content: var(--icon-Chevron-Left);
    font-family: "361";
    }

    .DatePickerSelector .CloseCalendar:after {
    content: var(--icon-Times);
    font-family: "361";
    }

    .DatePickerSelector .MonthYear > span {
    position: relative;
    }

.DatePickerSelector .DatePickerSelectorTop a:hover {
    background-color: orange;
}

.DatePickerSelector td.TodayDate {
    color: indianred;
}

    span.DatePicker::after {
    content: var(--icon-Date-Picker);
    font-family: "361";
    font-size: 1em;
    margin: 0;
    box-shadow: 0 0 0 grey;
    vertical-align: middle;
    position: absolute;
    right: 0;
    left: auto;
    pointer-events: none;
    cursor: pointer;
    opacity: 0.5;
    z-index: 100;
    display: flex;
    padding: 8px;
    align-items: center;
    top: 0;
    bottom: 0;
    }

span.DatePicker:hover:after {
    opacity: 1.0;
}

input.DatePicker
{
    width: 8.5em;
    padding-left: 1em;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    min-width: 8.5em;
    max-width: 8.5em;
    padding: var(--inputPadding);
}

.DatePicker:after {
    content: var(--icon-Chevron-Down);
    font-family: "361";
float: right;
}


/* META  : .Base.ItemStyles.SingleItem.Field.HourMinutePicker */
span.HourPicker {
    width: 3em;
    position: relative;
}

span.MinutePicker {
    width: 3em;
    position: relative;
}

.HourPicker select, .MinutePicker select {
    width: 100%;
    padding: 8px 8px !important;
    text-align: center;
}
.HourPicker:after, .MinutePicker:after {
    content: var(--icon-Chevron-Down);
    font-family: "361";
    font-size: 8px;
    padding: 1px;
    opacity: 0.3;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    background-color: transparent;
    text-align: center;
    margin: auto;
    pointer-events: none;
}
.Field:hover .HourPicker:after, .Field:hover .MinutePicker:after {
    opacity: 1.0;
}


/* META  : .Base.ItemStyles.SingleItem.Field.RatingStars */
.RatingStars {
    color: silver;
    display: flex;
}

.FieldValue > .Rating
{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.RatingStars .Selected {
    background-color: transparent !important;
    text-shadow: 0 0 1px #222222;
    box-shadow: 0 0 0;
    outline: 0;
    color: #588b71 !important;
}
    .RatingStars .FieldValue .Selected {
    color: inherit !important;
    }

    .RatingStars div.Selected:before {
    text-shadow: 0 0 1px #222222;
    }

    .RatingStars .Selected div:before {
    text-shadow: 0 0 2px #222222;
    }

.RatingStars {
    font-size: 100%;
    white-space: nowrap;
}

    .RatingStars div {
    display: flex;
    flex-direction: row-reverse;
    }

    .RatingStars > div {
    float: none;
    }
    .RatingStars div:before {
    content: var(--icon-Star);
    font-family: "361";
    display: inline-block;
    padding: 0.25em;
    font-size: 150%;
    }

    .RatingTitle {
    padding: 0.25em;
    line-height: 1em;
    }


/* META  : .Base.ItemStyles.SingleItem.Field.SunEditor */
.sun-editor {
    font-family: inherit !important;
    width: 100% !important;
    min-height: 100% !important;
    display: flex !important;

}

.sun-editor * {
    letter-spacing: 0;

}

.sun-editor .se-toolbar
{
    overflow: hidden;
}

.Page .sun-editor .se-btn {
    width: auto;
    height: 16px;
    border: 0;
    border-radius: 4px;
    margin: 1px!important;
    padding: 0 4px;
    font-size: 12px;
    line-height: 16px;
}

.Page .sun-editor .se-svg,
.Page .sun-editor button>svg {
    width: 12px;
    height: 12px;
}

.sun-editor-editable {
    font-family: inherit !important;
    font-size: 1em ;
}

.Field .sun-editor-editable {
    font-family: inherit !important;
    font-size: inherit ;
    padding: 8px;
}.Page .sun-editor .se-btn-tray {
    display: block;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    padding: 0;
}

.Page .sun-editor .se-btn-module-border
{
    border: 0;
}

.sun-editor .se-container
{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
}

.sun-editor .se-wrapper {
    flex: 1;
    overflow: auto;
}

.sun-editor-editable
{
    height: 100% !important;

}

.Field .sun-editor .se-resizing-bar.se-resizing-none
{
    display: none;
}

.sun-editor .se-wrapper .se-wrapper-code
{
    max-height: 100%;
}

.Field.Mode_Edit.FieldRichText.FieldValue
{
    height: 100%;
    padding: 0;
}


/* META  : .Base.ItemStyles.SingleItem.Field.LabelActions */
.Parameter .LabelActions {
    display: none;
}

.Parameter .LabelActions {
    display: none !important;
}

.Field:hover .LabelActions,
.Parameter:hover .LabelActions {
    display: inherit;
    opacity: 1.0;
}

.LabelActions {
    position: absolute;
    right: 2em;
    left: auto;
    width: 2em !important;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    font-size: 1em !important;
    opacity: 0.0;
}

.LabelActions a:hover {
    opacity: 1.0;
}

.LabelActions a.fa-pen:before {
    content: var(--icon-Pencil);
    font-family: "361";
}

.LabelActions a {
    padding: 0.75em 0.5em;
    line-height: 1em;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Gauge */
.Gauge > .Suffix {
    display: block;
    text-align: center;
}

.Gauge
{
    text-align: center;
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
}

.FieldGauge > .InputSpan
{
    text-align: center;
}

.GaugeField > .InputSpan
{
    display: none !important;
}

.GaugeField > .InputSpan > a
{
    width: auto !important;
}

.FieldValue.GaugeField
{
    justify-content: center !important;
}

.Field.LabelPositionTop .FieldValue.GaugeField
{
    flex-direction: column;
}

.Gauge .neddle {
    box-shadow: 0 0 2px white;
    fill: #656565;
}

.Gauge .arc.chart-color1 {
    fill: #ffff88;
}

.Gauge .arc.chart-color2 {
    fill: red;
}

.Gauge .arc.chart-color3 {
    fill: green;
}


/* META  : .Base.ItemStyles.SingleItem.Field.BarCode */
@font-face {
    font-family: 'BarCode';
    font-display: swap;
    src: url('/fonts/BarCode.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Code39';
    font-display: swap;
    src: url('/fonts/LibreBarcode39Text-Regular.ttf');
}

@font-face {
    font-family: 'Code128';
    font-display: swap;
    src: url('/fonts/LibreBarcode128Text-Regular.ttf');
}

@font-face {
    font-family: 'EAN13';
    font-display: swap;
    font-feature-settings: "calt" 1;
    src: url('/fonts/LibreBarcodeEAN13Text-Regular.ttf');
}

.QRCode
{
    display: block;
    padding: 5px;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    flex: 1;
}

#QRCodeAuthentication {
    text-align: center;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldFiles */
.FieldFile
{
    flex: 1;
}

.Field_File {
    height: auto;
}

.FieldFiles .FieldValue > a {
    opacity: 0.5;
}

.FieldFiles .FieldValue > a:hover {
    opacity: 1.0;
}

.FieldFiles .FieldValue > .AddButton
{
    position: absolute;
    top: 0;
    right: 1px;
}

.FieldFiles .FieldValue > .CameraButton
{
    position: absolute;
    top: 0;
    right: 30px;
}

.FieldFiles .FieldValue > .FaceButton
{
    position: absolute;
    top: 0;
    right: 64px;
}

.FieldFiles .ImagePreview img {
    max-width: 100%;
}

.FilesButtons {
    position: absolute;
    z-index: 100;
}

.ProcessingOCR {
    color: white;
    background-color: red;
    border-radius: 5px;
    font-weight: bold;
}
.FieldFile .FileDisplay >.FileFileName:empty{
    padding: 0;
}

.FieldFile.Mode_Display.PreviewField:has(>iframe) > .InputSpan > a,
.FieldFile.Mode_Display.PreviewField:has(>iframe) > .InputSpan
{
    z-index: -9999 !important;
    visibility: hidden !important;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldRichText */
.Field.FieldRichText.FieldValue {
    flex-direction: column;
}

.FieldRichText {
flex:1;
}.Field.Mode_Display.FieldRichText.FieldValue {
    flex-direction: column;
    display: block;
    line-height: 1.5em;

}

.SingleItem .Field.Mode_Display.FieldRichText > .FieldValue
{
padding: var(--inputPadding);
}

.SingleItem .ItemView .Field.Mode_Display.FieldRichText > .FieldValue
{
padding: 0;
}

.Field.Mode_Display.FieldRichText > .FieldValue {
    flex-direction: column;
    line-height: 1.5em;
    display: block;

}

.FieldRichText.LabelPositionTop .FieldLabel a {
    text-align: left;
}

.FieldRichText .FieldValue,
.FieldRichText {
    text-align: left !important;
    white-space: normal;
}

.Mobile .Mode_Edit.FieldRichText .FieldValue,
.Mobile .Mode_Edit.FieldRichText
{
    max-height: initial;
}

.Mode_Edit.FieldRichText {
    flex-direction: column;

}

.FieldRichText  *
{
    max-width: 100%;

    line-height: 1.5em;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldTextArea */
.Mode_Display.LabelHidden.FieldTextArea > .FieldValue > .InputSpan > * {
    text-align: left;
}

.Mode_Display.FieldTextArea > .FieldValue > .InputSpan > a {
    display: block;
    word-break: break-word;
}

.FieldTextArea.LabelPositionTop .FieldLabel a {
    text-align: left;
}

.Field.FieldTextArea.LabelPositionNone .FieldValue {
    height: 100%;
}

.Field.FieldTextArea.LabelPositionNone .FieldValue textarea {
    height: 100%;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldNumber */
.DecimalSeperator {
    opacity: 0;
    font-size: 25%;
    vertical-align: middle;
    margin-top: 0.25em;
}

.WholePart {
    vertical-align: middle;
    white-space: nowrap;
}
.DecimalPart {
    font-size: 70%;
    padding: 3px 1px;
    vertical-align: top;
    white-space: nowrap;
}

.ListBody .FieldNumber,
.ListBody .FieldInteger,
.ListBody .FieldMoney,
.ListBody .FieldDate,
.ListBody .FieldCounter,
.FieldNumber .InputSpan,
.FieldInteger  .InputSpan,
.FieldMoney .InputSpan,
.FieldDate .InputSpan,
.FieldCounter  .InputSpan
{
    font-family: var(--monoFont);

}

.FieldIsZero
{
    opacity: 0.5;
}

.FieldValueZero {
    opacity: 0.5;
}

.FieldValueNegative {
    color: #d32f2f;
}

.FieldValueNegative * {
    color: #d32f2f;
}

.ListHeader td.FieldNumber a:first-child > span,
.ListHeader td.FieldInteger  a:first-child > span,
.ListHeader td.FieldMoney  a:first-child > span
{
    padding-right: 16px;
}

.ListTable td.FieldInteger
{
    text-align: right !important;
}

.ListTable td.FieldNumber
{
    text-align: right !important;
}

.ListTable td.FieldMoney
{
    text-align: right !important;
}

.FieldMoney .FieldValue a
{
    text-align: right;

}

.FieldInteger .FieldValue  a
{
    text-align: right !important;

}

.FieldMoney.LabelPositionNone .FieldValue {
    text-align: right !important;
}

.FieldMoney.FieldValue > .InputSpan,
.FieldInteger.FieldValue > .InputSpan,
.FieldNumber.FieldValue > .InputSpan {
    justify-content: flex-end !important;
}

.Field.FieldInteger.Mode_Edit .FieldLabel, .Field.FieldMoney.Mode_Edit .FieldLabel, .Field.FieldNumber.Mode_Edit .FieldLabel {
    text-align: center;
    max-width: initial;
}

.Field.FieldInteger.Mode_Edit.LabelPositionLeft .FieldLabel,
.Field.FieldMoney.Mode_Edit.LabelPositionLeft .FieldLabel,
.Field.FieldNumber.Mode_Edit.LabelPositionLeft .FieldLabel {
    justify-content: center;
}.Field.FieldInteger input,
.Field.FieldMoney input,
.Field.FieldNumber input,
.Field.FieldInteger .InputSpan > a,
.Field.FieldMoney .InputSpan > a,
.Field.FieldNumber .InputSpan > a {
    text-align: right;
    min-width: 3em;
    display: flex;
    max-width: var(--numWidth);
    position: relative;
    justify-content: flex-end;
    white-space: nowrap;
}

.Field.FieldInteger.LabelPositionTop .FieldLabel,
.Field.FieldMoney.LabelPositionTop .FieldLabel,
.Field.FieldNumber.LabelPositionTop .FieldLabel
{
    max-width: 100%;
    margin: auto;
}

.FieldMoney .FieldLabel a
{}

.FieldNumber .FieldLabel  a
{
    text-align: right;

}

.FieldInteger .FieldLabel  a
{}

.ItemView .FieldMoney .InputSpan > a {
    color: darkgreen;
}

.FieldNumber.LabelPositionLeft > .FieldValue,
.FieldMoney.LabelPositionLeft > .FieldValue,
.FieldInteger.LabelPositionLeft > .FieldValue {
    max-width: 100%;
    text-align: left;
}

.FieldNumber.LabelPositionLeft > .FieldValue input,
.FieldMoney.LabelPositionLeft > .FieldValue input,
.FieldInteger.LabelPositionLeft > .FieldValue input {
    max-width: var(--numWidth) !important;
}

.FieldNumber.LabelHidden > .FieldValue, .FieldMoney.LabelHidden > .FieldValue, .FieldInteger.LabelHidden > .FieldValue {
    max-width: 100%;
    text-align: right;
    justify-content: flex-end;
    display: block !important;
    margin: 0 auto;
}

    .FieldMoney > .FieldValue > .InputSpan,
    .FieldNumber > .FieldValue > .InputSpan,
    .FieldInteger > .FieldValue > .InputSpan {
    text-align: right;
    justify-content: flex-end;
    }

.FieldInteger > .FieldValue > .InputSpan,
.FieldNumber > .FieldValue > .InputSpan,
.FieldMoney > .FieldValue > .InputSpan {
    display: flex;
    justify-content: flex-start;

}

.LabelPositionLeft.FieldMoney > .FieldValue > .InputSpan,
.LabelPositionLeft.FieldNumber > .FieldValue > .InputSpan,
.LabelPositionLeft.FieldInteger > .FieldValue > .InputSpan {
    text-align: left;
    margin: 0;
}

.LabelHidden.FieldMoney > .FieldValue > .InputSpan,
.LabelHidden.FieldNumber > .FieldValue > .InputSpan,
.LabelHidden.FieldInteger > .FieldValue > .InputSpan {
    text-align: right;
    justify-content: flex-end;
    width: auto;
    margin: 0 auto;

}

.LabelPositionTop.FieldMoney > .FieldValue > .InputSpan,
.LabelPositionTop.FieldNumber > .FieldValue > .InputSpan,
.LabelPositionTop.FieldInteger > .FieldValue > .InputSpan {
    text-align: left;
    justify-content: flex-start;
    width: auto;
    margin: 0 auto;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldImage */
.FieldImage > .FieldValue > *
{
    white-space: normal;
    display: block;
}
.FieldImage > .FieldValue {
    text-align: center !important;
}

.FieldImage  {
    display: block;
}

.FieldLabelTop.FieldImage .FieldValue  {
    width: 100%;
}

.FieldHasImage  {
    flex-direction: row;
}

.FieldHasImage > img {
    position: absolute;
    max-height: 100%;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldDrawing */
.FieldDrawing .FieldValue
{
    height: 100%;
    width: 100%;
    display: block;
    padding: 0 !important;
}

.FieldDrawing
{
    height: 100%;
    width: 100%;
    display: block;
    padding: 0 !important;
}


/* META  : .Base.ItemStyles.SingleItem.Field.GroupField */
.GroupField {
    width: auto;
    text-align:left;
}

.GroupField select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 12.6em;
    background-image: url(/images/down_16.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: right;
    background-position: right -12px center;
    padding-right: 20px !important;
    margin: 1px;
}

.GroupField input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 12em;
}

.GroupFieldFunction
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.GroupFieldFunctionLeft
{
    text-align: center;
}

.GroupFieldFunctionRight
{
    text-align: left;
}

.GroupFieldAggFunction {
    opacity: 0.5;
}


/* META  : .Base.ItemStyles.SingleItem.Field.PreviewField */
.PreviewField
{
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    position: relative;
    margin: 0 !important;
}

.PreviewField .FieldValue
{
    width: 100%;
    height: 100% !important;
    padding: 0;
}

.PreviewField iframe {
    width: 100%;
    height: calc(100% - 4em);
    padding: 0;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Choice */
.Choices {
    white-space: normal;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px;
}

.ItemView .Choices > select {
    flex: 1;
}

.ChoiceTitles {
    white-space: normal;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px;
    min-height: 2.25em;
    display: none;
}

.ChoiceTitles > .Choice {
    background-color: transparent;
}

.MultipleChoices {
    position: relative;
}

.MultipleChoices > .ChoiceTitles {
    display: inherit;
}

.MultipleChoices > .Choices {
    display: none;
}

.MultipleChoices:hover > .Choices {
    display: inherit;
    position: absolute;
    top: 2.25em;
    z-index: 9990;
    background-color: var(--white);
    color: var(--black);
}

a.Choice,.Choices > *
{
    width: auto;
    display: block;
    flex: 0;
}

a.Choice > span, .Choices > * > span
{
    white-space: nowrap;
}

.Choices > * {
    border-radius: 3px;
    border: 1px solid rgb(229, 232, 236);
}

.LabelPositionLeft > .FieldValue.Choices {
    text-align: left;
}

.Choice > .ButtonText {
    padding: 0;
    text-align: center;
    min-width: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.Choice > img, .Choice > .fas, .Choice > .fab {
    margin-right: 0.25em;
}

.Choices .Selected {
    color: white !important;
    background-color: rgb(0, 127, 255) ;
    border-color: rgb(0, 127, 255) ;
    box-shadow: none;
}

.Choices.FieldValue a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.LabelPositionTop.Choices .FieldLabel a {
    text-align: center;
}

.FieldValue.Choice > img {
    display: inline-block;
}

.Choice {
    white-space: nowrap;
    width: auto;
}

.Choice_
{
    height: 100%;
    opacity: 0.75;
}

.Choice > img {
    height: 1em;
}

.Parameter .Choice {
    padding: 10px;
}

.Parameter .Choice_true .ButtonText {
    padding: 10px;
}

.Parameter .Choice_false .ButtonText {
    padding: 10px;
}

.Choice > * {
    display: inline-block;
}

.FieldBool .FieldValue.Choices
{
    white-space: nowrap;
    flex-wrap: nowrap;
}

.FieldValue.Choices > a,
.FieldValue .Choices > a,
.Parameter.Choices > a,
.Choice {
    margin: 0 !important;
}

.Field.Mode_Display > .FieldValue.Choices > a,
.Field.Mode_Display > .FieldValue .Choices > a,
.Parameter.Choices > a,
.Field.Mode_Display .Choice
{
    padding: 0 !important;
}

.Choices > a:hover,
.Choice:hover {
    z-index: 100;
}

.ChoiceGroups {
    vertical-align: top;
}

.ChoiceGroup {
    display: block !important;
    width: auto !important;
    vertical-align: top;
}

.ParamValue.Choices
{
    display: flex;
    align-items: center;
}

.LookupField > a.Choice::after {
    display: none;

opacity: 0.5;
    font-size: 80%;
    margin-left: 0.5em;
}

.Choices > span {
    padding: 5px;
    margin: 1px;
}

    .FieldMultiAction .FieldValue .Choice .ButtonText {
    min-width: 3em;
    }
.Choice.Selected {
    background-color: var(--choiceSelectedColor, rgb(0, 127, 255));
    color: white;
    border-color: var(--choiceSelectedColor, rgb(0, 127, 255));
}

.Selected.Choice_false {

    background-color: var(--choiceSelectedFalseColor, #d24f6b) !important;
    border-color: var(--choiceSelectedFalseColor, #d24f6b) !important;
    color: white;
}

.Selected.Choice_true {

    color: white;
}

.Choices > a:hover, .Choice:hover {
    border-color: var(--choiceSelectedColor, rgb(0, 127, 255));
    background-color: rgba(0, 127, 255, 0.04);
}

.Field.Mode_Display .Choice,
.Field.Mode_Display .Choices > a {
    background-color: transparent;
}


/* META  : .Base.ItemStyles.SingleItem.Field.GlobalField */
.GlobalFieldTypes {
    color: white;
}

    .GlobalFieldTypes > select {
    border-radius: 50%;
    border: solid 1px rgba(127,127,127,0.2);
    background-color: rgba(255,255,255,0.5);
    opacity: 0.5;
    }

.GlobalFieldTypes:hover > select {
    opacity: 1.0;
    box-shadow: 1px 1px 4px #222222;
}


/* META  : .Base.ItemStyles.SingleItem.Field.AutoSelectList */
.ListTable .AutoSelectList {
    display: none;
}
.AutoSelectList {
    position: absolute!important;
    width: 2.5em;
    height: 100%;
    right: 0px;
    top:0;
    bottom:0;
    margin:auto 1px;
    z-index: 99;
    cursor: pointer;
    border:none!important;
}

.AutoSelectField input {
    padding-right: 2.5em;
}

    .Field:hover .AutoSelectList::after
    {
    opacity: 1;
    }

.AutoSelectList::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: fit-content;
    text-align: center;
    content: var(--icon-Chevron-Down);
    font-family: "361";
    padding: 8px;
    opacity: 0.3;
    pointer-events: none;
    display: flex;
    align-items: center;
    margin: auto;
}


/* META  : .Base.ItemStyles.SingleItem.Field.SelectionItem */
.SelectionItem
{
    padding: 8px;
    display: block;
    font-size: 1em;
    cursor: pointer;
    border-top: solid 1px rgba(127,127,127,0.2);
    position: relative;
}

.SelectionItem .SelectionImage,
.SelectionItem .ImageClass {
    max-height: 100%;
    height: 100%;
    min-width: 1.25em;
    max-width: 1.25em;

    position: absolute;
    left: 0.25em;
    top: 0;
    right: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    opacity: 0.5;
}

.SelectionItem .SelectionImage img, .SelectionItem .SelectionImage svg {
    max-height: 100%;
    height: 100%;
    max-width: 1.25em;
    min-width: 1.25em;
}

.SelectionItem:first-child
{
    border-top: 0;
}.SelectionItemSelected {
    font-weight: bold;
}

.SelectionItem {
    min-height: 1.25em;
    line-height: 1.25em;
    White-space:pre;
}

.SelectionItem:after
{
    content : ".";
    display: inline-block;
}

.SelectionItemSelected {
    background-color: rgba(0, 168, 230, 0.5);
}

.SelectionItem:hover
{
    background-color: var(--choiceSelectedColor, rgb(0, 127, 255));
    color: white;
}

.SelectionItem:after {
    color: transparent;
}

.SelectorTop:before {
    content: var(--icon-Search);
    font-family: "361";
    position: absolute;
    font-size: 150%;
    right: 4.25em;
    top: 10px;
    z-index: 100;
}

.SelectorTop input {
    left: 0;
    display: block;
    width: calc(100% - 5.5em) !important;
    position: relative;
    border-radius: 0;
    margin: 0;
    border-color: rgba(127,127,127,0.1);
    padding: 8px;
}

.SelectorTop input:focus {
    box-shadow: 0 0 3px orange inset;
}

.SelectorTop img
{
    height: 20px;
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Selector */
.ItemSelector {
    max-height: 20em;
    min-height: 20em;
    min-width: 18em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-top: solid 1px rgba(127,127,127,0.2);
    border-bottom: solid 1px rgba(127,127,127,0.2);
}

.SelectorBottom
{
    height: auto;
}

.SelectorTop
{
    position: relative;
}

.ItemSelector .NoRecordsFound {
    padding: 25% !important;
    position: relative !important;
    margin: 0 !important;
    text-transform: uppercase;
}

.ItemSelector .NoRecordsFound {
    color: red;
}

.SelectorTop input {
    background-color: #ffff88;
}


/* META  : .Base.ItemStyles.SingleItem.Field.LookupField */
.Field.LabelPositionNone .FieldValue.LookupField {
    text-align: left;
}

.LookupField
{
    text-align: left;
}

.LookupField > a.Choice
{
    width: auto;
    display: block;
    flex: 0;
}

.LookupField.Mode_Display  .InputSpan > a
{
    padding-right: 2em !important;
}

.FieldLookup.FieldIsEmpty.Mode_Display .FieldValue::after, .FieldLookup.HideLink.Mode_Display .FieldValue::after
{
    display: none;
}

.FieldLookup.LabelPositionTop .FieldLabel a {
    text-align: left;
}

.FieldLookup.Mode_Display .FieldValue::after {
    content: var(--icon-External-Link);
    font-family: "361";
    position: absolute;
    padding: 0.25em;
    padding-right: 0;
    opacity: 0.25;
    right: 2px;
    bottom: 0;
top: 0;
vertical-align: middle;
margin: auto;
display: flex;
align-items: center;
}

.FieldLookup.Mode_Display:hover .FieldValue::after {
    opacity: 0.75;
}

.FieldLookup.Mode_Display.HideLink .FieldValue::after {
    content:"" !important;
    background-color: transparent !important;
}

.Page_Web .LookupField::before
{
    content: "";
    width: 0;
    display: none;
}

.LookupField_NoTitle .FieldLabel {
    display: none !important;
}

.LookupField.ReadOnly:hover {
    background-color: rgba(255,222,0,0.3);
}

.Mode_Display.LookupField.Field.FieldLookup .FieldValue .InputSpan > a:first-child::after {
    opacity: 0.4;
    color: #002c94;
}

.Mode_Display.LookupField.Field.FieldLookup .FieldValue:hover .InputSpan > a:first-child::after {
    opacity: 1.0;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldMulti */
.FieldMultiState > .FieldValue, .FieldMultiState > .FieldLabel,
.FieldMultiField > .FieldValue, .FieldMultiField > .FieldLabel,
.FieldMultiAction > .FieldValue, .FieldMultiAction > .FieldLabel {
    display: block;
    width: auto;
    text-align: left;
}

.Mode_Edit.FieldMultiAction .FieldValue a,
.Mode_Edit.FieldMultiField .FieldValue a,
.Mode_Edit.FieldMultiState .FieldValue a {
    border: 1px solid rgba(225, 225, 225, 0.5);
    margin: 0;
    padding: 8px;
    display: inline-block;
}

.FieldMultiAction > *, .FieldMultiState > *, .FieldMultiField > * {
    display: block;
    width: auto;
    text-align: left;
    padding: 0;
    max-width: inherit;
}

.FieldMultiField.Mode_Display a
{
    overflow-wrap: anywhere;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Aggregate */
.AggregateValue {
    display: flex;
    padding: 2px !important;
    line-height: 0.9em;
    align-content: center;
    text-align: center;
    min-width: 1em;
    justify-content: flex-end;
}

.Content .Aggregate > .AggregateValue {
    font-size: 1.2em;
}

.AggregateLabel {
    margin-left: 8px;
    margin-right: 8px;
}

.AggField {
    text-align: right;
}

.AggField > div {
    display: block;
    text-align: right;
    vertical-align: middle;
    padding: 0.5em 1em;
    font-size: 140%;
    font-weight: bold;
}

.Button > .Aggregate {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: auto;
}

.ItemActions > a  {
    position: relative;
}

.ItemActions > a > .Aggregate {
    position: absolute;

    left: 50%;
    right: auto;
    top: -1em;
    background-color: var(--white);
    color: var(--textColor);
    border-radius: 1em;
    border: unset;
    margin: auto;
    transform: translateX(-50%);
    text-align: center;
    min-width: 2.5em;
    justify-content: center;
    box-shadow: 0 -1px 0 0px #dde0e6;
    opacity: 1;
}

.ItemActions > a.SelectedAction > .Aggregate{
    box-shadow: 0 -1px 0 0px #077ec1;
    opacity: 1;
    background-color: #009ef7 !important;
    color: var(--white);
}
.ItemActions > a:hover > .Aggregate {

    background-color: #8eff8e !important;
    color: var(--textColor);

}

.Aggregate {
    padding: 1px;
    opacity: 0.75;
    display: flex;
    font-size: 75%;
    vertical-align: top;
    white-space: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
}

.DirectionAccordion > div > .PanelHeader > .Aggregate {
    right: 2em;
    font-size: 100%;
}

.Aggregate > .AggregateValue::after
{
    content: attr(suffix);
    opacity: 0.5;
    padding-left: 2px;
}

.Aggregate.AggregateLabelTop {
    display: flex;
    flex-direction: column;
}

.Aggregate.AggregateLabelBottom {
    display: flex;
    flex-direction: column-reverse;
}

.Aggregate.AggregateLink
{
    cursor: pointer;
}
.Aggregate.AggregateLink:after
{

    content: var(--icon-Chevron-Right);
    position: absolute !important;
    font-family: '361';
    right: 4px;
    top: calc(50% - 0.5em) !important;
    bottom: auto !important;
    vertical-align: middle;
    display: flex;
    align-items: center;
    flex-direction: row;
    opacity: 0.33 !important;
}

.Aggregate.AggregateLink:hover:after
{
    opacity: 0.66 !important;
}

.Aggregate.AggregateLink:hover {
    box-shadow: 0 0 4px gray;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldLabel */
.FieldLabel {
    color: var(--labelColor);
    display: flex;
    min-width: 30%;
    text-align: right;
    vertical-align: top;
    white-space: normal;
    box-sizing: border-box;
    font-weight: 400;
}

.FieldLabel a {
    display: flex;
    line-height: 1em;
    border: solid 0 rgba(127,127,127,0);
    padding: var(--fieldLabelPadding);
    position: relative;
}

.LabelPositionLeft .FieldLabel a
{
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0 !important;
}

.LabelPositionLeft .FieldLabel a:after
{
    content: "";
    border: dotted 1px var(--labelColor);
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    margin-left: 4px;

    opacity: 0.5;
    z-index: -1;
    flex: 1;
    height: 1px;
}

.Field.Mode_Display .FieldLabel {
    font-size: 100%;
}

.LabelPositionTop .FieldLabel {
    display: flex !important;
    width: 100% !important;
    text-align: left;
    margin: 0;
    min-width: inherit;
    border-spacing: 0;
    position: relative;
    top: 2px;
}

.LabelPositionTop .FieldLabel a {
    width: 100%;
    text-align: left;
    vertical-align: bottom;
    padding-right: 0;
}

.FieldLabel a span {
line-height: 1em;
}

.Field.LabelPositionTop  > .FieldLabel a span {
    white-space: nowrap;
    overflow: hidden;
}

.FieldText.LabelPositionTop .FieldLabel a {
    text-align: left;
}

.Field.LabelPositionNone .FieldLabel {
    display: none;
}

.LabelPositionNone > .FieldLabel {
display: none !important;
}

.LabelPositionLeft > .FieldLabel > a {
    text-align: left;
}

.FieldLabel.RegExp a {
    color: #a5b707;
    font-weight: bold;
}

.Field.LabelPositionLeft > .FieldLabel {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: var(--fieldLabelWidth) !important;
    min-width: var(--fieldLabelWidth) !important;
    max-width: var(--fieldLabelWidth) !important;
}

.FieldLabelWidth50 {
    --fieldLabelWidth: 50%;
}

.FieldLabelWidth60 {
    --fieldLabelWidth: 60%;
}

.FieldLabelWidth70 {
    --fieldLabelWidth: 70%;
}

.FieldLabelWidth75 {
    --fieldLabelWidth: 75%;
}

.Field.LabelPositionLeft.FieldTextArea > .FieldLabel,
.Field.LabelPositionLeft.FieldRichText > .FieldLabel,
.Field.LabelPositionLeft.FieldImage > .FieldLabel,
.Field.LabelPositionLeft.FieldFile > .FieldLabel,
.Field.LabelPositionLeft.FieldPassword > .FieldLabel {
    justify-content: flex-start;

}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldValue */
.SingleItem .FieldValue .InputSpan a
{

    border: var(--inputBorder);
    background-color: transparent;
    border-radius: var(--inputRadius);

}

.FieldValue
{
    display: flex;
    flex-wrap: wrap;
    width: auto;
    box-sizing: border-box;
    align-items: flex-start;
}

.Field > .FieldValue {
    flex: 1;
}

.FieldValue textarea
{
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    min-height: 6em;
    height: 100%;
    white-space: normal;
}

.ItemView .FieldValue textarea {
    min-height: initial;
}

.FieldValue > .InputSpan {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    margin: 0 auto;
    border-spacing: 0;
}

.AlignCenter > .FieldValue > .InputSpan {
    justify-content: center !important;
}

.AlignCenter.FieldValue > .InputSpan {
    justify-content: center !important;
}

.AlignCenter.FieldRichText > *
{
    text-align:center;
    justify-content: center;
}

.Mode_Display.LabelHidden > .FieldValue > .InputSpan > * {
    text-align: center;
}

.FieldValue > .Label {
    display: none;
}

.FieldValue .InputSpan a
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

    line-height: var(--lineHeight);
    border: var(--inputBorder);
    border-radius: 3px;
    padding: var(--inputPadding);
    width:100%;
    text-align: left;
    border: solid 1px transparent;
}

.FieldTextArea.FieldValue .InputSpan a
{
    align-items: flex-start;
}

.AlignCenter.FieldValue .InputSpan a
{
    justify-content: center;
    text-align: center;
}

.FieldValue.fas:before,
.FieldValue.far:before {
    position: absolute;
    top: 0.9em;
    left: 0.7em;
}

.FieldValue > .fas,
.FieldValue > .FieldValueImage
{
    position: absolute;
    right: 0em;
    height: auto;
    width: 2em;
    max-height: 2em;

    bottom: auto;
    font-size: 1.2em;
    padding: 0.35em;
}

.FieldValueImage > svg
{
    height: 100%;
    width: 100%;
}

.FieldValue.fas .InputSpan a,
.FieldValue.FieldValueImage .InputSpan a,
.FieldValue.far .InputSpan a {
    padding-left: 2em;
}

.ItemView .FieldValue .InputSpan a,
.CalendarItem .FieldValue .InputSpan a
{
    border-color: transparent;
}

.Mode_Display .FieldValue .InputSpan {
    padding: 0;
}

.FieldIsEmpty .FieldValue .InputSpan a:after {
    content: " ";
    white-space: pre;
}

.FieldValue .Selected {
    color: white !important;
    background-color: rgb(0, 127, 255) ;
    border-color: rgba(127,127,127,0.2);
}

.FieldValue .Selected img,
.FieldValue .Selected .fa {
    filter: invert(1);
}

.LabelPositionTop .FieldValue select {
    width: 100%;
}

.FieldValue > a > img
{
    max-height: 1em;
}

.FieldValue > img
{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;

}

.LabelHidden .FieldValue {
    width: 100% !important;
}

.Field.FieldValue {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
}

.HideLink.FieldValue::after {
    content: "" !important;
    background-color: transparent !important;
    display: none;
}

.Field.LabelPositionNone .FieldValue {
    display: block;
    width: auto;
    text-align: center;
}
.FieldValue  {
    position: relative;
}

.Mode_Display.FieldIsEmpty .FieldValue {
    opacity: 0.75;
}

.Field.ValuePositionLeft > .FieldValue > .InputSpan
{
justify-content: flex-start;
}

.Field.ValuePositionRight > .FieldValue > .InputSpan {
    justify-content: flex-end;
}

.Field.ValuePositionCenter > .FieldValue > .InputSpan {
    justify-content: center;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldTime */
.FieldTime {
    vertical-align: bottom;
}

.FieldTime > .FieldValue  > * {
    white-space: nowrap !important;
    display: inline-block !important;
    width: auto !important;
    text-align: center;
}


/* META  : .Base.ItemStyles.SingleItem.Field.ImagePreview */
.FieldValue > .ImagePreview {
    position: relative;
}

.FieldValue > .ImagePreview > .PrevImageFile {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.FieldValue > .ImagePreview > .PrevImageFile:before {
    content: var(--icon-Chevron-Left);
    font-family: "361";
    font-size: 200%;
    min-height: 1em;
    min-width: 1.5em;
    background-color: #455A64;
    justify-content: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    line-height: 2;
    opacity: 0.1;
    color: #ffffff;

}

.FieldValue > .ImagePreview > .NextImageFile {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.FieldValue > .ImagePreview > .NextImageFile:before {
    content: var(--icon-Chevron-Right);
    font-family: "361";
    font-size: 200%;
    min-height: 1em;
    min-width: 1.5em;
    background-color: #455A64;
    justify-content: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    line-height: 2;
    opacity: 0.1;
    color: #ffffff;

}

.FieldValue > .ImagePreview:hover > .PrevImageFile:before,
.FieldValue > .ImagePreview:hover > .NextImageFile:before{
    opacity: 0.4;
}
.FieldValue > .ImagePreview > .PrevImageFile:hover:before,
.FieldValue > .ImagePreview > .NextImageFile:hover:before{
    opacity: 1;
}


/* META  : .Base.ItemStyles.SingleItem.Field.InvalidField */
.InvalidField .Choices a, .InvalidField input, .InvalidField textarea, .InvalidField select, .InvalidField .ItemSelection {
    background-color: rgba(255,127,127,0.1);
}


/* META  : .Base.ItemStyles.SingleItem.Field.LabelPositionLeft */
.Field.LabelPositionLeft {
    display: flex !important;
    flex-direction: row !important;
    width: 100%;
    align-self: flex-start;
}

.Field.LabelPositionLeft > .FieldPadding {
    width: 0;
    display: flex;
}

.Field.LabelPositionLeft > .FieldValue
{
    max-width: calc(100% - 8em);
    align-content: center;
}

.Field.LabelPositionLeft.Hidden {
    display: none !important;
}

.LabelPositionLeft.LabelHidden > .FieldValue {
    width: 100%;
}

@media screen and (min-width: 381px) and (max-width: 1024px) {
    .DirectionVer .Field.LabelPositionLeft {
    display: flex;
    flex-direction: column !important;
    align-self: flex-start;
    --fieldLabelWidth: 100%;
    }

    .DirectionVer .Field.LabelPositionLeft .FieldLabel a:after {
    content: none;
    }

    .DirectionVer .Field.LabelPositionLeft > .FieldValue {
    max-width: 100%;
    }

}

@media screen and (min-width: 381px) and (max-width: 800px) {
    .AutoVertical > .DirectionVer  {
    display: flex !important;
    flex-direction: column !important;
    }

}


/* META  : .Base.ItemStyles.SingleItem.Field.LabelPositionBottom */
.Field.LabelPositionBottom {
    display: flex !important;
    flex-direction: column-reverse !important;
    width: 100%;
    align-self: flex-start;
}

.Field.LabelPositionBottom.Hidden {
    display: none !important;
}

.LabelPositionBottom.LabelHidden > .FieldValue {
    width: 100%;
}


/* META  : .Base.ItemStyles.SingleItem.Field.LabelPositionTop */
.Field.LabelPositionTop {

    vertical-align: middle;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
}

.LabelPositionTop.Field {
    max-width: 100%;
}

.Field.LabelPositionTop .FieldValue {
    width: 100%;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.Field.FieldBoolean.LabelPositionTop .FieldValue {
    flex-wrap: nowrap;
}

.Field.LabelPositionTop.LabelHidden .FieldValue {
    display: block;
    width: 100%;
}


/* META  : .Base.ItemStyles.SingleItem.Field.ColorField */
.ColorFieldDIV {
    position: absolute;
    height: 144px;
    white-space: nowrap;
    display: none;
    right: 0;
}

.Field:hover .ColorFieldDIV {
    display: initial;
}

.ColorFieldDIV > * {
    display: inline-block;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Geo */
.FieldGeoJSON > .EntityTypeView
{
    height: calc(100% - 4em) !important;
}

.FieldGeoJSON  {
    height: 100%;
    min-height: 9em;
}

.FieldGeoJSON textarea {
    height: 100%;
}


/* META  : .Base.ItemStyles.SingleItem.Field.IFrame */
.IFrame {
    display: block;
}

.aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}

    .aspect-ratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    }

.IFrameContainer {
    flex: 1;
}

.FieldValue > iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.FieldSubType_IFrame.FieldFile > .FieldValue {
    height: 100%;
}

.IFrame {
    box-shadow: 0 0 0;
    border: solid 1px rgba(127,127,127,0.2);
}


/* META  : .Base.ItemStyles.SingleItem.Field.FilterField */
.FilterFieldComparator
{
    width: 2em;
}

.FilterFieldParams
{
    white-space: nowrap;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Suffix */
.Suffix {
    font-size: 0.85em;
    position: relative;
    display: flex !important;
    align-items: center;
    width: auto;
    float: left;
    opacity: 0.5;
    left: 0;
    white-space: nowrap;
}

td .Suffix {

    display: flex !important;
    align-items: center;
    width: auto;
    float: right;
    left: 0;
    white-space: nowrap;
    width: 16px;
    font-size: 1em;
    padding-left: 2px;
    align-content: center;
    font-weight: 300;
    font-size: 8px;
    height: 1em;
    position: absolute;
    left: 0;
    top: 2em;
}


/* META  : .Base.ItemStyles.SingleItem.Field.MaskField */
.MaskField {
    display: block !important;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldPassword */
.FieldPassword > .FieldValue {
    flex-direction: column;
}

.FieldPassword input, .FieldPassword2 input {
    display: block;
}

.PasswordEye_On, .PasswordEye_Off {
    position: absolute;
    right: 0;
    z-index: 100;
    opacity: 0.75;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 11px;
    padding: 11px;
    margin: 0;
}

.PasswordEye_On:before, .PasswordEye_Off:before {
    vertical-align: middle;
    text-align: center;
}

.PasswordEye_On, .PasswordEye_Off {
    color: #656565;
}

.PasswordEye_On {
    color: red !important;
}
.FieldValue:hover .PasswordEye_On,
.FieldValue:hover .PasswordEye_Off {
    opacity: 1.0;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldHasSelect */
.FieldHasSelect::after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
    height: fit-content;
    text-align: center;
    right: 0;
    padding: 8px;
    font-size: 1em;
    opacity: 0.3;
    pointer-events: none;
    display: flex;
    align-items: center;
    margin: auto;
    font-family: "361";
    content: var(--icon-Chevron-Down);
}


/* META  : .Base.ItemStyles.SingleItem.Field.AceEditor */
.ace_editor
{
    min-height: 150px;
    width: 100%;
    height: 100%;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldEntityType */
.FieldEntityType > .FieldValue,
.FieldEntityType.FieldValue
{
    flex-direction: row !important;
    flex-wrap: nowrap;
}

.SingleItem__Authorization .FieldEntityType > .FieldValue,
.SingleItem__Authorization .FieldEntityType.FieldValue
{
    flex-direction: column !important;
    flex-wrap: nowrap;
}

.FieldEntityType > .FieldValue > .ItemSelection {
    max-width: 25em !important;
    text-align: left;
}

.FieldEntityType.LabelPositionLeft   .FieldLabel {
    max-width: 25em !important;

    justify-content: flex-start !important;
    padding: var(--inputPadding);
}


/* META  : .Base.ItemStyles.SingleItem.Field.SubFields */
.SubFields .Field {
    text-align: left;
    max-width: inherit;
    padding-left: 0;
    padding-right: 0;
    flex: 1;
    line-height: 1em;
}

.Field_UserET .SubFields .Field {
    padding: 0;
}

.SubFields {
    display: flex;
    flex-direction: column;
    flex: 1;
    line-height: 1em;
}

.SubFields .Field {
    box-shadow: 0 0 0 !important;
}

.SubFields .ItemSelection {
    padding: var(--inputPadding);
}

.SubFields > div {
    display: block;
    white-space: normal;
    width: 100%;
    vertical-align: top;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Files_FolderView */
.Files_FolderView
{
    display: flex;
    flex-direction: row;
}

.Files_FolderView > .FileDisplayHeader
{
    display: none;
}

.Files_FolderView > .FileDisplay
{
    width: auto !important;
}

.Files_FolderView > .FileDisplay > span
{
    width: auto !important;
}

.Files_FolderView > .FileDisplay > span.FileType
{
    display: none;
}


/* META  : .Base.ItemStyles.SingleItem.Field.MultipleChoice */
.FieldMultipleChoice .InputSpan  {
    flex-wrap: wrap;
}
.FieldMultipleChoice .InputSpan > a {
    width: auto;
    margin-left: 3px;
    margin-right: 3px;
}

.FieldMultipleChoice .InputSpan > a:hover {
    text-decoration: underline;
}


/* META  : .Base.ItemStyles.SingleItem.Field.MultiLanguage */
.FieldSet_Multi_Lang.TabPanel.AnyTabSelected
{
    min-height: auto;
    height: auto;
    flex-direction: column-reverse;
}

.FieldSet_Multi_Lang > .TabHeader
{
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto;
    justify-content: flex-end;
    box-shadow: 0 0 0 !important;
    border: 0;
    margin-right: 1em !important;
    min-height: 1.5em !important;
    position: relative;
    bottom: 0;
    right: 0;
    position: absolute;
    bottom: -10px;
    top: auto;
}

.FieldSet_Multi_Lang > .TabBody > div.Selected
{
    border: 0;
}

.FieldSet_Multi_Lang > .TabHeader > .TabButton
{
    padding: 0 !important;
    flex: 0;
    min-height: auto;
}

.FieldSet_Multi_Lang > .TabHeader > .TabButton > span
{
    padding: 3px !important;
    min-height: auto;
    min-width: 0;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldHTML */
.FieldHTML {
    flex: 1;
}

.FieldHTML.Mode_Display
{
    display: block !important;
    vertical-align: top;
    text-align: left;
    align-content: normal !important;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldTextArea */
.FieldTextArea
{
    flex: 1;
}


/* META  : .Base.ItemStyles.SingleItem.Field.FieldUserType */
.FieldUserType  .Choice .ButtonText
{
    max-width: 7em;
    min-width: 7em;
}


/* META  : .Base.ItemStyles.SingleItem.Field.Empty */
.FieldIsEmpty.Mode_Display {
    opacity: 0.5;
}

.FieldIsEmpty.Mode_Edit .FieldLabel {
    font-weight: bold;
}

.FieldIsEmpty.Mode_Display .FieldValue {
    font-style: italic;
    color: rgba(0,0,0,0.3);
}

.ListBody .FieldValueZero {
    color: rgba(0,0,0,0.25);
}


/* META  : .Base.ItemStyles.SingleItem.Field.LinkTo */
.InputSpan > .LinkTo
{
    width: 3em !important;
    text-align:center !important;
    justify-content: center !important;
}


/* META  : .Base.ItemStyles.SingleItem.SignDocument */
.SignDocument
{
    padding: 0.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}.SignDocument .SignMessage
{
    text-align: center;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    flex-wrap: wrap;
    flex-direction: column;
    white-space: normal;
    position: relative;
    min-height: 2em;
}

.SignDocument button
{
    width: auto;
    text-align: center;
    padding: 0.5em 1em;
    margin: auto;
    font-size: 1.5em;
}

.SignDocument button[disabled],
.SignDocument button:disabled
{
    opacity: 0.5;
}

.SignDocument.DocumentSigner_Online .SignMessage
{
    color: green;
}

.SignDocument .FileFields {
    display: flex;
    flex-direction: row;
    display: none;
}

.SignDocument .FileFields > * {
    padding: 1em;
}


/* META  : .Base.ItemStyles.SingleItem.ItemTitlesMenu */
.ItemTitlesMenu {
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    opacity: 0.7;
    transform: translateX(-50%);
    left: 50%;
    display: flex;
}

.ItemTitlesMenu:hover {
    opacity: 1.9;
}

.ItemTitlesMenu > a {
    padding: 0.5rem 1rem;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #303030;
    margin: 1px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 1px gray;
}

.ItemTitlesMenu > a:hover {
    color: green;
}

.ItemTitlesMenu > a:active,
.ItemTitlesMenu > a:focus
{
    color: red;
}

.ItemTitlesMenu > a > .ButtonText {

    border-radius: 4px;
    line-height: 1em;
}


/* META  : .Base.ItemStyles.SingleItem.FullWidth */
.SingleItem.FullWidth > .ItemBody > .Fields > *
{
    max-width: 100%;
}

.SingleItem.FullWidth {
    padding-left: var(--gap);
    padding-right: var(--gap);
    max-width: 100% !important;
}


/* META  : .Base.ItemStyles.SingleItem.LanguageTools */
.FieldValue > .LanguageTool {
position: absolute;
    right: 0.75em;
    top: calc(50% - 0.75em);
    z-index: 99;
    font-weight: 500;
    cursor: pointer;
    opacity: 0.3;
    font-size: 0.75em;
}

.FieldValue > .LanguageTool:before {
    opacity: 0.1;
    position: absolute;
    left: -1px;
    font-size: 1.5em;
}

.FieldValue:hover > .LanguageTool {
    opacity: 1.0;
}

.Language_Other
{
    opacity: 1;
}

.Language_Other .FieldLabel > a
{
    opacity: 1;
}


/* META  : .Base.ItemStyles.SingleItem.ItemBottom */
.ItemBottom {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;

}

.ItemBottom > .Left {
    flex: 0;
    display: flex;
    align-items: stretch;
    justify-content: center;
}.ItemBottom > .Left > .ItemActions > select {
    padding: 8px;
    font-size: 1.5em;
    border: 0;
    border-radius: 0;
}

.ItemBottom > .Right {
    flex: 0;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.ItemBottom > .Right .ItemSubmit {
    width: 100%;
}

.ItemBottom > .Right a {
    padding: 4px;
}

.ItemBottom > .Center {
    flex: 1;
}

.ItemBottom > .Center > .ItemActions {
    justify-content: center;
}


/* META  : .Base.ItemStyles.SingleItem.SingleItemType */
.SingleItemType
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 300;
}

.ItemHeader .Center .SingleItemType {
    line-height: 1em;
    font-size: 75%;
    padding: 1px;
    position: absolute;
    left: 50%;
    bottom: 1px;
    transform: translateX(-50%);
    color: rgba(0,0,0,0.5);
    bottom: 0;
}

.ItemHeader .Center.NoSingleItemTitle .SingleItemType
{
    position: relative !important;
    align-items: center !important;
}

.ItemHeader .Left .SingleItemType {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border: 0 !important;
    max-width: 100%;
    justify-content: flex-start;
    border-right: solid 0 #80808030 !important;
}

.NoSingleItemTitle .SingleItemType {
    font-size: 100%;
    top: 0;
    position: relative;
    height: 100%;
}


/* META  : .Base.ItemStyles.SingleItem.ByUserDate */
.ByUserDate
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 80%;
    line-height: 1em;
    gap: 1px;
    position: relative;
    overflow: hidden;
}

.ItemFooter .ByUserDate {
    opacity: 0;
    position: absolute !important;
    top: 0;
}

.ItemFooter:hover .ByUserDate {
    opacity: 0.5;
}

.ItemFooter:hover .ByUserDate:hover {
    opacity: 1.0;
}

.ByUserDate > span {
    displa: flex;
    justify-content: center;
    flex: auto;
    padding: 1px 8px;
}.ByUserDate > span:nth-child(2)
{
    gap: 1px;
}

.ByUserDate > span:nth-child(2) > span:first-child:after
{
    content: ":";
    padding: 2px;
}


/* META  : .Base.ItemStyles.SingleItem.SingleItemHeader */
.SingleItem .SingleItemHeaderName
{
    flex: 1;
}

.SingleItemHeader .ItemStates .Center
{
    width: auto;
}

.SingleItem .SingleItemHeader,
.Fields_Header.ItemHeader
{
    background-color: #ffffff80;
    font-size: 1em;
    padding: 4px !important;

}

.SingleItem .SingleItemHeader .Field,
.Fields_Header.ItemHeader .Field
{
    --inputBorder: 0 !important;
    --fieldPadding: 1px !important;
}

.SingleItem .SingleItemHeader .LabelPositionTop
{
    --fieldLabelPadding: 4px 4px 0 4px;
}

.SingleItem .SingleItemHeaderName .InputSpan a
{
    font-size: 1.25em;
    font-weight: bold;
    text-align:center;
    justify-content: center;
}

.SingleItem .SingleItemHeaderTitle
{
    position: relative;
    right: 0;
    left: 0;
    bottom: auto;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    justify-content: flex-start;
    padding: 0;
    opacity: 1;

    letter-spacing: 1px;
    padding-left: 8px;
}

.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;
}

.SingleItem .FieldSet_m .SingleItemHeaderTitle > span
{
background-color: white !important;
border-radius: 8px;
padding: 4px 8px;
border: var(--border2);
z-index: 9;
    background-color: rgba(var(--singleItemBackColor), var(--singleItem-opacity));
}

.SingleItem .SingleItemHeader .FieldSet_l
{
    justify-content: center;
}


/* META  : .Base.ItemStyles.EntityTypeHasBorders */
.EntityTypeView {
    border: var(--border1);
    border-radius: var(--gap);
    background-color: #ffffff80;
}

.EntityTypeView .EntityTypeView {
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

.SingleItem > .ItemBody  {
    background-color: #ffffff80;
}

.SingleItem > .ItemBody  .EntityTypeView {
    background-color: transparent;
}


/* META  : .Base.Views.View */
.ViewBody
{
    position: absolute;
    white-space: normal;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
align-content: flex-start;
justify-content: center;
width: 100%;
}

.DisableOverflow .ViewBody {
    position: relative;
}

.EntityTypeViewBody.ViewBody {
    display: flex;
    flex-direction: row;
}

.ViewBody select:hover {
    opacity: 1.0 !important;
}

.ViewBody:hover > .FolderOptions {
    display: initial;
}

.LeftPanelHandler
{
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/images/menu.png);
    background-size: 16px 16px;
    width: 24px;

    background-repeat: no-repeat;

    bottom: 0;
    background-position: 0;
    opacity: 0.5;
}

.RightPanelHandler
{
    position: absolute;
    left: 3px;
    top: 3px;
    background-image: url(/images/darrowright.png);
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    border-radius: 16px;
}

.List_SaveNew {
display: flex;
}

.List_SaveNew > *:first-child {
    flex-grow: 1;
}

.DropArea
{
    box-shadow: 0 0 7px rgba(255,0,0,0.75) inset !important;
}

.FullView
{
    height: 480px;
    position: relative;
}

.ItemCountLabel {
    padding-left: 0.5em;
    opacity: 0.75;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-size: 0.5em;
    top: 0.5em;
    position: relative;
}

.DisplayFilterPanel_False img {
transform: rotateZ(0deg);
perspective: 800px;
}

.DisplayFilterPanel_True img {
transform: rotateZ(90deg);
}

.DisplayFilterPanel_True, .DisplayBrowseDataPanel_True {
    display: inline-block;
    border-radius: 0 2px 2px 0;
    opacity: 1.0 !important;
    border-right: 0;
}


/* META  : .Base.Views.View.ImportExport */
.ImportExport .Buttons .Choice {
    background-color: white;
    border: solid 1px rgba(127,127,127,0.2);
}

.ImportExport .Buttons #Choice_Import {
    background-color: lightsalmon;
}

.ImportExport .Buttons #Choice_Export {
    background-color: lightblue;
}

.ImportExport {
    max-width: 320px;
    margin: 0 auto;
    position: relative;
}

.ImportExport > div {
    margin: 1em;
}

    .ImportExport .Buttons {
    text-align: center;
    }

.ImportExport .Buttons .Choice {
    padding: 1em;
    margin: 0.5em;
    font-size: 150%;
}


/* META  : .Base.Views.View.MultiActons */
.MultiActions {
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 100;
    text-align: left;
    white-space: nowrap;
}

.MultiActions img {
    height: 16px;
    opacity: 0.7;
    display: none;
}

    .MultiActions a {
    display: inline-block;
    border: solid 1px rgba(127,127,127,0.2);
    padding: 0 3px;
    opacity: 1;
    margin: 1px;
    }

.MultiActions a:hover {
    opacity: 1.0;
}

.MultiActions span
{
    font-size: 100%;
    display: inline-block;
    padding: 0.5em 1em;
}

.SelectionCounter {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    color: rgba(var(--primaryRGB, 0,120,212), 1);
    background-color: rgba(var(--primaryRGB, 0,120,212), 0.1);
    border: 1px solid rgba(var(--primaryRGB, 0,120,212), 0.25);
    border-radius: 10px;
    padding: 1px 8px;
    margin-right: 6px;
    vertical-align: middle;
    white-space: nowrap;
}


/* META  : .Base.Views.View.DataActions */
.DataActions {

    display: inline-block;
}

.DataActions a div {
    display: inline-block;
}
.DataActions img {
    padding: 2px 2px;
    margin: 2px 3px;
}


/* META  : .Base.Views.View.ETSearch */
.ETSearch {
    padding: 1px 5px;
    line-height: 1em;
    position: absolute;
    right: 0;
    font-weight: normal;
}

.ETSearchPlace {
    width: 3em;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}.ETSearch input {
    width: 2.5em;
    border-radius: 2em;
    padding: 0.5em 1em;
    font-weight: normal;
    opacity: 0.5;
    position: relative;
    z-index: 100;
    transition: all 350ms;
    background-color: transparent;
    border-color: transparent;
    position: relative;
    z-index: 0;
}

.ETSearch:hover input,.Tablet .ETSearch input, .Mobile .ETSearch input .ETSearch:hover input:active, .ETSearch input.NotEmpty {
    width: 10em;
    background-color: white;
    color: #303030;
    opacity: 1.0;
    outline: 1px solid #d7dae1;
}

.ETSearch input:active, .ETSearch input:focus, .ETSearch input:hover {
    opacity: 1.0;
    width: 10em;
    background-color: white;
}

.ETSearch input::placeholder, .ETSearch input::placeholder {
    opacity: 0.0;
}

.ETSearch:hover input::placeholder {
    opacity: 1.0;
}

.ETSearch input:active::placeholder, .ETSearch input:focus::placeholder, .ETSearch input:hover::placeholder {
    opacity: 1.0;
}

.ETSearch::after
{
    content: var(--icon-Search);
    font-family: "361";
    position: absolute;
    top: 0;
    bottom: 0;
    height: fit-content;
    padding: 0.5em;
    font-size:1.5em;
    margin: auto;
    right: 0;
    z-index: 99;
    opacity: 0.5;
}


/* META  : .Base.Views.View.BulkInsert */
.BulkInsertDataPanel {
    height: 64px;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 40px;
    overflow: auto;
-webkit-overflow-scrolling: touch;
}

.BulkInsertFields
{
    white-space: nowrap;
    overflow: auto;
-webkit-overflow-scrolling: touch;
    position: absolute;
    text-align: left;
    top: 0;
    left: 0;
    bottom: 0;
    right: 48px;
}

.BulkInsertActions
{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 48px;
    right: 0;
}

.BulkInsertDataPanel .AddNewRecord
{
    width: 40px;
    height: 40px;
    display: inline-block;
    padding: 4px
}

.BulkInsertFields .FieldValue {
    white-space: nowrap;
}

.BulkInsertFields .FieldValue > * {
    display: inline-block !important;
    padding: 3px;
    vertical-align: middle;
}

.BulkInsertFields > div
{
    display: inline-block;
}

.BulkInsertDataPanel .Field {
    padding: 1px;
}

.BulkInsertDataPanel .FieldLabel {
    text-align: left;
    display: block !important;
    width: 100% !important;
}

.BulkInsertDataPanel .FieldValue {
    padding: 1px;
    text-align: left;
    display: block !important;
    width: 100% !important;
}

.BulkInsertDataPanel {
    border: solid 1px rgba(127,127,127,0.2);
    background-color: rgba(240, 243, 245, 0.71);
}


/* META  : .Base.Views.View.AddGroupField */
.AddGroupField {
    width: auto !important;
    padding: 0 !important;
    line-height: 0;
    display: block;
    vertical-align: middle;
}.AddGroupField > a {
    font-size: 80%;
    padding: 0.5em 0.5em 0.5em 2em;

}

.AddGroupField a:before
{
    content: "+";
    font-weight: bold;
    line-height: 1.5em;
    font-size: 115%;
}

.AddGroupField:hover {
    opacity: 1.0;
    text-shadow: 0 0 1px;
}

.AddGroupField {
    -webkit-appearance: none !important;
    appearance: none !important;
    opacity: 0.75 !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: 0 0 0;
}


/* META  : .Base.Views.View.ByFieldsRight */
.View_Matrix .ByFieldsRightItem {
    width: auto;
    vertical-align: bottom;
}

.Cell.ByFieldsRight
{
    width: auto;
    height: auto;
}div.ByFieldsRight .GroupByDir {
    width: 2em;
    flex: 0;
}

div.ByFieldsRight {
    text-align: left;
    vertical-align: bottom !important;
    white-space: nowrap;
    padding: 0;
    display: flex !important;
    flex-direction: row;
}

.ViewBody > div.ByFieldsRight {
    z-index: 9;
}

.UIViewSingle  > .ByFieldsRight {
    display: none !important;
}

.ByFieldsRight img {
    height: 12px !important;
    width: 12px !important;
    opacity: 0.5;
}

.ByFieldsRight > div {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.PivotTable .ByFieldsRight  {
    position: relative;
}

.PivotTable .TopRight .ByFieldsRight {
    display: inline-flex !important;
}.PivotTable .ByFieldsRight > .ByFieldsRightAdd {
    position: initial;
}

.PivotTable .PivotLeft .ByFieldsRight > div {
    display: block;
}

.ByFieldsRight > div {
    padding: 0 5px 0 0;
}

.ByFieldsRight .Label {
    display: none;
}

.ByFieldsRight .GroupFieldFunction {
    width: 100% !important;
}

.ByFieldsRight select {
    width: auto;
    position: static;
    line-height: 1em;
    padding: 5px;
    padding-left: 14px;
}

.Right.ByFieldsRight {
    text-align: right;
}

.EntityTypeViewTitleBody.ByFieldsRight {
    height: auto;
    white-space: nowrap;
}

.FolderOptions .ByFieldsRight {
    display: inline-block;
    float: left;
}

.Header .Right .ByFieldsRight {
    display: inline-block;
}

.MicroView:hover .ByFieldsRight {
    display: inherit;
    }

.MicroView .ViewBody .ByFieldsRight,
.UIViewMicro .ViewBody .ByFieldsRight
{
    display: none !important;
    font-size: 9px;
}

.ETWMenu .ByFieldsRight
{
    white-space: normal !important;
    display: block !important;
}

.ETWMenu .ByFieldsRight > div
{
    display: block !important;
    text-align: left;
}

.ETWMenu .ByFieldsRight .ItemSelection {
display: block !important;
    text-align: left;
    padding: 0;
    white-space: normal;
    margin: 0 1.5em;
    width: calc(100% - 3em);
}


/* META  : .Base.Views.View.ETWMenu */
.ETWMenu_Closed {
    display: flex;
    flex-direction: row;
}

.ETWMenu .CloseButton {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 9999;
    font-size: 1.25rem;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background 0.15s ease;
    opacity: 0.6;
}
.ETWMenu .CloseButton:hover {
    background: rgba(0,0,0,0.06);
    opacity: 1;
}

.ETWMenu_Closed > .EntityTypeViewBody {
    flex: 1;
}

.ETWMenu_Closed > .ETWMenu {
    flex: 0;
}

.ETWMenu_Open {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

.ETWMenu_Open > .EntityTypeViewBody {
    flex: 1;
    max-width: 100%;
    width: 100%;
}

.ETWMenu_Open > .ETWMenu {
    flex: initial;
    transform: translateX(0);
}

.ETWMenu_Over > .EntityTypeViewBody > .Center > .PanelHeader > .TopRight > .ViewActions,
.ETWMenu_Open > .EntityTypeViewBody > .Center > .PanelHeader > .TopRight > .ViewActions {
    position: relative;
    z-index: 100;
}

.ETWMenu_Open > .EntityTypeViewBody > .Center > .PanelHeader {
    margin-right: 0 !important;
}

.ETWMenu .GroupFieldFunctionRight {
    display: block;
    text-align: center;
}

.ETWMenu .GroupFieldFunction > input {
    width: 80%;
    margin-left: 1.5em;
}

div.ETWMenuBody > div.ETWBys {
    height: auto;
}

.ETWMenu .InlineHelpText {
    display: block;
    padding: 0.5em 1em !important;
}

.ETWMenu_Open > .ETWMenu, .ETWMenu_Over > .ETWMenu {
    width: 260px !important;
    opacity: 1.0;
}

.ETWMenu > .ToggleMenu {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 1000;
    padding: 8px;
    border-radius: 8px;
    transition: background 0.15s ease;
    opacity: 0.5;
}
.ETWMenu > .ToggleMenu:hover {
    background: rgba(0,0,0,0.06);
    opacity: 0.8;
}

.ETWMenu_Open > .ETWMenu > div, .ETWMenu_Over > .ETWMenu > div {
    display: block;
}

.ETWMenu {
    z-index: 300;
    position: relative;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    background: var(--backColor);
    border-left: 1px solid rgba(127,127,127,0.12);
    box-shadow: -4px 0 16px rgba(0,0,0,0.06);
}

.ETWMenuBody {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-top: solid 0 rgba(192, 192, 192, 0.5);
    border-bottom: solid 0 rgba(192, 192, 192, 0.5);
    flex: 1;
    padding: 4px 0;
}

.MicroView > .EntityTypeViewBody > .ETWMenu {
    display: none !important;
}

.ETWMenu > div {
    text-align: center;
    display: none;
}

.ETWMenu .GroupFieldFunction {
    display: block;
    width: auto;
    white-space: nowrap;
}

.ETWMenu .GroupFieldFunction .ItemSelectionChoice {
    padding: 0.5em;
    text-align: center;
}

.ETWMenu .ItemSelectionChoice span {
    margin: 2px !important;
    padding: 3px 10px !important;
}

.ETWMenu .ActionPanelHeader {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(48,48,48,0.5);
    padding: 10px 14px 6px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.ETWMenu .ActionPanelHeader:hover {
    background-color: rgba(0,0,0,0.04);
}

.ETWMenu .ActionPanelBody {
    padding: 4px 8px;
}

.ETWMenu .ActionPanel_ViewTypes a {
    border-left: 3px solid transparent;
    transition: border-color 0.15s ease, background-color 0.15s ease;
    border-radius: 0 6px 6px 0;
    padding: 6px 12px;
    margin: 1px 0;
}

.ETWMenu .ActionPanel_ViewTypes a.Selected {
    border-left: 3px solid var(--backColor);
    background-color: rgba(0,120,212,0.06);
    font-weight: 500;
}

.ETWMenu .ActionPanel_ViewTypes a:hover {
    background-color: rgba(0,0,0,0.04);
}

.ETWMenu .ActionPanelButton {
    display: inline-block;
    padding: 6px 12px;
    margin: 2px 4px;
    border-radius: 6px;
    font-size: 12px;
    transition: background 0.15s ease;
}

.ETWMenu .ActionPanelButton:hover {
    background: rgba(0,0,0,0.05);
}

.ETWMenuTop {
    border-bottom: 1px solid rgba(127,127,127,0.1);
    padding: 4px 0;
}

.ETWMenuBottom {
    border-top: 1px solid rgba(127,127,127,0.1);
    padding: 4px 0;
}

.ETWMenu .GroupFieldCompareFunction {
    display: block;
    font-size: 9px !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 5px 10% !important;
    text-align: right !important;
}


/* META  : .Base.Views.View.ViewActions */
.ViewActions {
    vertical-align: middle;
    display: inline-block;
    border: solid 1px transparent;
    padding: 0;
    z-index: 2;
}

.ViewActions .ToggleMenu {
    border: 0;
    background-color: transparent;
    padding: 2px 4px;
    font-size: 2em;
}

.ViewActions .ToggleMenu:hover {
    border: 0;
    color: orangered;
}

.ViewActions img {
    padding: 2px;
    margin: 5px;
}

.ViewActions a {
    padding: 6px 12px;
    border-radius: 6px;
    transition: background-color 0.15s ease;
    font-weight: 400;
}

.ViewActions a:hover {
    background-color: rgba(0,0,0,0.04);
}

.ViewActions a.Selected {
    font-weight: 500;
    background-color: rgba(0,120,212,0.08);
    border-radius: 6px;
}


/* META  : .Base.Views.View.Trash */
.TrashButton {
    position: absolute;
    top: 1px;
right: 50%;
z-index: 1000;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 24px;
vertical-align: middle;
padding: 7px;
}

.TrashButton img
{
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.TrashButton {
    background-color: white;
    box-shadow: 0 0 7px rgba(0,0,0,0.75) !important;
    border-radius: 50%;
    opacity: 1.0;
}


/* META  : .Base.Views.View.Paging */
.Paging {
    vertical-align: middle;
    display: block;
}

.EntityTypeView .Paging {
    opacity: 0.1;
}

.EntityTypeView:hover .Paging {
    opacity: 1;
}

.Center .Paging select {
    text-align: center;
    min-width: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1em;
    padding: 8px;
    direction: rtl;
    border: 0;
}

.Paging select {
    width: auto;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}

.Paging a {
    display: inline-block !important;
    min-width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0 1px;
    vertical-align: middle;
    box-sizing: content-box;
    padding: 2px;
    border: solid 1px #80808040;
    border-radius: 8px !important;
}

.Paging .FieldHasSelect {
    position: relative;
}

    .Paging a span {
    line-height: 20px;
    vertical-align: middle;
    }

    .Paging a img {
    line-height: 24px;
    top: 2px;
    position: relative;
    }

    .MicroView .Paging .MicroButton {
    display: initial;
}

.Paging a {
    border-radius: 3px;
}
.Paging input {
    width: 5em;
    text-align:center;
}

.Paging a.Selected {
    background-color: rgba(255,255,255,0.5);
    font-weight: bold;
}

.Paging a:hover {
    background: #00a8e6;
    color: #fff;
}


/* META  : .Base.Views.View.Excel */
.ImportExcel {
    text-align: center;
}

.ImportExcel button {
    border-radius: 3px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
}

    .ImportExcel button::before {

    content: var(--icon-Import);
    font-family: "361";

    padding-right: 0.5em;
    opacity: 0.5;
    }

.ImportExcel input[type='file'] {
    display: none;
}.ActionPanel_ExcelPanel .importfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .ActionPanel_ExcelPanel .importfile + label,
    .ActionPanel_ExcelPanel .ActionPanelButton
    {
    font-size: 1em;
    font-weight: normal;
    border: solid 1px rgb(79,79,81);
    border-radius: 3px;
    }

    .ActionPanel_ExcelPanel .ActionPanelButton {
    margin: 1em;
    display: block;
    }
    .ActionPanel_ExcelPanel .importfile + label:hover {
    background-color: #222222;
    color: white;
    }

.ActionPanel_ExcelPanel {
    display: none;
}

.View_List .ActionPanel_ExcelPanel {
    display: block;
}

.ActionPanel_ExcelPanel .SampleFile {
    display: none;
    padding: 0.5em;
    text-decoration: underline;
}

    .ActionPanel_ExcelPanel .ExportToExcel {
    position: relative;
    padding-left: 2.25em;
    }

    .ActionPanel_ExcelPanel .ImportFromExcel {
    position: relative;
    padding-left: 2.25em;
    }

    .ActionPanel_ExcelPanel .ExportToExcel:before {

    content: var(--icon-Export);
    font-family: "361";

    position: absolute;
    left: 0.5em;
    font-size: 1.25em;
    }

    .ActionPanel_ExcelPanel .ImportFromExcel:before {

    content: var(--icon-Import);
    font-family: "361";

    position: absolute;
    left: 0.5em;
    font-size: 1.25em;
    }


/* META  : .Base.Views.View.InsertRow */
.InsertRow .SaveButton {
    position: absolute;
    left: 10px;
    top: 3px;
    font-size: 150% !important;
    padding: 0 !important;
    display: block !important;
    line-height: 1em !important;
    margin: auto 0;
}

.InsertRow .FirstCol input
{
    margin-left: 20px;
    width: calc(100% - 20px);
}

.InsertRow .StepButton {
    display: none;
}

.InsertRow .FieldDate > *
{
    display: inline-block !important;
}

.InsertRow .FieldIsZero {
    opacity: 1.0;
}

.InsertRow {
    outline: 4px solid #A3A3A3;
    text-transform: none;
    opacity: 1.0 !important;
}

.InsertRow td {
    background-color: #ffffff !important;
}

.InsertRow input, .InsertRow select {
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 0;
    background-color: #ffffff !important;
    opacity: 1.0;
}

.ListQuickInsert .ReadOnly {
    background-color: #F0F0F0 !important;
}

.InsertRow td a {
    color: #222222 !important;
}

.InsertRow .Suffix {
    display: none !important;
}

.InsertRow td {
    padding: 0 !important;
    height: 24px;
}

.InsertRow input,.InsertRow select {
    display: block;
    width: 100%;
    height: 22px !important;
}

    .InsertRow .ItemSelection {
    display: block !important
    }

    .InsertRow .ItemSelection  {
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 0;
    min-width: inherit;
    opacity: 1.0;
    height: 22px;
}

    .InsertRow > .FieldBool > a {
    display: inline-block;
    padding: 3px 6px;
    }

.InsertRow > td > * {
    padding: 3px;
}

.InsertRow .HourPicker {
    width: 3em !important;
    padding: 0;
}

.InsertRow .MinutePicker {
    width: 3em !important;
    padding: 0;
}

.ListQuickInsert .ListHeader
{
    height: 54px !important;
}

.ListQuickInsert .ListBody
{
    top: 55px !important;
}


/* META  : .Base.Views.View.ActionPanel */
.ActionPanel {
    position: relative;
    padding: 1px;
    margin-left: auto;
    margin-right: auto;
}

.ActionPanel.Parameters
{
    padding: 0;
    margin: 0;
    font-size: 80%;
    padding-top: 4px;
    padding-bottom: 4px;
    --inputPadding: 4px 6px;
    --inputRadius: 4px;

}

.ActionPanelBody {
    padding: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    box-sizing: border-box;
    border-top: 1px dotted rgba(127,127,127,0.2);
}

.ActionPanelHeader
{
    display: block;
    text-align: left;
    padding: 1px;
    line-height: 1em;
    padding-left: 6px;
    font-weight: 600;
}

.ActionPanelHeader:after
{
    content: var(--icon-Chevron-Down);
    font-family: "361";
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    opacity: 0.5;
}

.HideActionBody > .ActionPanelHeader:after
{
    transform: rotate(90deg);
}

.ActionPanel_FilterBy .GroupField
{
    margin-bottom: 5px;
}

.ActionPanelHeader span {
    font-size: 1em;
}.ActionPanelBody .GroupFieldParams
{
    text-align: center;
    position: relative;
}

.ActionPanel .OrderByToggle {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.25em 0;
    border: 0;
}

.ActionPanel_ViewTypes
{
    overflow: auto;
-webkit-overflow-scrolling: touch;
}

.ActionPanel_ViewTypes a img {
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}

.ActionPanel_ViewTypes a  {
    margin: 0;
    display: block;
    padding: 3px;
    border-radius: 0;
    text-align: left;
}.ActionPanel_ViewTypes a.Selected {
    box-shadow: 0 0 4px #656565;
}

.ActionPanel_ViewTypes .ActionPanelBody a span {
    padding: 1px 7px;
}

.SelectionsMenu .ActionPanel_ViewTypes .ActionPanelBody a {
    display: block;
    text-align: left;
}

.SelectionsMenu .ActionPanel_ViewTypes .ActionPanelBody a span {
    display: inline-block;
    padding: 1px 2px;
    vertical-align: middle;
    line-height: 2em;
}

.SelectionsMenu .ActionPanel_ViewTypes .ActionPanelBody a span svg {
    height: 16px;
    width: 16px;
}

.ActionPanel_ViewTypes .ActionPanelHeader {
    display: none;
}

.EntityTypeView > .Left {
    position: relative;
}

.EntityTypeView > .Left .ActionPanel_SendItems
{
    position: absolute;
    left: 0;
    bottom: 0;
}

.ActionPanel_SendItems select, select.SendItems {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearenace: none;
    width: 24px;
    height: 24px;
    background-image: url(/images/share.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    opacity: 0.5;
    padding: 4px;
    margin: 1px 5px;
}

.EntityTypeView .Left .ActionPanel_SendItems .ActionPanelHeader
{
    display: none;
}

.ActionPanel_View > .ActionPanelHeader
{
    text-align: center;
}

.ActionPanel_View > .ActionPanelBody
{
    padding: 1px;
    text-align: left;
}

.ActionPanel_Data > .ActionPanelHeader
{
    text-align: center;
}

.ActionPanel_Data > .ActionPanelBody
{
    padding: 0;
}

.ETWMenu .ActionPanel {
    padding: 0;
}

.ActionPanel .ByFieldsRightItem.Choices a.ToggleButton {
    padding: 0.5em 0;
}

.ETWMenu .ActionPanelHeader {
    text-align: left;
    padding: 0.75em;
}

.ETWMenu .HideActionBody > .ActionPanelBody {
    display: none !important;
}

.ActionPanelButton {
    padding: 0.5em;
    font-size: 100%;
    display: block;

    margin: 0.25em;
}

.ActionPanelButton:hover {
    transform: scale(1);
}

.ActionPanel_UpdateBy .ActionPanelBody {
    text-align: center;
}

.ETWMenu .ETWMenuBody .ActionPanel {
    background-color: transparent !important;
    border-top: 1px solid rgba(127,127,127,0.2);
    border-bottom: 1px solid rgba(127,127,127,0.2);
}

.ETWMenu .ActionPanelHeader {
    color: #222222;
    background-color: rgba(192, 192, 192, 0);
    text-transform: uppercase;
    font-weight: 555;
    font-size: 95%;
    text-align: left;
}

.ActionPanelButton {

    text-transform: uppercase;
    border-radius: 3px;
    color: rgb(79,79,81);
    background-color: transparent;
    border: solid 1px rgb(79,79,81);
}
    .ActionPanelButton:hover {
    opacity: 1.0;
    background-color: rgb(79,79,81);
    color: white;
    }

.ActionPanel .ByFieldsRightItem.Choices a.ToggleButton {
padding: 0.25em;
    background-color: transparent;
    min-width: 1em;
    font-size: 1.5em;
}

.ActionPanel .ByFieldsRightItem.Choices a.ToggleButton:hover {
    box-shadow: 0 0 0;
    text-shadow: 0 0 1px #303030;
}


/* META  : .Base.Views.View.DisableOverflow */
.DisableOverflow > .EntityTypeViewBody > .Center {
    position: relative;
}
.DisableOverflow.PanelHasHeader > .EntityTypeViewBody > .Center > .Middle {
    display: flex;
}
.DisableOverflow > .EntityTypeViewBody > .Center > .Bottom {
    position: relative;
    width: 100%;
}

.DisableOverflow .Middle {
overflow: initial;
}

.DisableOverflow .Parameters2
{
    position: relative;
}

.DisableOverflow .Parameters4
{
    position: relative;
}

.DisableOverflow > .ETWBody.MinimizeBottom.OpenItemSize_Full, .DisableOverflow > .ETWBody.MinimizeBottom.OpenItemSize_Over {
    top: 0;
    bottom: 100%;
    opacity: 0.0;
    display: none !important;
}

    .DisableOverflow
    {
    position: relative !important;
    height: auto !important;
    z-index: 0;
    }

    .DisableOverflow > .EntityTypeViewBody {
    height: auto;
    min-height: 100%;
    }

    .DisableOverflow > .EntityTypeViewBody > .Center {
    height: auto;
    min-height: 100%;
    }

    .DisableOverflow .Parameters {
    position: relative;
    top: inherit !important;
    }


/* META  : .Base.Views.View.PageByField */
.PageByField::after
{
    content: var(--icon-Chevron-Down);
    font-family: "361";
    position: absolute;
    right: 0.25em;
    bottom: 0.5em;
    pointer-events: none;
}

.PageByField:hover:after, .Field:hover .FieldHasSelect:after {
    opacity: 1.0;
}

.PageByField
{
    margin: 1px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
}

.PageByField > * {
    line-height: 1em;
    padding: 0.5em;
    text-align: left;
}

    .PageByField > select {
    max-width: 10em;
    width: 100%;

    }

    .PageByField.NotEmpty > select {
    max-width: 90%;
    }

.PageByField.Required {
    color: red;
}

.BigPageByPanel .Label {
display: flex;
    font-size: 80%;
    align-items: center;
}


/* META  : .Base.Views.View.ActionButtons */
.MainItemTitle .ActionButtons {
    position: absolute;
    top: 5px;
    right: 15px;
}

.MainItemTitle .ActionButtons button
{
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    border: 0;
    margin: 1px 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.ActionButtons button:hover
{
    box-shadow: 0 0 10px red;
}

.ActionButtons .SignButton {
    z-index: 99;
    color: blue;
    font-weight: bold;
    font-size: 150%;
}

.ActionButtons .DeleteButton .fas {
    font-size: 20px;
}

.FieldValue .ActionButtons {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    display: none;
    z-index: 1000;
}

    .FieldValue .ActionButtons .DeleteButton {
    right: 0;
    bottom: 0;
    top: auto;
    }

    .FieldValue .ActionButtons a {
    padding: 2px;
    font-size: 1.5em;
    bottom: 0 !important;
    top: auto !important;
    }

.FieldValue .ActionButtons a img
{
    width: 20px;
    height: 20px;
    max-height: unset;
}

.ActionButtons > a
{
    opacity: 0.5;
    padding: 0;
}

.ActionButtons > a:hover
{
    opacity: 1;
}

.PreviewField .ActionButtons {
    bottom: 0;
    top: auto;
}


/* META  : .Base.Views.View.GroupBy */
.GroupByBody  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
justify-content: center;
}

.ItemView .GroupByBody  {
    gap: 0;
    padding: 0;
}

.GroupByTitle > .GroupByAgg {
position: absolute;
    top: 1px;
    right: 1px;
    padding-right: 8px;
    padding-left: 0;
    opacity: 0.5;
}

.ViewBody .GroupByTitle {
    text-align: left;
    position: sticky;
    top: 0;
}

.ViewBody > .LastGroupByBody
{
    display: flex;
    overflow: auto;
-webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.GroupByTabHeader {
    padding: 0;
    gap: 0;
    display: flex;
max-width: 100%;
overflow: auto;
}

    .GroupByTabHeader > div {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    font-size: 110%;
    border: solid 1px rgba(127,127,127,0.2);
    margin: 0;
    box-sizing: border-box;
    }

.GroupByTabHeader > div > div
{
    display: table;
}

    .GroupByTabHeader > div > div > a {
    padding: 1px;
    display: table-cell;
    min-width: 2em;
    height: 3em;
    vertical-align: middle;
    line-height: 1em;
    font-size: 100%;
    text-align: center;
    white-space: normal;
    padding: 1em;
    }

.ETWBody.MinimizeLeft .FolderGroupBy , .ETWBody.MinimizeRight .FolderGroupBy
{
    padding: 0;
    margin: 0;
}

.ViewBody > .GroupByMode_Menu {
    position: relative;
    width: 100%;
    height: 100%;
}

.GroupByRow1 {
    background-color: rgba(222,222,222,0.30);
}

.GroupByRow2 {
    background-color: rgba(222,222,222,0.25);
}

.GroupByRow3 {
    background-color: rgba(222,222,222,0.20);
}

.GroupByRow4 {
    background-color: rgba(222,222,222,0.15);
}

.GroupByRow5 {
    background-color: rgba(222,222,222,0.1);
}

.GroupByTabHeader .Selected {
    box-shadow: 0 0 5px silver;
    background-color: rgba(255,255,255,0.7) !important;
}


/* META  : .Base.Views.View.FieldLabels */
.Parameters.FieldLabels {
    background-color: white;
}

.ParameterSet.FieldLabels {
    background-color: white;
}

.FieldLabels .Text {
    width: 100%;
    border: solid 1px rgba(127,127,127,0.2);
    border-right: 0;
    align-items: center;
}

    .FieldLabels .Text:last-child {
    border-right: solid 1px rgba(127,127,127,0.2);
    }

.Parameters.FieldLabels, .FieldLabels .Parameters {
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border: solid 1px rgba(127,127,127,0.2);
    border-bottom: 0;
    overflow-y: auto;
}

.EntityTypeView.FieldLabels .ItemView {
    padding: 0;
    box-shadow: 0 0 0;
    display: block;
    border-bottom-width: 0;
}

    .EntityTypeView.FieldLabels .ItemView:last-child {
    border-bottom-width: 1px;
    }

    .EntityTypeView.FieldLabels .ItemView:hover {
    border-color: orange;
    }

    .EntityTypeView.FieldLabels .ItemView:hover + .ItemView {
    border-top-color: orange;
    }

    .EntityTypeView.FieldLabels .ItemView .Field {
    border: solid 1px rgba(127,127,127,0.2);
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    }

    .EntityTypeView.FieldLabels .ItemView .Field.Mode_Edit.LabelHidden {
    padding: 0;
    border: 0;
    }

    .EntityTypeView.FieldLabels .ItemView .Field.Mode_Edit.LabelHidden .FieldValue {
    padding: 0 !important;
    margin: 0 !important;
    }

    .EntityTypeView.FieldLabels .ItemView .Field.Mode_Edit.LabelHidden .FieldValue input {
    border-radius: 0;
    }

    .EntityTypeView.FieldLabels .ItemView .Field.Mode_Edit.LabelHidden .FieldValue .ItemSelection {
    border-radius: 0;
    }

.Mobile .EntityTypeView.FieldLabels .ItemView .Field .FieldValue {
    padding: 5px !important;
}


/* META  : .Base.Views.View.SelectedItem */
.SelectedItem {
    z-index: 10;
}

.ItemView.SelectedItem {
    position: relative;
}

.ItemView.SelectedItem:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content : " ";
    background-color: rgba(var(--primaryRGB, 0,120,212), 0.12);
    border: solid 1px rgba(var(--primaryRGB, 0,120,212), 0.3);
    pointer-events: none;
}

.ListBody tbody > tr.SelectedItem {
    background-color: rgba(var(--primaryRGB, 0,120,212), 0.10) !important;
    outline: 1px solid rgba(var(--primaryRGB, 0,120,212), 0.25);
    outline-offset: -1px;
}

.SelectedItem .HideOnSelected
{
    display: none !important;
}

.SelectedItem .HideOnSelectedEdit.Mode_Edit
{
    display: none !important;
}

.SelectedItem .ShowOnSelected
{
    display: inherit;
}

.ShowOnSelected {
    display: none;
}


/* META  : .Base.Views.View.ItemsTable */
.ItemsTable {
    width: 100%;
}.ItemsTable caption
{
    padding: 5px;
    text-align: left;
    padding-left: 20px;
    font-size: 13px;
}

.ItemsTable thead td {
    vertical-align: bottom;
}

.ItemsTable td
{
    text-align: left;
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ItemsTable .ItemValue {
    text-align: right;
    width: 8em;
}

.ItemsTable caption {
    color: #222222;
    font-weight: bold;
    background-color: rgba(0,0,0,0.08);
}

.ItemsTable tr:hover {
    background-color: rgba(0,255,0,0.5);
}


/* META  : .Base.Views.View.MicroView */
.MicroView {
    width: 100%;
    height: 100%;
    max-height: unset;
    min-height: unset;
    padding: 0;
    box-sizing: border-box;
    }

    .Mobile .MicroView
    {
    padding: 0;
    }

    .MicroView > .EntityTypeView:hover {
    z-index: 1000;
    }

    .MicroView .MicroView {
    margin: 0;
    }

.MicroView .CurrentViewType {
    display: none !important;
    }

.MicroView:hover > .EntityTypeView > tr > td > div > .ViewBody > select {
    display: inline-block !important;
    }

.MicroView select {
    line-height: normal !important;
    height: auto !important;
}

    .MicroView .BrowseItem {
    margin: 0;
    }

    .MicroView .FieldSet {
    text-align: center;
    }.MicroView .Middle {
    border: 0;
}

.MicroView .EntityTypeViewTitle {
    white-space: normal;
    line-height: 1em;
    margin: 1px;
}

.MicroView {
    background-color: transparent;
    box-shadow: 0 0 0 !important;
}

    .MicroView > .EntityTypeView {
    background-color: white;
    border: solid 1px rgba(127,127,127,0.2);
    }

.MicroView > .EntityTypeView:hover {
    box-shadow: 0 0 12px #222222 !important;
}

.MicroView .ViewBody {
    box-shadow: 0 0 0;
}

.MicroView.View_Metrics .ViewBody,
.UIViewMicro.View_Metrics .ViewBody {
    background-color: transparent;
}


/* META  : .Base.Views.View.Actions */
.Actions a, .DataActions a, .ViewActions a, .Top a {
    padding: 0.7em 1em;
    margin: 0;
    border-radius: 0;
    vertical-align: middle;
    display: inline-block;
    display: flex;
min-width: 48px;
text-align: center;
justify-content: center;
}

.TopLeft .Actions a {
    background-color: #009ef7 !important;
    color: #ffffff !important;
}

.Actions a img
{
    width: 16px;
    height: 16px;
    margin: 1px 5px;
}

.Actions a:hover
{
    opacity: 1.0;
    box-shadow: 0 0 5px #222222;
}

.Actions > a > span {
    margin: 1px;
    padding: 1px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.View_Chart .TopLeft .Actions,
.View_Metrics .TopLeft .Actions,
.View_Matrix .TopLeft .Actions {
    display: none !important;
}

.List_Actions > a, .List_Action {
    padding: 10px;
}

.List_Actions a:hover {
    color: orangered;
}


/* META  : .Base.Views.View.NoRecordsFound */
.NoRecordsFound {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    font-weight: 200;
    top: 0;
    bottom: 0;
    padding: 1em;
    display: inline-block;
    vertical-align: middle;
    left: 0;
    right: 0;
    text-align: center;
    white-space: normal;
    opacity: 0.75;
    letter-spacing: 1px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.NoRecordsFound:before {
    content: '!';
    border-radius: 5em;
    background-color: black;
    color: white;
    opacity: 0.25;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    margin-right: 0.5em;
}

.DisableOverflow .NoRecordsFound, .UIViewSingle > .NoRecordsFound, .UIViewMicro > .NoRecordsFound {
    position: relative;
}


/* META  : .Base.Views.View.EntityTypeView */
.EntityTypeView > .EntityTypeViewBody  {
    flex-grow: 1;
    max-width: 100%;
}

.EntityTypeView {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
display: flex;
    display: -webkit-flex;
flex: 1;
flex-direction: row;
    contain: layout;

}.EntityTypeViewBody {

    box-sizing: border-box;
    vertical-align: top;
    position: relative;
    display: block;
    min-height: 100%;
    height: auto;
    flex: 1;
flex-direction: column;
justify-content: flex-start;
    contain: layout;

}

.ItemView .EntityTypeViewBody {
    border: 0;
}

.EntityTypeViewBody .EntityTypeViewBody {
    background-color: transparent;
}

.DisableOverflow > .EntityTypeViewBody,
.ViewBody.EntityTypeViewBody, .UIViewMicro > .EntityTypeViewBody
{
    min-height: initial;
    height: auto;
}

.EntityTypeViewBody > * {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
}

.EntityTypeViewBody > .ItemView {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.EntityTypeViewBody > .GroupByMode_Open
{
    flex-direction: column;
    width: 100%;

}.EntityTypeViewBody > .Center {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    height: 100%;
    gap: 0 !important;
    flex: 1;
}.EntityTypeViewBody > .Center > .Middle {
    flex: 1;
    width: 100%;
    display: block;
    height: auto;
}

.EntityTypeView.FullView {
    width: auto !important;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    min-height: 360px !important;
    z-index: 10000 !important;
    border: 0 0 25px  rgba(66,66,66,0.6) !important;
    box-sizing: border-box;
    margin: 10px;
}

.EntityTypeView.FullView > .EntityTypeView {

    min-height: 360px !important;
    box-sizing: border-box;
}.EntityTypeView tr td.Center {
    vertical-align: top;
    text-align: center;
    position: relative;
    width: auto;
}.EntityTypeView tr td.Left {
    text-align: left;
    vertical-align: top;
    width: 0;
    overflow: auto;
-webkit-overflow-scrolling: touch;
}

.EntityTypeView .EntityTypeView {
    box-shadow: 0 0 0;
}

.EntityTypeView tr td.Right {
    text-align: right;
    vertical-align: top;
    width: 0;
}


/* META  : .Base.Views.View.EntityTypeView.QuickForm */
.EntityTypeViewBody .QuickForm
{
    display: flex;
    flex-direction: row;
    border-top: var(--border1);
    border-bottom: var(--border1);

}

.EntityTypeViewBody .QuickForm > .QuickFormAdd
{
    flex: 0;
    min-width: 3em;
    max-width: 3em;
    display: flex;
    align-content: center;
    justify-content: center;
    border-left: var(--border1);
}

.EntityTypeViewBody .QuickForm > .QuickFormAdd > .ImageClass
{
    font-size: 2em;
}

.EntityTypeViewBody .QuickForm > .Fields
{
    flex:1;
    max-width: calc(100% - 3em);
}


/* META  : .Base.Views.View.EntityTypeView.ItemsTitles */
.ItemsTitles {
    display: flex;
    flex-wrap: nowrap;
--labelcolor: #78909C;
font-size: 90%;
color: var(--labelColor);
border-top: var(--border1);
padding-top: 4px;
padding-bottom: 4px;
}

.ItemsTitles .Field,
.ItemsTitles .FieldView,
.ItemsTitles .Text,
.ItemsTitles .SiteMapTitle
{
    padding-left: 1px;
    padding-right: 1px;
display: flex;
justify-content: center;
flex-direction: column;
align-content: center;
line-height: 1em;
white-space: break-spaces;
width: 100%;
padding: 1px;
position: relative !important;
    color: var(--labelColor);
padding: var(--fieldPadding);
height: auto !important;
text-align: left;
padding-top: 1px;
padding-bottom: 1px;
}

.ItemsTitles .FieldSet {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
height: auto !important;
}

.ItemsTitles .DirectionVer {
    gap: 0 !important;
    height: auto;
}

.ItemsTitles .SiteMapTitle
{
    flex: 0 0 25%;
    padding-left: 3em;
    text-align: left;
}

.ItemsTitles .Field_Number,
.ItemsTitles .Field_Money,
.ItemsTitles .Field_Integer
{
    text-align: right;
    padding-right: 1em;
}


/* META  : .Base.Views.View.ETWTools */
.ETWTools > * {
    padding: 5px;
    opacity: 0.5;
}

.ETWTools > *:hover {
    opacity: 1.0;
}

.ETWTools img {
    height: 12px;
}

.ETWTools > a > *{
    display: block;
    width: auto;
    text-align: center;
    margin: auto;
}


/* META  : .Base.Views.View.ETWTop */
.ETWTop {
    opacity: 1.0;
    top: 0;
    bottom: 100%;
    left: 0;
    right: 0;
}

.ETWTop.Activate.OpenItemSize_Full, .ETWTop.Activate.OpenItemSize_Over {
    top: 0;
    bottom: 0;
    opacity: 1.0;
    position: absolute;
    left: 0;
    right: 0;
}

.ETWTop.Activate
{
    top: 0;
    bottom: 50%;
    opacity: 1.0;
    position: absolute;
    left: 0;
    right: 0;
}


/* META  : .Base.Views.View.ETWLeft */
.ETWLeft {
    position: absolute;
    left: 0;
    right: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
}

    .ETWLeft.Activate {
    left: 0;
    right: 50%;
    opacity: 1.0;
    }

.ETWLeft.Activate.OpenItemSize_Full, .ETWLeft.Activate.OpenItemSize_Over {
    left: 0;
    right: 0;
    opacity: 1.0;
}


/* META  : .Base.Views.View.ETWRight */
.ETWRight {
    position: absolute;
    left: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.ETWRight.Activate
{
    left: 50%;
    right: 0;
    opacity: 1.0;
}

.ETWRight.Activate.OpenItemSize_Full, .ETWRight.Activate.OpenItemSize_Over {
    left: 0;
    right: 0;
    opacity: 1.0;
}

.OpenItemSize_Small.ETWRight .ItemSubmit img
{
    width: 16px;
    height: 16px;
    margin: 0;
}


/* META  : .Base.Views.View.Gantt */
.GanttItem {
    position: absolute;
    border: solid 1px rgba(127,127,127,0.2);
}


/* META  : .Base.Views.View.ETWBottom */
.ETWBottom {
flex: 0;
}

.ETWBottom.Activate
{
flex: 1;
display: flex !important;

}

.ETWBottom.Activate.OpenItemSize_Full, .ETWBottom.Activate.OpenItemSize_Over {
    top: 0;
    bottom: 0;
    opacity: 1.0;
}


/* META  : .Base.Views.View.ETWBody */
.ETWBody.MinimizeLeft {
    left: 100%;
    right: 0;
    width: 50%;
    margin-left: -50%;
    top: 40px;
    bottom: 0;
    height: auto;
    }

.ETWBody.MinimizeLeft.OpenItemSize_Full, .ETWBody.MinimizeLeft.OpenItemSize_Over {
    width: 0;
    margin-left: 0;
}

.ETWBody.MinimizeRight.OpenItemSize_Full, .ETWBody.MinimizeRight.OpenItemSize_Over {
    width: 0;
    margin-right: 0;
}

.ETWBody.MinimizeBottom.OpenItemSize_Full, .ETWBody.MinimizeBottom.OpenItemSize_Over {
    top: 0;
    bottom: 100%;
    opacity: 0.0;
}

.ETWBody.MinimizeTop.OpenItemSize_Full, .ETWBody.MinimizeTop.OpenItemSize_Over {
    top: auto;
    bottom: 0;
    margin-right: 0;
    opacity: 0.0;
    height: 0 !important;
}

.Mobile .ETWBody.MinimizeTop.OpenItemSize_Full, .ETWBody.MinimizeTop.OpenItemSize_Over {
    display: none !important;
}

.ETWBody.MinimizeBottom
{
    top: 0;
    bottom: 50%;
    opacity: 1.0;
    position: absolute;
    left: 0;
    right: 0;
}

.ETWBody.MinimizeTop
{
    top: 50%;
    bottom: 0;
    opacity: 1.0;
    padding: 0;
    white-space: nowrap !important;
    height: 50%;
}

.ETWBody.MinimizeRight
{
    left: 0;
    right: 100%;
    width: 50%;
    margin-right: -50%;
    padding: 0;
}

.ETWBody.MinimizeBottom
{
    top: 0;
    bottom: 50%;
    padding: 0;
}

.ETWBody.MinimizeLeft > .ViewBody,
.ETWBody.MinimizeRight > .ViewBody
{
    padding: 32px 1px;
}

.ETWBody.MinimizeLeft .ItemView,
.ETWBody.MinimizeRight .ItemView {
    margin: 1px !important;
    padding: 1px !important;
    display: block;
    width: auto;
}

    .ETWBody.MinimizeLeft .ItemView .FieldValue, .ETWBody.MinimizeRight .ItemView .FieldValue {
    padding: 1px !important;
    }

.ETWBody.MinimizeLeft  .CardDetail {
    overflow: hidden;
    max-height: 0;
}

.ETWBody.MinimizeRight  .CardDetail {
    overflow: hidden;
    max-height: 0;
}

.ETWBody.MinimizeLeft .ItemView,
.ETWBody.MinimizeRight .ItemView {
    background-color: transparent;
}


/* META  : .Base.Views.View.ETWBody_VeryBig */
.ETWBody.MinimizeLeft.OpenItemSize_VeryBig {
    width: 200px;
    margin-left: -200px;
    border: solid 1px #e4e4e4;
}

.ETWBody.MinimizeRight.OpenItemSize_VeryBig {
    width: 200px;
    margin-right: -200px;
    border: solid 1px #e4e4e4;
}

.ETWRight.Activate.OpenItemSize_VeryBig
{
    left: 200px;
    right: 0;
    opacity: 1.0;
}

.ETWBottom.Activate.OpenItemSize_VeryBig {
    top: 50px;
    bottom: 0;
    opacity: 1.0;
    border: solid 1px #e4e4e4;
}

.ETWBody.MinimizeBottom.OpenItemSize_VeryBig {
    top: 0;
    bottom: 100% !important;
    opacity: 1.0;
    position: absolute;
    left: 0;
    right: 0;
    margin-bottom: -50px;
    border: solid 1px #e4e4e4;
}

.ETWBody.MinimizeTop.OpenItemSize_VeryBig {
    top: 0;
    bottom: 0;
    margin-top: 0;
    opacity: 1.0;
    border: solid 0 #e4e4e4;
    height: auto;
}

.ActivateItem_VeryBig > .EntityTypeViewBody > .Center > .Middle {
    flex: initial;
    min-height: 5em;
}

.ETWTop.Activate.OpenItemSize_VeryBig {
    top: 0;
    bottom: 0;
    opacity: 1.0;
    position: relative;
    left: 0;
    right: 0;
    border: solid 1px #e4e4e4;
    flex: 1;
}

.ETWLeft.Activate.OpenItemSize_VeryBig
{
    left: 0;
    right: 200px;
    opacity: 1.0;
}


/* META  : .Base.Views.View.ETWBody_Big */
.ETWBody.MinimizeLeft.OpenItemSize_Big
{
    width: 320px;
    margin-left: -320px;
}

.ETWBody.MinimizeRight.OpenItemSize_Big
{
    width: 320px;
    margin-right: -320px;
}

.ETWLeft.Activate.OpenItemSize_Big
{
    left: 0;
    right: 320px;
    opacity: 1.0;
}

.ETWRight.Activate.OpenItemSize_Big
{
    left: 320px;
    right: 0;
    opacity: 1.0;
}

.ETWBottom.Activate.OpenItemSize_Big
{
    top: 150px;
    bottom: 0;
    opacity: 1.0;
}

.ETWBody.MinimizeBottom.OpenItemSize_Big
{
    top: 0;
    bottom: 100% !important;
    opacity: 1.0;
    position: absolute;
    left: 0;
    right: 0;
    margin-bottom: -150px;
}

.ETWBody.MinimizeTop.OpenItemSize_Big
{
    top: 100%;
    bottom: 0;
    margin-top: -150px;
    opacity: 1.0;
    height: 150px;
}

.ETWTop.Activate.OpenItemSize_Big
{
    top: 0;
    bottom: 150px;
    opacity: 1.0;
    position: absolute;
    left: 0;
    right: 0;
}

.ETWLeft.Activate.OpenItemSize_Big {
    left: 0 !important;
    right: 160px !important;
    opacity: 1.0 !important;
    }


/* META  : .Base.Views.View.ETWBody_Small */
.ETWBody.MinimizeLeft.OpenItemSize_Small
{
    right: 0;
    left: 320px;
    margin: 0;
}

.ETWBody.MinimizeRight.OpenItemSize_Small
{
    right: 320px;
    left: 0;
    margin: 0;
}

.ETWBottom.Activate.OpenItemSize_Small
{
    top: 100%;
    bottom: 0;
    opacity: 1.0;
    margin-top: -150px;
}

.ETWRight.Activate.OpenItemSize_Small
{
    width: 320px;
    right: 0;
    left: 100%;
    margin-left: -320px;
    opacity: 1.0;
}

.ETWLeft.Activate.OpenItemSize_Small
{
    left: 0;
    width: 320px;
    right: 0;
    opacity: 1.0;
}

.ETWBody.MinimizeBottom.OpenItemSize_Small
{
    top: 0;
    bottom: 150px;
    opacity: 1.0;
    position: absolute;
    left: 0;
    right: 0;
}

.ETWBody.MinimizeTop.OpenItemSize_Small
{
    top: 150px;
    bottom: 0;
    opacity: 1.0;
}

.ETWTop.Activate.OpenItemSize_Small
{
    top: 0;
    height: 150px;
    opacity: 1.0;
    position: absolute;
    left: 0;
    right: 0;
}


/* META  : .Base.Views.Print2PDF */
.Print2PDF {
    max-width: 100% !important;
}

    .Print2PDF .FieldValue::after
    {
    display: none !important;
    }

    .Print2PDF .SingleItem {
    max-width: 100% !important;
    }

.Print2PDF div.EntityTypeView, .Print2PDF div.EntityTypeViewBody {
    height: auto !important;
    max-width: 90%;
    margin: 0 auto !important;
    padding: 0 !important;
}


/* META  : .Base.Views.EntityTypeLists */
.EntityTypeLists {
    -webkit-overflow-scrolling: touch;
    display: flex;
    align-items: center;
}

.EntityTypeLists > a {
    position: relative;
}

.EntityTypeLists .ButtonText {
font-size: 1em;
padding: 4px;
height: 3em;
justify-content: center;
display: flex;
align-content: center;
flex-direction: column;

}

.SelectionsMenu .EntityTypeLists  {
    display: block !important;
    flex-direction: column !important;
}

.SelectionsMenu .EntityTypeLists > a {
    display: block !important;
    flex: 1;
}

.SelectionsMenu .EntityTypeLists .ButtonText {
align-content: center;
justify-content: flex-start;
flex-direction: row;
height: 2em;
}

.Center > .EntityTypeLists
,.TopCenter > .EntityTypeLists
{
    justify-content: center;
    flex-wrap: wrap;
    gap: 1px;
}

.Center > .EntityTypeLists > a
,.TopCenter > .EntityTypeLists > a
{
    border: var(--border1);
    flex:1;
    min-width: 5em;
    max-width: 14em;
    position: relative;
}

.EntityTypeLists .Aggregate
{
position: absolute;
top: 1px;
right: 1px;
left: auto;
}

.Center > .EntityTypeLists > a .Aggregate
,.TopCenter > .EntityTypeLists > a .Aggregate
{
    left: 50%;
    right: auto;
    top: -1em;
    background-color: var(--white);
    color: var(--textColor);
    border-radius: 1em;
    border: unset;
    margin: auto;
    transform: translateX(-50%);
    text-align: center;
    min-width: 2.5em;
    justify-content: center;
}
.Center > .EntityTypeLists > a:hover
,.TopCenter > .EntityTypeLists > a:hover
{
    background-color: #8eff8e !important;
    color: var(--textColor) !important;
}
.Center > .EntityTypeLists > a:hover .Aggregate
,.TopCenter > .EntityTypeLists > a:hover .Aggregate
{
    background-color: inherit;
    color: inherit;
}

.Center > .EntityTypeLists > a .Aggregate > .AggregateValue::after
,.TopCenter > .EntityTypeLists > a .Aggregate > .AggregateValue::after
{
    content : none;
}

.Center > .EntityTypeLists > a.Selected
,.TopCenter > .EntityTypeLists > a.Selected
{
    box-shadow: 0 0 1px gray;
    background-color: #009ef7 !important;
    color: var(--white)!important;
}

.TopRight > .EntityTypeLists {
    padding: 3px 16px;
    display: flex;
    align-items: center;
    height: 100%;
}

.EntityTypeLists > a {
    height: auto !important;
    display: block;
}

.EntityTypeLists select {
    height: auto;
    padding: 4px;
    border-radius: 24px;
}


/* META  : .Base.Views.OpenItemSize */
.OpenItemSize_Small .Field {
    padding: 1px;
}

.OpenItemSize_Small .FieldLabel {
    width: 30%;
}

.OpenItemSize_Small .FieldValue {
    width: 70%;
}


/* META  : .Base.Views.UpdateBy */
.UpdateByCount {
    width: 6em;
    margin: 0 auto;
    text-align: center;
    display: block;
}


/* META  : .Base.Views.OrderBy */
.OrderByToggle   > div
{
    display: none;
}


/* META  : .Base.Views.BrowseFilterPanel */
.BrowseFilterPanel .ActionPanel_FilterBy .GroupField {
    margin-right: 5px !important;
    margin-left: 5px !important;
    margin-bottom: 4px;
    margin-top: 4px;
}

.BrowseFilterPanel .ActionPanel_FilterBy .ActionPanelBody div
{
    white-space: nowrap !important;
    width: auto !important;
    display: inline-block;
    padding: 0 !important;
}

.BrowseFilterPanel .ActionPanel_FilterBy select,
.BrowseFilterPanel .ActionPanel_FilterBy input
{
    white-space: nowrap !important;
    display: inline-block;
    margin: 0 !important;
    width: auto;
    vertical-align: top;
}

.BrowseFilterPanel .ActionPanel_FilterBy input
{
    width: 8em !important;
}

.BrowseFilterPanel .ActionPanel_FilterBy .ActionPanelHeader {
    display: none !important;
}

.DisableOverflow > .EntityTypeViewBody > .Center > .BrowseFilterPanel {
    position: relative;
    top: 0 !important;
    bottom: 0 !important;
}

.BrowseFilterPanel.PageByPanel
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}.BrowseFilterPanel .ActionPanel_FilterBy {
    width: auto;
    text-align: center;
    padding: 0;
    margin: 0;
}


/* META  : .Base.Views.MinimizeLeft */
.MinimizeLeft.OpenItemSize_VeryBig > .FolderItemText , .MinimizeRight.OpenItemSize_VeryBig > .FolderItemText
{
    width: 280px;
    padding: 3px;
}

.MinimizeLeft.OpenItemSize_VeryBig > .FolderItemText > .FolderTitle, .MinimizeRight.OpenItemSize_VeryBig > .FolderItemText > .FolderTitle
{
    width: 280px;
    padding: 3px;
    height: 1em;
    padding: 3px;
}

.MinimizeLeft.OpenItemSize_Big > .FolderItemText , .MinimizeRight.OpenItemSize_Big > .FolderItemText
{
    width: 280px;
    padding: 3px;
}

.MinimizeLeft.OpenItemSize_Big > .FolderItemText > .FolderTitle, .MinimizeRight.OpenItemSize_Big > .FolderItemText > .FolderTitle
{
    width: 280px;
    padding: 3px;
    height: auto;
    padding: 3px;
}


/* META  : .Base.Views.ViewType */
.ViewTypes
{
    padding: 2px 10px;
}

.CurrentViewType img,
.CurrentView img
{
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.5;
}

.CurrentViewType span {
    padding: 1px 3px;
}

.CurrentViewType .ImageSpan  {
    max-height: 16px !important;
    max-width: 16px;
}

.CurrentViewType .ImageSpan  svg {
    max-height: 16px !important;
    max-width: 16px;
}

.CurrentViewType,
.CurrentView {
    margin: 1px 0.5em 1px 1em;
    padding: 0.5em;
    width: 78%;
    text-align: left;
    display: flex;
}

.ViewBody {

}

.ViewBody.DisableOverflow
{
    min-height: 3em;
}


/* META  : .Base.Views.ViewType.Calendar */
.CalendarBody {
    height: calc(100% - 2.5em);
    min-height: 200px;
}

.ViewBody_Calendar .Header > .Left,
.ViewBody_Calendar .Header > .Right
{
    width: 40%;
}

.ViewBody_Calendar .Header > .Center
{
    width: 20%;
}

.CalendarBody > table {
    width: 100%;
    height: 100%;
}.CalendarBody .DayNames td {
    position: relative;
}

.CalendarBody .DayOfMonth {
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    height: 100%;
    display: flex !important;
    vertical-align: middle;
    width: 2em;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: solid 1px rgba(192,192,192,0.5);
}

.CalendarBody > table td {
    vertical-align: top;
}

.DayOfWeekName
{
    overflow: hidden;
}

.ViewBody_Calendar {
    overflow: hidden;
}

.ViewBody_Calendar > .Header > .Left > .ByFieldsRight {
    display: flex !important;
    flex-direction: row !important;
}

.ViewBody_Calendar > .Header .ByFieldsRight .GroupFieldFunction
{
    display: flex;
    flex-direction: row;
}

.ViewBody_Calendar > .Header > .Right > .ByFieldsRight {
    float: left;
}

.CalendarBody > table > .AllDays > td {
    border-bottom: solid 1px rgba(127,127,127,0.2);
}

.CalendarItem {
    position: relative;
    cursor: pointer;
    padding: 0.5em;
    margin: 0;
    border-bottom: solid 1px rgba(127,127,127,0.2);
}

.CalendarItem:first-child {
    border-top: solid 1px rgba(127,127,127,0.2);
}

.CalendarItem:hover
{
    z-index: 99;
}
.CalendarItemHour
{
position: absolute;
    left: 0;
    top: 0;
    width: 2.3em;
    padding: 3px 1px;
    font-weight: 200;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.CalendarItemTitle
{
    padding-left: 2.5em;
    text-align: left;
    width: 100%;
    font-weight: 500;
}

.CalendarBody {
    background-color: white;
    border: solid 1px rgba(127,127,127,0.2);
}

.DateModes, .HourModes{
    display: inline-block;
    padding: 0;
    margin: 0;
}

.HourModes {
    margin-left: 1em;
    margin-right: 1em;
}

.DateModes a, .HourModes a {
    padding: 0.5em 0.5em;
    min-width: 3em;
    text-align: center;
}

.HourModes a {
    min-width: 1em;
}

.DateTitle {
    width: 10em;
}

.DateDisplay {
    white-space: nowrap;
    padding: 0.5em;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.DateDisplay .fas {
    font-size: 140%;
    vertical-align: middle;
    display: inline-block;

}
.DateDisplay > *
{
    display: inline-block;
    font-size: 125%;
}

.DateModes {
    background-color: white;
    border-radius: 3px;
}

.DateModes .Selected {
box-shadow: 0 0 3px #656565;
}


/* META  : .Base.Views.ViewType.Day */
.DayNames {
    font-size: 75%;
}

.DayNames td {
    text-align: center !important;
    vertical-align: middle !important;
}

.AllDayBody
{
    max-height: 30vh;
    overflow: auto;
}

.HourBlock
{
    position: absolute;
    left: 0;
    right: 0;
    border-top: solid 1px rgba(192, 192, 192, 0.32);
}

.AllDays > td
{
    border: solid 1px rgba(192, 192, 192, 0.32);
}

.HourBlock > span {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0.5;
}
.DayNames > td
{
    height: 2em;
}

.DayBody {
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}

td:last-child > .DayBody {
-ms-overflow-style: initial;
scrollbar-width: initial;
}

td:last-child > .DayBody::-webkit-scrollbar {
    display: initial;
}

.DayBody::-webkit-scrollbar {
display: none;
}.CalendarBody.DateMode_week.HourMode_Display .DayBody > .CalendarItem,
.CalendarBody.DateMode_week.HourMode_Only .DayBody > .CalendarItem,
.CalendarBody.DateMode_day.HourMode_Display .DayBody > .CalendarItem,
.CalendarBody.DateMode_day.HourMode_Only .DayBody > .CalendarItem
{
    position: absolute;
    left: 0px;
    right: 0px;
}

.DayBody > .CalendarItem
{
    background-color: white;
    box-shadow: 0 0 16px silver;
}

.WeekNumber {
    width: 3em !important;
    text-align: center;
    vertical-align: middle !important;
}

.Days td {
    vertical-align: top;
    width: 14%;
    position: relative;
    border-left: solid 1px #CFD8DC;
}
.Days td:first-child {
    border-left: solid 1px transparent !important;
}

.FullDay {
    height: 100%;
}

.FullDay td {
    vertical-align: top;
    width: 100%;
    position: relative;
}

.DayTitle {
    text-align: left;
    padding: 2px;
    height: 1.5em;
}

.DayBody {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.DayBody > .Item
{
    padding: 2px;
}

.CalendarBody.DateMode_week table .Days,
.CalendarBody.DateMode_day table .Days
{
    height: 100%;
}

.CalendarBody.DateMode_month .DayBody
{
    top: 1.5em;
}

.DayNames {
    color: #656565;
    opacity: 0.75;
}

.DayNames td:hover {
    background-color: transparent !important;
}

.DayTitle {
    background-color: rgba(99,99,99,0.0);
    box-shadow: 0 0 0;
    border-left: solid 1px rgba(192, 192, 192, 0.4);
    border-top: solid 1px rgba(192, 192, 192, 0.4);
}.DayBody > .Item {
    border: solid 1px silver;
}

.OtherDay {
    opacity: 0.5;
}


/* META  : .Base.Views.ViewType.Chart */
.ViewBody_Chart .ChartBody {
    box-shadow: var(--BoxShadow);
}

.ViewBody_Chart select.ViewType
{
    position: absolute;
    bottom: 1px;
    left: 1px;
}

.ViewBody_Chart .ItemSelection {
    border: 0;
}

.ViewBody_Chart .Menu_Arrow_Down::after
{
    display: none;
}

.ViewBody_Chart:hover .Menu_Arrow_Down::after
{
    display: initial;
}

.ViewBody_Chart .ViewType
{
    display: none;
}

.ViewBody_Chart:hover .ViewType
{
    display: initial;
}

.ViewBody_Chart .ByFieldsRightAdd
{
    display: none;
}

.ViewBody_Chart:hover .ByFieldsRightAdd
{
    display: initial;
}

.ViewBody_Chart .ToggleButton
{
    display: none;
}

.ViewBody_Chart:hover .ToggleButton
{

    display: flex;
    flex: 0;
    min-width: 1em;
    padding: 0;
}

.ViewBody_Chart
{
    min-height: 180px !important;
}

.ChartGroupBy {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}

.ChartValueField {
    position: absolute;
    top: 0;
    left: 0;
}

.ChartGeoField {
    position: absolute;
    bottom: 0;
    left: 40px;
    margin-left: 0;
}

.ChartBody {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: white;
}

.ChartText
{
    text-shadow: 0 0 5px white;
}

    .MicroView:hover > .EntityTypeView > tr > td > div > .ViewBody > .ChartValueField  {
    display: inline-block !important;
    }
    .MicroView:hover > .EntityTypeView > tr > td > div > .ViewBody > .ChartValueField  select {
    display: inline-block !important;
    }

    .MicroView .ViewBody_Chart {
    box-sizing: border-box;
    }

    .MicroView .ChartValueField
    {
    top: 0;
    }

.MicroView:hover > .EntityTypeView > tr > td > div > .ViewBody_Chart > .TopRight {
    display: inline-block;
}

.MicroView:hover > .EntityTypeView > tr > td > div > .ViewBody_Chart > .SummaryValueField {
    display: none;
}

.ChartGeoField {
    background-color: rgba(255,255,255,0.95);
}
.DirectionVer:has( >.View_Chart.EntityTypeView ){
    gap:var(--gap);
}


/* META  : .Base.Views.ViewType.Merge */
.ViewBody_Merge {
border: 20px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}

.ViewType_Merge .TabBody > div
{
    height: auto !important;
}

.ViewBody_Merge .TabHeader
{
    padding: 4px;
    z-index: 100;
    position: absolute;
}

.ViewBody_Merge .TabBody
{
    padding: 0;
    top: 40px !important;
    z-index: 0;
}.MergeItemBody {
    height: 100%;
}

.MergeItemActions {
    height: 6em;
}

.ViewBody_Merge select {
    background-color: transparent;
}


/* META  : .Base.Views.ViewType.OpenLayers */
.Map .ol-full-screen
{
    right: .5em !important;
    top: .5em !important;
    bottom: auto !important;
}

.ol-toolbar {
    position: absolute;
}

.ol-toolbar.ol-toolbar-modes
{
    top: 0 !important;
    bottom: auto !important;
    left: 50% !important;
    position: absolute !important;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.Map .ol-control-displaypanel
{
    position: absolute;
    top: 2em !important;
    right: 4em !important;
    bottom: auto !important;
    left: auto !important;
    padding: 0.5em;
}

.ol-toolbar.ol-toolbar-tools
{
    top: 3em !important;
    right: 1em !important;
    bottom: auto !important;
    position: absolute !important;
}

.ol-toolbar.ol-toolbar-tools > * {
    display: block !important;
    margin: 0 !important;
}

.ol-toolbar  .ol-tool
{
    display: inline-block;
    width: auto;
    vertical-align: middle;
    font-size: 12px;
    margin: 1px;
    padding: 2px 4px;
    margin: 0 5px;
}

.ol-toolbar .ol-tool:hover {
    cursor: pointer;
}

.ol-toolgroup
{
    margin: 0;
}
.ol-toolgroup .ol-tool
{
    margin: 0;
}

.Map .ol-control-autofit
{
    top: 3em !important;
    right: 0.5em !important;
    bottom: auto !important;
}

.Map .ol-control-autofit button:before {
    content: "\26de";
}

.Map .ol-mouse-position {
    top: 8px;
    right: 80px;
    position: absolute;
    top: 8px;
    right: 40px;
    position: absolute;
    padding: 3px 6px;
}

.map-tools
{
display: inline-block;
}

.map-tool
{
    border: solid 1px #222222;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.map-tool-hand
{
    content : "H";
}

.map-tool-point {
    content: "O";
}

.map-tool-line {
    content: "L";
}

.map-tool-polygon {
    content: "P";
}

.map-tool-oval {
    content: "V";
}

.map-tool-rectangle {
    content: "R";
}

.Map .ol-control-displaypanel {
    color: #222222;
    background-color: rgba(255,255,255,0.5);
}

.ol-toolbar.ol-toolbar-tools {
    background-color: rgba(255,255,255,0.5) !important;
}

.ol-toolbar .ol-tool {
    border: solid 1px silver;
    color: #222222;
}

.ol-tool.Selected {
    background-color: #656565 !important;
    color: white !important;
}

.ol-toolbar .ol-tool:hover {
    background-color: silver;
    color: white;
}

.Map .ol-mouse-position {
    background-color: rgba(255,255,255,0.5);
    border-radius: 1em;
    color: #222222;
}

.ol-attribution.ol-uncollapsible
{
    display: none !important;
}


/* META  : .Base.Views.ViewType.D3 */
svg.nvd3-svg {
    height: auto !important;

}


/* META  : .Base.Views.ViewType.ViewBody_Map */
.FieldValue .ViewBody_Map .ItemSelection {
    display: none !important;
}

.FieldValue .ViewBody_Map .ByFieldsRight {
    display: none !important;
}

.ViewBody_Map {
    min-height: 10em !important;
}

.ViewBody_Map .ChartGroupBy {
    right: 50%;
    transform: translate(50%, 0);
}

.ViewBody_Map .ChartValueField {
    left: 0 !important;
    transform: translate(0, 0) !important;
}

.ViewBody_Map .ItemSelection {
    background-color: rgba(255,255,255,0.9) !important;
}

.ViewBody_Map .ByFieldsRight select {
    border: 1px solid transparent !important;

    box-shadow: 0 0 0 !important;
}


/* META  : .Base.Views.ViewType.Map */
.FieldValue .View_Map {
    min-height: 200px;
}

.LoadingMap
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -64px !important;
    margin-top: -64px !important;
    width: 128px !important;
    height: 128px !important;
    font-size: 128px !important;
    padding: 0 !important;
}

.mapTextBox {
    position: absolute;
    padding: 5px;
    }

.mapIndicatorText{
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.mapCluster {
    position: absolute;
    padding: 5px;
    vertical-align: middle;
    min-width: 16px;
    min-height: 16px;
    display: table-cell;
    }

.Map {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.mapCoordinate {
    position: absolute;
    display: inline-block !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    min-width: 24px;
    height: 24px;
    line-height:24px;
    padding: 0 3px;
}

.mapCoordinate:hover {
    font-size: 21px;
    min-width: 60px;
    height: 60px;
    line-height:60px;
}

.mapMarker {
    position: absolute;
    display: inline-block !important;
}
.mapMarker img {
    height: 24px;
}

.MapItem {
    padding: 5px;
    min-width: 100px;
    width: 200px;
    height: auto;
}

.LoadingMap {
    color: #656565;
    text-shadow: 0 0 5px #222222;
    opacity: 0.9;
    background-color: transparent !important;
}

.mapTextBox {
    background: #ffff88;
    border-radius: 100%;
    box-shadow: 1px 1px 4px #656565;
}

.mapCluster {
    background: #ffff88;
    border-radius: 100%;
    box-shadow: 0 0 1px #222222;
    background-color: green;
    color: white;
    opacity: 0.8;
}

.mapCoordinate {
    background-color: orange;
    border-radius: 50%;
    color: #222222;
    opacity: 1;
    box-shadow: 0 0 1px #222222;
}

.GeoTileLayers {
    position: absolute;
    bottom: 3px !important;
    right: 3px !important;
    width: auto !important;
    height: auto !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
}


/* META  : .Base.Views.ViewType.ViewBody_Matrix */
.ViewBody_Matrix .ValueField select {
    display: block;
    width: 100% !important;
}

.ViewBody_Matrix {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

    .ViewBody_Matrix .TopRight .ItemSelection {
    max-width: 10em;
    white-space: normal;
    display: flex;
    justify-content: center;
    flex-direction: column;
    }

.ViewBody_Matrix .TopRight .Cell {
    width: 100% !important;
    min-width: 8em;
}

    .ViewBody_Matrix .MiddleRight .Cell {
    width: 100% !important;
    min-width: 8em;
    }


/* META  : .Base.Views.ViewType.Tree */
.TreeLevel {
    display: inline-block;
}

.TreeTitle {
    display: inline-block;
}

.TreeToggle {
    width: 1.5em;
}


/* META  : .Base.Views.ViewType.SiteMap */
.SiteMapBody  {
    vertical-align: top;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.SiteMapItem {
    display: flex;
    padding: 3px;
    text-align: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background-color: white;
}

.SiteMapItem .SiteMapBody {
    flex: 0 0 75%;
}

.SiteMapItem .SiteMapTitle {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.SiteMapItem .SiteMapTitle > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.SiteMapItem .Field {
    padding: 0 !important;
}

.SiteMapItem  .FieldValue .InputSpan a
{
    padding: 4px;
}

.SiteMapTree {
    display: block;
    padding: 0;
    font-size: 98%;
    position: relative;
}

.SiteMapBody > .SiteMapBlock > .SiteMapItem {
    font-size: 115%;
}

.SiteMapBlock {
    display: block;
    padding: 0;
    cursor: pointer;
}

.ShowOnHoverMenu .SiteMapBody > .SiteMapBlock > .SiteMapTree {
    display: none;
    position: absolute;
    z-index: 1000;
    position: absolute;

    top: 100%;

    margin: 0;
}

.ShowOnHoverMenu .SiteMapBody > .SiteMapBlock:hover > .SiteMapTree {
    display: block;
}

.SitemapToggle {
    font-size: 150% !important;
    padding: 1px 5px;
    opacity: 0.5;
}

.SiteMapBlock.HasChildren > .SiteMapItem > .SiteMapTitle > .SiteMapToggle
{
    opacity: 0.5;
}.ClosedSiteMapItem > .SiteMapTree {
    display: none !important;
}

.SiteMapItem > .SiteMapTitle > .SitemapToggle:before {

    content: var(--icon-Folder);
    font-family: "361";

    font-weight: 900;
    display: flex;
    width: 18px;
    transition: transform var(--contentms);
    opacity: 0.5;
}

.HasChildren > .SiteMapItem > .SiteMapTitle > .SitemapToggle:before {
    content: var(--icon-Folder-Minus);
    font-family: "361";
    opacity: 1.0;

}

.ClosedSiteMapItem.HasChildren > .SiteMapItem > .SiteMapTitle > .SitemapToggle:before {
    content: var(--icon-Folder-Plus);
    font-family: "361";
    opacity: 1.0;

}

.SiteMapItem:hover {
    color: red;
}

.SiteMapItem.SelectedItem {
    outline: 0;
    box-shadow: 0 0 3px #656565 inset !important;
    color: darkblue;
}

.SiteMapTree {
    box-shadow: 0 0 0;
}.MapItem {
    background-color: white;
    color: #222222;
    box-shadow: 1px 1px 5px white;
}


/* META  : .Base.Views.ViewType.BrowseItem */
.BrowseItem .DeleteButton
{
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 1000;
}

.BrowseItemTitle
{
    position: absolute;
    left: 0;
    font-size: 110%;
    right: 0;
    text-align: left;
    top: 0;
    padding: 3px;
    z-index: 100;
}

.BrowseItemFieldTitle
{
    position: absolute;
    right: 20px;
    font-size: 100%;
    text-align: left;
    top: 0;
    padding: 3px;
}

.BrowseItemValue
{
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    bottom: 0;
    vertical-align: middle;
    text-align:center;
    font-size: 24px;
}

.BrowseItemLabel
{
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
    bottom: 0;
    vertical-align: middle;
    text-align:center;
    font-size: 18px;
    white-space: normal;
    display: inline-block;
    height: 50%;
    vertical-align: bottom;
}

.BrowseDataPanel .BrowseItem .ItemsBody {
    overflow: auto;
-webkit-overflow-scrolling: touch;
}

.BrowseItem .ItemsBody {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
}

.BrowseItem .ItemsBodyHeader td
{
    padding: 5px;
}

.BrowseItem .ItemsBodyFooter td
{
    padding: 5px;
}

.FilteredBrowseItem .BrowseItemFieldTitle
{
    left: 0;
    right: 0;
    top: 35%;
    text-align: center;
}

.BrowseItem .Left {
    width: auto;
}

.BrowseItem .Right {
    width: auto;
}.BrowseDataPanel:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: white;
}

.BrowseDataPanel select {
    background-color: transparent;
}

.BrowseItemTitle {
    color: #0259A9;
    border-bottom: 1px solid #EEEEEE;
}

.BrowseItemFieldTitle {
    color: silver;
}

.BrowseItemLabel {
    color: #017EB2;
}

.FilteredBrowseItem {
    background-color: rgba(255, 247, 0, 0.63);
    border: solid 1px rgba(127,127,127,0.2);
}

.MicroView .BrowseItem {
    background-color: transparent;
    box-shadow: 0 0 0;
}

.BrowsePageByPanel {
    height: 32px;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.BrowseDataPanel:before
{

    content: var(--icon-Chevron-Down);
    font-family: "361";

    font-size: inherit;
    position: absolute;
    left: 8px;
    top: 8px;
    font-size: 15px;
}

.BrowseDataPanel {
    height: 202px;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}.BrowseDataPanel .BrowseBody
{
    white-space: nowrap;
    overflow: auto;
-webkit-overflow-scrolling: touch;
}

.BrowseDataPanel .Header {
    text-align: center;
}

.Top:hover .DisplayBrowseDataPanel
{
    display: inline-block;
}


/* META  : .Base.Views.ViewType.Metrics */
.BrowseItem
{
    width: 250px;
    height: 158px;
    display: inline-block;
    margin: 5px;
    position: relative;
    vertical-align: top;
    font-size: 110%;
}

.MetricsBody {
    overflow: auto;
-webkit-overflow-scrolling: touch;
    height: auto;
}

.MetricsBody .BrowseItem {
    width: auto;
    height: auto;
}

    .MetricsBody  .ItemsBody {
    position: static !important;
    }

.MetricsBody .BrowseItemValue {
    position: static !important;
    }

    .MetricsBody  .BrowseItemTitle {
    position: static !important;
    }

    .MetricSuffix {
    font-size: 85%;
    text-align: left;
    width: auto;
    padding-left: 1px;
    }

    .MicroView .ViewBody_Metrics,
    .UIViewMicro .ViewBody_Metrics {
    background-color: transparent;
    }

.MicroView .ViewBody_Metrics,
.UIViewMicro .ViewBody_Metrics {
    padding: 0;
}


/* META  : .Base.Views.ViewType.ViewBody_Folder */
.EntityTypeView.ViewBody_Folder
{
flex-wrap: wrap;
}

.ViewBody_Folder .NoRecordsFound {
    padding: 1em;
}

.ViewBody_Folder {
    position: absolute;
    overflow: auto;
    height: 100%;
width: 100%;
    text-align: center;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch;
    flex-direction: row;
}

.ViewBody_ItemView
{

    overflow: auto;
}.ItemView .ViewBody_Folder {
    position: relative;
}

.ItemView .ViewBody_ItemView {
    position: relative;
}

.DisableOverflow .ViewBody_Folder {
    position: relative;
}

.DisableOverflow .ViewBody_ItemView {
    position: relative;
}

.ViewBody_Folder.MinimizeLeft .FolderItem {
    font-size: 100%;
}


/* META  : .Base.Views.ViewType.ViewBody_Folder.FolderItem */
.FolderItem > .FolderTitle > div:before {
    color: silver;
}

.FolderItem:hover > .FolderTitle > div:before {
    color: #e50119;
}

.FolderItem {
    border: solid 0 rgba(127,127,127,0.1);
}

.DefaultIcon {
    opacity: 0.25;
}


/* META  : .Base.Views.ViewType.ViewBody_Folder.Folder */
.FolderItemText:hover {
    box-shadow: 0 0 0;
    text-shadow: 0 0 1px;
}

.FolderItem
{

    margin: 1px;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    overflow: visible;
    position: relative;
    padding: 4px;
    background-color: var(--white);
    border-radius: 1px;
}

.FolderItemText {
    width: 300px;
    max-width: 100%;
    cursor: pointer;
}

.FolderItemText .FolderTitle {
    text-align: center;
}

.FolderTitle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.2em;
    padding: 0.5rem;
    vertical-align: middle;
    text-align: center;

}

.FolderTitle > div
{
    display: flex;
    width: 100%;
    vertical-align: middle;
    padding: 0;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;

}

.FolderItem .FolderImage {
    border-radius: 50%;

    height: 80px;

    text-align: center;
    display: inline-block;
}

    .FolderItem .FolderImage > span {
    height: 80px;
    font-size: 80px;
    opacity: 0.5;
    }

.FolderItem img {
    height: 80px;
    nax-width: 100%;
    display: inline-block;
    transform: scale(1);
    max-width: 100%;
}

.FolderItem img:hover {
    transform: scale(1.1);
}.FolderItem .Field
{
    padding: 1px;
}

.ViewBody > .FolderGroupBy {
    padding: 1px 2em;
    margin-top: 24px;
}

.DisableOverflow > .ViewBody > .FolderGroupBy {
    padding: 1px;
    margin: 0;
}

.FolderGroupByTab > .GroupByBody {
    display: none;
    padding: var(--gap);
    box-shadow: 0 0 0;
    gap: var(--gap);
    justify-content: center;
    padding: 0;
    gap: 0;
}

.FolderGroupByTab > .Selected {
    display: flex !important;
}

.FolderItem > .FolderTitle > div:before {
    text-align: left;
    content: var(--icon-Circle);
    font-family: "361";

    position: absolute;
    left: -0.5em;

}

.FolderItem:hover > .FolderTitle > div:before {
    content: var(--icon-Circle-Solid);
}


/* META  : .Base.Views.ViewType.ViewBody_Folder.FolderOptions */
.FolderOptions_Open {
    padding-top: 24px !important;
}

.FolderOptions {
    position: absolute;
    padding: 0;
    top: 0;
    height: 24px;
    left: 0;
    right: 0;
    display: none;
}


/* META  : .Base.Views.ViewType.ViewBody_Folder.OneByOne */
.ViewBody_OneByOne > .ItemView {
    display: none !important;
    width: 100% !important;
}

.ViewBody_OneByOne > .ItemView.SelectedOne {
    display: initial !important;
    height: 100%;
}

.ViewBody_OneByOne {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 !important;
}

.ViewBody_OneByOne > .ItemView {
    padding: 0;
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
}

.ViewBody_OneByOne > .ItemView:hover {
    box-shadow: 0 0 0 !important;
}

.OneByOne_NextButton {
    z-index: 100;
    box-shadow: 0 0 0 !important;
    font-size: 1.5em;
    opacity: 0.75;
    padding: 1px 0.5em;
}

.OneByOne_NextButton img {
    height: 32px;
    width: 32px;
}

.OneByOne_Side .OneByOne_NextButton {
    position: absolute;
    right: 0;
    top: 45%;
}

.OneByOne_Side .OneByOne_PrevButton {
    position: absolute;
    left: 0;
    top: 45%;
}

.OneByOne_Side .OneByOnePanelBody {
    z-index: 100;
}

.OneByOne_PrevButton {
    z-index: 100;
    box-shadow: 0 0 0 !important;
    font-size: 1.5em;
    opacity: 0.75;
    padding: 1px 0.5em;
}

.OneByOne_PrevButton img {
    height: 32px;
    width: 32px;
}

.OneByOnePanel {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: solid 0 rgba(127,127,127,0.2);
    box-sizing: border-box;
display: flex;
    flex-direction: row;
}

.OneByOnePanelBody {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.OneByOnePanelBody > div {
    display: inline-block;
    padding: 0.75em 1em;

    margin: 1px 1px;
    cursor: pointer;
    vertical-align: middle;
}

.OneByOneCenter > .Middle {
    top: 0;
}

.OneByOne_Bottom .OneByOneCenter > .Middle {
    top: 0;
}

.OneByOne_NextButton:hover {
    opacity: 1.0;
    color: #085cb2;
}

.OneByOne_PrevButton:hover {
    opacity: 1.0;
    color: #085cb2;
}

.OneByOnePanelBody > div {
    color: #656565;
}

.OneByOnePanelBody > .Selected {
    border: solid 1px rgba(127,127,127,0.2);
    background-color: white;
    font-weight: bold;
}


/* META  : .Base.Views.ViewType.ListTable */
.ListTable {
    table-layout: fixed;
    width: 100%;
}

.ListTable td {
    padding: var(--listPadding);
    border-left: var(--border1);
    white-space: nowrap;
    text-overflow: clip;
    text-align: left;
    font-size: 100%;
    position: relative;
}

.ListTable td a {
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
}

.SelectFields {
    max-height : 20em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.SelectFields > div {
    padding: 3px 6px;
    cursor: pointer;
    border-bottom: 1px solid rgba(192, 192, 192, 0.39);
}

.OverFieldColumn {
    box-shadow: 5px 0 0 rgba(255,0,0,0.5) inset !important;
    opacity: 0.7;
}


/* META  : .Base.Views.ViewType.ListTable.ListAll */
.ListAll
{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100% !important;
}

.ListCompact .ListTable td {
    padding: 2px 4px;
    font-size: 90%;
}

.ListCompact .ListBody td::before {
    line-height: 1.3em;
}

.ListCompact .ListHeader td {
    padding-top: 1px;
    padding-bottom: 1px;
}

.ListCompact .ListHeader td a {
    height: calc(var(--listHeaderHeight) * 0.8);
    font-size: 88%;
}


/* META  : .Base.Views.ViewType.ListTable.ListBody */
.ListBody {
    flex: 1;
    scroll-width: thin;
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
}.ListBody tbody > tr {
    border-top: solid 1px rgba(127,127,127,0.1);
}

.ListBody tbody > tr:last-child {
    border-bottom: solid 1px rgba(127,127,127,0.1);
}

.ListBody tbody > tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 70%);
    border-top: solid 1px rgba(127,127,127,0.1);
}

.ListBody tbody > tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}

.ListBody tbody > tr:hover {
    background-color: rgba(0, 120, 212, 0.07) !important;
    transition: background-color 0.15s ease;
}

.ListBody tbody > tr.Clickable {
    cursor: pointer;
}

.ListBody > .ListTable {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.DisableOverflow .ListBody {
    position: static;
    height: auto;
    overflow-y: hidden;

}

.DisableOverflow .ListBody > .ListTable {
position: relative;
}

.ListBody td::before
{
    content: "\007C";
    line-height: 1.75em;
    width: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    display: inline-block;
}

.ListBody tfoot tr,
.ListBody tbody > tr.SummaryRow {
    border-top: 2px solid rgba(0,0,0,0.1);
    font-weight: 600;
    background-color: rgba(248,249,250,0.95) !important;
}

.ListBody::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.ListBody::-webkit-scrollbar-track {
    background: transparent;
}

.ListBody::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.15);
    border-radius: 3px;
}

.ListBody::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.3);
}

.FieldValueZero {
    color: rgba(0,0,0,0.2);
}


/* META  : .Base.Views.ViewType.ListTable.ListLeft */
.ListLeft
{
display: flex;
flex-direction: column;
position: absolute;
    top: 0;
    bottom: 0;

}

.ListLeft .ListBody {
    overflow-y: hidden;
    overflow-x: auto;
}

.ListLeft .ListBody::-webkit-scrollbar,
.ListLeft .ListBody::-moz-scrollbar {
    visibility: hidden;
    width: 0;
}

.ListLeft .ListBody::scrollbar {
    visibility: hidden;
    width: 0;
}

.ListLeft .ListBody::-webkit-scrollbar-thumb,
.ListLeft .ListBody::-moz-scrollbar-thumb {
    width: 0;
}

.ListLeft .ListBody::-webkit-scrollbar-thumb,
.ListLeft .ListBody::scrollbar-thumb {
    background-color: transparent !important;
}

.ListLeft .GroupByTitle
{
    padding-left: 16px;
    background-image: url(/images/down_16.png);
    background-repeat: no-repeat;
    background-position: 3px;
    background-size: 12px 12px;
}

.ListLeft .GroupByTitle.EmptyGroupByTitle
{
    background-image: none;
}

.ListLeft tr.ClosedGroup .GroupByTitle {
    background-image: url(/images/right_16.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
}

.ListLeft td
{
    overflow: hidden;
}

.DisableOverflow .ListLeft {
    display: none !important;
}


/* META  : .Base.Views.ViewType.ListTable.ListMiddle */
.ListMiddle
{
    z-index: 0;
    flex: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
}

.ListMiddle .ListBody {
    overflow: auto;
}

.ListMiddle .FirstCol
{
    width: 0 !important;
    display: none;
}

.DisableOverflow .ListMiddle {
    position: static;
    -webkit-overflow-scrolling: touch;
    height: auto;
}

.ListMiddle > .ListHeader::-webkit-scrollbar-thumb {
    background-color: transparent;
    box-shadow: 0 0 0;
}

.ListMiddle > .ListHeader {
    overflow-y: auto;
}


/* META  : .Base.Views.ViewType.ListTable.ListFooter */
.ListFooter td::before {
    content: "\007C";
    opacity: 0;
}

.ListFooter::-webkit-scrollbar,
.ListFooter::-moz-scrollbar {
    visibility: hidden;
}

.ListFooter {
    min-width: 100%;
    z-index: 100;
    overflow: hidden;
    overflow-y: hidden;
}

.ListFooter a
{
    font-weight: bold;
}

    .DisableOverflow .ListFooter {
    position: static;
    height: auto;
    overflow-y: hidden;
    }

.ListFooter::-webkit-scrollbar, .ListFooter::scrollbar {
    background-color: transparent !important;
}

.ListFooter::-webkit-scrollbar-thumb, .ListFooter::scrollbar-thumb {
    background-color: transparent !important;
}

.ListFooter::-webkit-scrollbar-track, .ListFooter::scrollbar-track {
    background-color: transparent !important;
}


/* META  : .Base.Views.ViewType.ListTable.ListHeader */
.ListHeader {
    overflow: hidden;
    z-index: 100;
    border-bottom: 2px solid rgba(0,0,0,0.08);
    background-color: rgba(248,249,250,0.95);
    backdrop-filter: blur(4px);
}

.ListFieldTitles
{
    border-top: var(--border1);
}

.ListHeader::-webkit-scrollbar,
.ListHeader::-moz-scrollbar {
    visibility: hidden;
}

.ListHeader td {
    overflow: hidden;
    padding: var(--listPadding);
    padding-top: 1px;
    padding-bottom: 1px;
}

.ListHeader .FirstCol a {
    text-align: center;
    display: block;
    font-size: 100% !important;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ListHeader td a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: var(--listHeaderHeight);
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;

    font-size: 100%;

    opacity: 1.0;
}.ListHeader td .OrderBy
    {
    position: absolute;
    right:  4px;
    top:    0;
    bottom:  0;
    padding: 0;
    font-size: 1.25rem;
    }

    .ListHeader td .OrderBy img
    {
    width: 12px;
    height: 12px;
    }

.ListHeader td a {
    color: var(--labelColor, #3d5986);
    text-transform: none;
    letter-spacing: 0.01em;
}

.ListFilters {
    padding: 4px 8px;
    gap: 4px;
    background-color: rgba(248,249,250,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.ListFilters select,
.ListFilters input {
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 4px 8px;
    font-size: 11px;
    transition: border-color 0.15s ease;
}

.ListFilters select:focus,
.ListFilters input:focus {
    border-color: var(--backColor);
    outline: none;
}


/* META  : .Base.Views.ViewType.ListTable.ListFieldTitles */
.ListFieldTitles td {
    color: #1f5bb9;
    cursor: pointer;
    position: relative;
    z-index: 1;
    color: var(--labelColor);
}

.ListFieldTitles .EmptyToggle
{
    visibility: hidden;
}

.ListFieldTitles td.ListHeaderTooltip:hover:before
{
    content: attr(tooltip);
    position: fixed;
    margin-top: -2em;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.5em 1em;
    border-radius: 8px;
    color: white;
    background-color: black;
    z-index: 99;
}


/* META  : .Base.Views.ViewType.ListTable.FirstCol */
.FirstCol .far {
    line-height: inherit;
    width: auto;
    font-size: 100%;
    padding: 0;
    display: block;
}

.FirstCol {
    width: 100%;
    text-align: center;
    overflow: visible !important;
    position: relative;
}


/* META  : .Base.Views.ViewType.ListTable.Column */
td:hover > .ColumnResizer
{
    display: inline-block;
}

.ColumnResizer
{
    position: absolute;
    top: 0;
    right: 0;
    cursor: col-resize;
    z-index: 110;
    width: 5px;
    bottom: 0;
    display: none;
}

.ColumnAdder {
    position: absolute;
    top: auto;
    left: 0;
    cursor: pointer;
    z-index: 110;
    display: none;
    font-size: 12px !important;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding: 0 4px !important;
    width: auto;
    height: auto;
    vertical-align: middle;
    bottom: 0;
    width: 16px;
    height: 16px;
}

    .ColumnAdder::before {
    content: var(--icon-Plus);
    font-family: "361";
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font-size: 140%;
    }

.ListMiddle .ListHeader td:hover .ColumnAdder
{
    display: inline-block;
}

.ColumnRemover {
    position: absolute;
    top: auto;
    left: calc(50% - 1em);
    bottom: 0;
    cursor: pointer;
    z-index: 110;
    display: none;
    font-size: 12px !important;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    padding: 0 4px !important;
    width: auto;
    height: auto;
    width: 16px;
    height: 16px;
    overflow: hidden;
}

.ListMiddle .ListHeader td:hover .ColumnRemover {
    display: inline-block;
}

.ColumnResizer {
    background-color: rgba(127,127,127,0.5);
}

.ColumnAdder {
    border-radius: 50%;
    opacity: 1.0 !important;
}

.AddColumn
{
    position: absolute;
    left: -8px;
    bottom: -7px;
    z-index: 1000;
}

.AddColumn img
{
    height: 16px;
    width: 16px;
}


/* META  : .Base.Views.ViewType.ListTable.SelectFields */
.SelectFields {
    max-height : 20em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.SelectFields > div {
    padding: 3px 6px;
    cursor: pointer;
    border-bottom: 1px solid rgba(192, 192, 192, 0.39);
}


/* META  : .Base.Views.ViewType.PivotTable */
.PivotTable .PivotRight .GroupField
{
    width: 8.4em;
}

.PivotTable {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

    .PivotTable .PivotCenter .Cell
    {
    text-align: right;
    font-weight: normal;
    }.PivotTable .SubRows {
    padding: 0;
    margin: 0;
    }

.PivotTable .PivotRight {
vertical-align: bottom;
width: fit-content;
text-align: left;
}

.PivotTable table
{
    table-layout: fixed;
}.PivotTable.NoRows > tbody {
    display: none;
}

.PivotTableScroll {
    max-width: 100%;
    width: 100%;
    padding: 2px;
}

.PivotTable td.BottomCenter {
    overflow-x: scroll;
    overflow-y: hidden;
    width: auto;
}

    .PivotTable td.PivotLeft {
    vertical-align: top;
    }
    .PivotTable td.PivotRight {
    vertical-align: top;
    overflow-x: scroll;
    overflow-y: hidden;
    width: auto;
    }

    .PivotTable tbody Td.MiddleRight {
    overflow: auto;

    }

    .PivotTable tbody div.PivotRight {
    display: inline-block;
    vertical-align: top;
    overflow: auto;
    width: auto;
    overflow-y: auto;
    overflow-x: hidden;

    }


/* META  : .Base.Views.ViewType.PivotTable.PivotLeft */
.PivotTable .PivotLeft
{
    text-align: left;
    min-width: 200px;
    max-width: 200px;
}.PivotTable thead .PivotLeft
{
    vertical-align: bottom;
    text-align: center;
}

.PivotTable .PivotLeft div {
    text-align: left;

}

.PivotTable .PivotLeft .SubRows div {
    border-left: solid 1px rgba(127,127,127,0.2);
}

.PivotTable .PivotLeft .CellRow {
    text-align: left;
}

.PivotTable .PivotLeft tbody > tr > td {
    padding-left: 24px;
}

.PivotTable .PivotLeft tbody
{
    width: 100%;
}

.PivotTable .PivotLeft td
{
padding: 3px;
    white-space: nowrap;

}

    .PivotTable .PivotLeft .SubRows {
    margin-left: 24px;
    }

    .PivotTable tbody div.PivotLeft {
    display: block;
    vertical-align: top;
    overflow: hidden;
    overflow-y: hidden;
    }

    .PivotTable div.PivotLeft::-webkit-scrollbar,
    .PivotTable div.PivotLeft::scrollbar {
    display: none;
    }

.PivotLeft .Cell
    {
    width: fit-content !important;
    }

    .PivotLeft .Cell, .PivotLeft .Cell, .PivotRight .Cell
    {

    text-align: left !important;

    }


/* META  : .Base.Views.ViewType.PivotTable.CellRow */
.PivotTable .CellRow {
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0;
    white-space: nowrap;
    text-align: left;
    box-sizing: border-box;
    position: relative;
display: block;
width: fit-content;
min-width: 100%;
border-bottom: var(--border1);
border-left: var(--border1);
}PivotRight .CellRow {
    display: block;
    width: auto;
}


/* META  : .Base.Views.ViewType.PivotTable.Cell */
.PivotTable .Cell {
    display: inline-block;
    min-width: 9em;
    white-space: nowrap;

}

.PivotTable .CellRow > .Cell:first-child > CellValue:first-child
{
    border-left: 0;
}

.PivotTable .PivotCenter .CellTitle {
    text-align: center;
    min-height: 2em;
}

.CellRow > .Cell
    {
    white-space: nowrap;
    box-sizing: border-box;
    }

    .CellColumn {
    display: inline-block;
    }

    .CellAll {
    width: 8em;
    }
    .CellColumn > .Cell {
    display: block !important;
    width: 100% !important;
    }

    .CellColumn > .CellColumn {
    white-space: nowrap;
    }.CellTitle > span {
    white-space: pre-line;
    overflow: hidden;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 1px;
}

.CheckCell {
    width: 24px;
}

.CellFull
{
width: 100%;
}

.BottomLeft .AllCell {
    width: 100% !important;
}

.AllCell {
    font-weight: bold;
    text-align: right !important;
}

    .PivotTable .CellTitle {
    display: block;
    position: relative;
    line-height: 2em;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    padding: 0 0 0 2em;
    font-weight: 600;

    }


/* META  : .Base.Views.ViewType.PivotTable.CellLink */
.PivotTable .CellLink {
    width: 2em;
    height: 2em;
    position: absolute;
    cursor: pointer;
    opacity: 0.3;
    z-index: 100;
    display: none;
}

.Mobile .PivotTable .CellLink
{
    display: block;
}

.PivotTable .Cell:hover .CellLink
{
    display: block;
}

.PivotTable .PivotLeft .CellRow:hover .CellLink {
    display: block;
}

.PivotTable .CellLink:hover
{
opacity: 1.0;
}

.PivotTable .CellLink:before {
    content: var(--icon-Chevron-Right);
    font-family: "361";

    padding: 0.5em 0.5em;
    vertical-align: middle;
    font-size: 100%;
    display: block;
}


/* META  : .Base.Views.ViewType.PivotTable.PivotCenter */
.PivotTable td.PivotCenter {
    width: auto;
    vertical-align: top;
}

.PivotTable div.PivotCenter::-webkit-scrollbar {
    visibility: hidden;
    width: 0;
    height: 0;
}

.PivotTable div.PivotCenter::-webkit-scrollbar,
.PivotTable div.PivotCenter::scrollbar {
    display: none;
}

.PivotTable td.PivotCenter  {

    white-space: nowrap;
    vertical-align: bottom !important;
}

.PivotTable .PivotCenter .Cell
{
    text-align: center;
}
.PivotTable  thead  .PivotCenter .Cell .CellValue {
    color: var(--labelColor);
    font-weight: 300;
    line-height: 1.2em;
}
.PivotTable  tfoot  .PivotCenter .Cell {
    font-weight: 700;
}
.PivotTable  tbody  .PivotRight .Cell {
    font-weight: 700;
}


/* META  : .Base.Views.ViewType.PivotTable.PivotTable */
.PivotTable {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
}

.PivotTable .ByFieldsRightAdd{
    display: none !important;
}
.PivotTable:hover .ByFieldsRightAdd{
    display: flex !important;
}
.PivotTable .ByFieldsRight {
    opacity: 0.4;
}
.PivotTable .ByFieldsRight:hover {
    opacity: 1;
}

.PivotTable > * > tr > td
{
    border: var(--border1);
}

.PivotTable > tfoot
{
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
}

.PivotTable > thead,
.PivotTable > tfoot
{
    flex: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.PivotTable > tbody
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex:1;
}

.PivotTable td.PivotLeft,
.PivotTable td.PivotRight
{
    position: relative;
    flex-grow: 0;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.PivotTable thead td.PivotLeft,
.PivotTable thead td.PivotCenter,
.PivotTable thead td.PivotRight
{
    padding-top: 1.5em;
}

.PivotTable thead .ByFieldsRight > .ByFieldsRightAdd {
    position: absolute;
    top: -2em;
    right: 0;
    flex: 1;
}

.PivotTable thead td.PivotLeft > .ByFieldsRight > .ByFieldsRightAdd
{
    top: -3.5em;
}

.PivotTable tbody td.PivotLeft,
.PivotTable tbody td.PivotCenter,
.PivotTable tbody td.PivotRight
{
    justify-content: flex-start;
    position: relative;
}

.PivotTable tbody div.PivotLeft,
.PivotTable tbody div.PivotCenter,
.PivotTable tbody div.PivotRight
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: flex-start;
    max-width: 100%;
}

.DisableOverflow .PivotTable tbody div.PivotLeft,
.DisableOverflow  .PivotTable tbody div.PivotCenter,
.DisableOverflow  .PivotTable tbody div.PivotRight
{
    position: relative;
    min-width: 100%;

}

.UIViewSingle  .PivotTable tbody div.PivotLeft,
.UIViewSingle   .PivotTable tbody div.PivotCenter,
.UIViewSingle   .PivotTable tbody div.PivotRight
{
    position: relative;
    min-width: 100%;

}

.PivotTable td.PivotRight {
    min-width: 10em;
}

.PivotTable div.PivotLeft,
.PivotTable div.PivotRight
{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.PivotTable tr {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.PivotTable td {
    max-width: 100%;
}


/* META  : .Base.Views.ViewType.PivotTable.CellValue */
.PivotTable .CellValue:before {
    content: " ";
    display: inherit;
}

.PivotTable .CellValue {
    vertical-align: top;
    line-height: 2em;
    padding: 0 3px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
    box-sizing: border-box;
    display: inline-block;
    width: 9em;
    border-right: var(--border1);

}

.PivotTable > tbody td.PivotCenter > .PivotCenter .CellValue {
    background-color: white;
}

.CellValue span.dec {
    opacity: 0.5;
    font-size: 80%;
    line-height: 2em;
}

.CellValue span.suf {
    margin-left: 1em;
}


/* META  : .Base.Views.ViewType.PivotTable.PivotTableScroll */
.PivotTable td.PivotCenter {
    position: relative;
    flex: 1;
    overflow: auto;
}

.PivotTable div.PivotCenter {
    overflow: auto;
    width: auto;
}

.PivotTable div.PivotCenter::-webkit-scrollbar {
    display: none;
width: 1px;
scrollbar-width: thin;
}

.PivotTable div.PivotCenter::scrollbar {
    display: none;
width: 1px;
scrollbar-width: thin;
}

.PivotTable thead  div.PivotCenter {
    overflow: hidden;
}

.PivotTable tfoot div.PivotCenter {
    overflow: hidden;
}

.PivotTable tfoot td.PivotCenter {
    overflow: hidden;
}


/* META  : .Base.Views.ViewType.ItemFlow */
.ViewBody.ItemFlow_Column, .ViewBody_ItemView.ItemFlow_Column
{
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
    justify-content: flex-start;
    display: flex !important;
}

.ViewBody.ItemFlow_Row, .ViewBody_ItemView.ItemFlow_Row
{
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    display: flex !important;
}

.ViewBody.ItemFlow_Float
{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;

}

.ViewBody.ItemFlow_Float > .ItemView
{
    width: auto;
}


/* META  : .Base.Views.ViewType.FirstLetters */
.FirstLetters
{
    position: Fixed;
    top: 40%;
    right: 4px;
    transform: translateY(-50%);
    font-weight: bold;
    width: 2.4em;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.FirstLetters > div
{
    padding: 1px 0 0;
    width: 2em;
    height: 2em;
    border: var(--border1);
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: var(--textColor);
    color: var(--backColor);
}

.FirstLetters .CurrentLetter {
    background-color: rgba(127,127,127,0.2);
}

.FirstLetters .CurrentLetter:before {
    content: attr(title);
    font-size: 5rem;
    position: absolute;
    left: -1em;

    transform: translateY(-40%);
    font-weight: bold;
}


/* META  : .Base.Views.ViewType.Kanban */
.KanbanError {
padding: 20px;
text-align: center;
color: #666;
font-size: 14px;
}

.Theme_Dark .KanbanError {
color: #999;
}

.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;
}

.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;
}

.Theme_Dark .KanbanColumn {
background-color: #2d2d2d;
border-top-color: #4d4d4d;
}

.KanbanColumnColored {
border-top-width: 4px;
}

.KanbanColumnEmpty {
opacity: 0.7;
}

.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;
}

.Theme_Dark .KanbanColumnHeader {
background-color: #3d3d3d;
}

.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;
}

.Theme_Dark .KanbanColumnTitle {
color: #e0e0e0;
}

.KanbanColumnCount {
background-color: #dfe1e6;
color: #5e6c84;
font-size: 12px;
font-weight: 600;
padding: 2px 8px;
border-radius: 10px;
min-width: 24px;
text-align: center;
}

.Theme_Dark .KanbanColumnCount {
background-color: #4d4d4d;
color: #b0b0b0;
}

.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);
}

.Theme_Dark .KanbanCardContainer.KanbanDropActive {
background-color: rgba(100, 181, 246, 0.1);
}

.KanbanCardContainer.KanbanDropHover {
background-color: rgba(25, 118, 210, 0.15);
box-shadow: inset 0 0 0 2px #1976d2;
}

.Theme_Dark .KanbanCardContainer.KanbanDropHover {
background-color: rgba(100, 181, 246, 0.2);
box-shadow: inset 0 0 0 2px #64b5f6;
}

.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;
}

.Theme_Dark .KanbanCard {
background-color: #424242;
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.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;
}

.KanbanCardHeader {
padding: 10px 12px 6px 12px;
}

.KanbanCardTitle {
font-weight: 600;
font-size: 14px;
color: #172b4d;
line-height: 1.4;
word-break: break-word;
}

.Theme_Dark .KanbanCardTitle {
color: #e0e0e0;
}

.KanbanCardContent {
padding: 0 12px 8px 12px;
font-size: 12px;
color: #5e6c84;
}

.Theme_Dark .KanbanCardContent {
color: #b0b0b0;
}

.KanbanCardField {
margin-bottom: 4px;
line-height: 1.4;
}

.KanbanFieldLabel {
color: #7a869a;
font-size: 11px;
}

.Theme_Dark .KanbanFieldLabel {
color: #888;
}

.KanbanFieldValue {
color: #42526e;
}

.Theme_Dark .KanbanFieldValue {
color: #ccc;
}

.KanbanCardItemView {
padding: 8px;
}


/* META  : .Base.Views.ViewType.Kanban.Kanban_@media */
@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;
}
}

@media (max-width: 1024px) and (min-width: 769px) {
.KanbanColumn {
    min-width: 260px;
    width: 280px;
}
}

@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;
}
}


/* META  : .Base.Views.ViewType.Kanban.Kanban_KanbanCardFooter */
.KanbanCardFooter {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px 12px 8px 12px;
border-top: 1px solid #f0f0f0;
min-height: 8px;
}

.KanbanCard .KanbanCardItemView .KanbanCardFooter {
display: none;
}

.Theme_Dark .KanbanCardFooter {
border-top-color: #555;
}


/* META  : .Base.Views.ViewType.Timeline */
.TimelineError {
padding: 40px 20px;
text-align: center;
color: #666;
font-size: 14px;
}

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

.TimelineContainer {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}

.TimelineHeader {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
background-color: #f8f9fa;
border-bottom: 1px solid #e9ecef;
flex-shrink: 0;
}

.Theme_Dark .TimelineHeader {
background-color: #2d2d2d;
border-bottom-color: #404040;
}

.TimelineDateRange {
font-weight: 600;
font-size: 14px;
color: #495057;
}

.Theme_Dark .TimelineDateRange {
color: #e0e0e0;
}

.TimelineCount {
font-size: 13px;
color: #6c757d;
}

.Theme_Dark .TimelineCount {
color: #999;
}

.TimelineAlternate .TimelineItemWrapper.TimelineItemAlternate {
flex-direction: row-reverse;
padding-left: 0;
padding-right: 30px;
transform: translateX(-100%);
margin-left: -30px;
}

.TimelineCard:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.12);
transform: translateY(-2px);
}

.TimelineCard:last-child {
margin-bottom: 0;
}

.TimelineCardHeader {
padding: 12px 14px 8px 14px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
}

.TimelineCard_Compact .TimelineCardHeader {
padding: 0;
}

.TimelineCardDate {
font-size: 11px;
color: #868e96;
white-space: nowrap;
}

.Theme_Dark .TimelineCardDate {
color: #888;
}

.TimelineCardContent {
padding: 0 14px 10px 14px;
}

.TimelineCardField {
margin-bottom: 4px;
font-size: 12px;
line-height: 1.4;
}

.TimelineFieldLabel {
color: #868e96;
}

.Theme_Dark .TimelineFieldLabel {
color: #888;
}

.TimelineFieldValue {
color: #495057;
}

.Theme_Dark .TimelineFieldValue {
color: #ccc;
}

.TimelineCardItemView {
padding: 8px;
}

.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;
}

.Theme_Dark .TimelineSwimlane {
background-color: #2d2d2d;
}

.TimelineSwimlaneHeader {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
background-color: #e9ecef;
border-radius: 8px 8px 0 0;
}

.Theme_Dark .TimelineSwimlaneHeader {
background-color: #3d3d3d;
}

.TimelineSwimlaneTitle {
font-weight: 600;
font-size: 14px;
color: #495057;
}

.Theme_Dark .TimelineSwimlaneTitle {
color: #e0e0e0;
}

.TimelineSwimlaneCount {
background-color: #dee2e6;
color: #6c757d;
font-size: 12px;
font-weight: 600;
padding: 2px 8px;
border-radius: 10px;
}

.Theme_Dark .TimelineSwimlaneCount {
background-color: #555;
color: #ccc;
}

.TimelineSwimlaneBody {
flex: 1;
padding: 12px;
overflow-y: auto;
position: relative;
}

.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);
}
}

@keyframes timelineFadeInHorizontal {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

@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;
}
}

@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;
}
}


/* META  : .Base.Views.ViewType.Timeline.Timeline_TimelineBody */
.TimelineBody {
flex: 1;
overflow: auto;
padding: 20px;
position: relative;
}

.Timeline_Vertical .TimelineBody {
padding-left: 40px;
}

.TimelineAlternate .TimelineBody {
padding-left: 50%;
}

.Timeline_Horizontal .TimelineBody {
display: flex;
align-items: flex-start;
padding: 20px;
overflow-x: auto;
overflow-y: hidden;
}


/* META  : .Base.Views.ViewType.Timeline.Timeline_TimelineCard */
.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_Compact .TimelineCard {
padding: 10px 14px;
}

.TimelineCard_Minimal .TimelineCard {
padding: 8px 12px;
border-left-width: 2px;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.Theme_Dark .TimelineCard {
background-color: #3d3d3d;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}


/* META  : .Base.Views.ViewType.Timeline.Timeline_TimelineCardFooter */
.TimelineCardFooter {
padding: 8px 14px;
border-top: 1px solid #f1f3f4;
display: flex;
align-items: center;
justify-content: flex-end;
}

.TimelineCard_Compact .TimelineCardFooter {
display: none;
}

.Theme_Dark .TimelineCardFooter {
border-top-color: #555;
}


/* META  : .Base.Views.ViewType.Timeline.Timeline_TimelineCardTitle */
.TimelineCardTitle {
font-weight: 600;
font-size: 14px;
color: #212529;
line-height: 1.4;
flex: 1;
}

.TimelineCard_Minimal .TimelineCardTitle {
font-size: 13px;
}

.Theme_Dark .TimelineCardTitle {
color: #e0e0e0;
}


/* META  : .Base.Views.ViewType.Timeline.Timeline_TimelineContentWrapper */
.Timeline_Vertical .TimelineContentWrapper {
flex: 1;
margin-left: 16px;
}

.TimelineAlternate .TimelineItemAlternate .TimelineContentWrapper {
margin-left: 0;
margin-right: 16px;
}

.Timeline_Horizontal .TimelineContentWrapper {
width: 100%;
}


/* META  : .Base.Views.ViewType.Timeline.Timeline_TimelineDateLabel */
.Timeline_Vertical .TimelineDateLabel {
position: absolute;
left: -100px;
top: 6px;
width: 90px;
text-align: right;
font-size: 12px;
font-weight: 500;
color: #6c757d;
}

.TimelineAlternate .TimelineItemAlternate .TimelineDateLabel {
left: auto;
right: -100px;
text-align: left;
}

.Timeline_Horizontal .TimelineDateLabel {
font-size: 12px;
font-weight: 500;
color: #6c757d;
margin-bottom: 8px;
text-align: center;
}

.TimelineSwimlane .TimelineDateLabel {
position: static;
width: auto;
text-align: left;
margin-bottom: 4px;
}

.Theme_Dark .TimelineDateLabel {
color: #999;
}


/* META  : .Base.Views.ViewType.Timeline.Timeline_TimelineItemWrapper */
.Timeline_Vertical .TimelineItemWrapper {
display: flex;
align-items: flex-start;
margin-bottom: 24px;
position: relative;
padding-left: 40px;
}

.TimelineAlternate .TimelineItemWrapper {
padding-left: 30px;
padding-right: 0;
}

.Timeline_Horizontal .TimelineItemWrapper {
display: flex;
flex-direction: column;
align-items: center;
min-width: 200px;
margin-right: 24px;
position: relative;
}

.TimelineSwimlane .TimelineItemWrapper {
padding-left: 32px;
}

.TimelineAnimated .TimelineItemWrapper {
animation: timelineFadeIn 0.4s ease forwards;
opacity: 0;
}

.TimelineAnimated.Timeline_Horizontal .TimelineItemWrapper {
animation-name: timelineFadeInHorizontal;
}


/* META  : .Base.Views.ViewType.Timeline.Timeline_TimelineLine */
.Timeline_Vertical .TimelineLine {
position: absolute;
left: 56px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, #e9ecef 0%, #dee2e6 50%, #e9ecef 100%);
}

.TimelineAlternate .TimelineLine {
left: 50%;
transform: translateX(-50%);
}

.Timeline_Horizontal .TimelineLine {
position: absolute;
top: 50px;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(to right, #e9ecef 0%, #dee2e6 50%, #e9ecef 100%);
}

.TimelineConnector_Curved .TimelineLine {
border-radius: 4px;
}

.TimelineConnector_None .TimelineLine {
display: none;
}

.TimelineSwimlane .TimelineLine {
left: 28px;
}

.Theme_Dark .TimelineLine {
background: linear-gradient(to bottom, #404040 0%, #555 50%, #404040 100%);
}


/* META  : .Base.Views.ViewType.Timeline.Timeline_TimelinePoint */
.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;
}

.TimelineAlternate .TimelineItemAlternate .TimelinePoint {
left: auto;
right: 12px;
}

.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;
}

.TimelinePoint_Square .TimelinePoint {
border-radius: 3px;
}

.TimelinePoint_Diamond .TimelinePoint {
border-radius: 0;
transform: rotate(45deg);
}

.TimelinePointSize_Small .TimelinePoint {
width: 10px;
height: 10px;
border-width: 2px;
}

.TimelinePointSize_Large .TimelinePoint {
width: 18px;
height: 18px;
border-width: 4px;
}

.TimelineSwimlane .TimelinePoint {
left: 6px;
}


/* META  : .Base.Views.ViewType.CardView */
.CardViewContainer {
display: grid;
width: 100%;
padding: 16px;
box-sizing: border-box;
}

.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;
}

.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; }

.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; }

.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);
}

.Theme_Dark .CardItem[data-card-style="Elevated"] {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.CardItem[data-card-style="Outlined"] {
border: 1px solid #e0e0e0;
}

.Theme_Dark .CardItem[data-card-style="Outlined"] {
border-color: #444;
}

.CardItem[data-card-style="Filled"] {
background: #f5f5f5;
}

.Theme_Dark .CardItem[data-card-style="Filled"] {
background: #383838;
}

.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; }

.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;
}

.CardItem[data-image-position="Right"] {
flex-direction: row;
}

.CardItem[data-image-position="Background"] {
position: relative;
}

.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; }

.CardImageWrapper.CardImageError {
display: flex;
align-items: center;
justify-content: center;
color: #999;
}

.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; }

.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; }

.CardFooter {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 8px 12px;
border-top: 1px solid #f0f0f0;
font-size: 12px;
color: #5f6368;
}

.Theme_Dark .CardFooter {
border-top-color: #444;
}

.CardFooterItem {
display: flex;
align-items: center;
gap: 4px;
}

.CardFooterLabel {
color: #999;
}

.Theme_Dark .CardFooterLabel {
color: #666;
}

.CardFooterValue {
color: #333;
}

.Theme_Dark .CardFooterValue {
color: #bbb;
}

.CardItem[data-selected="true"] {
outline: 2px solid #4285f4;
outline-offset: -2px;
}

.CardItemViewContent {
padding: 12px;
}

.CardGroup {
margin-bottom: 24px;
}

.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;
}

.Theme_Dark .CardGroupTitle {
color: #e8eaed;
}

.CardGroupCount {
background: #e8eaed;
color: #5f6368;
padding: 2px 8px;
border-radius: 12px;
font-size: 12px;
font-weight: 500;
}

.Theme_Dark .CardGroupCount {
background: #444;
color: #aaa;
}

.CardGroupContent {
display: grid;
}

.CardGroup[data-collapsed="true"] .CardGroupContent {
display: none;
}

.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; }

.CardEmptyState {
grid-column: 1 / -1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48px 24px;
color: #999;
}

.Theme_Dark .CardEmptyState {
color: #666;
}

.CardEmptyIcon {
font-size: 48px;
margin-bottom: 16px;
opacity: 0.5;
}

.CardEmptyText {
font-size: 16px;
}

.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;
}

.Theme_Dark .CardSkeletonDesc {
background: linear-gradient(90deg, #383838 25%, #444 50%, #383838 75%);
background-size: 200% 100%;
}

.CardSkeletonDescShort {
width: 50%;
}

.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;
}


/* META  : .Base.Views.ViewType.CardView.CardView_@keyframes */
@keyframes cardSkeletonShimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}

@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); }
}


/* META  : .Base.Views.ViewType.CardView.CardView_@media */
@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);
}
}

@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;
}
}


/* META  : .Base.Views.ViewType.CardView.CardView_CardContent */
.CardItem[data-card-size="Small"] .CardContent { padding: 8px; }

.CardItem[data-card-size="Medium"] .CardContent { padding: 12px; }

.CardItem[data-card-size="Large"] .CardContent { padding: 16px; }

.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;
}

.CardContent {
flex: 1;
display: flex;
flex-direction: column;
padding: 12px;
}


/* META  : .Base.Views.ViewType.CardView.CardView_CardDescription */
.CardItem[data-card-size="Small"] .CardDescription { font-size: 12px; }

.CardItem[data-card-size="Medium"] .CardDescription { font-size: 14px; }

.CardItem[data-card-size="Large"] .CardDescription { font-size: 15px; }

.CardDescription {
color: #5f6368;
line-height: 1.5;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}

.Theme_Dark .CardDescription {
color: #9aa0a6;
}


/* META  : .Base.Views.ViewType.CardView.CardView_CardGroupHeader */
.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;
}

.Theme_Dark .CardGroupHeader {
border-bottom-color: #444;
}

.Theme_Dark .CardGroup[data-group-style="Tab"] .CardGroupHeader {
background: #383838;
}

.Theme_Dark .CardGroup[data-group-style="Accordion"] .CardGroupHeader {
background: #333;
border-color: #444;
}


/* META  : .Base.Views.ViewType.CardView.CardView_CardImage */
.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 .CardImage {
display: none;
}


/* META  : .Base.Views.ViewType.CardView.CardView_CardImageWrapper */
.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="Right"] .CardImageWrapper {
width: 40%;
flex-shrink: 0;
}

.CardItem[data-image-position="Background"] .CardImageWrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}

.CardImageWrapper {
position: relative;
overflow: hidden;
background: #f0f0f0;
}

.Theme_Dark .CardImageWrapper {
background: #383838;
}


/* META  : .Base.Views.ViewType.CardView.CardView_CardItem */
.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;
}

.Theme_Dark .CardItem {
background: #2d2d2d;
}


/* META  : .Base.Views.ViewType.CardView.CardView_CardSelectBox */
.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-selected="true"] .CardSelectBox {
opacity: 1;
}

.Theme_Dark .CardSelectBox {
background: rgba(45, 45, 45, 0.9);
color: #e8eaed;
}


/* META  : .Base.Views.ViewType.CardView.CardView_CardTitle */
.CardItem[data-card-size="Small"] .CardTitle { font-size: 14px; }

.CardItem[data-card-size="Medium"] .CardTitle { font-size: 16px; }

.CardItem[data-card-size="Large"] .CardTitle { font-size: 18px; }

.CardTitle {
font-weight: 600;
color: #202124;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.Theme_Dark .CardTitle {
color: #e8eaed;
}


/* META  : .Base.Views.ViewType.ListSkeleton */
.ListSkeletonWrapper {display:flex;flex-direction:column;width:100%;padding:0;box-sizing:border-box;}.ListSkeletonHeader,.ListSkeletonRow{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid #f0f0f0;}.Theme_Dark .ListSkeletonHeader,.Theme_Dark .ListSkeletonRow{border-bottom-color:#333;}.ListSkeletonHeader{padding-bottom:10px;border-bottom:2px solid #e8e8e8;}.Theme_Dark .ListSkeletonHeader{border-bottom-color:#444;}.ListSkeletonCell{height:14px;min-width:32px;flex:1;border-radius:3px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;}.Theme_Dark .ListSkeletonCell{background:linear-gradient(90deg,#383838 25%,#444 50%,#383838 75%);background-size:200% 100%;}.ListSkeletonFirstCol{flex:0 0 32px;width:32px;height:14px;border-radius:3px;}.ListSkeletonHeader .ListSkeletonCell{height:12px;}@media print{.ListSkeletonWrapper{display:none;}}


/* META  : .Base.Views.ViewType.FolderSkeleton */
.FolderSkeletonWrapper{display:flex;flex-direction:column;width:100%;padding:4px 0;box-sizing:border-box;}.FolderSkeletonRow{display:flex;align-items:center;gap:10px;padding:8px;}.FolderSkeletonIcon{flex:0 0 20px;width:20px;height:20px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;}.Theme_Dark .FolderSkeletonIcon{background:linear-gradient(90deg,#383838 25%,#444 50%,#383838 75%);background-size:200% 100%;}.FolderSkeletonLabel{height:14px;border-radius:3px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;}.Theme_Dark .FolderSkeletonLabel{background:linear-gradient(90deg,#383838 25%,#444 50%,#383838 75%);background-size:200% 100%;}@media print{.FolderSkeletonWrapper{display:none;}}


/* META  : .Base.Views.ViewType.DashboardSkeleton */
.DashboardSkeletonContainer{display:grid;width:100%;padding:16px;box-sizing:border-box;gap:16px;grid-template-columns:repeat(3,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;align-items:flex-start;gap:14px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}.Theme_Dark .DashboardSkeletonWidget{background:#2d2d2d;}.DashboardSkeletonIcon{flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;}.Theme_Dark .DashboardSkeletonIcon{background:linear-gradient(90deg,#383838 25%,#444 50%,#383838 75%);background-size:200% 100%;}.DashboardSkeletonBody{flex:1;display:flex;flex-direction:column;gap:10px;}.DashboardSkeletonValue{height:28px;width:60%;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;}.Theme_Dark .DashboardSkeletonValue{background:linear-gradient(90deg,#383838 25%,#444 50%,#383838 75%);background-size:200% 100%;}.DashboardSkeletonLabel{height:13px;width:80%;border-radius:3px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;}.Theme_Dark .DashboardSkeletonLabel{background:linear-gradient(90deg,#383838 25%,#444 50%,#383838 75%);background-size:200% 100%;}@media(max-width:768px){.DashboardSkeletonContainer{grid-template-columns:repeat(2,1fr);padding:8px;}}@media(max-width:480px){.DashboardSkeletonContainer{grid-template-columns:1fr;}}@media print{.DashboardSkeletonContainer{display:none;}}


/* META  : .Base.Views.ViewType.ChartSkeleton */
.ChartSkeletonRect{display:block;width:100%;min-height:200px;height:100%;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;}.Theme_Dark .ChartSkeletonRect{background:linear-gradient(90deg,#383838 25%,#444 50%,#383838 75%);background-size:200% 100%;}@media print{.ChartSkeletonRect{display:none;}}


/* META  : .Base.Views.ViewType.Dashboard */
.DashboardContainer {
display: grid;
width: 100%;
padding: 16px;
box-sizing: border-box;
gap: 16px;
}

.DashboardContainer[data-layout="Grid"] {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.DashboardContainer[data-layout="Flex"] {
display: flex;
flex-wrap: wrap;
}

.DashboardContainer[data-layout="Masonry"] {
display: block;
column-count: 3;
column-gap: 16px;
}

.DashboardContainer[data-columns="1"] { grid-template-columns: 1fr; }

.DashboardContainer[data-columns="2"] { grid-template-columns: repeat(2, 1fr); }

.DashboardContainer[data-columns="3"] { grid-template-columns: repeat(3, 1fr); }

.DashboardContainer[data-columns="4"] { grid-template-columns: repeat(4, 1fr); }

.DashboardContainer[data-columns="6"] { grid-template-columns: repeat(6, 1fr); }

.DashboardContainer[data-layout="Masonry"][data-columns="2"] { column-count: 2; }

.DashboardContainer[data-layout="Masonry"][data-columns="3"] { column-count: 3; }

.DashboardContainer[data-layout="Masonry"][data-columns="4"] { column-count: 4; }

.DashboardContainer[data-gap="None"] { gap: 0; }

.DashboardContainer[data-gap="Small"] { gap: 8px; }

.DashboardContainer[data-gap="Medium"] { gap: 16px; }

.DashboardContainer[data-gap="Large"] { gap: 24px; }

.DashboardWidget[data-widget-style="Card"] {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.Theme_Dark .DashboardWidget[data-widget-style="Card"] {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.DashboardWidget[data-widget-style="Flat"] {
background: #fff;
border: none;
}

.DashboardWidget[data-widget-style="Outlined"] {
border: 1px solid #e0e0e0;
box-shadow: none;
}

.Theme_Dark .DashboardWidget[data-widget-style="Outlined"] {
border-color: #444;
}

.DashboardWidget[data-widget-style="Glass"] {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.Theme_Dark .DashboardWidget[data-widget-style="Glass"] {
background: rgba(45, 45, 45, 0.7);
border-color: rgba(255, 255, 255, 0.1);
}

.DashboardWidget[data-widget-radius="None"] { border-radius: 0; }

.DashboardWidget[data-widget-radius="Small"] { border-radius: 4px; }

.DashboardWidget[data-widget-radius="Medium"] { border-radius: 8px; }

.DashboardWidget[data-widget-radius="Large"] { border-radius: 16px; }

.DashboardWidget[data-widget-size="Small"] { padding: 12px; }

.DashboardWidget[data-widget-size="Medium"] { padding: 20px; }

.DashboardWidget[data-widget-size="Large"] { padding: 28px; }

.DashboardWidget[data-widget-size="XLarge"] { padding: 36px; }

.DashboardWidget[data-widget-span="1"] { grid-column: span 1; }

.DashboardWidget[data-widget-span="2"] { grid-column: span 2; }

.DashboardWidget[data-widget-span="3"] { grid-column: span 3; }

.DashboardWidget[data-widget-span="Full"] { grid-column: 1 / -1; }

.DashboardWidget[data-has-color="true"] {
border-left: 4px solid #4285f4;
}

.DashboardWidget:hover {
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.DashboardWidget[data-widget-style="Outlined"]:hover {
background: #f8f9fa;
transform: none;
box-shadow: none;
}

.Theme_Dark .DashboardWidget[data-widget-style="Outlined"]:hover {
background: #383838;
}

.DashboardWidgetContent {
display: flex;
align-items: flex-start;
gap: 16px;
flex: 1;
}

.DashboardWidgetIcon {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: #f0f4ff;
border-radius: 12px;
font-size: 24px;
color: #4285f4;
flex-shrink: 0;
}

.Theme_Dark .DashboardWidgetIcon {
background: #383838;
}

.DashboardWidgetText {
flex: 1;
min-width: 0;
}

.DashboardWidgetLabel {
font-size: 14px;
color: #5f6368;
margin-bottom: 4px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.Theme_Dark .DashboardWidgetLabel {
color: #9aa0a6;
}

.DashboardWidgetCount {
font-size: 12px;
color: #9aa0a6;
}

.Theme_Dark .DashboardWidgetCount {
color: #666;
}

.DashboardWidgetChange {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 14px;
font-weight: 500;
margin-top: 8px;
}

.DashboardWidgetChange[data-direction="up"] {
color: #34a853;
}

.DashboardWidgetChange[data-direction="down"] {
color: #ea4335;
}

.DashboardChangeArrow {
font-size: 10px;
}

.DashboardProgress {
margin-top: 16px;
}

.DashboardProgress[data-style="Bar"] {
display: flex;
align-items: center;
gap: 12px;
}

.DashboardProgressBar {
flex: 1;
height: 8px;
background: #e8eaed;
border-radius: 4px;
overflow: hidden;
}

.DashboardProgressBar .DashboardProgressFill {
height: 100%;
background: linear-gradient(90deg, #4285f4, #34a853);
border-radius: 4px;
transition: width 0.6s ease;
}

.DashboardProgressCircle .DashboardProgressFill {
fill: none;
stroke: #4285f4;
stroke-width: 6;
stroke-linecap: round;
transition: stroke-dashoffset 0.6s ease;
}

.DashboardProgressPercent {
font-size: 14px;
font-weight: 600;
color: #5f6368;
min-width: 45px;
text-align: right;
}

.DashboardProgress[data-style="Semicircle"] .DashboardProgressPercent {
position: absolute;
font-size: 12px;
}

.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: 6;
}

.Theme_Dark .DashboardProgressCircle .DashboardProgressBg {
background: #444;
stroke: #444;
}

.DashboardTrend {
position: absolute;
top: 16px;
right: 16px;
}

.DashboardTrendIcon {
font-size: 20px;
font-weight: bold;
}

.DashboardTrendIcon[data-direction="up"] {
color: #34a853;
}

.DashboardTrendIcon[data-direction="down"] {
color: #ea4335;
}

.DashboardEmptyState {
grid-column: 1 / -1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48px 24px;
color: #999;
}

.Theme_Dark .DashboardEmptyState {
color: #666;
}

.DashboardEmptyIcon {
font-size: 48px;
margin-bottom: 16px;
opacity: 0.5;
}

.DashboardEmptyText {
font-size: 16px;
}

.DashboardWidget {
animation: dashboardWidgetIn 0.3s ease-out both;
}

.DashboardWidget:nth-child(1) { animation-delay: 0s; }
.DashboardWidget:nth-child(2) { animation-delay: 0.05s; }
.DashboardWidget:nth-child(3) { animation-delay: 0.1s; }
.DashboardWidget:nth-child(4) { animation-delay: 0.15s; }
.DashboardWidget:nth-child(5) { animation-delay: 0.2s; }
.DashboardWidget:nth-child(6) { animation-delay: 0.25s; }

@keyframes dashboardWidgetIn {
from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}

.DashboardWidgetIcon {
transition: transform 0.2s ease;
}

.DashboardWidget:hover .DashboardWidgetIcon {
transform: scale(1.1);
}
.DashboardWidgetHeader {
display: flex;
align-items: center;
justify-content: flex-end;
height: 20px;
margin-bottom: 4px;
}

.DashboardCollapseBtn {
background: none;
border: none;
cursor: pointer;
padding: 2px 4px;
font-size: 10px;
color: #9aa0a6;
line-height: 1;
border-radius: 3px;
transition: color 0.15s ease, background 0.15s ease;
opacity: 0;
transition: opacity 0.2s ease;
}

.DashboardWidget:hover .DashboardCollapseBtn {
opacity: 1;
}

.DashboardCollapseBtn:hover {
color: #5f6368;
background: #f1f3f4;
}

.Theme_Dark .DashboardCollapseBtn:hover {
background: #444;
color: #e8eaed;
}

.DashboardWidgetBody {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
transition: opacity 0.2s ease, max-height 0.3s ease;
}

.DashboardWidget[data-collapsed="true"] .DashboardWidgetBody {
display: none;
}

.DashboardWidget[data-collapsed="true"] {
min-height: auto;
}

.DashboardWidgetDragging {
opacity: 0.5;
transform: scale(0.97);
box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
z-index: 1000;
cursor: grabbing !important;
}

.DashboardDropTarget {
outline: 2px dashed #4285f4;
outline-offset: -2px;
background: rgba(66,133,244,0.05) !important;
}

.DashboardWidget[draggable="true"] {
cursor: grab;
}

.DashboardWidget[draggable="true"]:active {
cursor: grabbing;
}

.DashboardRefreshCountdown {
position: absolute;
top: 8px;
right: 8px;
width: 20px;
height: 20px;
z-index: 10;
pointer-events: none;
}

.DashboardCountdownSvg {
width: 20px;
height: 20px;
transform: rotate(-90deg);
}

.DashboardCountdownBg {
fill: none;
stroke: #e8eaed;
stroke-width: 2.5;
}

.Theme_Dark .DashboardCountdownBg {
stroke: #444;
}

.DashboardCountdownProgress {
fill: none;
stroke: #4285f4;
stroke-width: 2.5;
stroke-linecap: round;
}

.DashboardWidget:nth-child(7) { animation-delay: 0.3s; }
.DashboardWidget:nth-child(8) { animation-delay: 0.35s; }
.DashboardWidget:nth-child(9) { animation-delay: 0.4s; }
.DashboardWidget:nth-child(10) { animation-delay: 0.45s; }
.DashboardWidget:nth-child(11) { animation-delay: 0.5s; }
.DashboardWidget:nth-child(12) { animation-delay: 0.55s; }


/* META  : .Base.Views.ViewType.Dashboard.Dashboard_@media */
@media (max-width: 768px) {
.DashboardContainer {
    grid-template-columns: 1fr;
    padding: 8px;
}
.DashboardContainer[data-columns="2"],
.DashboardContainer[data-columns="3"],
.DashboardContainer[data-columns="4"],
.DashboardContainer[data-columns="6"] {
    grid-template-columns: repeat(2, 1fr);
}
.DashboardContainer[data-layout="Masonry"] {
    column-count: 2;
}
.DashboardWidget[data-widget-span="2"],
.DashboardWidget[data-widget-span="3"] {
    grid-column: span 1;
}
.DashboardWidget[data-widget-size="Large"] { padding: 20px; }
.DashboardWidget[data-widget-size="XLarge"] { padding: 24px; }
.DashboardWidget[data-widget-size="Large"] .DashboardWidgetValue,
.DashboardWidget[data-widget-size="XLarge"] .DashboardWidgetValue {
    font-size: 32px;
}
}

@media (max-width: 480px) {
.DashboardContainer,
.DashboardContainer[data-columns="2"],
.DashboardContainer[data-columns="3"],
.DashboardContainer[data-columns="4"],
.DashboardContainer[data-columns="6"] {
    grid-template-columns: 1fr;
}
.DashboardContainer[data-layout="Masonry"] {
    column-count: 1;
}
.DashboardWidgetContent {
    flex-direction: column;
    align-items: stretch;
}
.DashboardWidgetIcon {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
}

@media print {
.DashboardContainer {
    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;
}
}


/* META  : .Base.Views.ViewType.Dashboard.Dashboard_DashboardWidget */
.DashboardWidget {
display: flex;
flex-direction: column;
background: #fff;
padding: 20px;
transition: all 0.2s ease;
position: relative;
overflow: hidden;
box-sizing: border-box;
}

.DashboardContainer[data-layout="Masonry"] .DashboardWidget {
break-inside: avoid;
margin-bottom: 16px;
}

.DashboardContainer[data-layout="Flex"] .DashboardWidget {
flex: 1 1 280px;
margin: 8px;
}

.Theme_Dark .DashboardWidget {
background: #2d2d2d;
}


/* META  : .Base.Views.ViewType.Dashboard.Dashboard_DashboardWidgetValue */
.DashboardWidget[data-widget-size="Small"] .DashboardWidgetValue { font-size: 24px; }

.DashboardWidget[data-widget-size="Medium"] .DashboardWidgetValue { font-size: 32px; }

.DashboardWidget[data-widget-size="Large"] .DashboardWidgetValue { font-size: 42px; }

.DashboardWidget[data-widget-size="XLarge"] .DashboardWidgetValue { font-size: 54px; }

.DashboardWidgetValue {
font-size: 32px;
font-weight: 700;
color: #202124;
line-height: 1.2;
margin-bottom: 4px;
}

.Theme_Dark .DashboardWidgetValue {
color: #e8eaed;
}


/* META  : .Base.Views.ViewType.Gallery */
.GalleryContainer {
display: grid;
width: 100%;
padding: 8px;
box-sizing: border-box;
}

.GalleryContainer[data-layout="Grid"] {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.GalleryContainer[data-layout="Masonry"] {
display: block;
column-count: auto;
column-width: 200px;
}

.GalleryContainer[data-layout="Justified"] {
display: flex;
flex-wrap: wrap;
}

.GalleryContainer[data-layout="Carousel"] {
display: block;
position: relative;
overflow: hidden;
}

.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; }

.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; }

.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; }

.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%; }

.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;
}

.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;
}

.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;
}

.GalleryItem[data-hover="Lift"]:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.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);
}

.GalleryCaptionBelow {
padding: 8px;
background: #fff;
}

.Theme_Dark .GalleryCaptionBelow {
background: #2d2d2d;
}

.GalleryItem[data-selected="true"] {
outline: 3px solid #4285f4;
outline-offset: -3px;
}

.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;
}

.GalleryGroup {
margin-bottom: 24px;
}

.GalleryGroupHeader {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 8px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 8px;
}

.Theme_Dark .GalleryGroupHeader {
border-bottom-color: #444;
}

.GalleryGroupTitle {
font-size: 16px;
font-weight: 600;
color: #202124;
}

.Theme_Dark .GalleryGroupTitle {
color: #e8eaed;
}

.GalleryGroupCount {
font-size: 13px;
color: #5f6368;
}

.GalleryGroupContent {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.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;
}

.GalleryCarouselNext:hover {
background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.GalleryCarouselPrev { left: 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;
}

.Theme_Dark .GalleryCarouselDot {
background: #555;
}

.GalleryCarouselDot:hover {
background: #bbb;
}

.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;
}

.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;
}

.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;
}

.GalleryLightboxNext { right: 16px; }

.GalleryLightboxNext:hover {
opacity: 1;
}

.GalleryLightboxPrev { left: 16px; }

.GalleryEmptyState {
grid-column: 1 / -1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48px 24px;
color: #999;
}

.Theme_Dark .GalleryEmptyState {
color: #666;
}

.GalleryEmptyIcon {
font-size: 48px;
margin-bottom: 16px;
opacity: 0.5;
}

.GalleryEmptyText {
font-size: 16px;
}


/* META  : .Base.Views.ViewType.Gallery.Gallery_@keyframes */
@keyframes gallerySkeletonShimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}

@keyframes galleryFadeIn {
to { opacity: 1; }
}

@keyframes galleryZoomIn {
to { opacity: 1; transform: scale(1); }
}

@keyframes gallerySlideUp {
to { opacity: 1; transform: translateY(0); }
}


/* META  : .Base.Views.ViewType.Gallery.Gallery_@media */
@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);
}
}

@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;
}
}


/* META  : .Base.Views.ViewType.Gallery.Gallery_GalleryCaption */
.GalleryCaption {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.GalleryCaptionBelow .GalleryCaption {
color: #202124;
text-shadow: none;
}

.Theme_Dark .GalleryCaptionBelow .GalleryCaption {
color: #e8eaed;
}


/* META  : .Base.Views.ViewType.Gallery.Gallery_GalleryCarouselNext */
.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;
}

.GalleryCarouselNext { right: 16px; }

.Theme_Dark .GalleryCarouselNext {
background: rgba(45, 45, 45, 0.9);
color: #e8eaed;
}


/* META  : .Base.Views.ViewType.Gallery.Gallery_GalleryDescription */
.GalleryDescription {
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
margin-top: 4px;
line-height: 1.4;
}

.GalleryCaptionBelow .GalleryDescription {
color: #5f6368;
}

.Theme_Dark .GalleryCaptionBelow .GalleryDescription {
color: #9aa0a6;
}


/* META  : .Base.Views.ViewType.Gallery.Gallery_GalleryImage */
.GalleryImage {
width: 100%;
height: 100%;
display: block;
transition: transform 0.3s ease, filter 0.3s ease;
}

.GalleryImageWrapper.GalleryImageError .GalleryImage {
display: none;
}

.GalleryItem[data-hover="Zoom"]:hover .GalleryImage {
transform: scale(1.1);
}

.GalleryItem[data-hover="Brighten"]:hover .GalleryImage {
filter: brightness(1.1);
}


/* META  : .Base.Views.ViewType.Gallery.Gallery_GalleryItem */
.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;
}

.GalleryContainer[data-layout="Masonry"] .GalleryItem {
aspect-ratio: auto !important;
}

.Theme_Dark .GalleryItem {
background: #383838;
}


/* META  : .Base.Views.ViewType.Gallery.Gallery_GallerySelectBox */
.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-selected="true"] .GallerySelectBox {
opacity: 1;
}

.Theme_Dark .GallerySelectBox {
background: rgba(45, 45, 45, 0.9);
color: #e8eaed;
}


/* META  : .Base.Views.ViewType.Gallery.Gallery_active */
.GalleryCarouselSlide.active {
opacity: 1;
}

.GalleryCarouselDot.active {
background: #4285f4;
transform: scale(1.2);
}

.GalleryLightbox.active {
opacity: 1;
visibility: visible;
}


/* META  : .Base.Views.ViewType.Gantt */
.GanttContainer {
display: flex;
width: 100%;
height: 100%;
min-height: 400px;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
font-size: 13px;
}

.Theme_Dark .GanttContainer {
background: #2d2d2d;
border-color: #444;
}

.GanttTaskList {
flex-shrink: 0;
border-right: 1px solid #e0e0e0;
background: #fafafa;
display: flex;
flex-direction: column;
}

.Theme_Dark .GanttTaskList {
background: #252525;
border-right-color: #444;
}

.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;
}

.Theme_Dark .GanttTaskRow {
border-bottom-color: #383838;
}

.GanttTaskRow:hover {
background: #e8f0fe;
}

.Theme_Dark .GanttTaskRow:hover {
background: #383838;
}

.GanttTaskTitle {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #333;
}

.Theme_Dark .GanttTaskTitle {
color: #e8eaed;
}

.GanttTimeline {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
}

.GanttTimelineHeader {
flex-shrink: 0;
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
}

.Theme_Dark .GanttTimelineHeader {
background: #333;
border-bottom-color: #444;
}

.GanttTimelineHeaderRow {
display: flex;
white-space: nowrap;
}

.GanttTimelineHeaderTop {
background: #f0f0f0;
border-bottom: 1px solid #e0e0e0;
}

.GanttHeaderCell.GanttWeekend {
background: #fafafa;
color: #999;
}

.Theme_Dark .GanttHeaderCell.GanttWeekend {
background: #2a2a2a;
}

.GanttHeaderCell.GanttToday {
background: #e8f0fe;
color: #1a73e8;
font-weight: 600;
}

.Theme_Dark .GanttHeaderCell.GanttToday {
background: #1a3a5c;
color: #8ab4f8;
}

.GanttTimelineBody {
flex: 1;
position: relative;
overflow: auto;
background: #fff;
}

.Theme_Dark .GanttTimelineBody {
background: #2d2d2d;
}

.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;
}

.Theme_Dark .GanttGridLineV {
background: #383838;
}

.GanttWeekendBg {
position: absolute;
top: 0;
background: rgba(0, 0, 0, 0.02);
}

.Theme_Dark .GanttWeekendBg {
background: rgba(255, 255, 255, 0.02);
}

.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%;
}

.GanttBarsContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.GanttBar:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
z-index: 6;
}

.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);
}

.GanttBarProgress {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.3);
pointer-events: none;
}

.GanttEmptyState {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48px 24px;
color: #999;
}

.Theme_Dark .GanttEmptyState {
color: #666;
}

.GanttEmptyIcon {
font-size: 48px;
margin-bottom: 16px;
opacity: 0.5;
}

.GanttEmptyText {
font-size: 16px;
}

@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;
}
}

@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;
}
}


/* META  : .Base.Views.ViewType.Gantt.Gantt_GanttBar */
.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;
}

.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;
}


/* META  : .Base.Views.ViewType.Gantt.Gantt_GanttHeaderCell */
.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;
}

.GanttContainer[data-view-mode="Hour"] .GanttHeaderCell {
font-size: 11px;
}

.GanttContainer[data-view-mode="Year"] .GanttHeaderCell {
font-size: 12px;
}

.Theme_Dark .GanttHeaderCell {
border-right-color: #444;
color: #9aa0a6;
}


/* META  : .Base.Views.ViewType.Gantt.Gantt_GanttHeaderGroup */
.GanttHeaderGroup {
font-weight: 600;
color: #333;
background: #f0f0f0;
}

.Theme_Dark .GanttHeaderGroup {
background: #383838;
}

.Theme_Dark .GanttHeaderGroup {
color: #e8eaed;
}


/* META  : .Base.Views.ViewType.Spreadsheet */
.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;
}

.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;
}

.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;
}

.SpreadsheetRow.Selected + .SpreadsheetFrozenRow .SpreadsheetRowCheck {
opacity: 1;
}

.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] .SpreadsheetSortIndicator {
opacity: 1;
color: var(--primary-color, #1976d2);
}

.SpreadsheetHeaderCell[data-sort="asc"] .SpreadsheetSortIndicator::after {
content: "▲";
font-size: 10px;
}

.SpreadsheetHeaderCell[data-sort="desc"] .SpreadsheetSortIndicator::after {
content: "▼";
font-size: 10px;
}

.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);
}

.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;
}

.SpreadsheetCell.Selected {
background: var(--cell-selected-bg, rgba(25, 118, 210, 0.15)) !important;
outline: 2px solid var(--primary-color, #1976d2);
outline-offset: -2px;
}

.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 {
position: relative;
}

.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;
}

.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);
}

.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);
}

.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);
}

.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;
}

.SpreadsheetCellSaved {
animation: spreadsheet-saved 1s ease-out;
}

.SpreadsheetCellError {
animation: spreadsheet-error 2s ease-out;
}

.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;
}

.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);
}

.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;
}

.SpreadsheetSelectAll {
cursor: pointer;
font-size: 14px;
opacity: 0.6;
transition: opacity 0.15s;
}

.SpreadsheetSelectAll:hover {
opacity: 1;
}


/* META  : .Base.Views.ViewType.Spreadsheet.Spreadsheet_@keyframes */
@keyframes spreadsheet-spin {
to { transform: rotate(360deg); }
}

@keyframes spreadsheet-saved {
0% { background-color: rgba(34, 197, 94, 0.3); }
100% { background-color: transparent; }
}

@keyframes spreadsheet-error {
0%, 50% { background-color: rgba(239, 68, 68, 0.3); }
100% { background-color: transparent; }
}


/* META  : .Base.Views.ViewType.Spreadsheet.Spreadsheet_@media */
@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);
}
}

@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;
}
}

@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;
}
}


/* META  : .Base.Views.ViewType.Spreadsheet.Spreadsheet_SpreadsheetFrozenCell */
.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;
}

.SpreadsheetContainer[data-row-height="Small"] .SpreadsheetFrozenCell {
padding: 4px 8px;
}

.SpreadsheetContainer[data-row-height="Large"] .SpreadsheetFrozenCell {
padding: 10px 12px;
}

.SpreadsheetContainer[data-grid-lines="Horizontal"] .SpreadsheetFrozenCell {
border-right: none;
}


/* META  : .Base.Views.ViewType.Spreadsheet.Spreadsheet_SpreadsheetFrozenRow */
.SpreadsheetFrozenRow {
display: flex;
border-bottom: 1px solid var(--border-color, #eee);
}

.SpreadsheetContainer[data-row-height="Small"] .SpreadsheetFrozenRow {
min-height: 28px;
}

.SpreadsheetContainer[data-row-height="Medium"] .SpreadsheetFrozenRow {
min-height: 36px;
}

.SpreadsheetContainer[data-row-height="Large"] .SpreadsheetFrozenRow {
min-height: 48px;
}

.SpreadsheetContainer[data-grid-lines="None"] .SpreadsheetFrozenRow {
border: none;
}

.SpreadsheetContainer[data-grid-lines="Vertical"] .SpreadsheetFrozenRow {
border-bottom: none;
}


/* META  : .Base.Views.ViewType.Calendar */
.CalendarBody {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
}

.CalendarBody .Days td {
    border: 1px solid #e2e8f0;
    vertical-align: top;
    padding: 0;
    position: relative;
    min-height: 100px;
    background-color: #ffffff;
    transition: background-color 0.2s ease;
}

.CalendarBody table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.CalendarBody.DateMode_year table {
    height: auto;
}

.CalendarBody .Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}

.CalendarBody .Header .Right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.CalendarBody .Header .Center {
    display: flex;
    align-items: center;
    gap: 12px;
}

.CalendarBody .DateDisplay {
    display: flex;
    align-items: center;
    gap: 8px;
}

.CalendarBody .DateTitle {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    min-width: 200px;
    text-align: center;
}

.CalendarBody .TodayButton {
    padding: 6px 16px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-radius: 20px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.CalendarBody .TodayButton:hover {
    background-color: rgba(255, 255, 255, 0.35);
    transform: translateY(-1px);
}

.CalendarBody .DateDisplay .MicroButton {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.CalendarBody .DateDisplay .MicroButton:hover {
    background-color: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.CalendarBody .HourModes {
    display: flex;
    gap: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 4px;
    border-radius: 8px;
}

.CalendarBody .HourModes .Button {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: rgba(255, 255, 255, 0.8);
    background: transparent;
}

.CalendarBody .HourModes .SelectedButton {
    background-color: #ffffff;
    color: #667eea;
    font-weight: 600;
}

.CalendarBody .DayNames td {
    padding: 12px 8px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
}

.CalendarBody .DayNames .DayOfWeekName {
    display: block;
    margin-bottom: 2px;
}

.CalendarBody .DayNames .DayOfMonth {
    font-size: 14px;
    color: #334155;
}

.CalendarBody .WeekNumber {
    width: 40px !important;
    min-width: 40px;
    background-color: #f1f5f9;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.2s ease;
    border-right: 1px solid #e2e8f0;
}

.CalendarBody .WeekNumber:hover {
    background-color: #e2e8f0;
    color: #475569;
}

.CalendarBody .Days td:hover {
    background-color: #f8fafc;
}

.CalendarBody .Days td.Today {
    background-color: #eff6ff !important;
    border-color: #3b82f6;
}

.CalendarBody .YearDay.Today {
    background-color: #3b82f6;
    color: #ffffff;
    font-weight: 600;
}

.CalendarBody .Days td.OtherDay {
    background-color: #f8fafc;
}

.CalendarBody .DayTitle:hover {
    color: #3b82f6;
}

.CalendarBody .HourBlock {
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #f1f5f9;
    box-sizing: border-box;
}

.CalendarBody .HourBlock span {
    font-size: 10px;
    color: #94a3b8;
    padding-left: 4px;
    background-color: #ffffff;
}

.CalendarBody .HourBlock:nth-child(even) {
    background-color: rgba(248, 250, 252, 0.5);
}

.CalendarItem:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.CalendarItem.Dragging {
    opacity: 0.5;
    transform: scale(0.95);
}

.CalendarItem .CalendarItemHour {
    font-weight: 600;
    color: #3b82f6;
    margin-right: 8px;
}

.CalendarItem .CalendarItemTitle {
    color: #334155;
}

.DayBody.DragOver {
    background-color: #dbeafe !important;
    border: 2px dashed #3b82f6;
}

.CalendarBody .AllDays {
    background-color: #fefce8;
    border-bottom: 2px solid #fde047;
}

.CalendarBody .AllDays td {
    min-height: 40px;
    padding: 4px;
}

.CalendarBody .AllDayBody {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-height: 32px;
}

.CalendarBody .YearRow {
    height: auto;
}

.CalendarBody .YearMonth {
    padding: 12px;
    border: 1px solid #e2e8f0;
    vertical-align: top;
    width: 33.33%;
}

.CalendarBody .YearMonthHeader {
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    padding: 8px 0;
    text-align: center;
    cursor: pointer;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 8px;
    transition: color 0.2s ease;
}

.CalendarBody .YearMonthHeader:hover {
    color: #3b82f6;
}

.CalendarBody .YearMonthGrid {
    font-size: 11px;
}

.CalendarBody .YearDayNames {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    color: #94a3b8;
    margin-bottom: 4px;
}

.CalendarBody .YearDaysGrid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.CalendarBody .YearDay {
    text-align: center;
    padding: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    color: #475569;
    transition: all 0.15s ease;
}

.CalendarBody .YearDay:hover {
    background-color: #e2e8f0;
}

.CalendarBody .YearDay.HasEvents {
    position: relative;
}

.CalendarBody .YearDay.HasEvents::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background-color: #f97316;
    border-radius: 50%;
}

.CalendarBody .YearDayEmpty {
    padding: 4px 2px;
}

.CalendarLoading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.CalendarSpinner {
    width: 40px;
    height: 40px;
    border: 4px solid #e2e8f0;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: calendarSpin 0.8s linear infinite;
}

@keyframes calendarSpin {
    to {
    transform: rotate(360deg);
    }
}

.CalendarFooter {
    padding: 8px 16px;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-radius: 0 0 8px 8px;
}

@media (max-width: 768px) {
    .CalendarBody .Header {
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    }
    .CalendarBody .Header .Left,
    .CalendarBody .Header .Right {
    width: 100%;
    justify-content: center;
    }
    .CalendarBody .DateTitle {
    font-size: 16px;
    min-width: auto;
    }
    .CalendarBody .DayNames td {
    padding: 8px 4px;
    font-size: 10px;
    }
    .CalendarBody .WeekNumber {
    width: 30px !important;
    min-width: 30px;
    font-size: 10px;
    }
    .CalendarBody .Days td {
    min-height: 60px;
    }
    .CalendarItem {
    padding: 4px 6px;
    font-size: 11px;
    }
    .CalendarBody .YearMonth {
    padding: 8px;
    }
    .CalendarBody .YearDay {
    padding: 2px;
    font-size: 10px;
    }
}

.CalendarBody.DateMode_week .Days td {
    height: 400px;
    overflow: hidden;
}

.CalendarItem.Selected {
    box-shadow: 0 0 0 2px #3b82f6, 0 4px 6px rgba(0, 0, 0, 0.15);
}


/* META  : .Base.Views.ViewType.Calendar.Calendar_CalendarItem */
.CalendarItem {
    margin: 2px 4px;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #ffffff;
    border-left: 4px solid #3b82f6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.CalendarBody.DateMode_day .CalendarItem {
    position: absolute;
    left: 4px;
    right: 4px;
    margin: 0;
    z-index: 1;
}

.CalendarBody .AllDayBody .CalendarItem {
    position: relative;
    flex-shrink: 0;
}


/* META  : .Base.Views.ViewType.Calendar.Calendar_DayBody */
.CalendarBody .DayBody {
    min-height: 80px;
    padding: 4px;
    position: relative;
    overflow-y: auto;
}

.CalendarBody.DateMode_day .DayBody {
    min-height: 400px;
    position: relative;
}

.CalendarBody.DateMode_week .DayBody {
    overflow-y: auto;
    height: 100%;
}


/* META  : .Base.Views.ViewType.Calendar.Calendar_DayTitle */
.CalendarBody .Days td.Today .DayTitle {
    background-color: #3b82f6;
    color: #ffffff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px;
}

.CalendarBody .Days td.OtherDay .DayTitle {
    color: #cbd5e1;
}

.CalendarBody .DayTitle {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #334155;
    cursor: pointer;
}


/* META  : .Base.Views.Parameters */
.Parameters .Text
{
    padding: 8px 1px;
}
.Parameters .Text:first-child
{
    padding-left: 1em;
}

.ParameterSet
{
    text-align: center;
    justify-content: center;
}

.Parameters {
    width: 100%;
    --inputPadding: 8px;
}.Parameters .Text span {
font-size: 80%;
}

.ParametersView > .Parameters {
    position: relative;
    text-align: center;
}

.Parameter > .ParamValue > .InputSpan
{
    display: flex;
    flex-direction: row;
}


/* META  : .Base.Views.Parameters.DoData */
.DoData {
    position: relative;
    vertical-align: bottom;
}

.DoData img {
    max-width: 20px;
    max-height: 20px;
}


/* META  : .Base.Views.Parameters.ParameterSet */
.ParameterSet .ViewBody {
    background-color: transparent;
}


/* META  : .Base.Views.Parameters.Parameter */
.Parameter {
    font-size: 100%;
    vertical-align: top;
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.Parameter img {
    height: 24px;
}

.ParameterNumber input {
    width: 7em;
    text-align: right;
}

.ParameterMoney input {
    width: 7em;
    text-align: right;
}

.ParameterInteger input {
    width: 7em;
    text-align: right;
}

.ParamLabel {
    display: inline-block;
    padding: 1px 5px;
    text-align: center;
    color: var(--labelColor);
}

.ParamValue {
    position: relative;
white-space: nowrap;
}

.Parameter.LabelDirection_vertical > *
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.InvalidParameter .ItemSelection, .InvalidParameter input {
    background-color: rgba(255,0,0,0.1) !important;
}

.LabelDirection_vertical.Parameter {
    white-space: nowrap;
}

    .LabelDirection_vertical.Parameter > * {
    display: inline-block;
    vertical-align: middle;
    }


/* META  : .Base.Views.EntityTypeViewTitle */
.EntityTypeViewTitle .InlineHelpText
{
    display: none;
}

.EntityTypeView .EntityTypeViewTitle span
{
    border-bottom: 2px dotted transparent;
}.Top > .TopCenter:before
{
    content: " ";
    color: transparent;
    height: 3em;
    line-height: 3em;
}

.EntityTypeViewTitle
{
    line-height: 1em;
    font-weight: bold;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    z-index: 0;
    max-width: fit-content;
    color: var(--panelHeaderTextColor);
    position: relative;

}

.MicroView .EntityTypeViewTitle
{
    position: relative;
    left: 0;
    right: 0;
transform: none;
}

.EntityTypeViewTitle .EntityTypeViewTitleBody {
    vertical-align: middle;
    text-align: center;
    display: flex;
    white-space: normal;
    flex-direction: column;
    justify-content: center;
    align-content: center;

}

.EntityTypeView .EntityTypeViewTitle .ItemSelection {
    border-bottom: 2px dotted transparent;
}


/* META  : .Base.Views.Orderline */
.OrderlineBody {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    --orderline-box-shadow: 0 0 1px grey inset;
    --orderline-back-color: white;
    flex-wrap: nowrap;
    flex-grow: 1;
    max-height: calc(100% - 6rem);
}
.OrderlineBody.ViewBody{
    position: relative;
}

.OrderlineBody > * {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
}

.OrderlineRow
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.Orderline .OrderlineValue
{
    padding: 0.5em;
    font-weight: 300;
    position: absolute;
    top: 0;
    right: 2px;
    padding: 0;
    font-size: 70%;
    left: 2px;
    overflow: hidden;
}

.OrderlineLeft > .Orderline
{
    cursor: pointer;
}

.OrderlineLeft > .Orderline:hover
{
    text-shadow: 0 0 1px black;
}

.OrderlineLeft .Orderline .OrderlineValue
{
    left: auto;
}

.OrderlineColumn
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.View_Orderline .ViewHeader
{
    font-weight: 200;
    font-size: 80%;
}

.View_Orderline .EntityTypeViewBody > .Center
{
    max-height: 100%;
}

.View_Orderline .ViewHeader .OrderlineCenter
{
    overflow: hidden;
}

.View_Orderline .ViewHeader .OrderlineTitle
{
    padding: 2px;
    text-align: center;
    font-weight: 200;
}

.View_Orderline .ViewHeader .OrderlineLeft .OrderlineTitle
{
    text-align: right;
}

.View_Orderline  .MiddleCenter
{
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.DisableOverflow .View_Orderline  .MiddleCenter
{
    position: relative;
}

.OrderlineBody .OrderlineRight .OrderlineTitle  {
    text-align: right;
    font-family: var(--monoFont);
}

.OrderlineBody > .OrderlineCenter {
    flex-grow: 1;
    overflow: auto;
    box-shadow: var(--orderline-box-shadow);
}

.OrderlineBody > .OrderlineLeft {
    min-width: 15rem;
    max-width: 15rem;
}

.OrderlineBody > .OrderlineRight {
    flex: none;
}

.OrderlineBody > .OrderlineRight  .OrderlineTitle {
    min-width: 7rem;
    max-width: 7rem;

}

.OrderlineBody .Orderline {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
}

.OrderlineBody .OrderlineTitle {
    box-shadow: var(--orderline-box-shadow);
    padding: 8px;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    flex-grow: 1;
}

.OrderlineBody .OrderlineTitle:before {
    content: " ";
    white-space: pre;
}

.OrderlineBody > .OrderlineCenter > .Orderline {
    display: flex;
    flex-direction: row;
    box-shadow: var(--orderline-box-shadow);
}

.OrderlineBody > .OrderlineCenter > .Orderline > .ItemView_Orderline  {
    cursor: pointer;
    background-color: var(--orderline-back-color);
    white-space: nowrap;
    position: relative;
    flex-wrap: nowrap;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.OrderlineBody > .OrderlineCenter > .Orderline > .ItemView_Orderline:hover  {
    box-shadow: 0 0 5px gray;
    z-index: 9;
}

.View_Orderline  .ByFieldsRight .GroupFieldFunction {
    width: 100% !important;
    display: flex;
}

.View_Orderline  .Header .Right .ByFieldsRight {
    justify-content: flex-end;
}

.View_Orderline  .Header .Right .ByFieldsRight {
    justify-content: flex-end;
    position: relative;
}

.View_Orderline  .Header .Right .ByFieldsRight .ByFieldsRightItem .GroupFieldFunction
{
    display: flex;
    flex-direction: column;
    max-width: 7em;
    min-width: 7em;

}

.View_Orderline  .Header .Right .ByFieldsRight   .ByFieldsRightItem
{
    padding: 0;
}

.View_Orderline  .Header .Right .ByFieldsRight  .ByFieldsRightAdd
{
    position: absolute;
    left: 0;
    top: 0;
}


/* META  : .Base.Views.UserRolesView */
.UserRolesView > .UserRoles_Items  {
    display: flex;
    flex: 0;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
}

.UserRolesView > .UserRoles_Items > div {
    padding: 8px;
    margin: 4px;
    flex: auto;
    border: solid 1px rgba(127,127,127,0.2);
    justify-content: space-between;
    display: flex;
    align-items: center;

}

.UserRolesView > .UserRoles_Actions  {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;

}

.UserRolesView > .UserRoles_Actions  .Button .ButtonText {
    padding: 0px 8px;
}


/* META  : .Base.Views.GroupByMode */
.GroupByMode_Tab.OneGroup {
    padding: 0 !important;
}

.GroupByMode_Tab.OneGroup > .FolderGroupByTab {
    height: 100% !important;
    padding: 0!important;
}

.GroupByMode_Tab.OneGroup > .GroupByTabHeader {
    display: none !important;
}

.GroupByMode_ReadOnly
{
    flex: 1;
}

.GroupByMode_Tab {
    padding: 0 !important;

    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    right: 0;
    top: 0;

}

.GroupByMode_Tab > .FolderGroupByTab
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    right: 0;
    top: 3.5em;
    overflow: auto;
}

.GroupByMode_Open
{
width: 100%;
}

.GroupByMode {
    display: inline-block;
    float: right;
    top: 4px;
    right: 4px;
    padding: 4px;
    width: 5em;

}

.GroupByMode_Ver
{
    flex-wrap: wrap;
    justify-content: center;
}

.GroupByMode_Ver .FolderGroupBy {
    display: inline-block;
    width: 320px;
    vertical-align: top;
    padding: 5px;
}

.GroupByMode_Menu > .GroupByTabHeader {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    white-space: normal;
}

.GroupByMode_Menu.Selected {
    box-shadow: 0 0 0;
}

.FolderGroupByMenu {
    position: absolute;
    top: 0;
    bottom: 100%;
    left: 0;
}

.GroupByMode_Menu.Selected > .FolderGroupByMenu {
    position: absolute;
    top: 0;
    bottom: 4.5em;
    left: 0;
    right: 0;
    overflow: auto;
}

.GroupByMode_Menu.Selected > .GroupByTabHeader {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 4.5em;
    left: 0;
    right: 0;
    overflow: auto;
}

.FolderGroupByMenu .GroupByBody {
    display: none;
}

.FolderGroupByMenu .GroupByBody.Selected {
    display: inherit;
}


/* META  : .Base.Views.GroupByMode.GroupByMode_Acc */
.GroupByMode_Acc > .GroupByTabHeader {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    white-space: normal;
}

.GroupByMode_Acc.Selected {
    box-shadow: 0 0 0;
}

.FolderGroupByAcc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
}

.FolderGroupByAcc .TogglePanel > GroupByBody {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;

}

.FolderGroupByAcc > .TogglePanel
{
    flex: 1;
}

.FolderGroupByAcc > .TogglePanel.Toggle_Closed
{
    flex: 0;
}

.GroupByMode_Acc.Selected > .FolderGroupByAcc {
    position: absolute;
    top: 0;
    bottom: 4.5em;
    left: 0;
    right: 0;
    overflow: auto;
}

.GroupByMode_Acc.Selected > .GroupByTabHeader {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 4.5em;
    left: 0;
    right: 0;
    overflow: auto;
}

.FolderGroupByAcc .TogglePanel.Toggle_Closed.GroupByBody {
    display: none;
}

.FolderGroupByAcc .GroupByBody.Selected {
    display: inherit;
}


/* META  : .Base.Views.ViewSettings */
.ViewSettingsButton {
    padding: 4px 8px !important;
    min-width: auto !important;
    opacity: 0.7;
    transition: opacity 0.2s ease;
    position: absolute;
    right: 0;
    top: 0;
bottom: 0;
font-size: 1.5em;
display: flex;
    justify-content: center;

}

.ViewSettingsButton:hover {
    opacity: 1;
}

.ViewSettingsPopup {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
    min-width: 320px;
    max-width: 400px;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: viewSettingsSlideIn 0.2s ease-out;
}

.ActionPanel_View > .ActionPanelBody
{
    position: relative;
}
@keyframes viewSettingsSlideIn {
    from {
    opacity: 0;
    transform: translateY(-10px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }
}

.ViewSettingsHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.ViewSettingsTitle {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.ViewSettingsClose {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex: 0;
}

.ViewSettingsClose:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.ViewSettingsBody {
    padding: 16px 20px;
    overflow-y: auto;
    max-height: calc(80vh - 60px);
}

.ViewSettingsRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.ViewSettingsRow:last-child {
    border-bottom: none;
}

.ViewSettingsLabel {
    font-size: 13px;
    color: #374151;
    font-weight: 500;
    flex: 1;
    padding-right: 16px;
}

.ViewSettingsInput {
    flex: 0 0 auto;
    min-width: 140px;
}

.ViewSettingsSelect {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 13px;
    color: #374151;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ViewSettingsSelect:hover {
    border-color: #9ca3af;
}

.ViewSettingsSelect:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}

.ViewSettingsCheckbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #667eea;
}

.ViewSettingsNumber,
.ViewSettingsText {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 13px;
    color: #374151;
    transition: all 0.2s ease;
}

.ViewSettingsNumber:hover,
.ViewSettingsText:hover {
    border-color: #9ca3af;
}

.ViewSettingsNumber:focus,
.ViewSettingsText:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}

.ViewSettingsEmpty {
    text-align: center;
    color: #9ca3af;
    padding: 24px;
    font-size: 13px;
}

.ViewSettingsChartInfo {
    margin-top: 16px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.ChartInfoTitle {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ChartInfoRow {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #374151;
    padding: 4px 0;
}

.ChartInfoRow span:last-child {
    font-weight: 600;
    color: #667eea;
}


/* META  : .UIComponents.UIElements.TabHeader */
.TabHeader {
    display: flex;
flex-direction: row;
flex-wrap: nowrap;
    padding: 0;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-spacing: 0 !important;
    border: solid 0.5em transparent;
    border-bottom: 0;
    border: 0;
    justify-content: center;

}.TabPanel_Tab > .TabHeader > span {
    border-bottom: 0;
}

.TabHeader > span:after {
    content: var(--icon-Circle-Solid);
    position: absolute;
    bottom: -50%;
    font-family: "361";
    z-index: 9;
    font-size: 32px;
    color: #80808020;
}

.TabPanel_TabBottom > .TabHeader > span:after
{
    top: -50%;
    bottom: auto;
}

.TabHeader > span.Selected:after {
    color: var(--color1);
}

.TabHeader > span.Selected .AggregateValue {
    color: white;
}

.TabHeader > span:hover:after,
.TabHeader > a:hover:after {
    color: var(--color1);
}

.TabPanel_TabBottom > .TabHeader {
    text-align: center;
    border-bottom: 0;
}

.TabPanel_TabBottom > .TabHeader > span {
    border-top: 0;
}

.TabHeaderHidden > .TabHeader {
    display: none !important;
}

.TabHeaderHidden > .TabBody {
    height: 100%;
}

.TabHeader > span, .TabHeader > a {
    border-radius: 0 !important;
    box-shadow: 0 0 0;
    justify-content: center;
    display: flex;
    text-transform: uppercase;
    border: solid 1px transparent;
    overflow: hidden;
    opacity: 0.5;
}

.TabHeader > span:hover,
.TabHeader > a:hover {
    outline: solid 1px #80808000;
    opacity: 0.75;
}

.TabHeader > span:active,
.TabHeader > a:active {
    box-shadow: 0 0 0;
    text-shadow: 0 0 0;
    opacity: 0.75;
}

.TabHeader span.Selected {
    --panelHeaderTextColor:#03A9F4;
    box-shadow: 0 0 0;
    border-radius: 0;
    text-shadow: 0 0 0;
    border-color: #80808000;
    background-color: transparent;
    color: var(--panelHeaderTextColor);
    opacity: 1.0;

}


/* META  : .UIComponents.UIElements.TabBody */
.TabBody > div
{
    display: none !important;
    opacity: 0.0;
    transition: opacity var(--contentms) ease;
}

.TabBody > div.Selected
{
    display: flex !important;
flex-direction: column;
    box-shadow: 0 0 0;
    min-height: 100%;
    overflow: auto;
flex: 1;
-webkit-overflow-scrolling: touch;
    width: 100%;
    padding: 0 !important;
    border: var(--border2);
    border-radius: var(--gap);
}

.TabBody > div.Selected:has(> .FieldSet:only-child)
{
    padding: 0 !important;
}

.TabBody > div.Selected:has(> .EntityTypeView:only-child)
{
    padding: 0 !important;
}

.TabBody > div.Selected:has(> .TabHeader)
{
    padding: 0 !important;
}

.TabBody
{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    width: 100%;
}

.TabBody > .EntityTypeView
{
    border-spacing: 0;
}
.TabBody > .FieldSet {
    padding: 0;
    min-height: 100%;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCClient */
.RTCClient {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

.Page:has(.Content.ActiveContent:has(.RTCClientView)) .RTCClient  {
    display: block;
}

.RTCClientView {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    height: 100%;
    flex: 1;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}

.RTCClient .ImageClass
{
    position: relative;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    color: forestgreen;
    align-items:center;
    justify-content: center;
    display: flex;
min-height: 48px;
    min-width: 48px;
    font-size: 40px;
}

.RTCClient .RTCChat {

    flex: 1;
}

.RTCClient .RTCList
{
    min-width: 280px;
    flex-grow: 1;
    box-shadow: 0 0 1px gray;
    overflow: auto;
}

.RTCClient .RTCButton
{
    font-size: 2rem;
}

.RTCClient {
    border-radius: 3px;
    padding: 1px;

}

.RTCClient .RTCBody {
    display: table;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCTitle */
.RTCClient .RTCTitle {
    display: table-cell;
}

.RTCClient.RTCOpen .RTCTitle > div {
    display: flex;
    padding: 5px;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCChat */
.RTCClient .RTCChat {

    z-index: 888;
    background-color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    border: solid 1px #80808040;
}

.RTCChatTop
{
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    display: flex;
    flex-direction: row;
}

.RTCChatLeft
{
    top: 0;
    left: 0;
display: flex;
align-items: center;
}

.RTCChatRight
{
    top: 0;
    right: 0;
    display: flex;
align-items: center;

}

.RTCChatCenter
{
    display: flex;
    flex: 1;
align-items: center;}

.RTCChatBottom
{
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.RTCChatBody
{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    flex: 1;
    display: block;
    width: 100%;
}

.RTCUserTitle
{
    line-height: 38px;
    vertical-align: middle;
    padding: 5px 5px 5px 10px;
}

.RTCUserPicture
{
    height: 60px;
    width: 60px;
    margin: 2px;
    border-radius: 50%;
    background-color: white;
    font-size: 60px;
    padding: 0;
    border-radius: 50%;
    background-color: white;
}

.RTCChatBottom textarea {
    overflow: auto;
-webkit-overflow-scrolling: touch;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    border: 0;
    min-height: 6em;
    border: solid 1px #80808040;
}

.RTCChatBody
{
    border: solid 1px #80808040;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCBody */
.RTCClient > .RTCBody {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap    ;
    min-height: 320px;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: white;
}

.RTCClient .RTCBody
{
display: grid;
grid-template-columns: 340px 1fr;
grid-template-rows: auto 1fr auto;
gap: 0px 0px;
grid-template-areas:
    "RTCtl RTCtc"
    "RTCml RTCmc"
    "RTCbl RTCbc";
}

.RTCClient .RTCBody .RTCVideos
{
    display: none;
}

.RTCClient .RTCMeBody
{
    grid-area: RTCtl;
}

.RTCClient .RTCTitle
{
    grid-area: RTCtc;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
    border: solid 1px #80808040;
    min-height: 52px;
    background: white;
}

.RTCClient .RTCUsers
{
    grid-area: RTCml;
    border: solid 1px #80808040;

}

.RTCClient .RTCSearch
{
    grid-area: RTCbl;
    border: solid 1px #80808040;

}

.RTCClient .RTCChat
{
    grid-area: RTCmc;
    border: solid 1px #80808040;
    display: none;
}

.RTCClient .RTCHome
{
    grid-area: RTCmc;
    border: solid 1px #80808040;
    overflow-y: auto;
    background: #f5f5f5;
    padding: 12px 16px;
}

.RTCClient .RTCChatInput
{
    border: solid 1px #80808040;
    grid-area: RTCbc;
    min-height: 56px;
}

.RTCClient .RTCChatInput > textarea
{
    display: none;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCList */
.RTCClient .RTCList
{
    display:flex;
    flex-direction: column;
    position: relative;
    flex-grow: 1;
}

.RTCClient .RTCList .RTCListTitle
{
    padding: 0.5em;
    text-align: left;
    font-size: 1.5em;
    text-align: center;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCUsers */
.RTCClient .RTCUsers {
    background-color: rgba(255,255,255,0.1);
}.RTCClient .RTCUsers {

    left: 0;
    right: 0;
    overflow: auto;
-webkit-overflow-scrolling: touch;
    padding: 0;
    min-width: 160px;
    flex: 1;
    overflow: auto;
}

.RTCClient  .PrecenseTitle {
    padding: 5px;
    text-align: center;
}

.RTCClient .PrecenseTitle {
    color: silver;
}

.RTCClient .RTCUsers > div:hover {
    background-color: rgba(255,222,0,0.4);
}

.RTCClient .PrecenseState_Online {
    border-right: 5px solid green !important;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCMe */
.RTCClient .RTCMe  {
    padding: 5px;
    border: solid 1px #80808040;
    border-right: solid 8px silver;
    position: relative;
    display: grid;
    grid-template-columns: 48px 1fr;
    grid-template-rows: 1em 1fr 1em;
    grid-gap: 1px;
}

.RTCClient .RTCMe .ImageClass {
    grid-column: 1;
grid-row: 1 / 4;
    max-width: 100%;
    max-height: 100%;
    width: 48px;
    height: 48px;
    left: 0;
    top: 0;
    border-radius: 50%;
    font-size: 40px;
    color: forestgreen;
    align-items:center;
    justify-content: center;
}

.RTCClient .RTCMe .RTCUserName {
    grid-column: 2 / 2;
    grid-row: 2 / 2;
    padding: 1px 3px;
    font-size: 1.5rem;
}

.RTCClient .RTCMe .RTCUserDescription {
    grid-column: 2 / 2;
    grid-row: 3 / 3;
    padding: 0 3px;
    font-size: 80%;
    font-weight: 200;
    opacity: 0.5;
}

.RTCClient  .RTCDevice {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 70%;
    font-weight: 300;
}

.RTCClient .RTCMe > img
{
    max-height: 32px;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCUsersItem */
.RTCClient .RTCUsers > div {
    padding: 8px;
    border-right: solid 8px silver;
    border-bottom: solid 1px rgba(127,127,127,0.2);
    position: relative;
    display: grid;
    grid-template-columns: 48px 1fr;
    grid-template-rows: 11px 1fr 11px;
}

.RTCClient .RTCUsers > div > .ImageClass {
    grid-column: 1;
grid-row: 1 / 4;
color: gray;
}

.RTCClient .RTCUsers > div > .RTCUserName {
    grid-column: 2 / 2;
    grid-row: 2 / 2;
    padding: 1px 3px;
    font-size: 1.25em;
    display: flex;
    align-items: center;
}

.RTCClient .RTCUsers > div > .RTCUserDescription {
    grid-column: 2 / 2;
    grid-row: 3 / 3;
    padding: 0 3px;
    font-size: 80%;
    font-weight: 300;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCSearch */
.RTCClient .RTCSearch
{
    display: block;
}

.RTCClient .RTCSearch input
{
    height: 100%;
    border: 0;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCVideo */
.RTCClient video {
    width: 100%;
    box-sizing: border-box;
    background-image: url(/images/biz/play.png);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: center center;
}

.RTCClient video {

    box-shadow: 0 0 4px grey;
}

.RTCClient .LocalVideo
{
    display: none;
}.RTCClient .RTCChat .LocalVideo
{
    position:absolute;
    right: 8px;
    bottom: 8px;
    width: 20vw;
}

.RTCClient .RTCVideos .VideoPlayButton {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.5;
    bottom: 0;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCAction */
.RTCChatActions {
    position: absolute;
    right: 0;
    top: 0;
}

.RTCAction {
    padding: 4px;
    opacity: 0.75;
    margin: 4px;
}

.RTCChatTop .RTCAction
{
    border-radius: 0;
}

.RTCAction::before {
    padding: 4px;
}

.RTCAction:hover {
    opacity: 1.0;
}

.RTCChat .RTCAction.ImageClass:before
{
    font-size: 24px;
}

.RTCChat .RTCAction_CallVideo
{
    display: flex;
}.RTCChat .RTCAction_Hangup
{
    display: none;
    color: red;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCModeUser */
.RTCModeUser .RTCList {
    display: none;
}

.RTCClient .RTCChat {
    display: none;
}.RTCClient.RTCModeUser .RTCChat {
    display: flex;
    grid-row: 1 / 9;
}

.RTCModeUser .LocalVideo {
    display: flex;
}


/* META  : .UIComponents.UIElements.RTCClient.RTCModeVideo */
.RTCClient.RTCModeVideo .RemoteVideo
{
max-height: 70vh;
}

.RTCClient.RTCModeVideo .RTCChat {
    display: flex;
    grid-row: 1 / 9;
    grid-column: 1 / 9;
}

.RTCClient.RTCModeVideo .RTCChat .RTCVideos {
    display: flex;
    position: relative;
}

.RTCClient.RTCModeVideo .RTCChat .RTCAction_CallVideo {
    display: none;
}

.RTCClient.RTCModeVideo .RTCChat .RTCAction_CallDisplay {
    display: none;
}

.RTCClient.RTCModeVideo .RTCChat .RTCAction_CallAudio {
    display: none;
}

.RTCClient.RTCModeVideo .RTCChat .RTCAction_Hangup {
    display: flex;
}


/* META  : .UIComponents.Specialized.SolutionGroup */
.SolutionGroupTab
{
    display: flex;
    flex-direction: column !important;
    transition: 1s;
}

.SolutionGroupTab > .SolutionGroupBody
{
    display: flex;
    flex-direction: column;
}

.SolutionGroupTab > .SolutionGroupBody > div
{
    display: none !important;
    border: 0 !important;
}

.SolutionGroupTab > .SolutionGroupBody > div.Selected
{
    display: flex !important;
    -webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;

}

.SolutionGroupTab > .SolutionGroupTabs
{
    display: flex;
    flex-direction: row !important;
    align-items: stretch;
    justify-content: center;
    background-color: var(--backColor);
    border-bottom: solid 2px var(--backColor);
    flex-wrap: wrap;
}

.SolutionGroupTab.SolutionGroupTabFull > .SolutionGroupTabs
{
    border-bottom: solid 0px var(--backColor);

}

.SolutionGroupTab > .SolutionGroupBody > .Solution
{
    border: 0 !important;
}

.SolutionGroupTab > .SolutionGroupBody > .Solution > .Solution_Body
{
    padding: 16px;
    min-height: 14em;
    margin: 0 auto;
}

.SolutionGroupTab > .SolutionGroupBody > .Solution > .Solution_Title
{
    display: none !important;
}

.SolutionGroupTab > .SolutionGroupTabs > a
{
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.7s ease,
    height 0.7s ease-out,
    padding 0.7s ease-in-out;
}

.SolutionGroupTab > .SolutionGroupTabs > a.Selected
{
    position: relative;
    top: 2px;
    background-color: white;
    border-left: solid 2px var(--backColor);
    border-right: solid 2px var(--backColor);
}

.SolutionGroupTabFull .SolutionGroupTabs
{
    align-items: stretch;
}

.SolutionGroupTabFull .SolutionGroupTabs > a
{
    padding: 3em 16px;
    flex: 1;
    border: solid 2px var(--backColor);
    background-color: white;
    transition: background-color 0.7s ease,
    height 0.7s ease-out,
    padding 0.7s ease-in-out;

}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}


/* META  : .UIComponents.Specialized.Browsers.Safari */
.BROWSER_Safari .Button, .BROWSER_Mobile_Safari .Button {
    transition-property: none !important;
}

.BROWSER_Safari .Button:before, .BROWSER_Mobile_Safari .Button:before {
    transition-property: none !important;
    content: none;
    display: none;
}

.BROWSER_Safari .View, .BROWSER_Mobile_Safari .View
{
    display: flex;
}

.BROWSER_Safari .ViewBody, .BROWSER_Mobile_Safari .ViewBody
{
    display: flex;
}

.BROWSER_Safari .ViewBody > .ItemView, .BROWSER_Mobile_Safari .ViewBody > .ItemView
{
    display: flex;
}


/* META  : .UIComponents.Specialized.Designer */
#Designer_Element_Form
{
    max-width: 320px;
    min-width: 320px;

    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background-color: #d0d0d8;
    color: #404040;
    display: flex;
    flex-direction: column;
    font-family: "HankenGrotesk";
}

#Designer_Element_Form input:disabled,
#Designer_Element_Form select:disabled
{
    background-color: transparent;
}

body.DesignerMode
{
border-right: solid 320px transparent;
}

body.DesignerMode .OBJECT
{
    outline: solid 1px #0000FF20;
}

body.DesignerMode .OBJECT:hover
{
    outline: solid 4px #FF00FF40 !important;
}

body.DesignerMode .OBJECT.CURRENT
{
    outline: solid 4px #FF000040 !important;
}

#Designer_Element_Form .ElementGroups
{
    overflow: auto;
    flex:1;
background-color: #e0e0e8;
display: flex;
flex-direction: column;

}

#Designer_Element_Form .ElementGroup
{
    position: relative;
    display: flex;
    flex-direction: column;
    border: var(--border1);
}

#Designer_Element_Form .ElementHeader
{
    text-align: left;
    padding: 8px 32px;
    font-weight: 700;
    font-size: 120%;
border-bottom: var(--border3);
}

#Designer_Element_Form .ElementGroupTitle
{
    text-align: left;
    padding: 8px;
    font-weight: 600;
}

#Designer_Element_Form .ElementGroupBody
{
    display: none;
    overflow: auto;
    flex:1;
    background-color: #e8e8ef;

}

#Designer_Element_Form .ElementGroup.Selected
{
    flex: 1;
}

#Designer_Element_Form .ElementGroup:before
{
    content: var(--icon-Chevron-Up);
    font-family: "361";
    position: absolute;
    right: 8px;
    top: 8px;

}

#Designer_Element_Form .ElementGroup.Selected:before
{
    content: var(--icon-Chevron-Down);
}

#Designer_Element_Form .ElementGroup.Selected .ElementGroupBody
{
    display: block;
    position: absolute;
    top: 2.5em;
    left: 0;
    right: 0;
    bottom: 0;
}

#Designer_Element_Form  .AttributeType_Select .AttributeValue:after
{
    content: var(--icon-Chevron-Down);
    font-family: "361";
    position: absolute;
    right: 1em;
    top: 1em;
}

#Designer_Element_Form  .AttributeSetTitle
{
    padding: 8px;
    text-align: left;
    font-weight: bold;
}

#Designer_Element_Form .AttributeLabel
{
    padding: 8px 0 0 0;
    flex:1;
    font-size: 90%;
}

#Designer_Element_Form .AttributeValue
{
    position: relative;
    flex:3;
}

#Designer_Element_Form .CloseMe
{
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px;
    font-size: 24px;
}

#Designer_Element_Form .SaveMe
{
    position: absolute;
    right: 32px;
    top: 0;
    padding: 4px;
    font-size: 24px;
}

#Designer_Element_Form .UpMe
{
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px;
    font-size: 24px;
}

#Designer_Element_Form .AttributeValue option
{
    font-family: "HankenGrotesk";
}

#Designer_Element_Form .AttributeValue input,
#Designer_Element_Form .AttributeValue textarea,
#Designer_Element_Form .AttributeValue select
{
    font-weight: bold;
    font-family: "HankenGrotesk";
    border-radius: 0;
}

#Designer_Element_Form .AttributeValue .Selected
{
    background-color: green;
    color: white;
}

#Designer_Element_Form .Attribute
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 2px 8px;
}

#Designer_Element_Form .AttributeSetHasTitle
{
    border: var(--border1);

}


/* META  : .UIComponents.Specialized.NumericKeyPad */
table.NumericKeyPad {
    width: 100%;
    border-spacing: 5px;
    display: table !important;
}

table.NumericKeyPad_Horizontal
{
    display: flex !important;
    justify-content: center;
    align-content: stretch;
    align-items: center;
}

table.NumericKeyPad_Horizontal > tr {
    display: flex !important;
    justify-content: center;
    align-content: stretch;
    align-items: center;
}

table.NumericKeyPad_Horizontal > tr > td {
    display: flex !important;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    margin-right: 1px;
}

table.NumericKeyPad td {
    font-size: 42px;
    padding: 4px;
    line-height: 1.5em;
    vertical-align: middle;
    font-weight: bold;
    text-align: center !important;
    box-shadow: 0 0 5px #656565;
    cursor: pointer;
}.Selections_NumericKeyPad
{
    max-width: 16em;
}

.Selections_NumericKeyPad input {
    font-size: 200%;
    padding: 1px;
    text-align: center;
}

.Selections_NumericKeyPad button
{
    display: block;
    width: 100%;
}.Selections_NumericKeyPad .OkKeyPad {
    background-color: #303030;
    color: white;
}


/* META  : .UIComponents.Specialized.Menu_Arrow_Down */
.ValueField .Menu_Arrow_Down {
    padding-right: 0.5em !important;
    padding-left: 1.25em !important;
}

.Menu_Arrow_Down {
    position: relative;
}

.Menu_Arrow_Down.SelectionsMenuOpen {
    outline: dotted 1px gray;
}

.EntityTypeLists.Menu_Arrow_Down {
    position: relative;
    border: 0;
    font-size: 1em;
    background-color: transparent;
    color: var(--textColor);
}

.Top > .TopCenter .EntityTypeLists.Menu_Arrow_Down {
    font-size: 1em;
    padding: 0.5em 1.5em;
    height: 100%;
}

.Menu_Arrow_Down:hover:after {
    opacity: 1.0 !important;
}

.Menu_Arrow_Down {
    border: var(--inputBorder);
}

.Menu_Arrow_Down::after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
    height: fit-content;
    text-align: center;

    right: 0;
    padding: 8px;
    font-size: 1em;
    opacity: 0.5;
    pointer-events: none;
    display: flex;
    align-items: center;
    margin: auto;
    font-family: "361";
    content: var(--icon-Chevron-Down);
}


/* META  : .UIComponents.Specialized.NewWindow */
.NewWindow
{
    display: block;
    height: 100%;
    overflow: auto;
-webkit-overflow-scrolling: touch;
}.NewWindow .TabBody {
    height: auto;
}.NewWindow body {
    padding: 0 100px;
}

.NewWindow > body > div {
    height: 100%;
}

.NewWindow .DirectionVer
{
    height: auto;
}

.NewWindow .SingleItem > .CloseButton {
    display: none;
}

.NewWindow {
    background-color: silver;
    background-image: none;
}


/* META  : .UIComponents.Specialized.NewWindow_PrintPreview */
.NewWindow_PrintPreview .InlineHelpText {
    display: none;
}

.NewWindow_PrintPreview .AddGroupField {
    display: none;
}

.NewWindow_PrintPreview .BrowseDataPanel .BrowseItem {
    display: none;
}

.NewWindow_PrintPreview .ETWMenu {
    display: none !important;
}

.NewWindow_PrintPreview .BrowseDataPanel .FilteredBrowseItem {
    display: inline-block;
}

.NewWindow_PrintPreview .BrowseDataPanel .SingleBrowseItem {
    display: inline-block;
    height: auto;
}

.NewWindow_PrintPreview .CenterBody {
    height: auto;
}

.NewWindow_PrintPreview .ItemBody > .Fields {
    height: auto !important;
    padding: 0;
}

.NewWindow_PrintPreview .GroupByTitle {
    overflow: visible !important;
    }

.NewWindow_PrintPreview .SingleItemType {
    width: auto;
    left: auto;
    right: auto;
    display: block;
    transform: none;
    bottom: 0;
}.NewWindow_PrintPreview   iframe {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    box-sizing: border-box;
    z-index: 10;
}

.NewWindow_PrintPreview .ViewBody {
    margin: auto !important;
    padding: 0;
}

.NewWindow_PrintPreview .BrowseDataPanel {
    height: auto;
}

.NewWindow_PrintPreview .Actions {
    display: none;
}

.NewWindow_PrintPreview .MicroButton {
    display: none;
}

.NewWindow_PrintPreview .ToggleButton {
    display: none;
}

.NewWindow_PrintPreview .ItemBody {
    overflow: visible;
    border: 0;
}

.NewWindow_PrintPreview .EntityTypeViewTitle {
    display: inline-block;
    }

.NewWindow_PrintPreview .EntityTypeLists {
    display: inline-block;
    vertical-align: middle;
    height: 2em;
    text-align: right;

    vertical-align: middle;
    line-height: 3.5em;
    margin: 0 1em;
}

.NewWindow_PrintPreview div.EntityTypeView, .NewWindow_PrintPreview .SingleItem, .NewWindow_PrintPreview .FieldSet, .NewWindow_PrintPreview table.EntityTypeView {
    height: auto !important;
    max-width: 100%;
    flex:1;
    }

.NewWindow_PrintPreview .ItemActions {
    display: none;
}.NewWindow_PrintPreview body #PrintPreviewBody  .Field.LabelPositionLeft > .FieldValue {
max-width: calc(100% - 6em);
}.NewWindow_PrintPreview .LabelPositionLeft > * {
    display: table-cell !important;
    vertical-align: middle;
    }

.NewWindow_PrintPreview .SingleItem  .NoSingleItemTitle {
    display: none;
}

.NewWindow_PrintPreview .PagePortrait {
    margin-left: auto;
    margin-right: auto;
    width: 210mm !important;
    padding: 0;
}

.NewWindow_PrintPreview body #PrintPreviewBody {
    background-color: white !important;
    box-shadow: 0 0 5px #656565;
    --fieldLabelWidth: 6em;
    --fieldLabelPadding: 0;
}

.PreviewTools .Orientation a.Selected {
    background-color: white;
    color: #222222;
}
.NewWindow_PrintPreview .SingleItem > .ItemHeader,.NewWindow_PrintPreview .SingleItem > .ItemFooter{
    display: none !important;
}
.PreviewTools a:hover {
    opacity: 1.0;
}

.NewWindow_PrintPreview .SendItems a:hover {
    opacity: 1.0;
}

.BrowseFilterPanel .ActionPanel_FilterBy select, .BrowseFilterPanel .ActionPanel_FilterBy input {
    background-color: white;
    opacity: 1.0;
    border-radius: 0;
}

.NewWindow_PrintPreview .SingleItem {
    background-color: white;
    border: 0;
}

@media print {
    .NewWindow_PrintPreview * {
    box-shadow: 0 0 0;
    }
    .NewWindow_PrintPreview .PreviewTools {
    display: none;
    }
    .NewWindow_PrintPreview body {
    padding: 0 !important;
    }
}


/* META  : .UIComponents.Specialized.NewWindow_PrintPreview.NewWindow_PrintPreview_NewWindow_PrintPreview */
.NewWindow_PrintPreview td {
    overflow: visible !important;
    }

.NewWindow_PrintPreview * {
    position: relative !important;
    min-height: unset !important;
}

.NewWindow_PrintPreview {
    background-color: #525659;
}


/* META  : .UIComponents.Specialized.NewWindow_PrintPreview.NewWindow_PrintPreview_Other */
{
    display: none !important;
}

{
    display: block;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    min-height: unset !important;
}

{
    display: none;
}{
    display: none !important;
}

{
    padding: 0;
    position: absolute !important;
    height: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    left: 1%;
    right: 1%;
    top: 2em;

    margin-bottom: 2em;
}

{
    left: auto;
    right: auto;
    width: auto;
    display: block;
}

{
    display: none;
}

{
    display: none;
}

{
    font-size: 4em;
    position: absolute !important;
    color: red;
    left: 25%;
    right: 25%;
    top: 25%;
    bottom: 25%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

{
    width: 24px !important;
    height: 24px !important;
    display: none !important;
}

{
    white-space: normal;
    overflow: hidden;
}

{
    width: auto !important;
}

{
    width: 297mm !important;
    margin-left: auto;
    margin-right: auto;
}

{
    display: none;
}


/* META  : .UIComponents.Specialized.NewWindow_PrintPreview.NewWindow_PrintPreview_PreviewTools */
.NewWindow_PrintPreview .PreviewTools {
    position: fixed !important;
    top: 50px !important;
    right: 24px !important;
    width: auto !important;
    bottom: auto !important;
    height: auto !important;
    z-index: 999999;
}

.NewWindow_PrintPreview .PreviewTools.Run {
    position: fixed !important;
    top: 0px !important;
    right: 0 !important;
    width: 100% !important;
    bottom: 0 !important;
    height: 100% !important;
    background-color: rgba(127,127,127,0.5);
    z-index: 999999;
}

.PreviewTools a {
    opacity: 0.5;
    color: white;
}


/* META  : .UIComponents.Specialized.NewWindow_PrintPreview.NewWindow_PrintPreview_SendItems */
.NewWindow_PrintPreview .SendItems span {
    display: block;
    text-align: center;
}

.NewWindow_PrintPreview .SendItems a {
    display: block;
    text-align: center;
    line-height: 24px;
    width: 60px;
    margin: 3px;
}

.NewWindow_PrintPreview .SendItems a {
    background-color: rgba(255,255,255,1.0) !important;
    color: #222222;
    opacity: 0.5;
    box-shadow: 0 0 4px;
}


/* META  : .UIComponents.Specialized.Confirm */
.ConfirmBox {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10000;
}

.ConfirmWindow {
    position: absolute;
    left: 25%;
    right: 25%;
    width: 30em;
    margin: 0 auto;
    bottom: auto;
    top: 20%;
    height: auto !important;
}

.ConfirmTitle {
    display: block;
    vertical-align: middle;
    text-align: center;
    padding: 2em 2em 4.5em 2em;
    width: 100%;
    font-size: 150%;
}

.ConfirmCancel {
    position: absolute;
    left: auto;
    top: auto;
    right: 60%;
    padding: 1em;
    bottom: 1em;
    text-align: center;
    width: 7em;
    cursor: pointer;
}

.ConfirmOk {
    position: absolute;
    right: auto;
    top: auto;
    left: 60%;
    width: 7em;
    padding: 1em;
    bottom: 1em;
    text-align: center;
    cursor: pointer;
}

.ConfirmBox {
    background-color: rgba(0,0,0,0.5);
}

.ConfirmWindow {
    background-color: white;
}

.ConfirmCancel {
    background-color: red;
    color: white;
}

.ConfirmOk {
    background-color: limegreen;
    color: white;
}


/* META  : .UIComponents.Specialized.AreYouSure */
.AreYouSure {
    color: #085cb2;
    font-weight: bold;
}

    .AreYouSure .Yes {
    background-color: rgba(0, 128, 0, 0.50);
    color: white;
    }

    .AreYouSure .No {
    background-color: rgba(255, 0, 0, 0.50);
    color: white;
    }

.AreYouSure {
    padding: 1em;
    font-size: 18px;
    text-align: center;
}


/* META  : .UIComponents.Specialized.CookieConsent */
.CookieConsent {
    background-color: rgb(56, 59, 117);
    opacity: 1;
}

.CookieConsent .CookieConsent_Message {
    color: white;
}

.CookieConsent .CookieConsent_URL {
    color: white;
    text-decoration: underline;
}

.CookieConsent .CookieConsent_IGot {
    background-color: rgb(241, 214, 0);
    color: #222222;
}

.CookieConsent {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    font-size: 150%;
    padding: 0.5em;
    Z-INDEX: 100000;
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
}

    .CookieConsent .CookieConsent_Message {
    display: inline-block;
    width: auto;
    padding: 0.5em;
    }

    .CookieConsent .CookieConsent_URL {
    display: inline-block;
    width: auto;
    padding: 0.5em;
    }

    .CookieConsent .CookieConsent_IGot {
    float: right;
    padding: 0.5em;
    }


/* META  : .UIComponents.Specialized.QuestionMark */
.QuestionMark {
    line-height: 1em;
    display: inline;
    padding: 0 !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    box-shadow: none;
}

.QuestionMark {
    color: #222222;
    font-weight: normal;
    opacity: 0.75;
    box-shadow: 0 0 0 grey;
    border-radius: 0;
    background-color: transparent;
}

.FieldLabel {
    position: relative;
}

.QuestionMark:hover {
    opacity: 1.0;
}

.QuestionMark::after
{
    font-weight: bold;
}

.QuestionMark:hover::before {
    content: attr(title);
    position: fixed;
    left: auto;
    right: auto;
    z-index: 99999;
    font-size: 1.25em;
    text-align: center;
    background-color: #ffca28ed;
    padding: 1em;
    margin-top: -2em;
    width: auto;
    border-radius: 0.3rem;
    max-width: 80vw;
    margin-left: 2em;
    bottom: 0;
}
.QuestionMark::after {
    content: "?" !important;
    display: inline-block;
    width: 0.9em;
    text-align: center;
    padding: 2px;
    position: absolute;
    top: 1.1em;
    color: #ff6f00;
}

.QuestionMark:hover {
    opacity: 1.0;
}
.QuestionMark:hover::before {
    content: attr(title);
    position: fixed;
    left: auto;
    right: auto;
    z-index: 99999;
    font-size: 1.25em;
    text-align: center;
    background-color: #ffca28ed;
    padding: 1em;
    margin-top: -2em;
    width: auto;
    border-radius: 0.3rem;
    max-width: 80vw;
    margin-left: 2em;
}


/* META  : .UIComponents.Specialized.LightBox */
.LightBox {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
}

.LightBox > * {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
}

    .LightBox {
    position: fixed;
    z-index: 99999;
    }

.LightBox_CloseButton {
    position: absolute;
    top: 2em;
    right: 1em;
    width: auto;
    height: auto;
    bottom: auto;
    right: auto;
    font-size: 1.5em;
    padding: 0.5em 0.85em;
    z-index: 99999;
    right: 10%;
    left: auto;
}

.LightBox_CloseButton:hover {
    transform: scale(1.1);

}

    .LightBox_CloseButton:before {
    content: var(--icon-Times);
    font-family: "361";
    font-size: 150%;
    }

.LightBox_Body {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999;
}

.LightBox_Body > iframe {
    width: 100%;
    height: 100%;
}

.LightBox
{
    background-color: rgba(0,0,0,0.5);
}

.LightBox {
    background-color: rgba(0,0,0,0.5);
}

.LightBox_CloseButton {
    background-color: transparent;
    border-radius: 100%;
    color: white;
}

.LightBox_Body {
    background-color: white;
}


/* META  : .UIComponents.Specialized.Running */
.RunningDIV {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}

.RunningIMG {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    margin-left: -32px;
    left: 50%;
    width: 64px;
    height: 64px;
    animation: anim-Spin 2s infinite linear,fadeinrunningimg 1s linear;
    display: inline-block;

    content: var(--icon-Gear);
    font-family: "361";

visibility: visible;
    transition: opacity 1s, visibility 1s;
    z-index: 10000;
}

.ViewBody > .RunningIMG {
    position: absolute;
    margin-left: -32px;
    margin-top: -32px;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    animation: fa-spin 2s infinite linear,fadeinrunningimg 5s linear;
}

.MicroView  .RunningIMG {
    position: absolute;
    margin-left: -24px;
    margin-top: -24px;
    top: 50%;
    left: 50%;
    width: 48px !important;
    height: 48px !important;
}

.MicroView .RunningIMG::after
{
    width: 48px;
    height: 48px;
    font-size: 48px;
    margin-top: 1px;
    margin-left: 1px;
}

.RunningMessage {
    position: absolute;
    left: 25%;
    right: 25%;
    top: 50%;
    margin-top: -128px;
    text-align: center;
    font-size: 24px;
}

.RunningPercent {
    position: absolute;
    left: 25%;
    right: 25%;
    top: 75%;
    margin-top: -128px;
    text-align: center;
    font-size: 32px;
}

.RunningPercent:after
{
content: " %";
opacity: 0.5;
}

.RunningIMG::after
{
    content: "\f013";
    display: inline-block;
    width: 64px;
    height: 64px;
    font-size: 64px;
}

.RUNNING {
    text-align: center;
    font-size: 150%;
    padding: 1em;
}

.RunningDIV {
    background-color: rgba(0,0,0,0.4);
}

.RunningIMG {
    opacity: 1;
    background-color: transparent;
}

.RunningMessage {
    color: #ffff88;
}

.RunningIMG::after {
    color: lightblue;
    text-shadow: 0 0 2px #656565;
}

.RUNNING {
    color: darkred;
}


/* META  : .UIComponents.Specialized.INFOMessage */
.INFOMessages {
    position: fixed;
    right: 1em;
    left: auto;
    top: auto;
    bottom: 1em;
    padding: 0;
    margin: 0;
    max-width: 320px;
    z-index: 10000;
}

.INFOMessages > div {
    padding: 0.5em;
    margin: 0.5em;
    width: 15em;
    font-size: 150%;
    position: relative;
}

.INFOMessages > div:after
{
    content: "x";
    position: absolute;
    top: 0;
    right: 0.5em;
    opacity: 0.5;
    font-size: 80%;
}

.INFOMessages > div:hover:after {
    opacity: 1.0;
}

.INFOMessages > div {
    border-radius: 0.5em;
    background-color: #222222;
    box-shadow: 0 0 5px #656565;
    color: white;
}

.INFOMessages > .info{
    background-color: #ffffff;
    color: black;
}

.INFOMessages > .error{
    background-color: #de4343;
    color: black;
}

.INFOMessages > .run{
    background-color: #51c433;
    color: black;
}

.INFOMessages > .message {
    background-color: #f0f0f0;
    color: black;
}

.INFOMessages > .exception{
    background-color: #ae4343;
    color: black;
}

.INFOMessages > .warning{
    background-color: #eaaf51;
    color: black;
}

.INFOMessages > .success{
    background-color: #81f443;
    color: black;
}


/* META  : .UIComponents.Specialized.Legend */
.ViewLegend {
    position: absolute;
    right: 3px;
    bottom: 32px;
    display: inline-block;
    width: auto;
    font-size: 10px;
    padding: 5px;
}

.ViewLegend > .Colors {
text-align: center;
}

.ViewLegend > .Colors > div {
    height: 15px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
}
.ViewLegend {
    background-color: white;
    border: solid 1px rgba(127,127,127,0.2);
}


/* META  : .UIComponents.Specialized.SelectionsMenu */
.SelectionsMenu {
    position: fixed;
    max-height: 100%;
    line-height: 1.5em;
    z-index: 1000;
    background-color: rgba(255,255,255,0.98);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 10px;
    overflow: hidden;
}

.SelectionsMenuOpen {
    outline: solid 2px rgba(0,120,212,0.2);
}

.SelectionsMenu_DatePicker
{
    max-width: 22em !important;
    min-width: 22em !important;
}

.SelectionsMenu.SelectionsMenu_NavHoverMenu
{
    padding: 1em;
    border-radius: 12px;
}

.SelectionsMenu.SelectionsMenu_NavHoverMenu .Nav {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.SelectionsMenu.SelectionsMenu_NavHoverMenu .Nav:hover {
    background-color: rgba(0,120,212,0.06);
}

.SelectionsMenu .EntityTypeLists
{
    display: block !important;
    overflow: auto;
-webkit-overflow-scrolling: touch;
    max-height: 60vh;
}

.SelectionsMenu select {
    max-height: 10em;
}

.SelectionsMenu .EntityTypeLists > div
{
    display: flex !important;
    padding: 0;

    border-bottom: dotted 1px #e8e8e8;
    border-left: 0;
    border-right: 0;
}

.SelectionsMenu .EntityTypeLists .ETL_View_Item  {
    font-weight: bold;
}

.SelectionsMenu .EntityTypeLists .ETL_Seperator_Item {
    font-weight: bold;
}

.SelectionsMenu .EntityTypeLists .ETL_Item .List_Actions {
    opacity: 0.7;
    }

.SelectionsMenu .EntityTypeLists .ETL_Item:hover .List_Actions {
    opacity: 1.0;
}

.SelectionsMenu .EntityTypeLists > div > *:first-child {
    flex-grow: 1;
}

    .SelectionsMenu .EntityTypeLists > div:last-child {
    border-bottom: dotted 0 silver;
    }

    .SelectionsMenu .EntityTypeLists > div:hover {
    background-color: rgba(0,120,212,0.04);
    }

.SelectionsMenu > .ItemActions {
    display: block;
    min-width: 8em;
max-height: 50vh;
    overflow: auto;
}

.SelectionsMenu > .ItemActions > a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

}

.SelectionsMenu table
{
    width: 100%;
}

.SelectionsMenu .SelectorTop .DeleteButton {
    right: 1.25em;
    font-size: 200%;
    top: 0;
    padding: 0.2em 0.25em;
    position:absolute;
}

.SelectionsMenu .SelectorTop .CloseButton {
    right: 0;
    font-size: 200%;
    top: 0;
    padding: 0.2em 0.25em;
    position: absolute;
}

.SelectionsMenu table td
{
    height: 24px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    width: 14.2%;
    font-size: 100%;
}

.SelectionsMenu .LookupField::before {
    content: "";
    width: 0;
    display: none;
}


/* META  : .UIComponents.Specialized.Notification */
.Notifications_Open {
    position: fixed;
    right: 0;
    bottom: 25vh;
    top: auto;
    padding: 0.5em;
    background-color: white;
    color: #303030;
    border-radius: 10px 0 0 10px;
    z-index: 99999;
    font-size: 1.5rem;
    box-shadow: 5px 5px 10px silver;
    border: solid 5px silver;
    border-right: 0;
    transition: 350ms;
}

.Notifications_Close {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: auto;
    padding: 0.5em;
    background-color: white;
    color: #303030;
    border-radius: 0;
    z-index: 99999;
    font-size: 1.5rem;
    transition: 350ms;
}
.Notifications_Panel.Open   .Notifications_Open {
    right: -5em;
    box-shadow: 0 0 0 silver;
    background-color: transparent;
    border-color: transparent;
    }

.ItemView_Notification___Card.Style_S {
    border-left-color: green !important;
}

.ItemView_Notification___Card.Style_W {
    border-left-color: yellow !important;
}

.ItemView_Notification___Card.Style_E {
    border-left-color: orangered !important;
}

.ItemView__Notification__Card.Style_I {
    border-left-color: silver !important;
}

.ItemView_Notification___Card {
    display: block;
    border-radius: 0 !important;
    padding: 5px;
    margin: 1px 0 !important;
    border-left: solid 5px transparent !important;
}

    .ItemView_Notification___Card .FieldValue .InputSpan a {
    padding: 1px;
    }

    .ItemView_Notification___Card .Field_Title {
    font-size: 1.25rem;
    font-weight: bold;
    }

    .ItemView_Notification___Card .Field_Body {
    font-size: 1rem;
    }

.Notification_Title
{
    padding: 1em;
    display: flex;
    align-content: center;
}

.Notification_PanelTop {
    border-left: solid 5px silver;
    border-top: solid 5px silver;
    border-radius: 10px 0 0 0;
}

.Notification_PanelBody .NoRecordsFound {
    position: relative !important;
    border-left: solid 5px silver;
    color: transparent;
}

.Notification_PanelBody .NoRecordsFound:before {

    content: var(--icon-Bell);
    font-family: "361";

    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 4rem;
    color: silver;
    opacity: 0.5;
}

.Notification_PanelBottom {
    border-left: solid 5px silver;
    border-bottom: solid 5px silver;
    border-radius: 0 0 0 10px;
    padding-bottom: 20px;
}

.ItemView_Notification___Card .Field_Status .InputSpan {
    display: none;
}

.ItemView_Notification___Card .Field_Status.FieldValue > .fas {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 1.5rem;
    display: flex;
    align-self: center;
    justify-content: center;
    padding: 1rem 0;
}

.ItemView_Notification___Card .DoScriptButton_CloseMe {
    position: absolute;
    right: -10px;
    top: 0;
    opacity: 0.5;
    width: auto;
    padding: 1px;
    display: none;
}

    .ItemView_Notification___Card .DoScriptButton_CloseMe:hover {
    opacity: 1.0;
    }

.ItemView_Notification___Card:hover .DoScriptButton_CloseMe {
    display: block;
    outline: 0;
}

.ItemView_Notification___Card .Field_Created {
    font-size: 0.8rem;
    font-style: italic;
    position: absolute;
    right: 0;
    top: -5px;
    width: auto !important;
    display: inline-block !important;
}

.Notifications_Panel {
    position: fixed;
    right: -25em;
    bottom: auto;
    top: 25vh;
    width: 25em;

    padding: 0 0 0 0;
    background-color: white;
    color: #303030;
    border-radius: 10px 0 0 10px;
    z-index: 99998;
    transition: 350ms;
    box-shadow: 5px 5px 10px silver;
}

.Notification_PanelBody {
    overflow: auto;
    max-height: 70vh;
}

.Notifications_Panel .EntityTypeViewBody {
    padding: 0;
}

    .Notifications_Panel.Open {
    right: 0;
    }

    .NotificationsButton {
    background-color: transparent !important;
    margin: 1em auto !important;
    padding: 9px 18px !important;
    width: auto !important;
    color: inherit !important;
}


/* META  : .UIComponents.Specialized.Wizard */
/* === WIZARD STEPPER — Enterprise UI === */

/* Header bar */
.TabHeader.Wizard > div {
    display: none;
}
.TabHeader.Wizard > div.Selected {
    display: flex !important;
    width: 100%;
    background: transparent !important;
    align-items: center;
    justify-content: center;
}
.TabHeader.Wizard {
    margin: 0 0 1.5em 0;
    min-height: 48px;
    border-bottom: 1px solid var(--borderColor, rgba(0,0,0,0.08));
    padding-bottom: 1em;
}

/* Tab container */
.WizardTab {
    display: flex;
    align-items: center;
    width: 100%;
}
.WizardTab > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33%;
}

/* === Button Base === */
.Wizard .TabButton {
    padding: 10px 1.8em;
    border-radius: 6px;
    font-size: 0.82em;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.15s ease;
    border: none;
    position: relative;
    white-space: nowrap;
    line-height: 1.4;
}

/* === Active Step — Solid Primary === */
.WizardTab.Selected > span:nth-child(2) .TabButton {
    background: var(--primaryColor, #2c3e50);
    color: #fff !important;
    font-weight: 600;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

/* === Prev/Next — Ghost Outlined === */
.WizardPrev .TabButton,
.WizardNext .TabButton {
    background: var(--backColor, #fff);
    color: var(--fontColor, #444);
    border: 1px solid var(--borderColor, rgba(0,0,0,0.12));
    font-weight: 400;
    opacity: 0.9;
}
.WizardPrev .TabButton:hover,
.WizardNext .TabButton:hover {
    background: var(--hoverColor, rgba(0,0,0,0.04));
    border-color: var(--primaryColor, #2c3e50);
    color: var(--primaryColor, #2c3e50);
    opacity: 1;
}

/* Next button — right-aligned with subtle arrow feel */
.WizardNext {
    text-align: right !important;
}
.WizardPrev {
    text-align: left !important;
}
.WizardNext .TabButton {
    border-radius: 6px;
}
.WizardPrev .TabButton {
    border-radius: 6px;
}

/* Smooth content transition */
.DirectionWizard > div {
    transition: opacity 0.15s ease;
}


/* META  : .UIComponents.Specialized.Preview */
.PrintPreviewBody .Transition {
    display: none;
}

#PrintPreviewBody {
    padding: 2.54cm 2cm;
}

.PreviewTools > div
{
    margin: 10px 1px;
}

.PreviewTools  a {
    padding: 5px;
    display: inline-block;
}

.PreviewTools .Orientation {
    text-align: center;
}

.PrintPreviewButton  {
    display: inline-block;
    opacity: 0.5;
}

.PrintPreviewButton img {
    height: 16px;
    width: 16px;
}

.PrintPreviewBody > .EntityTypeView > tr > .Center > .CenterBody
{
    height: 100% !important;
}

.PrintPreviewBody > .EntityTypeView > tr > .Center > .CenterBody > .ViewBody
{
    height: 100% !important;
}

#PreviewDIV {
    display: block;
    position: relative;
    width: 100%;
    height: 75vh;
    padding: 0 !important;
}

#PreviewIFrame {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 20px solid transparent;
    border-top: 0;
    border-bottom: 0;
    box-sizing: border-box;
}

#PreviewIFrame body {
    padding: 0 !important;
}

.Print_Preview_Button
{
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 24px !important;
}

.PreviewImage {
    margin: 0 auto;
}

.PreviewIFrame
{
    width: 100%;
    height: 100%;
}

.ItemPreviewButton
{

    font-size: 150% !important;
    padding: 4px 8px;
    opacity: 0.3;
}

.ItemBottom  .ItemPreviewButton
{
    position: absolute;
    top: 0;
    right: 0;
}

.PagePrintPreview body {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    left: auto;
    right: auto;
}

    .PagePrintPreview #MainContent {
    position: relative !important;
    left: auto;
    right: auto;
    bottom: auto;
    min-height: 100% !important;
    margin: 0 auto;
    }.PagePrintPreview .Content {
    position: relative !important;
    left: auto;
    right: auto;
    bottom: auto;
    min-height: 100% !important;
    margin: 0 auto;
    }

.PagePrintPreview .GlobalFiltersBody {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    white-space: normal;
}

.PagePrintPreview .Search, .PagePrintPreview .RootNav, .PagePrintPreview .SubNav {
    display: none !important;
}

    .PagePrintPreview .GlobalFiltersBody .GlobalFilter {
    display: inline-block !important;
    }

#PrintPreviewBody {

    color: #222222;
    background-color: white;
}

.PagePrintPreview {
    background-color: silver !important;
}

.PagePrintPreview body {
    background-color: white !important;
}

.PagePrintPreview {
    background-color: silver !important;
}

.PagePrintPreview #MainContent {
    background-color: white !important;
}

.PagePrintPreview .Content {
    background-color: white !important;
}

.PagePrintPreview .StartLogo {
    background-color: white !important;
}

.PagePrintPreview .GlobalFiltersBody {
    background-color: white !important;
}.PageZoom input {
    width: 3em;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
}

.PageZoom input[type=range]
{
    width: 80px;
    display: block;
    height: 12px !important;
    margin-left: auto;
    margin-right: auto;
}

.PageZoomTop
{
white-space: nowrap;
}

    .PageZoomTop > a:hover {
    opacity: 1.0;
    }

.PageZoomTop > a {
    display: inline-block;
    min-width: 24px;
    text-align: center;
    opacity: 0.5;
}

.PageZoomTop > a > span {
    font-size: 22px;
    vertical-align: middle;
}

.SendItems
{
    padding: 2px 10px;
}

.SendItems > div
{
    position: relative;
    padding: 1px 1px 1px 32px;
    display: block;
    height: 32px;
    line-height: 32px;
}

.SendItems > div > div
{
    text-align: left;
    vertical-align: middle;
    display: inline-block;
}

.SendItems img
{
    height: 24px;
    position: absolute;
    left: 3px;
    top: 3px;
}


/* META  : .UIComponents.Specialized.ShowHideIf */
.ShowIfDesktop
{
    display: none !important;
}

.Desktop .ShowIfDesktop {
    display: inherit !important;
}

.ShowIfMobile {
    display: none !important;
}

.Mobile .ShowIfMobile
{
    display: inherit !important;
}

.Mobile .HideIfMobile
{
    display: none !important;
}

.Tablet .HideIfTablet {
    display: none !important;
}

.Desktop .HideIfDesktop {
    display: none !important;
}


/* META  : .UIComponents.Specialized.Messages */
#messagediv {
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
    transparent 75%, transparent);
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    left: auto;
    max-width:320px;
    right: 16px;
    top: auto;
    position: fixed;
    _position: absolute;
    animation: animate-bg 5s linear infinite;
    bottom: 16px;
    z-index: 999999;
    font-size: 150%;
}

#messagediv > div
{
    padding: 8px;
    text-align: center;
    margin: 2px;
    box-shadow: 0 0 5px #656565;
}

#messagediv > div > div:nth-child(2)
{
    font-weight: 300;
    font-size: 80%;
}

.info{
    background-color: #ffffff;
}

.error{
    background-color: #de4343;
}

.run{
    background-color: #51c433;
}

.message {
    background-color: #f0f0f0;
}

.exception{
    background-color: #ae4343;
}

.warning{
    background-color: #eaaf51;
}

.success{
    background-color: #81f443;
}


/* META  : .UIComponents.Specialized.Pulse */
@-moz-keyframes pulse {
0% {-moz-transform: scale(1)}
25% {-moz-transform: scale(0.8)}
50% {-moz-transform: scale(1)}
75% {-moz-transform: scale(1.2)}
100% {-moz-transform: scale(1)}
}
@-webkit-keyframes pulse {
0% {-webkit-transform: scale(1)}
25% {-webkit-transform: scale(1.2)}
50% {-webkit-transform: scale(1)}
75% {-webkit-transform: scale(0.8)}
100% {-webkit-transform: scale(1)}
}
@-ms-keyframes pulse {
0% {-ms-transform: scale(1.0)}
25% {-ms-transform: scale(1.2)}
50% {-ms-transform: scale(1.0)}
75% {-ms-transform: scale(0.8)}
100% {-ms-transform: scale(1)}
}

@keyframes pulse {
0% {transform: scale(1.0)}
25% {transform: scale(1.2)}
50% {transform: scale(1.0)}
75% {transform: scale(0.8)}
100% {transform: scale(1)}
}

.faa-pulse.animated, .faa-pulse.animated-hover:hover {
-moz-animation: pulse 2s linear infinite;
-webkit-animation: pulse 2s linear infinite;
-ms-animation: pulse 2s linear infinite;
animation: pulse 2s linear infinite;
}


/* META  : .UIComponents.Specialized.Video */
.BackgroundVideo {
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -100 !important;
    object-fit: cover;
    opacity: 1.0;
}

video.fullscreen {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translate(-50%, -50%);
}

.FieldValue > video {
    z-index: -1000 !important;
}

.PlayVideoButton:after {
    color: #222222;
    opacity: 0.5;
}


/* META  : .UIComponents.Specialized.Authorization */
.ItemView__Authorization img {
    max-height: 24px;
}

.ItemView__Authorization_Ozet {
    background-color: white;
    background-color: #F9F6F6;
}

.ItemView__Authorization_Ozet .FieldSet_Top {
    background-color: #656565;
    color: white;
}

.ItemView__Authorization_Card
{
    margin: 0;
}

.ItemView__Authorization_Card.ItemView .Field.FieldValue {
    place-content: flex-start;
}
.ItemView__Authorization_Card.ItemView .Field.LabelPositionLeft
{
    flex-direction: column;
}

.ItemView__Authorization_Card.ItemView .FieldLabel {
    opacity: 0.5;
}

.ItemView__Authorization_Card .Field_SecurityQuery * {
    text-align: center !important;
}

.ItemView__Authorization_Card .Field_EntityType.Mode_Display .SubFields {
    display: none;
}

    .ItemView__Authorization_Card .FieldSet_OzetT .DirectionVer > *
{
    border-right: solid 1px rgba(127,127,127,0.2);
    padding: 3px;
    }

    .ItemView__Authorization_Card .Field_DisabledFields,
    .ItemView__Authorization_Card .Field_SecurityQuery {
    border-top: solid 1px rgba(127,127,127,0.2);
    padding: 3px;
    }


/* META  : .UIComponents.Specialized.Print */
body.Printing .DontPrint {
    visibility: none !important;
    opacity: 0;
}

html.Printing .DontPrint {
    visibility: none !important;
    opacity: 0;
}

@media print {

    .LabelPositionLeft .FieldValue {
    width: auto;
    }

    .DirectionVertical > *, .DirectionVer > * {
    height: auto !important;
    }

    .DirectionVertical, .DirectionVer {
    height: auto !important;
    }

    .NewWindow_PrintPreview body {
    position: static !important;
    }

    .FieldRichText .FieldValue {
    height: auto !important;
    }

    @page {
    size: A4;
    margin: 0;
    border: solid 1px blue !important;

    @top-left {
    font-size: 20px;
    }

    @bottom-center {
    font-size: 18px;
    }
    }

    @page:right {
    @bottom-left {
    font-size: 9pt;
    }
    }

    .ItemBody {
    position: relative !important;
    }.DontPrint {
    display: none !important;
    }

    .Page, html, body {
    height: auto !important;
    margin: 0;
    max-height: unset !important;
    z-index: 0 !important;
    overflow: visible !important;
    position: static !important;

    background-color: white !important;
    box-shadow: 0 0 0 !important;
    vertical-align: top;
    }#myPrintHeader {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
    }

    .PrintNAVTitle {
    font-size: 18px;
    color: #222222;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    }

    .CellRow {
    page-break-inside: avoid !important;
    }

    .Cell {
    page-break-inside: avoid !important;
    }

    table {
    width: auto;
    }

    thead {
    width: auto;
    z-index: 10000;
    display: table-row-group;
    padding: 0;
    }

    tbody {
    width: auto;
    z-index: 100;
    }

    tfoot {
    width: auto;
    z-index: 10000;
    display: table-row-group;
    }

    .ETWBody, .EntityTypeViewBody, .EntityTypeView, .Middle, .Content, .ListBody, .Map, .ListAll, .ListLeft, .ListMiddle, .ListRight {
    position: relative !important;
    height: auto !important;
    z-index: 0 !important;
    margin: 0 !important;
    box-shadow: 0 0 0 !important;
    vertical-align: top;
    }

    .EntityTypeView {
    border: solid 1px silver;
    }

    .ItemSelection {
    border: 0 !important;
    }input, textarea {
    background-color: white !important;
    -webkit-print-color-adjust: exact;
    box-shadow: 0 0 0;
    }

    .DateTimeNow {
    position: fixed;
    top: 0;
    right: 0;
    padding: 5px;
    color: silver;
    }

    .CurrentUserName {
    position: fixed;
    left: 0;
    top: 0;
    padding: 5px;
    color: silver;
    }
}


/* META  : .UIComponents.Specialized.FullScreen */
.MakeFullScreen
{
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

:-webkit-full-screen,
:-moz-full-screen {
    width: 100% !important;
    height: 100% !important;
}

    :-webkit-full-screen .EntityTypeView .EntityTypeView .DisplayFullScreenToggle,
    :-moz-full-screen .EntityTypeView .EntityTypeView .DisplayFullScreenToggle {
    display: none;
    }

.MakeFullScreen {
    background-color: rgba(222,222,222,1.0) !important;
}

:-webkit-full-screen, :full-screen {
    background-color: rgba(222,222,222,1.0) !important;
}

    :-webkit-full-screen .DisplayFullScreenToggle, :full-screen .DisplayFullScreenToggle {
    background-color: white;
    box-shadow: 0 0 9px #656565;
    opacity: 1.0;
    }

.AbsoluteFill
{
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    height: 100% !important;
    z-index: 100000;
}

.FixedFill
{
    display: block !important;
    position: fixed !important;
    left: 30px !important;
    right: 30px !important;
    bottom: 30px !important;
    top: 30px !important;
    height: auto !important;
    width: auto !important;

    z-index: 100000;
}

.FixedFill::before {
    position: fixed !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: auto;
    height: auto;
    content : "";
}


/* META  : .UIComponents.Specialized.Animations.Blink */
.blink_me {
    animation: blinkme 1s linear infinite;
}

@keyframes blinkme {
    0% {
    opacity: 1.0;
    }
    50% {
    opacity: 0;
    }
    100% {
    opacity: 1.0;
    }

}


/* META  : .UIComponents.Specialized.Animations.Blinker */
.ProcessingOCR {
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 65%;
    margin-left: -16px;
    line-height: 1em;
    margin: 0;
    padding: 5px 10px;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
50% { opacity: 0.3;   }
}

#Server_Offline_Message {
    position: fixed;
    top: 45%;
    left: 25%;
    right: 25%;
    text-align: center;
    font-size: 300%;
    animation: blinker 1s linear infinite;
}


/* META  : .UIComponents.Specialized.Animations.fadeIt */
.ElementChanged {
    background-image: none !important;
    -webkit-animation: fadeIt 500ms linear;
    -moz-animation: fadeIt 500ms linear;
    -o-animation: fadeIt 500ms linear;
    animation: fadeIt 500ms linear;
}

@-webkit-keyframes fadeIt {
    0% {
    background-color: rgba(0,255,0,1);
    }

    50% {
    background-color: rgba(0,255,0,0.5);
    }

    100% {
    background-color: rgba(0,255,0,0);
    }
}

@-moz-keyframes fadeIt {
    0% {
    background-color: rgba(0,255,0,1);
    }

    50% {
    background-color: rgba(0,255,0,0.5);
    }

    100% {
    background-color: rgba(0,255,0,0);
    }
}

@-o-keyframes fadeIt {
    0% {
    background-color: rgba(0,255,0,1);
    }

    50% {
    background-color: rgba(0,255,0,0.5);
    }

    100% {
    background-color: rgba(0,255,0,0);
    }
}

@keyframes fadeIt {
    0% {
    background-color: rgba(0,255,0,0.5);
    }

    50% {
    background-color: rgba(0,255,0,0.25);
    }

    100% {
    background-color: rgba(0,255,0,0);
    }
}


/* META  : .UIComponents.Specialized.Animations.Animation */
.Choice,
button,
.Button,
[data-action] {
    transition: background-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}

.Choice:hover,
button:hover,
.Button:hover {
    transform: translateY(-1px);
}

.Choice:active,
button:active,
.Button:active {
    transform: translateY(0);
}

.SelectionItem {
    transition: background-color 0.15s ease;
}

input:focus,
select:focus,
textarea:focus {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input[type="checkbox"] {
    transition: background-color 0.2s ease;
}

.Skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeletonShimmer 1.5s infinite;
}

@keyframes skeletonShimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.Ripple {
    position: relative;
    overflow: hidden;
}

.Ripple::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.4s ease, height 0.4s ease, opacity 0.4s ease;
    opacity: 0;
}

.Ripple:active::after {
    width: 200px;
    height: 200px;
    opacity: 1;
    transition: 0s;
}


/* META  : .UIComponents.Specialized.Animations.SelectionsMenu */
.SelectionsMenu {
    position: absolute;
    z-index: 10000;
}

.SelectionsMenu_AddSelect
{
    display: flex;
    flex-direction: column;
}

.SelectionsMenu_AddSelect > .ItemSelector
{
    flex: 1;
    overflow: auto;
}

.SelectionsMenu .ItemSelector {
    max-height: inherit;
    overflow-y: auto;
    overscroll-behavior: contain;
    max-height: 80vh;
}

.SelectionsMenu.HasScrollTop::before,
.SelectionsMenu.HasScrollBottom::after {
    content: '';
    position: sticky;
    display: block;
    height: 20px;
    background: linear-gradient(to bottom, white, transparent);
    pointer-events: none;
}

.SelectionsMenu.HasScrollBottom::after {
    background: linear-gradient(to top, white, transparent);
}


/* META  : .UIComponents.Specialized.Animations.IOSOpt */
.SelectionsMenu,
.Modal,
.Dialog,
.Popup {
    will-change: transform, opacity;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ItemSelector,
.EntityTypeView,
.ItemsContainer {
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch;
}

.SelectionsMenu.closed {
    will-change: auto;
}


/* META  : .UIComponents.Specialized.Animations.LazyImage */
.LazyImage {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.LazyImage[src]:not([src=""]):not([src^="data:"]) {
    opacity: 1;
}

.LazyImage::before {
    content: '';
    display: block;
    background: #f0f0f0;
    animation: lazyPulse 1.5s infinite;
}

@keyframes lazyPulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}


/* META  : .UIComponents.Specialized.Animations.ReDraw */
.ReDraw_InProgress {
    visibility: hidden !important;
    contain: layout style paint;
}

.EntityTypeViewBody,
.SingleItem,
.ListBody {
    animation: contentFadeIn 0.25s ease-out;
}

@keyframes contentFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ETWBottom.Activate {
    animation: panelSlideUp 0.2s ease-out;
}

@keyframes panelSlideUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ListBody td.Field__State {
    text-align: center;
}

.ListBody td.Field__State > span,
.ListBody td.Field__State > a {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 85%;
    font-weight: 500;
    line-height: 1.5em;
    white-space: nowrap;
}

.ListBody td[style*="background-color"] {
    border-radius: 0;
}

.FieldIsEmpty.Mode_Display .FieldValue {
    font-style: italic;
    color: rgba(0,0,0,0.3);
}

.Panel_body > h3,
.Panel_body > .PanelTitle {
    border-left: 3px solid var(--backColor);
    padding-left: 12px;
    color: var(--labelColor, #3d5986);
    font-weight: 600;
    margin-bottom: 8px;
}

.Button.HasImage {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.Button.HasImage:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}


/* META  : .UIComponents.SupportsTouch */
.SupportsTouch.OnlyPasswordAuthentication .Content {
    padding: 1px !important;
}

.SupportsTouch a,
.SupportsTouch button,
.SupportsTouch  [data-action-click],
.SupportsTouch  [role="button"] {

    -webkit-tap-highlight-color: rgba(0,0,0,0.15);
}

.SupportsTouch.OnlyPasswordAuthentication #ModuleTitle {
    padding: 1px !important;
    margin: 1px !important;
}

.SupportsTouch.OnlyPasswordAuthentication .LoginForm {
    padding: 1px !important;
    margin: 1px !important;
}

.SupportsTouch .MainContent > .SingleItem
{
    position: relative;
}

.SupportsTouch .MainContent > .LeftContent
{
    display: none !important;
}

.SupportsTouch .GroupByMode_Tab {
    display: flex !important;
    flex-direction: column-reverse;
    height: 100%;
    padding: 0;
}

.SupportsTouch    .GroupByMode_Tab .GroupByTabHeader {
    white-space: nowrap;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
}

.SupportsTouch .GroupByMode_Tab .FolderGroupByTab {
    height: calc(100% - 5em);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.SupportsTouch   .GroupByMode_Tab .GroupByBody
{
    padding: 1px;
    }

.SupportsTouch .ViewBody_Folder
{
    padding: 0 !important;
    }

.SupportsTouch .SaveButton {
    opacity: 1.0;
    font-weight: bold;
}

.SupportsTouch .OkButton {
    opacity: 1.0;
    font-weight: bold;
}

.SupportsTouch .CancelButton {
    opacity: 1.0;
    font-weight: bold;
}

.SupportsTouch .ItemSubmit a {
    padding: 8px;
}

.SupportsTouch .ItemSubmit span
{}

.SupportsTouch select option {
    height: 2em !important;
}.SupportsTouch .ItemSubmit a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.SupportsTouch .ListBody td {
    padding: 10px 5px;
    font-size: 100%;
}

.SupportsTouch .ListBody td.FirstCol {
    text-align: center;
}

.SupportsTouch  .Actions a {
    opacity: 1;
    border-radius: 0;
}

.SupportsTouch .ProcedureButton {
    font-size: 120%;
}

.SupportsTouch .ColumnAdder {
    bottom: 2px !important;
    opacity: 0 !important;
}

.SupportsTouch .ColumnResizer {
    opacity: 0 !important;
}

.SupportsTouch .updownarrow {
    opacity: 0.0;
}

.SupportsTouch .ShowOnHover .ShowOnHover {
    display: inherit;
}

.SupportsTouch .ShowOnHover .ShowOnHover.ColumnRemover {
    display: none;
}

.SupportsTouch .Logon .UserImage {
    position: relative;
    left: 0;
    top: 0;
    height: 32px;
    width: 32px;
}

.SupportsTouch .Logon .LogonUser {
    position: relative;
}


/* META  : .UIComponents.SupportsTouch.TouchBottom */
.TouchBottom {
    position: sticky;
    bottom: 0;
    flex: 0;
    height: auto !important;
    z-index: 1000;
    left: 0;
    right: 0;

}

.TouchBottom .RootNav {
    padding: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: stretch;
overflow: auto;
    justify-content: flex-start;
background-color: var(--menuBackColor);
    color: var(--menuTextColor);
}

.TouchBottom .RootNav .Nav.Selected
{
    background-color: var(--backColor);
    color: var(--textColor);
}

.TouchBottom .RootNav .Nav {
    box-shadow: 0 0 1px white inset;
    display: flex;
    padding: 0;
    flex-direction: row;
    align-items: stretch;
}

.TouchBottom .RootNav .NavTitle
{
    display: block;
    white-space: normal;
    flex: 1;
}

.TouchBottom .RootNav .NavTitle > span
{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}

.TouchBottom .RootNav .NavImage
{
    display: none;
    vertical-align: middle;
}

.NavTitle {
    line-height: 1em;
}

.TouchBottom .RootNav .Nav {
    box-shadow: 0 0 1px white inset;
}

.TouchBottom .RootNav .Nav.Selected {
    border-radius: 0;
    font-weight: bold;
}


/* META  : .UIComponents.SupportsTouch.TouchTop */
.TouchTop .Logon
{
    padding: 1px 10px 1px 1em;
}

.TouchTop .Search {
    padding-right: 1em;
}

.TouchTop #ModuleTitle {
    padding: 0;
    margin: 0;
    display: none !important;
}

.TouchTop .Logon {
    padding: 1px 10px 1px 1em;
}

.TouchTop #ModuleTitle {
    color: #222222;
}


/* META  : .UIComponents.Button.Button */
.Button {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    margin: 2px;
    z-index: 200;
    position: relative;
    border-radius: var(--radiusMd, 8px);
    padding: var(--inputPadding);
    background-color: var(--buttonBackColor, inherit);
    color: var(--buttonTextColor);
    box-shadow: var(--buttonBoxShadow);
    transition: all var(--transitionBase, 250ms) ease;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.Button, button {
    cursor: pointer;
}

.Button:hover {
    box-shadow: 1px 1px 5px gray !important;
}

.HideButtonText .ToggleButtonText
{
    display: none !important;
}

.HideButtonText  .ButtonTitle
{
    display: none !important;
}

.HideButtonTitle .ToggleButtonText
{
    display: none !important;
}

.HideButtonTitle .ButtonTitle
{
    display: none !important;
}

.HideButtonLabel .ToggleButtonText
{
    display: none !important;
}

.Button:disabled,
.Button[disabled]{
    opacity: 0.5;
}

.Button:hover {
    box-shadow: var(--buttonBoxShadowHover);
}

.Parameters .Button {
    padding: var(--inputPadding);
    align-self: stretch;
}

.ItemView  .Button
{
    padding: 4px 8px;

    background-color: transparent;
    color: var(--textColor);
    border: solid 0 black;
    border-color: var(--textColor);
    border-radius: 4px;
}

.ItemView:hover  .Button
{
    opacity: 0.75;
}

.Button:hover {
    z-index: 1000;
    outline: 1px solid #ffce00 !important;
    opacity: 1.0;
}

.Button:active {
    outline: 5px solid #ffce00 !important;
}.Buttons > a {
    position: relative;
    padding: 4px 8px;
    display: inline-block;

    line-height: 1em;
    cursor: pointer;
    margin-left: 1px;
    padding: 4px;
}

.FullButtons > a
{
    position: relative;
    padding: 1px 1px 1px 32px;
    display: block;
    height: 32px;
    line-height: 32px;
}

.Buttons > a > div,.FullButtons > a > div
{
    text-align: left;
    vertical-align: middle;
    display: block;
}

.Buttons img,.FullButtons img
{
    height: 24px;
    position: absolute;
    left: 3px;
    top: 3px;
}

.Button > div {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center!important;
    align-self: center;
    border-spacing: 0;
    font-size: 125%;
    overflow: hidden;

}.Button > div > * {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}.Buttons > a:hover {
    color: #222222;
    background-color: rgba(255, 255, 255, 0.2);
}

.Buttons > a {
    color: #656565;
    background-color: rgba(255, 255, 255, 0.1);
}

.CancelButton {
    color: #4f4f52;
    border: solid 1px transparent;
}

.OkButton {
    background-color: #4f4f52;
    border: solid 1px #4f4f52;
    color: white;
}

.SaveButton {
    color: #085cb2;
    opacity: 0.25;
}

.ItemHeader .SaveButton {
    display: none;
}

.ItemHeader:hover .SaveButton {
    display: inherit;
}

button:hover {
    box-shadow: 0 0 1em #303030;
}

button:active {
    box-shadow: 0 0 1px #303030;
}

.DeleteButton {
    position: absolute;
    top: 0.5em;
    font-size: 1.5em;
}

.DeleteButton > span {
    font-size: 0.75em;
    padding: 0.1em;
}

.ReplaceButton {
    position: absolute;
    left: 1px;
    top: 0;
}

.ItemSubmit .SaveButton .ButtonText {
    display: none;
}

.ButtonText
{
    text-align: center;
}

.Button img
{
    max-height: 24px;
}

.PlayButton::before
{
    content: var(--icon-Circle-Play);
    font-family: "361";

    margin: 1px 3px 1px 1px;

}

.PauseButton::before {
    content: var(--icon-Circle-Pause);
    font-family: "361";

    margin: 1px 3px 1px 1px;
}

.StepButton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1;
}

.StepButton > span {
    display: inline-block;
}

.StepButton > span {
    width: 24px;
    height: 24px;
    display: table-cell;
    vertical-align: middle;
    font-size: 125%;
    text-align: center;
}

.StepButton {
    padding: 0 !important;
}

.StepButton > .ButtonText {
    padding: 0.5em;
    justify-content: center;
    display: flex;
    align-items: center;
}

.StepButton > span {
    border: solid 1px rgba(127,127,127,0.2);
    background-color: #656565;
}

.StepButton > span {
    color: white;
}

.Button_ExitApplication {
    position: fixed;
    bottom: 0.5em;
    right: 0.5em;
    font-size: 20px;
    padding: 0.5em;
    margin: 1px;
}

.FieldValue > .PlayVideoButton {
    display: block;
}

.PlayVideoButton {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.PlayVideoButton:after {
    position: absolute;
    left: 40%;
    top: 40%;
    width: 25%;
    height: 25%;
    position: absolute;
    font-size: 400%;
    content: var(--icon-Circle-Play);
    font-family: "361";
}

.FileButton {
    margin: 1px;
}


/* META  : .UIComponents.Button.ButtonGroup */
.ButtonGroup a {
    cursor: pointer;
    display: inline-block;
}

.ButtonGroup a {
    color: silver;
}

    .ButtonGroup a:hover {
    color: green;
    }

.ButtonGroup .Selected {
    color: #222222;
}


/* META  : .UIComponents.Button.MicroButton */
.ByFieldsRight .MicroButton {
    display: none;
}

.ByFieldsRight .MicroButton {
    position: absolute;
    bottom: 1px;
    left: auto;
    right: 0;
    border: 0;
    display: none;
    opacity: 1;
}

.Button .MicroButton {
    font-size: 2em;
}

.Button .MicroButton.NewAction {
    position: absolute;
    right: 1em;
}

.ETWBys .ByFieldsRight .MicroButton {
    left: 0;
    right: auto;
    font-size: 1.5em;
    padding: 0.25em 0;
}

.ByFieldsRight .ByFieldsRightItem:hover .MicroButton {
    display: inline-block;
}

.ByFieldsRight.ChartGroupBy .ByFieldsRightItem:hover .MicroButton {
    display: flex;
    flex: 0;
    padding: 0;
    position: static;
}

.ValueField.ByFieldsRight .ByFieldsRightItem:hover .MicroButton {
    top: 1.2em;
    bottom: auto;
}

.MicroButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0.5;
    vertical-align: inherit;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.MicroButton:hover {
    opacity: 1.0;
}

.MicroButton img {
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    height: 16px;
    width: 16px;
    border: 0;
}

.FirstCol > .MicroButton
{
    position: absolute;
}

.ByFieldsRight .MicroButton {
    background-color: transparent;
}

.FilterMicroButton {
    position: absolute;
    left: 1px;
    top: 4px !important;
    width: 16px;
    height: 16px;
    display: inline-block !important;
}

.ViewBody_Matrix .FilterMicroButton
{
    display: none !important;
}

.ListHeader .MicroButton img
{
    height: 14px;
    width: 14px;
    margin: 3px;
}


/* META  : .UIComponents.Button.ToggleButton */
.ToggleButton {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.5em;
    cursor: pointer;
    opacity: 0.75;
}

.ToggleButton img {
    width: 16px;
    height: 16px;
}

.ListTable .ToggleButton img {
    height: 12px;
    width: 12px;
    vertical-align: top;
}

.FieldValue > .ToggleButton.Selected {
    box-shadow: 0 0 2px #656565;
    opacity: 1.0;
}

.FirstCol .ToggleButton {
    opacity: 1.0;
    opacity: 0;
    font-size: 125% !important;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    border: 0 !important;
    background-color: transparent;
    display: flex;
}

tr:hover .FirstCol .ToggleButton {
    opacity: 1.0;
}

.FirstCol .ToggleButton.Value_True {
    opacity: 1.0;
}

.ToggleButton:hover
{
    opacity: 1.0;
}

.ListHeader td a.ToggleButton {
    font-size: 100%;
}

.EntityTypeViewTitle .ToggleButton
{
    padding: 5px 0;
    margin: 1px;
    position: relative;
    left: 0;
    top: 1px;
}

.PagePrintPreview .ToggleButton
{
    display: none;
}

    .ItemView .Choices.ItemSelection .ToggleButton {
    font-size: 150%;
    }

.ToggleButton.Selected
{
    background-color: white !important;
    color: #222222 !important;
}


/* META  : .UIComponents.Button.TabButton */
.TabButton {
    cursor: pointer;
    display: inline-block;
}

.TabButton > span {
    min-height: 3em;
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    padding: 0 1em 1em 1em;
    line-height: 1em;
    opacity: 0.75;
    font-size: 85%;
    min-width: 5em;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 15em    ;
}

.TabPanel.TabPanel_TabBottom .TabButton > span
{
padding: 1em 1em 0 1em;
}

.TabButton.Selected > span {
    opacity: 1.0;
}

.TabButton:hover > span {
    opacity: 1.0;
}

.TabButton
{
    position: relative;
}

.TabButton > .Aggregate
{
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 1px;
    min-width: 1em;
    font-size: 80%;
    font-weight: normal;
    font-weight: 300;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.TabPanel.TabPanel_TabBottom .TabButton > .Aggregate
{
    top: 0;
    bottom: auto;
}

.TabButton > .Aggregate > .AggregateValue
{
    justify-content: center;
    padding: 1px !important;
}


/* META  : .UIComponents.Button.RadioButton */
.RadioButton {
    padding: 5px 10px;
}

.RadioButton input, .RadioButton input:active, .RadioButton input:focus {
    border: 0 solid white;
    box-shadow: 0 0 0;
    outline: none;
}


/* META  : .UIComponents.Button.PushButton */
.PushButton a {
    border: 1px solid rgba(225, 225, 225, 0.5);
    background-color: white;
}

.PushButton {
    overflow: hidden;
    flex-direction: row;
}

.PushButton a {
    margin: 0;
    display: none !important;
}

.PushButton a.Selected {

    display: inherit !important;
}


/* META  : .UIComponents.Button.PrimaryButton */
.PrimaryButton
{
    background-color: var(--primaryButtonBackColor) !important;
    color: var(--primaryButtonTextColor) !important;
}


/* META  : .UIComponents.Button.OpenAction */
.OpenAction.CurrentAction {
    opacity: 0.5;
}


/* META  : .UIComponents.Server */
.Server_Offline .Page {
    opacity: 0.5;
}

#Server_Offline_Message {
    color: red;
    font-weight: bold;
    animation: blinker 1s linear infinite;
}


/* META  : .Tooltip */
.hasTooltip:hover::after
{
    position: fixed;
    content: attr(tooltip);
    padding: 6px 10px;
    background-color: rgba(30,30,30,0.92);
    backdrop-filter: blur(4px);
    border: none;
    color: white;
    opacity: 1.0;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 400;
    max-width: 200px;
    white-space: normal;
    line-height: 1.4;
    margin-left: 0;
    transform: translate(-109%, 0);
    z-index: 99999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: tooltipFadeIn 0.15s ease;
}

@keyframes tooltipFadeIn {
    from { opacity: 0; transform: translate(-109%, 4px); }
    to { opacity: 1; transform: translate(-109%, 0); }
}

.hasTooltip:hover
{
    font-weight: 700;
}

.Button:active {
    transform: scale(0.97);
    transition: transform 0.1s ease;
}

a:hover {
    transition: color 0.15s ease;
}


/* META  : .Toast */
.ToastContainer {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
}

.Mobile .ToastContainer {
    top: auto;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.Toast {
    display: flex;
    align-items: center;
    min-width: 300px;
    max-width: 500px;
    padding: 12px 16px;
    border-radius: 8px;
    background: #333;
    color: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    pointer-events: auto;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.3s ease;
}

.Mobile .Toast {
    min-width: auto;
    max-width: none;
    transform: translateY(100%);
}

.Toast.ToastShow {
    opacity: 1;
    transform: translateX(0);
}

.Mobile .Toast.ToastShow {
    transform: translateY(0);
}

.Toast.ToastHide {
    opacity: 0;
    transform: translateX(100%);
}

.Toast_success { background: #2e7d32; }
.Toast_error { background: #c62828; }
.Toast_warning { background: #f57c00; }
.Toast_info { background: #1565c0; }

.ToastIcon {
    font-size: 18px;
    margin-right: 12px;
    flex-shrink: 0;
}

.ToastMessage {
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
}

.ToastClose {
    font-size: 20px;
    margin-left: 12px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.ToastClose:hover {
    opacity: 1;
}

.ToastAction {
    margin-left: 12px;
    padding: 4px 12px;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 4px;
    background: transparent;
    color: white;
    cursor: pointer;
    font-size: 12px;
}

.ToastAction:hover {
    background: rgba(255,255,255,0.1);
}


/* META  : .LoadingSpinner */
.LoadingOverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.LoadingOverlay.LoadingShow {
    opacity: 1;
    visibility: visible;
}

.LoadingSpinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.SpinnerRing {
    width: 48px;
    height: 48px;
    border: 4px solid #e0e0e0;
    border-top-color: #1976d2;
    border-radius: 50%;
    animation: spinnerRotate 1s linear infinite;
}

@keyframes spinnerRotate {
    to { transform: rotate(360deg); }
}

.LoadingText {
    color: #666;
    font-size: 14px;
}

.ElementLoading {
    pointer-events: none;
    opacity: 0.6;
}

.ElementSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 4px;
    align-items: center;
    background: rgba(255,255,255,0.9);
    padding: 8px 16px;
    border-radius: 4px;
    z-index: 10;
}

.SpinnerDot {
    width: 8px;
    height: 8px;
    background: #1976d2;
    border-radius: 50%;
    animation: spinnerBounce 1.4s infinite ease-in-out both;
}

.SpinnerDot:nth-child(1) { animation-delay: -0.32s; }
.SpinnerDot:nth-child(2) { animation-delay: -0.16s; }

@keyframes spinnerBounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}

.ButtonLoading {
    position: relative;
    pointer-events: none;
}

.ButtonSpinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    margin-right: 8px;
    animation: spinnerRotate 0.8s linear infinite;
    vertical-align: middle;
}


/* META  : .NotificationButton */
.NotificationButton{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;border-radius:50%;position:relative;z-index:1000;transition:all 0.25s ease;border:1px solid rgba(24,159,223,0.69);background:#fff;color:var(--primaryColor,#3b82f6);box-shadow:rgba(3,116,247,0.58) 0 0 8px 0;width:32px;height:32px;margin:2px}
.NotificationButton .NotificationButtonIcon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.NotificationButton .NotificationButtonIcon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.NotificationButtonBadge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 4px;line-height:1}
.NotificationButton:hover{box-shadow:rgba(3,116,247,0.8) 0 0 12px 0}


/* META  : .NotificationPanel */
.Notifications_Panel{position:fixed;right:-420px;top:0;width:420px;height:100vh;background:var(--backColor,#fff);box-shadow:-8px 0 32px rgba(var(--shadowRGB,0,0,0),0.12);z-index:9999;transition:right 0.35s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;border-left:1px solid rgba(var(--shadowRGB,0,0,0),0.06)}
.Notifications_Panel.Open{right:0}
.NP_Header{padding:20px 20px 16px;border-bottom:1px solid rgba(var(--shadowRGB,0,0,0),0.06);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(var(--primaryColorRGB,59,130,246),0.04),transparent)}
.NP_HeaderLeft{display:flex;align-items:center;gap:10px}
.NP_HeaderIcon{display:flex;align-items:center;color:var(--primaryColor,#3b82f6)}
.NP_HeaderTitle{font-size:17px;font-weight:700;letter-spacing:-0.01em;color:var(--textColor,#1a1a1a)}
.NP_HeaderBadge{display:none;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:11px;background:var(--primaryColor,#3b82f6);color:#fff;font-size:11px;font-weight:700;padding:0 6px}
.NP_HeaderRight{display:flex;align-items:center;gap:6px}
.NP_MarkAll{display:flex;align-items:center;gap:5px;cursor:pointer;padding:6px 10px;border-radius:6px;font-size:12px;color:var(--primaryColor,#3b82f6);transition:all 0.2s ease;white-space:nowrap}
.NP_MarkAll:hover{background:rgba(var(--primaryColorRGB,59,130,246),0.08)}
.NP_Close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer;color:rgba(var(--shadowRGB,0,0,0),0.4);transition:all 0.2s ease}
.NP_Close:hover{background:rgba(var(--shadowRGB,0,0,0),0.06);color:rgba(var(--shadowRGB,0,0,0),0.7)}
.NP_Body{flex:1;overflow-y:auto;padding:8px 12px}
.NP_Card{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;border-radius:10px;margin-bottom:4px;cursor:default;transition:all 0.2s ease;position:relative;overflow:hidden}
.NP_Card:hover{background:rgba(var(--shadowRGB,0,0,0),0.025)}
.NP_Card:hover .NP_CardActions{opacity:1}
.NP_CardIcon{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.NP_Sev_Error .NP_CardIcon{background:rgba(239,68,68,0.1);color:#ef4444}
.NP_Sev_Warning .NP_CardIcon{background:rgba(245,158,11,0.1);color:#f59e0b}
.NP_Sev_Info .NP_CardIcon{background:rgba(59,130,246,0.1);color:#3b82f6}
.NP_CardContent{flex:1;min-width:0}
.NP_CardTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.NP_CardTitle{font-size:13px;font-weight:600;color:var(--textColor,#1a1a1a);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.NP_CardTime{font-size:11px;color:rgba(var(--shadowRGB,0,0,0),0.35);white-space:nowrap;margin-top:2px;min-width:fit-content}
.NP_CardDesc{font-size:12px;color:rgba(var(--shadowRGB,0,0,0),0.5);line-height:1.45;margin-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.NP_CardActions{position:absolute;right:8px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity 0.2s ease}
.NP_CardRead{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(var(--shadowRGB,0,0,0),0.3);transition:all 0.2s ease;background:var(--backColor,#fff);box-shadow:0 1px 3px rgba(var(--shadowRGB,0,0,0),0.1)}
.NP_CardRead:hover{color:#22c55e;background:rgba(34,197,94,0.08);box-shadow:0 2px 6px rgba(34,197,94,0.15)}
.NP_Footer{padding:12px 20px;border-top:1px solid rgba(var(--shadowRGB,0,0,0),0.06)}
.NP_ViewAll{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--primaryColor,#3b82f6);transition:all 0.2s ease}
.NP_ViewAll:hover{background:rgba(var(--primaryColorRGB,59,130,246),0.06)}
.NP_Empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;gap:12px}
.NP_EmptyIcon{opacity:0.25}
.NP_EmptyTitle{font-size:15px;font-weight:600;color:rgba(var(--shadowRGB,0,0,0),0.5)}
.NP_EmptyDesc{font-size:13px;color:rgba(var(--shadowRGB,0,0,0),0.3)}
.NP_Loading{display:flex;align-items:center;justify-content:center;height:120px}
.NP_Spinner{width:24px;height:24px;border:3px solid rgba(var(--shadowRGB,0,0,0),0.08);border-top-color:var(--primaryColor,#3b82f6);border-radius:50%;animation:npSpin 0.7s linear infinite}
@keyframes npSpin{to{transform:rotate(360deg)}}
.NP_Sev_Error{border-left:3px solid rgba(239,68,68,0.5)}
.NP_Sev_Warning{border-left:3px solid rgba(245,158,11,0.5)}
.NP_Sev_Info{border-left:3px solid rgba(59,130,246,0.3)}
.notif-toast-container{position:fixed;top:16px;right:16px;z-index:10001;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:380px;width:100%}
.notif-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;color:#fff;pointer-events:auto;cursor:pointer;position:relative;overflow:hidden;transform:translateX(110%);opacity:0;transition:transform 200ms ease-out,opacity 200ms ease-out;backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(var(--shadowRGB,0,0,0),0.18)}
.notif-toast-visible{transform:translateX(0);opacity:1}
.notif-toast-exit{transform:translateX(110%);opacity:0;transition:transform 300ms ease,opacity 300ms ease}
.notif-toast-sev-1{background:rgba(239,68,68,0.95);border-left:4px solid #ef4444}
.notif-toast-sev-2{background:rgba(245,158,11,0.95);border-left:4px solid #f59e0b}
.notif-toast-sev-3{background:rgba(59,130,246,0.95);border-left:4px solid #3b82f6}
.notif-toast-icon{flex:0 0 20px;margin-top:1px}
.notif-toast-body{flex:1;min-width:0}
.notif-toast-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-toast-desc{font-size:12px;opacity:0.85;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notif-toast-close{flex:0 0 24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;opacity:0.7;transition:opacity 0.15s}
.notif-toast-close:hover{opacity:1}
.notif-toast-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,0.3);transform-origin:left}
.NP_Filters{display:flex;gap:4px;flex:1;overflow-x:auto}
.NP_Filter{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;background:rgba(var(--shadowRGB,0,0,0),0.05);color:rgba(var(--shadowRGB,0,0,0),0.5);transition:all 0.2s}
.NP_Filter:hover{background:rgba(var(--shadowRGB,0,0,0),0.08)}
.NP_Filter.active{background:var(--primaryColor,#3b82f6);color:#fff}
.NP_Filter-badge{display:inline-flex;min-width:14px;height:14px;border-radius:7px;font-size:9px;align-items:center;justify-content:center;padding:0 3px;margin-left:3px;background:rgba(var(--shadowRGB,0,0,0),0.15)}
.NP_Filter.active .NP_Filter-badge{background:rgba(255,255,255,0.3)}
.NP_SoundToggle{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(var(--shadowRGB,0,0,0),0.35);transition:all 0.2s;font-size:14px}
.NP_SoundToggle:hover{background:rgba(var(--shadowRGB,0,0,0),0.06);color:rgba(var(--shadowRGB,0,0,0),0.6)}
.NP_SoundToggle.muted{color:rgba(239,68,68,0.5)}
.NP_GroupHeader{font-size:11px;font-weight:700;color:rgba(var(--shadowRGB,0,0,0),0.35);text-transform:uppercase;letter-spacing:0.5px;padding:10px 12px 4px;position:sticky;top:0;background:var(--backColor,#fff);z-index:1}
.NP_Card.read{opacity:0.55;border-left-color:transparent}
.NP_Card.read .NP_CardTitle{font-weight:500}


/* META  : .SidePanel */
.SidePanel{position:fixed;top:0;right:0;bottom:0;width:420px;background:var(--backColor3,#fff);backdrop-filter:blur(16px);box-shadow:-4px 0 24px rgba(var(--shadowRGB,0,0,0),0.06),-1px 0 0 rgba(var(--shadowRGB,0,0,0),0.04);z-index:9000;display:none;transform:translateX(100%);transition:transform 320ms cubic-bezier(0.16,1,0.3,1),width 300ms ease;flex-direction:column;overflow:hidden;border-left:1px solid rgba(var(--shadowRGB,0,0,0),0.05)}
.SidePanel.SidePanel-open{display:flex;transform:translateX(0)}
.SidePanel.SidePanel-fullscreen{width:100%;border-left:none;border-radius:0}
.SidePanel-header{height:48px;display:flex;align-items:center;padding:0 10px 0 16px;border-bottom:1px solid rgba(var(--shadowRGB,0,0,0),0.06);flex-shrink:0;background:linear-gradient(135deg,var(--primaryColor,#3b82f6) 0%,color-mix(in srgb,var(--primaryColor,#3b82f6) 75%,#6366f1) 100%);color:#fff}
.SidePanel-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.SidePanel-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}
.SidePanel-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.SidePanel-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.01em}
.SidePanel-header-right{display:flex;align-items:center;gap:2px}
.SidePanel-header-btn{width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,0.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 200ms}
.SidePanel-header-btn:hover{background:rgba(255,255,255,0.22)}
.SidePanel-header-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.SidePanel-tabs{display:flex;gap:0;padding:0;background:var(--backColor2,#fafbfc);border-top:1px solid rgba(var(--shadowRGB,0,0,0),0.06);flex-shrink:0}
.SidePanel-tabs:empty{display:none}
.SidePanel-tabs.single-tab{display:none}
.SidePanel-tab{flex:1;border:none;border-top:2px solid transparent;background:none;cursor:pointer;padding:7px 4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:rgba(var(--shadowRGB,0,0,0),0.35);font-size:10px;font-weight:600;transition:all 180ms;position:relative;letter-spacing:0.01em}
.SidePanel-tab:hover{color:rgba(var(--shadowRGB,0,0,0),0.55);background:rgba(var(--shadowRGB,0,0,0),0.02)}
.SidePanel-tab.active{color:var(--primaryColor,#3b82f6);border-top-color:var(--primaryColor,#3b82f6);background:rgba(var(--primaryColorRGB,59,130,246),0.04)}
.SidePanel-tab-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.SidePanel-tab-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.SidePanel-tab-badge{position:absolute;top:1px;right:calc(50% - 18px);min-width:15px;height:15px;border-radius:8px;background:var(--primaryColor,#3b82f6);color:#fff;font-size:9px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 3px;line-height:1}
.SidePanel-tab.has-badge .SidePanel-tab-badge{display:inline-flex}
.SidePanel-body{flex:1;overflow:hidden;position:relative}
.SidePanel-content{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;display:none;flex-direction:column;padding:0}
.SidePanel-content.active{display:flex}
.SidePanel-aichat .AiChat-header{display:none!important}
.SidePanel-aichat .AiChat{height:100%}
.SidePanel-aichat .AiChat-panel{border:none;border-radius:0;box-shadow:none;height:100%}
.SidePanel-aichat .AiChat--embedded{height:100%}
.SidePanel-aichat .AiChat-tabs{border-top:none}
.NP_Toolbar{display:flex;align-items:center;justify-content:flex-end;padding:6px 12px;border-bottom:1px solid rgba(var(--shadowRGB,0,0,0),0.05);gap:8px;flex-shrink:0;background:var(--backColor2,#fafbfc)}
.NP_Toolbar .NP_MarkAll{display:flex;align-items:center;gap:5px;cursor:pointer;padding:5px 10px;border-radius:6px;font-size:12px;color:var(--primaryColor,#3b82f6);transition:all 0.2s;white-space:nowrap}
.NP_Toolbar .NP_MarkAll:hover{background:rgba(var(--primaryColorRGB,59,130,246),0.08)}
.NP_Toolbar .NP_HeaderBadge{display:none;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:var(--primaryColor,#3b82f6);color:#fff;font-size:10px;font-weight:700;padding:0 5px}
.SP_Placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:14px;color:rgba(var(--shadowRGB,0,0,0),0.3);padding:40px 20px;text-align:center}
.SP_PlaceholderIcon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;opacity:0.25}
.SP_PlaceholderIcon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.SP_PlaceholderTitle{font-size:15px;font-weight:600;color:rgba(var(--shadowRGB,0,0,0),0.45)}
.SP_PlaceholderDesc{font-size:13px;color:rgba(var(--shadowRGB,0,0,0),0.3)}
.SP_SearchSection{margin-bottom:8px}
.SP_SearchSectionHeader{font-size:11px;font-weight:700;color:rgba(var(--shadowRGB,0,0,0),0.4);padding:8px 4px 6px;border-bottom:1px solid rgba(var(--shadowRGB,0,0,0),0.05);margin-bottom:2px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:0.03em}
.SP_SearchCount{color:var(--primaryColor,#3b82f6);font-size:10px;font-weight:700}
.SP_SearchRow{padding:9px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:rgba(var(--shadowRGB,0,0,0),0.7);transition:all 150ms;line-height:1.4}
.SP_SearchRow:hover{background:rgba(var(--primaryColorRGB,59,130,246),0.06);color:var(--primaryColor,#3b82f6)}
.SP_SearchEmpty{text-align:center;padding:48px 20px;color:rgba(var(--shadowRGB,0,0,0),0.3);font-size:14px}
.SidePanel-content[data-tool=rtc] .RTCClient{display:block!important;width:100%!important;height:100%!important;padding:0!important}
.SidePanel-content[data-tool=rtc] .RTCBody{display:flex!important;flex-direction:column!important;width:100%;height:100%}
.SidePanel-content[data-tool=rtc] .RTCMeBody{border-bottom:1px solid rgba(var(--shadowRGB,0,0,0),0.06);padding:8px 12px}
.SidePanel-content[data-tool=rtc] .RTCMe{border:none;border-right:none}
.SidePanel-content[data-tool=rtc] .RTCUsers{flex:1;overflow-y:auto;border:none;min-width:0}
.SidePanel-content[data-tool=rtc] .RTCTitle{display:none}
.SidePanel-content[data-tool=rtc] .RTCHome{display:none}
.SidePanel-content[data-tool=rtc] .RTCSearch{border:none;border-top:1px solid rgba(var(--shadowRGB,0,0,0),0.06);padding:6px 8px}
.SidePanel-content[data-tool=rtc] .RTCSearch input{width:100%;padding:8px 12px;border:1px solid rgba(var(--shadowRGB,0,0,0),0.1);border-radius:8px;font-size:13px;outline:none}
.SidePanel-content[data-tool=rtc] .RTCChat{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:var(--backColor3,#fff)}
.SidePanel-content[data-tool=rtc] .RTCChatInput{border:none;border-top:1px solid rgba(var(--shadowRGB,0,0,0),0.06)}
.SidePanel-fullscreen .SidePanel-content[data-tool=rtc] .RTCBody{display:grid!important;flex-direction:unset!important;grid-template-columns:340px 1fr;grid-template-rows:auto 1fr auto;gap:0;grid-template-areas:'RTCtl RTCtc' 'RTCml RTCmc' 'RTCbl RTCbc'}
.SidePanel-fullscreen .SidePanel-content[data-tool=rtc] .RTCTitle{display:flex}
.SidePanel-fullscreen .SidePanel-content[data-tool=rtc] .RTCHome{display:block}
.SidePanel-fullscreen .SidePanel-content[data-tool=rtc] .RTCChat{position:relative}
.SidePanel-search-navs{display:flex;flex-direction:column;gap:1px;margin-bottom:8px;border-bottom:1px solid rgba(var(--shadowRGB,0,0,0),0.06);padding-bottom:8px}
.SidePanel-search-navs:empty{display:none;border:none;margin:0;padding:0}
.SidePanel-search-navs .Nav{display:flex!important;width:100%!important;height:auto!important;padding:6px 8px;border-radius:8px;text-decoration:none;align-items:center;box-sizing:border-box;transition:background 150ms}
.SidePanel-search-navs .Nav:hover{background:rgba(var(--primaryColorRGB,59,130,246),0.06)}
.SidePanel-search-navs .Nav .NavButton{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;width:100%;height:auto!important;padding:0}
.SidePanel-search-navs .Nav .NavImage{width:28px!important;height:28px!important;min-width:28px;border-radius:6px!important;display:flex!important;align-items:center;justify-content:center;font-size:13px!important}
.SidePanel-search-navs .Nav .NavImage svg{width:16px!important;height:16px!important}
.SidePanel-search-navs .Nav .NavTitle{font-size:13px!important;font-weight:500;color:rgba(var(--shadowRGB,0,0,0),0.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.SidePanel-search-navs .Nav .NavBadge{font-size:10px!important;min-width:18px;height:18px;border-radius:9px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--shadowRGB,0,0,0),0.08)!important;color:rgba(var(--shadowRGB,0,0,0),0.5)!important;font-weight:600;margin-left:auto}


/* META  : .UserToolButton */
.UserToolButton{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,0.1);background:#fff;color:var(--primaryColor,#3b82f6);cursor:pointer;transition:all 200ms;position:relative}
.UserToolButton:hover{background:rgba(var(--primaryColorRGB,59,130,246),0.08);box-shadow:0 0 8px rgba(var(--primaryColorRGB,59,130,246),0.3)}
.UserToolButton.usertool-active{background:var(--primaryColor,#3b82f6);color:#fff;border-color:var(--primaryColor,#3b82f6);box-shadow:0 0 12px rgba(var(--primaryColorRGB,59,130,246),0.4)}
.UserToolButton-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}
.UserToolButton-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.UserToolButton-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:8px;background:var(--primaryColor,#3b82f6);color:#fff;font-size:9px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 3px;line-height:1}
.UserToolButton.has-badge .UserToolButton-badge{display:inline-flex}


/* META  : .AiChat */
.AiChatContainer{position:relative;z-index:100000}.AiChat{--chat-primary:var(--color1, #009ef7);--chat-bg:var(--backColor, #f5f7fa);--chat-text:var(--textColor, #303030);--chat-border:var(--borderColor, rgba(127,127,127,0.2));--chat-radius:12px;--chat-shadow:0 8px 32px rgba(0,0,0,.15);font-family:inherit}.AiChat--floating{position:fixed;bottom:24px;z-index:100000}.AiChat--right{right:24px}.AiChat--left{left:24px}.AiChat-bubble{width:48px;height:48px;border-radius:50%;background:var(--chat-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--chat-shadow);transition:transform .2s;position:relative}.AiChat-bubble:hover{transform:scale(1.1)}.AiChat-bubble-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 4px}.AiChat-panel{width:400px;height:560px;border-radius:var(--chat-radius);background:var(--chat-bg);box-shadow:var(--chat-shadow);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--chat-border)}.AiChat--floating .AiChat-panel{position:absolute;bottom:72px;right:0;transform-origin:bottom right}.AiChat--floating .AiChat-panel[hidden]{display:none}.AiChat--sidebar{position:fixed;top:0;right:0;height:100vh;z-index:100000}.AiChat--sidebar .AiChat-panel{width:420px;height:100%;border-radius:0;border-left:1px solid var(--chat-border)}.AiChat--inline{position:relative;display:inline-flex}.AiChat--inline .AiChat-bubble{width:40px;height:40px;border-radius:50%;padding:0;font-size:16px;cursor:pointer}.AiChat--inline .AiChat-bubble>*{pointer-events:none}.AiChat--portal{z-index:100000}.AiChat--portal .AiChat-panel{width:400px;height:560px}.AiChat--portal-sidebar .AiChat-panel{width:420px;height:100%;border-radius:0;border-left:1px solid var(--chat-border)}.AiChat--embedded{width:100%;height:100%}.AiChat--embedded .AiChat-panel{width:100%;height:100%;border-radius:var(--chat-radius)}.AiChat--fullpage{display:flex;width:100%;height:100%}.AiChat--fullpage .AiChat-history{width:300px;border-right:1px solid var(--chat-border);background:var(--chat-bg);overflow-y:auto}.AiChat--fullpage .AiChat-panel{flex:1;border-radius:0}.AiChat-header{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--chat-border);background:var(--chat-primary);color:#fff;min-height:52px}.AiChat-header-title{font-weight:600;font-size:15px;flex:1}.AiChat-header-status{font-size:12px;opacity:.8}.AiChat-header-actions{display:flex;gap:8px}.AiChat-header-btn{background:none;border:none;color:inherit;cursor:pointer;padding:4px;opacity:.8;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex:0 0 auto}.AiChat-header-btn:hover{opacity:1}.AiChat-agent-select{padding:8px 12px;border-bottom:1px solid var(--chat-border);display:flex;gap:8px;overflow-x:auto}.AiChat-agent-chip{padding:6px 12px;border-radius:16px;font-size:13px;border:1px solid var(--chat-border);cursor:pointer;white-space:nowrap;transition:all .15s;display:flex;align-items:center;gap:6px}.AiChat-agent-chip.active{background:var(--chat-primary);color:#fff;border-color:var(--chat-primary)}.AiChat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.AiChat-body::-webkit-scrollbar{width:4px}.AiChat-body::-webkit-scrollbar-thumb{background:var(--chat-border);border-radius:2px}.AiChat-welcome{text-align:center;padding:32px 16px}.AiChat-welcome-icon{font-size:48px;color:var(--chat-primary);margin-bottom:16px}.AiChat-welcome-title{font-size:18px;font-weight:600;margin-bottom:8px}.AiChat-welcome-text{font-size:14px;color:var(--chat-text);opacity:.7}.AiChat-msg{display:flex;gap:8px;max-width:85%;animation:aichat-fadeIn .2s}.AiChat-msg--user{align-self:flex-end;flex-direction:row-reverse}.AiChat-msg--agent{align-self:flex-start}.AiChat-msg--operator{align-self:flex-start}.AiChat-msg--system{align-self:center;max-width:100%}.AiChat-msg-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--chat-primary);color:#fff;font-size:14px;flex-shrink:0}.AiChat-msg--operator .AiChat-msg-avatar{background:#10b981}.AiChat-msg-content{display:flex;flex-direction:column;gap:4px}.AiChat-msg-name{font-size:12px;font-weight:600;opacity:.7}.AiChat-msg-text{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;word-break:break-word}.AiChat-msg--user .AiChat-msg-text{background:var(--chat-primary);color:#fff;border-bottom-right-radius:4px}.AiChat-msg--agent .AiChat-msg-text{background:color-mix(in srgb,var(--chat-border) 30%,transparent);border-bottom-left-radius:4px}.AiChat-msg--operator .AiChat-msg-text{background:#ecfdf5;border-bottom-left-radius:4px;border:1px solid #a7f3d0}.AiChat-msg--system .AiChat-msg-text{background:transparent;text-align:center;font-size:12px;opacity:.6;padding:4px 12px}.AiChat-msg-meta{font-size:11px;opacity:.5;padding:0 4px}.AiChat-msg--user .AiChat-msg-meta{text-align:right}.AiChat-msg--tool{align-self:center;display:flex;align-items:center;gap:8px;font-size:12px;opacity:.6;padding:4px 12px;background:color-mix(in srgb,var(--chat-border) 20%,transparent);border-radius:8px}.AiChat-typing{display:flex;gap:4px;padding:12px 14px;align-self:flex-start}.AiChat-typing-dot{width:8px;height:8px;border-radius:50%;background:var(--chat-primary);opacity:.4;animation:aichat-typing 1.4s infinite}.AiChat-typing-dot:nth-child(2){animation-delay:.2s}.AiChat-typing-dot:nth-child(3){animation-delay:.4s}.AiChat-msg-text pre{background:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0;font-size:13px}.AiChat-msg-text code{background:rgba(0,0,0,.08);padding:2px 6px;border-radius:4px;font-size:13px}.AiChat-msg-text table{border-collapse:collapse;width:100%;margin:8px 0}.AiChat-msg-text th,.AiChat-msg-text td{border:1px solid var(--chat-border);padding:6px 10px;font-size:13px}.AiChat-msg-text th{background:color-mix(in srgb,var(--chat-border) 30%,transparent)}.AiChat-msg-text a{color:var(--chat-primary)}.AiChat-msg-text img{max-width:100%;border-radius:8px}.AiChat-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:color-mix(in srgb,var(--chat-border) 20%,transparent);border-radius:8px;font-size:13px;cursor:pointer}.AiChat-file-icon{font-size:20px;color:var(--chat-primary)}.AiChat-file-name{flex:1;font-weight:500}.AiChat-file-size{font-size:11px;opacity:.6}.AiChat-input{padding:12px;border-top:1px solid var(--chat-border);display:flex;align-items:flex-end;gap:8px}.AiChat-input-actions{display:flex;gap:4px}.AiChat-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--chat-text);opacity:.5;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.AiChat-btn:hover{opacity:1;background:color-mix(in srgb,var(--chat-border) 30%,transparent)}.AiChat-btn.recording{color:#ef4444;opacity:1;animation:aichat-pulse 1.5s infinite}.AiChat-input-field{flex:1;max-height:120px;overflow-y:auto;padding:8px 12px;border-radius:20px;font-size:14px;border:1px solid var(--chat-border);outline:none;background:color-mix(in srgb,var(--chat-border) 15%,transparent)}.AiChat-input-field:focus{border-color:var(--chat-primary)}.AiChat-input-field:empty::before{content:attr(data-placeholder);opacity:.5}.AiChat-send{width:36px;height:36px;min-width:36px;border-radius:50%;border:none;background:var(--chat-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;flex:0 0 auto}.AiChat-send:hover{transform:scale(1.1)}.AiChat-send:disabled{opacity:.4;transform:none;cursor:default}.AiChat-escalation{padding:8px 16px;background:#fef3c7;border-top:1px solid #fcd34d;display:flex;align-items:center;gap:8px;font-size:13px}.AiChat-escalation-btn{padding:4px 12px;border-radius:12px;border:none;background:#f59e0b;color:#fff;cursor:pointer;font-size:12px;font-weight:500;flex:0 0 auto}.AiChat-history-item{padding:12px 16px;border-bottom:1px solid var(--chat-border);cursor:pointer;transition:background .15s}.AiChat-history-item:hover{background:color-mix(in srgb,var(--chat-border) 20%,transparent)}.AiChat-history-item.active{background:color-mix(in srgb,var(--chat-primary) 10%,transparent);border-left:3px solid var(--chat-primary)}.AiChat-history-title{font-size:14px;font-weight:500;margin-bottom:4px}.AiChat-history-preview{font-size:12px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AiChat-history-date{font-size:11px;opacity:.4;margin-top:4px}@keyframes aichat-fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes aichat-typing{0%,60%,100%{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes aichat-pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes aichat-slideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes aichat-scale{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.AiChat-panel.anim-slideUp{animation:aichat-slideUp .3s ease-out}.AiChat-panel.anim-fadeIn{animation:aichat-fadeIn .3s ease-out}.AiChat-panel.anim-scale{animation:aichat-scale .3s ease-out}.AiChat-tabs{display:flex;border-bottom:1px solid var(--chat-border);background:var(--chat-bg)}.AiChat-tab{flex:1;padding:10px;text-align:center;cursor:pointer;font-size:13px;color:var(--chat-text);opacity:.6;transition:all .2s;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px}.AiChat-tab:hover{opacity:.8;background:color-mix(in srgb,var(--chat-primary) 5%,transparent)}.AiChat-tab.active{opacity:1;color:var(--chat-primary);border-bottom-color:var(--chat-primary)}.AiChat-tab i{margin-right:4px}.AiChat-agent-list{overflow-y:auto;flex:1;background:var(--chat-bg)}.AiChat-agent-card{display:flex;gap:8px;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--chat-border);transition:background .15s}.AiChat-agent-card:hover{background:color-mix(in srgb,var(--chat-primary) 5%,transparent)}.AiChat-agent-card.recommended{border-left:3px solid var(--chat-primary)}.AiChat-agent-avatar{width:32px;height:32px;border-radius:50%;background:var(--chat-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.AiChat-agent-info{flex:1;min-width:0}.AiChat-agent-name{font-weight:600;font-size:13px;color:var(--chat-text)}.AiChat-agent-desc{font-size:11px;opacity:.6;margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.AiChat-agent-tags{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap}.AiChat-agent-tag{font-size:10px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,var(--chat-border) 60%,transparent);color:var(--chat-text);opacity:.7}.AiChat-section-title{font-size:10px;font-weight:600;text-transform:uppercase;opacity:.5;padding:8px 12px 2px;letter-spacing:.5px}.AiChat-conv-list{overflow-y:auto;flex:1;background:var(--chat-bg)}.AiChat-conv-item{display:flex;gap:8px;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--chat-border);transition:background .15s}.AiChat-conv-item:hover{background:color-mix(in srgb,var(--chat-primary) 5%,transparent)}.AiChat-conv-preview{font-size:12px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AiChat-conv-time{font-size:11px;opacity:.4}.AiChat-agent-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--chat-border);background:color-mix(in srgb,var(--chat-primary) 3%,var(--chat-bg))}.AiChat-agent-header .AiChat-agent-avatar{width:36px;height:36px;font-size:14px}.AiChat-agent-header-info{flex:1;min-width:0}.AiChat-agent-header .AiChat-agent-name{font-size:14px}.AiChat-agent-header .AiChat-agent-desc{font-size:11px;-webkit-line-clamp:1}.AiChat-back-btn{background:none;border:none;color:var(--chat-text);cursor:pointer;padding:4px;font-size:14px;border-radius:50%;opacity:.6;transition:all .15s;width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.AiChat-back-btn:hover{opacity:1;background:color-mix(in srgb,var(--chat-primary) 10%,transparent)}.AiChat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;opacity:.5;font-size:13px;padding:40px 20px;text-align:center}.AiChat-feedback{display:inline-flex;gap:2px;margin-left:4px;vertical-align:middle}.AiChat-feedback-btn{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:12px;opacity:.4;color:var(--chat-text);transition:all .15s;border-radius:4px;flex:0 0 auto}.AiChat-feedback-btn:hover{opacity:.8;background:color-mix(in srgb,var(--chat-border) 40%,transparent)}.AiChat-feedback-btn.active[data-feedback='up']{opacity:1;color:#10b981}.AiChat-feedback-btn.active[data-feedback='down']{opacity:1;color:#ef4444}.AiChat-conv-agent-name{font-size:11px;color:var(--chat-primary);opacity:.7;margin-top:1px}.AiChat-agent-info-btn{background:none;border:none;color:var(--chat-text);opacity:.3;cursor:pointer;padding:4px;font-size:13px;transition:opacity .15s;flex:0 0 auto;align-self:center;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.AiChat-agent-info-btn:hover{opacity:.7;color:var(--chat-primary)}.AiChat-agent-profile{display:flex;flex-direction:column;height:100%}.AiChat-agent-profile-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--chat-border);background:color-mix(in srgb,var(--chat-primary) 3%,var(--chat-bg))}.AiChat-agent-profile-body{flex:1;overflow-y:auto;padding:16px}.AiChat-agent-profile-section{margin-bottom:16px}.AiChat-agent-profile-label{font-size:11px;font-weight:600;text-transform:uppercase;opacity:.5;letter-spacing:.5px;margin-bottom:4px}.AiChat-agent-profile-section>div:last-child{font-size:14px;line-height:1.5}.AiChat-agent-profile-actions{padding:16px;border-top:1px solid var(--chat-border)}.AiChat-agent-profile-start{width:100%;padding:12px;border:none;border-radius:8px;background:var(--chat-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s;flex:0 0 auto}.AiChat-agent-profile-start:hover{opacity:.9}.AiChat-action-card{border:1px solid var(--chat-border);border-radius:10px;padding:12px;margin:4px 0;background:var(--chat-bg);animation:aichat-fadeIn .2s;align-self:stretch;max-width:100%}.AiChat-action-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.AiChat-action-icon{font-size:18px;flex-shrink:0}.AiChat-action-title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.AiChat-action-type{font-size:13px;font-weight:600;color:var(--chat-text)}.AiChat-action-entity{font-size:11px;opacity:.6;color:var(--chat-text)}.AiChat-action-params{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;background:color-mix(in srgb,var(--chat-border) 20%,transparent);border-radius:6px;padding:8px 10px}.AiChat-action-param{font-size:12px;color:var(--chat-text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AiChat-action-param b{font-weight:600;text-transform:capitalize}.AiChat-action-buttons{display:flex;gap:8px}.AiChat-action-approve{flex:1;padding:8px 12px;border:none;border-radius:7px;background:var(--chat-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s}.AiChat-action-approve:hover{opacity:.88}.AiChat-action-approve:disabled{opacity:.4;cursor:default}.AiChat-action-reject{flex:1;padding:8px 12px;border:1px solid var(--chat-border);border-radius:7px;background:transparent;color:var(--chat-text);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.AiChat-action-reject:hover{background:color-mix(in srgb,var(--chat-border) 30%,transparent)}.AiChat-action-reject:disabled{opacity:.4;cursor:default}.AiChat-action-status{font-size:13px;font-weight:500;padding:8px 12px;border-radius:7px;display:block;text-align:center;width:100%}.AiChat-action-status--approved{color:#16a34a;background:color-mix(in srgb,#22c55e 12%,transparent)}.AiChat-action-status--rejected{color:#dc2626;background:color-mix(in srgb,#ef4444 10%,transparent)}.AiChat-voice-btn.recording{color:#ef4444!important;opacity:1!important}.AiChat-voice-btn.recording i{animation:aichat-pulse 1s infinite}.AiChat-msg-speak{opacity:.35;transition:all .15s;color:var(--chat-text)}.AiChat-msg-speak:hover{opacity:.7;color:var(--chat-primary)}.AiChat-msg-speak.speaking{opacity:1;color:var(--chat-primary);animation:aichat-pulse 1.2s infinite}.AiChat-file-preview{display:flex;gap:6px;padding:6px 12px 0;overflow-x:auto;flex-wrap:wrap;border-top:1px solid var(--chat-border);background:var(--chat-bg)}.AiChat-file-preview:empty{display:none}.AiChat-file-preview-item{position:relative;flex-shrink:0}.AiChat-file-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:2px solid var(--chat-border);display:block}.AiChat-file-card{display:flex;align-items:center;gap:6px;padding:6px 10px;background:color-mix(in srgb,var(--chat-border) 25%,transparent);border-radius:8px;max-width:180px;border:1px solid var(--chat-border)}.AiChat-file-card-icon{font-size:20px;color:var(--chat-primary);flex-shrink:0}.AiChat-file-card-info{min-width:0}.AiChat-file-card-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--chat-text)}.AiChat-file-card-size{font-size:10px;opacity:.5;color:var(--chat-text)}.AiChat-file-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.AiChat-file-remove:hover{background:#dc2626}.AiChat-drop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--primaryColorRGB,59,130,246),0.1);border:2px dashed var(--chat-primary);border-radius:8px;display:none;align-items:center;justify-content:center;z-index:10;pointer-events:none}.AiChat-body.dragging .AiChat-drop-overlay{display:flex}.AiChat-body.dragging{position:relative}.AiChat-drop-overlay-inner{display:flex;flex-direction:column;align-items:center;color:var(--chat-primary);font-size:13px;font-weight:600}.AiChat-msg-inline-img{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer;display:block}.AiChat-canvas{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.AiChat-stat-card{background:color-mix(in srgb,var(--chat-border) 20%,transparent);border:1px solid var(--chat-border);border-radius:8px;padding:12px;min-width:90px;text-align:center;flex:1}.AiChat-stat-value{font-size:20px;font-weight:700;color:var(--chat-primary)}.AiChat-stat-label{font-size:11px;color:var(--chat-text);opacity:.7;margin-top:3px}.AiChat-table{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0;border-radius:6px;overflow:hidden}.AiChat-table th{background:var(--chat-primary);color:#fff;padding:6px 8px;text-align:left;font-weight:600}.AiChat-table td{padding:6px 8px;border-bottom:1px solid var(--chat-border)}.AiChat-table tr:nth-child(even) td{background:rgba(0,0,0,.03)}.AiChat-chart{min-height:120px;margin:8px 0;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--chat-border) 15%,transparent);padding:8px}.AiChat-chart-title{font-size:12px;font-weight:600;color:var(--chat-text);margin-bottom:6px;opacity:.8}.AiChat-chart-bars{display:flex;flex-direction:column;gap:5px}.AiChat-chart-bar-row{display:flex;align-items:center;gap:6px;font-size:11px}.AiChat-chart-bar-label{width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--chat-text);opacity:.7;flex-shrink:0}.AiChat-chart-bar-track{flex:1;height:14px;background:rgba(0,0,0,.08);border-radius:7px;overflow:hidden}.AiChat-chart-bar-fill{height:100%;background:var(--chat-primary);border-radius:7px;transition:width .4s ease}.AiChat-chart-bar-val{font-size:11px;font-weight:600;color:var(--chat-primary);min-width:30px;text-align:right}pre{position:relative}.AiChat-code-copy{position:absolute;top:6px;right:6px;font-size:11px;padding:2px 8px;border-radius:4px;background:var(--chat-primary);color:#fff;border:none;cursor:pointer;opacity:.8;z-index:1}.AiChat-code-copy:hover{opacity:1}.AiChat-code-lang{position:absolute;top:6px;left:10px;font-size:10px;color:rgba(255,255,255,.5);font-family:monospace;pointer-events:none}.AiChat-collapse{margin:8px 0;border:1px solid var(--chat-border);border-radius:6px;overflow:hidden}.AiChat-collapse summary{cursor:pointer;color:var(--chat-primary);font-weight:500;padding:8px 12px;list-style:none;display:flex;align-items:center;gap:6px;font-size:13px}.AiChat-collapse summary::-webkit-details-marker{display:none}.AiChat-collapse summary::before{content:'▶';font-size:10px;transition:transform .2s}.AiChat-collapse[open] summary::before{transform:rotate(90deg)}.AiChat-collapse-body{padding:8px 12px;font-size:13px;border-top:1px solid var(--chat-border)}.AiChat-action-inline{display:inline-flex;align-items:center;padding:5px 12px;border-radius:16px;background:var(--chat-primary);color:#fff;border:none;cursor:pointer;font-size:12px;font-weight:500;margin:3px 4px 3px 0;transition:opacity .15s}.AiChat-action-inline:hover{opacity:.85}.AiChat-chips{display:flex;gap:6px;padding:6px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0;border-top:1px solid var(--chat-border);background:var(--chat-bg)}.AiChat-chips::-webkit-scrollbar{display:none}.AiChat-chip{white-space:nowrap;padding:6px 12px;border-radius:16px;border:1px solid var(--chat-border);background:var(--chat-bg);color:var(--chat-text);font-size:12px;cursor:pointer;transition:all .15s;flex-shrink:0}.AiChat-chip:hover{border-color:var(--chat-primary);color:var(--chat-primary);background:color-mix(in srgb,var(--chat-primary) 6%,transparent)}.AiChat-agent-badge-relevant{background:var(--chat-primary);color:#fff;font-size:10px;padding:1px 6px;border-radius:8px;margin-left:6px;vertical-align:middle;font-weight:600}.AiChat-msg-text h2,.AiChat-msg-text h3,.AiChat-msg-text h4{margin:8px 0 4px;font-weight:600;line-height:1.3}.AiChat-msg-text h2{font-size:16px}.AiChat-msg-text h3{font-size:14px}.AiChat-msg-text h4{font-size:13px}.AiChat-msg-text ul,.AiChat-msg-text ol{padding-left:18px;margin:4px 0}.AiChat-msg-text li{margin:2px 0}.AiChat-ws-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;transition:background .3s;border:1px solid rgba(255,255,255,0.4)}.AiChat-ws-dot--connecting{background:#f59e0b;animation:aichat-pulse 1.5s infinite}.AiChat-ws-dot--connected{background:#22c55e}.AiChat-ws-dot--disconnected{background:#ef4444}.AiChat-live-voice-btn{border-radius:50%}.AiChat-live-voice-active{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;opacity:1!important}.AiChat-voice-wave{display:flex;align-items:center;justify-content:center;gap:3px;padding:0 8px;height:36px;flex-shrink:0}.AiChat-voice-wave span{display:inline-block;width:3px;background:var(--chat-primary);border-radius:2px;animation:aichat-voicewave 1.2s ease-in-out infinite}.AiChat-voice-wave span:nth-child(1){height:8px;animation-delay:0s}.AiChat-voice-wave span:nth-child(2){height:16px;animation-delay:.1s}.AiChat-voice-wave span:nth-child(3){height:24px;animation-delay:.2s}.AiChat-voice-wave span:nth-child(4){height:16px;animation-delay:.3s}.AiChat-voice-wave span:nth-child(5){height:8px;animation-delay:.4s}@keyframes aichat-voicewave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}.AiChat-widget{margin:8px 0;border-radius:10px;overflow:hidden;border:1px solid var(--chat-border)}.AiChat-widget-header{font-size:13px;font-weight:700;padding:10px 14px;background:color-mix(in srgb,var(--chat-primary) 8%,transparent);border-bottom:1px solid var(--chat-border);color:var(--chat-text)}.AiChat-widget-grid{display:flex;flex-wrap:wrap;gap:1px;background:var(--chat-border)}.AiChat-widget-metric{flex:1;min-width:100px;padding:12px 14px;background:var(--chat-bg);display:flex;align-items:center;gap:10px}.AiChat-widget-metric i{font-size:22px;flex-shrink:0}.AiChat-widget-metric-body{display:flex;flex-direction:column}.AiChat-widget-val{font-size:20px;font-weight:700;color:var(--chat-text);line-height:1.1}.AiChat-widget-lbl{font-size:11px;color:var(--chat-text);opacity:.6;margin-top:2px}.AiChat-widget-progress-row{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--chat-bg)}.AiChat-widget-progress-label{font-size:12px;width:100px;flex-shrink:0;color:var(--chat-text)}.AiChat-widget-progress-bar{flex:1;height:8px;background:rgba(0,0,0,.08);border-radius:4px;overflow:hidden}.AiChat-widget-progress-fill{height:100%;border-radius:4px;transition:width .4s ease}.AiChat-widget-progress-val{font-size:12px;font-weight:600;min-width:50px;text-align:right;color:var(--chat-primary)}.AiChat-widget-status-grid{display:flex;flex-wrap:wrap;gap:1px;background:var(--chat-border)}.AiChat-widget-status-card{flex:1;min-width:120px;padding:10px 14px;background:var(--chat-bg);display:flex;align-items:center;gap:8px}.AiChat-widget-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.AiChat-widget-status-body{display:flex;flex-direction:column}.AiChat-widget-status-title{font-size:12px;font-weight:600;color:var(--chat-text)}.AiChat-widget-status-value{font-size:11px;opacity:.6;color:var(--chat-text)}.AiChat-widget-list{list-style:none;padding:0;margin:0;background:var(--chat-bg)}.AiChat-widget-list-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--chat-border);font-size:13px;color:var(--chat-text)}.AiChat-widget-list-item:last-child{border-bottom:none}.AiChat-widget-list-val{margin-left:auto;font-weight:600;color:var(--chat-primary)}.AiChat-html-widget{margin:8px 0}.AiChat-connecting-note .AiChat-msg-text{color:var(--chat-primary)!important;opacity:.9!important}


/* META  : .RTCSidePanel */
.rtc-sidepanel{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative}.rtc-profile-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,0.06);min-height:48px;flex-shrink:0}.rtc-profile-avatar{width:32px;height:32px;border-radius:50%;background:var(--primaryColor,#0078d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer;position:relative;flex-shrink:0;background-size:cover;background-position:center}.rtc-profile-name{font-size:13px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rtc-status-dot{width:10px;height:10px;border-radius:50%;background:#4caf50;border:2px solid #fff;position:absolute;bottom:-1px;right:-1px}.rtc-status-dot.busy{background:#f44336}.rtc-status-dot.away{background:#ff9800}.rtc-status-dot.offline{background:#9e9e9e}.rtc-status-dot.invisible{background:#9e9e9e}.rtc-status-dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,0.15);z-index:100;min-width:180px;padding:4px 0;margin-top:4px}.rtc-status-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:12px;transition:background 0.15s}.rtc-status-option:hover{background:rgba(0,0,0,0.04)}.rtc-status-option .rtc-status-dot{position:static;border-color:transparent;width:8px;height:8px}.rtc-tab-bar{display:flex;border-bottom:1px solid rgba(0,0,0,0.08);flex-shrink:0;background:rgba(0,0,0,0.01)}.rtc-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 8px;cursor:pointer;font-size:12px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:2px solid transparent;transition:all 0.2s;position:relative;user-select:none}.rtc-tab:hover{color:rgba(0,0,0,0.7);background:rgba(0,0,0,0.02)}.rtc-tab.active{color:var(--primaryColor,#0078d4);border-bottom-color:var(--primaryColor,#0078d4);font-weight:600}.rtc-tab-badge{background:var(--primaryColor,#0078d4);color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.rtc-tab-badge:empty{display:none}.rtc-tab-content{flex:1;overflow:hidden;position:relative}.rtc-panel{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;display:none}.rtc-panel.active{display:block}.rtc-conversation-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background 0.15s}.rtc-conversation-item:hover{background:rgba(0,0,0,0.04)}.rtc-conversation-item.active{background:rgba(var(--primaryColorRGB,0,120,212),0.08)}.rtc-conv-avatar{width:40px;height:40px;border-radius:50%;background:var(--primaryColor,#0078d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0;position:relative;background-size:cover;background-position:center}.rtc-conv-avatar .rtc-status-dot{bottom:0;right:0}.rtc-conv-info{flex:1;overflow:hidden;min-width:0}.rtc-conv-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.rtc-conv-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rtc-conv-time{font-size:11px;color:rgba(0,0,0,0.4);flex-shrink:0;white-space:nowrap}.rtc-conv-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:2px}.rtc-conv-preview{font-size:12px;color:rgba(0,0,0,0.45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.rtc-conv-badge{background:var(--primaryColor,#0078d4);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.rtc-conv-badge:empty{display:none}.rtc-conversation-item.unread .rtc-conv-name{font-weight:700}.rtc-conversation-item.unread .rtc-conv-preview{color:rgba(0,0,0,0.7)}.rtc-conversation-item.unread .rtc-conv-time{color:var(--primaryColor,#0078d4)}.rtc-contact-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background 0.15s}.rtc-contact-item:hover{background:rgba(0,0,0,0.04)}.rtc-contact-avatar{width:40px;height:40px;border-radius:50%;background:var(--primaryColor,#0078d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0;position:relative;background-size:cover;background-position:center}.rtc-contact-info{flex:1;overflow:hidden;min-width:0}.rtc-contact-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rtc-contact-detail{font-size:11px;color:rgba(0,0,0,0.4);margin-top:1px}.rtc-contact-actions{display:flex;gap:4px;opacity:0;transition:opacity 0.15s}.rtc-contact-item:hover .rtc-contact-actions{opacity:1}.rtc-contact-action-btn{width:28px;height:28px;border:none;background:rgba(0,0,0,0.05);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(0,0,0,0.6);transition:all 0.15s}.rtc-contact-action-btn:hover{background:var(--primaryColor,#0078d4);color:#fff}.rtc-contacts-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,0.06);flex-shrink:0}.rtc-contacts-search input{flex:1;border:none;outline:none;font-size:12px;padding:6px 8px;background:rgba(0,0,0,0.04);border-radius:6px}.rtc-contacts-search input:focus{background:rgba(0,0,0,0.06)}.rtc-contacts-search i{color:rgba(0,0,0,0.3);font-size:12px}.rtc-contacts-group-header{padding:6px 12px;font-size:11px;font-weight:700;color:rgba(0,0,0,0.35);text-transform:uppercase;letter-spacing:0.5px;background:rgba(0,0,0,0.02);position:sticky;top:0;z-index:1}.rtc-chat-view{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#fff;transform:translateX(100%);transition:transform 0.3s ease;z-index:10}.rtc-sidepanel.chat-active .rtc-chat-view{transform:translateX(0)}.rtc-sidepanel.chat-active .rtc-profile-bar,.rtc-sidepanel.chat-active .rtc-tab-bar,.rtc-sidepanel.chat-active .rtc-tab-content{transform:translateX(-30%);opacity:0;pointer-events:none;transition:transform 0.3s ease,opacity 0.2s ease}.rtc-chat-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,0.06);min-height:48px;flex-shrink:0}.rtc-chat-back{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;color:rgba(0,0,0,0.6);transition:background 0.15s;flex-shrink:0}.rtc-chat-back:hover{background:rgba(0,0,0,0.06)}.rtc-chat-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primaryColor,#0078d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;position:relative;background-size:cover;background-position:center}.rtc-chat-user-info{flex:1;overflow:hidden;min-width:0}.rtc-chat-user-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rtc-chat-user-status{font-size:11px;color:rgba(0,0,0,0.4)}.rtc-chat-actions{display:flex;gap:4px}.rtc-chat-action-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:rgba(0,0,0,0.5);transition:all 0.15s}.rtc-chat-action-btn:hover{background:rgba(0,0,0,0.06);color:var(--primaryColor,#0078d4)}.rtc-chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:4px}.rtc-msg-date{text-align:center;padding:8px 0;font-size:11px;color:rgba(0,0,0,0.35);font-weight:500}.rtc-msg{max-width:85%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.4;word-wrap:break-word;position:relative}.rtc-msg.outgoing{align-self:flex-end;background:var(--primaryColor,#0078d4);color:#fff;border-bottom-right-radius:4px}.rtc-msg.incoming{align-self:flex-start;background:rgba(0,0,0,0.06);color:rgba(0,0,0,0.85);border-bottom-left-radius:4px}.rtc-msg-text{margin:0}.rtc-msg-file{display:flex;align-items:center;gap:6px;padding:6px 8px;background:rgba(255,255,255,0.15);border-radius:6px;margin-top:4px;font-size:11px}.rtc-msg-file i{font-size:14px}.rtc-msg-time{font-size:10px;opacity:0.6;margin-top:2px;text-align:right}.rtc-msg-typing{align-self:flex-start;padding:12px 16px;background:rgba(0,0,0,0.06);border-radius:12px;border-bottom-left-radius:4px;display:flex;gap:4px}.rtc-msg-typing span{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,0.3);animation:rtcTyping 1.4s infinite}.rtc-msg-typing span:nth-child(2){animation-delay:0.2s}.rtc-msg-typing span:nth-child(3){animation-delay:0.4s}@keyframes rtcTyping{0%,60%,100%{transform:translateY(0);opacity:0.3}30%{transform:translateY(-4px);opacity:1}}.rtc-chat-input{display:flex;align-items:flex-end;gap:6px;padding:8px 12px;border-top:1px solid rgba(0,0,0,0.06);flex-shrink:0}.rtc-input-attach{width:32px;height:36px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:rgba(0,0,0,0.4);border-radius:50%;transition:color 0.15s;flex:0 0 32px}.rtc-input-attach:hover{color:var(--primaryColor,#0078d4)}.rtc-input-textarea{flex:1;border:1px solid rgba(0,0,0,0.1);border-radius:18px;padding:8px 14px;font-size:13px;font-family:inherit;resize:none;outline:none;min-height:36px;max-height:120px;line-height:1.4;transition:border-color 0.2s}.rtc-input-textarea:focus{border-color:var(--primaryColor,#0078d4)}.rtc-input-send{width:36px;height:36px;border:none;background:var(--primaryColor,#0078d4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;transition:all 0.15s;flex:0 0 36px}.rtc-input-send:hover{filter:brightness(1.1)}.rtc-input-send.disabled{opacity:0.4;cursor:default;pointer-events:none}.rtc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;text-align:center;color:rgba(0,0,0,0.4)}.rtc-empty-state i{font-size:48px;margin-bottom:12px;opacity:0.3}.rtc-empty-state-title{font-size:14px;font-weight:600;margin-bottom:4px}.rtc-empty-state-desc{font-size:12px}.rtc-empty-state-btn{margin-top:16px;padding:8px 20px;background:var(--primaryColor,#0078d4);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:filter 0.15s}.rtc-empty-state-btn:hover{filter:brightness(1.1)}.SidePanel-fullscreen .rtc-sidepanel{flex-direction:row}.SidePanel-fullscreen .rtc-sidepanel .rtc-left-panel{display:flex;flex-direction:column;width:320px;border-right:1px solid rgba(0,0,0,0.08);flex-shrink:0;height:100%}.SidePanel-fullscreen .rtc-sidepanel .rtc-right-panel{display:flex;flex-direction:column;flex:1;height:100%;min-width:0}.SidePanel-fullscreen .rtc-sidepanel .rtc-tab-bar{display:none}.SidePanel-fullscreen .rtc-sidepanel .rtc-tab-content{display:none}.SidePanel-fullscreen .rtc-sidepanel .rtc-chat-view{display:none}.rtc-left-panel{display:none}.rtc-left-toggle{display:none;flex-shrink:0;padding:8px 12px;gap:4px}.SidePanel-fullscreen .rtc-left-toggle{display:flex}.rtc-left-toggle-btn{flex:1;padding:6px 0;border:none;background:rgba(0,0,0,0.04);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:rgba(0,0,0,0.5);transition:all 0.2s}.rtc-left-toggle-btn.active{background:var(--primaryColor,#0078d4);color:#fff}.rtc-left-search{display:none;padding:8px 12px;flex-shrink:0}.SidePanel-fullscreen .rtc-left-search{display:flex}.rtc-left-search input{flex:1;border:none;outline:none;font-size:12px;padding:6px 10px;background:rgba(0,0,0,0.04);border-radius:6px}.rtc-left-search input:focus{background:rgba(0,0,0,0.06)}.rtc-left-list{flex:1;overflow-y:auto}.rtc-right-panel{display:none}.SidePanel-fullscreen .rtc-right-panel .rtc-chat-back{display:none}.SidePanel-fullscreen .rtc-right-panel .rtc-chat-header{border-bottom:1px solid rgba(0,0,0,0.06)}.SidePanel-content[data-tool=rtc] .RTCClient{display:none!important}.SidePanel-content[data-tool=rtc] .rtc-sidepanel{display:flex}


/* META  : .CommandPalette */
.cmd-palette-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--shadowRGB,0,0,0),0.5);backdrop-filter:blur(4px);z-index:10000;display:flex;justify-content:center;padding-top:20vh;opacity:0;transition:opacity 150ms ease;pointer-events:none}.cmd-palette-backdrop.visible{opacity:1;pointer-events:auto}.cmd-palette{width:100%;max-width:640px;background:var(--backColor,#fff);border-radius:12px;box-shadow:0 16px 70px rgba(var(--shadowRGB,0,0,0),0.2);overflow:hidden;transform:scale(0.98);opacity:0;transition:transform 200ms ease-out,opacity 200ms ease-out;align-self:flex-start}.cmd-palette-backdrop.visible .cmd-palette{transform:scale(1);opacity:1}.cmd-palette-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(var(--textRGB,48,48,48),0.15)}.cmd-palette-icon{color:rgba(var(--textRGB,48,48,48),0.5);font-size:16px;flex:0 0 16px}.cmd-palette-input{flex:1;border:none;outline:none;font-size:16px;font-family:inherit;background:transparent;color:var(--textColor,#1a1a1a)}.cmd-palette-input::placeholder{color:rgba(var(--textRGB,48,48,48),0.5)}.cmd-palette-header kbd{background:rgba(var(--textRGB,48,48,48),0.12);border-radius:4px;padding:2px 8px;font-size:11px;color:rgba(var(--textRGB,48,48,48),0.6);flex:0 0 auto}.cmd-palette-results{max-height:400px;overflow-y:auto;padding:8px 0}.cmd-palette-group-title{font-size:11px;font-weight:700;text-transform:uppercase;color:rgba(var(--textRGB,48,48,48),0.5);padding:8px 16px 4px;letter-spacing:0.5px}.cmd-palette-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background 0.1s}.cmd-palette-item:hover,.cmd-palette-item.active{background:rgba(var(--primaryColorRGB,0,120,212),0.08)}.cmd-palette-item-icon{width:28px;height:28px;border-radius:6px;background:rgba(var(--textRGB,48,48,48),0.08);display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(var(--textRGB,48,48,48),0.6);flex:0 0 28px}.cmd-palette-item.active .cmd-palette-item-icon{background:var(--primaryColor,#0078d4);color:#fff}.cmd-palette-item-body{flex:1;min-width:0}.cmd-palette-item-title{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--textColor,#1a1a1a)}.cmd-palette-item-breadcrumb{font-size:12px;color:rgba(var(--textRGB,48,48,48),0.6);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-palette-item-shortcut{display:flex;align-items:center;gap:2px;flex:0 0 auto;margin-left:4px}.cmd-palette-item-shortcut-sep{font-size:10px;color:rgba(var(--textRGB,48,48,48),0.35);padding:0 1px}.cmd-palette-item-shortcut kbd{background:rgba(var(--textRGB,48,48,48),0.12);border-radius:4px;padding:2px 6px;font-size:10px;color:rgba(var(--textRGB,48,48,48),0.5);line-height:1.4}.cmd-palette-footer{display:flex;align-items:center;gap:16px;padding:8px 16px;border-top:1px solid rgba(var(--textRGB,48,48,48),0.15);font-size:11px;color:rgba(var(--textRGB,48,48,48),0.5)}.cmd-palette-footer kbd{background:rgba(var(--textRGB,48,48,48),0.12);border-radius:3px;padding:1px 5px;font-size:10px;margin:0 2px}.cmd-palette-empty{padding:32px 16px;text-align:center;color:rgba(var(--textRGB,48,48,48),0.5);font-size:13px}


/* META  : .KeyboardShortcutsOverlay */
.ks-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--shadowRGB,0,0,0),0.55);backdrop-filter:blur(4px);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 180ms ease;pointer-events:none}.ks-overlay-backdrop.visible{opacity:1;pointer-events:auto}.ks-overlay{background:var(--backColor,#fff);border-radius:14px;box-shadow:0 20px 80px rgba(var(--shadowRGB,0,0,0),0.25);width:100%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(0.96);opacity:0;transition:transform 200ms ease-out,opacity 200ms ease-out}.ks-overlay-backdrop.visible .ks-overlay{transform:scale(1);opacity:1}.ks-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(var(--textRGB,48,48,48),0.12);flex:0 0 auto}.ks-overlay-title{font-size:15px;font-weight:600;color:var(--textColor,#1a1a1a);display:flex;align-items:center;gap:8px}.ks-overlay-title i{color:var(--primaryColor,#0078d4);font-size:16px}.ks-overlay-close{border:none;background:none;cursor:pointer;font-size:20px;line-height:1;color:rgba(var(--textRGB,48,48,48),0.5);padding:4px 8px;border-radius:6px;transition:background 0.15s,color 0.15s}.ks-overlay-close:hover{background:rgba(var(--textRGB,48,48,48),0.08);color:var(--textColor,#1a1a1a)}.ks-overlay-body{overflow-y:auto;padding:20px;flex:1}.ks-overlay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.ks-overlay-col{display:flex;flex-direction:column;gap:6px}.ks-overlay-col-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:var(--primaryColor,#0078d4);margin-bottom:4px;padding-bottom:6px;border-bottom:1px solid rgba(var(--primaryColorRGB,0,120,212),0.2)}.ks-overlay-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}.ks-overlay-label{font-size:13px;color:rgba(var(--textRGB,48,48,48),0.8);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-overlay-kbd{display:flex;align-items:center;gap:2px;flex:0 0 auto}.ks-overlay-kbd kbd{background:rgba(var(--textRGB,48,48,48),0.08);border:1px solid rgba(var(--textRGB,48,48,48),0.18);border-radius:5px;padding:3px 7px;font-size:11px;font-family:inherit;color:rgba(var(--textRGB,48,48,48),0.75);line-height:1.3;box-shadow:0 1px 0 rgba(var(--textRGB,48,48,48),0.12)}


/* META  : .TourOverlay */
.TourOverlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50000;pointer-events:auto;background:transparent}.TourSpotlight{position:fixed;background:transparent;border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,0.65);transition:all 280ms cubic-bezier(0.4,0,0.2,1);z-index:50001;pointer-events:none}.TourTooltip{position:fixed;z-index:50002;width:300px;max-width:calc(100vw - 32px);background:var(--backColor,#fff);border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,0.2),0 2px 8px rgba(0,0,0,0.1);border:1px solid rgba(var(--shadowRGB,0,0,0),0.08);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;animation:tourTooltipIn 220ms cubic-bezier(0.34,1.56,0.64,1)}.TourTooltipInner{padding:18px 18px 14px}.TourTooltipHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.TourStepCounter{font-size:11px;font-weight:700;color:var(--primaryColor,#3b82f6);background:rgba(var(--primaryColorRGB,59,130,246),0.1);padding:3px 8px;border-radius:20px;letter-spacing:0.02em}.TourSkipBtn{background:none;border:none;cursor:pointer;color:rgba(var(--shadowRGB,0,0,0),0.35);font-size:16px;line-height:1;padding:4px 6px;border-radius:6px;transition:all 150ms;flex:none;width:auto}.TourSkipBtn:hover{background:rgba(var(--shadowRGB,0,0,0),0.06);color:rgba(var(--shadowRGB,0,0,0),0.7)}.TourTooltipTitle{font-size:15px;font-weight:700;color:var(--textColor,#1e293b);margin-bottom:8px;line-height:1.3}.TourTooltipBody{font-size:13px;color:rgba(var(--shadowRGB,0,0,0),0.6);line-height:1.6;margin-bottom:14px}.TourTooltipBody p{margin:0 0 6px}.TourTooltipBody p:last-child{margin:0}.TourTooltipFooter{display:flex;align-items:center;justify-content:flex-end;gap:8px}.TourPrevBtn{display:inline-flex;align-items:center;padding:7px 14px;border-radius:8px;border:1px solid rgba(var(--shadowRGB,0,0,0),0.1);background:transparent;font-size:13px;font-weight:500;color:rgba(var(--shadowRGB,0,0,0),0.6);cursor:pointer;transition:all 150ms;flex:none;width:auto}.TourPrevBtn:hover{background:rgba(var(--shadowRGB,0,0,0),0.04);color:rgba(var(--shadowRGB,0,0,0),0.85)}.TourNextBtn{display:inline-flex;align-items:center;padding:7px 16px;border-radius:8px;border:none;background:var(--primaryColor,#3b82f6);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all 150ms;flex:none;width:auto}.TourNextBtn:hover{filter:brightness(1.08);box-shadow:0 4px 12px rgba(var(--primaryColorRGB,59,130,246),0.35)}.TourTooltipArrow{position:absolute;width:12px;height:12px;background:var(--backColor,#fff);border:1px solid rgba(var(--shadowRGB,0,0,0),0.08);transform:rotate(45deg);z-index:-1}.TourTooltip[data-placement=bottom] .TourTooltipArrow{top:-7px;left:50%;margin-left:-6px;border-bottom:none;border-right:none}.TourTooltip[data-placement=top] .TourTooltipArrow{bottom:-7px;left:50%;margin-left:-6px;border-top:none;border-left:none}.TourTooltip[data-placement=left] .TourTooltipArrow{right:-7px;top:50%;margin-top:-6px;border-top:none;border-right:none}.TourTooltip[data-placement=right] .TourTooltipArrow{left:-7px;top:50%;margin-top:-6px;border-bottom:none;border-left:none}.TourTooltip[data-placement=center] .TourTooltipArrow{display:none}.tour-target-highlight{outline:3px solid var(--primaryColor,#3b82f6)!important;outline-offset:3px;border-radius:4px;position:relative;z-index:50001}.guide-tour-launch-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--primaryColor,#3b82f6),color-mix(in srgb,var(--primaryColor,#3b82f6) 70%,#7c3aed));color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all 200ms;box-shadow:0 4px 12px rgba(var(--primaryColorRGB,59,130,246),0.3);margin:8px 0}.guide-tour-launch-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--primaryColorRGB,59,130,246),0.4)}.guide-tour-launch-btn i{font-size:15px}body.tour-active{overflow:hidden}@keyframes tourTooltipIn{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}


/* META  : .ContextualTooltip */
.js-tooltip{position:fixed;z-index:99998;max-width:260px;min-width:100px;background:rgba(20,20,30,0.93);backdrop-filter:blur(8px);border-radius:8px;padding:8px 12px;box-shadow:0 4px 20px rgba(0,0,0,0.25);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity 180ms ease,transform 180ms ease;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.js-tooltip.js-tooltip-visible{opacity:1;transform:translateY(0)}.js-tooltip-title{font-size:13px;font-weight:600;color:#fff;line-height:1.4;margin-bottom:3px}.js-tooltip-body{font-size:12px;color:rgba(255,255,255,0.72);line-height:1.5}


				@media only screen and (max-width: 480px) {
				

/* META Mobile : .Base.Root */
html {
    padding: 0 !important;
    bottom: 0 !important;
}

body {
    padding: 0 !important;
    margin-top: 0;
    --fieldLabelPadding: 2px 2px;
}


/* META Mobile : .Base.Root.ResetElements */
body {
    font-size: var(--mobileTextSize);
}

.Panel:only-child,
.PageZone:only-child,
.DirectionVer:only-child,
.FieldSet:only-child
{
    min-height: initial;
}


/* META Mobile : .Base.Root.ScrollBars */
::-webkit-scrollbar-track, ::scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 1em;
    }

    ::-webkit-scrollbar, ::scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
    border-radius: 1em;
    visibility: hidden;
    }

    ::-webkit-scrollbar-thumb, ::scrollbar-thumb {
    background-color: #D6CBCB;
    z-index: 1000;
    position: absolute;
    padding: 2px;
    border-radius: 1em;
    }


/* META Mobile : .Base.Root.Mobile */
.DirectionVer, .DirectionVertical {
    gap: var(--space2, 8px);
}

.Field.LabelPositionLeft {
    flex-direction: column !important;
}

.Field.LabelPositionLeft > .FieldValue {
    max-width: 100%;
}

.PanelHeader {
    min-height: 48px;
}

.Top .TopCenter {
    padding-left: 8px;
    padding-right: 8px;
}

.SingleItem > .ItemBody {
    flex-direction: column;
}

.Button, .NavButton, .MicroButton {
    min-height: 44px;
}


/* META Mobile : .Base.Root.NoAnimation */
.NoAnimation *,
.NoAnimation *:before,
.NoAnimation *:after
{
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;

    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;

    animation-play-state: paused !important;
}


/* META Mobile : .Base.Guide */
.GuideOverlay{width:100%;border-left:none}
body.GuideActive #MainContent{margin-right:0}


/* META Mobile : .Base.Layout.HeaderTitle */
.EntityTypeViewTitleBody {
    font-size: 100%;
}


/* META Mobile : .Base.Layout.Panel */
.Top.OldPanelHasActions > .TopCenter {
    margin-left: 4em;
    }


/* META Mobile : .Base.Layout.Panel.Search */
#SearchZone {
    display: block;
    width: 100% !important;
    }

    .SearchBody {
    min-height: 320px;
    }


/* META Mobile : .Base.Layout.Panel.SearchInput */
#SearchInput {
    width: 2em;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    }

    #SearchInput:active, #SearchInput:focus {
    width: 8em;
    max-width: 100%;
    }


/* META Mobile : .Base.Layout.Panel.AutoHide */
.AutoHideTopLeftHandle, .AutoHideTopRightHandle, .AutoHideBottomRightHandle, .AutoHideBottomLeftHandle {
    display: none !important;
    }


/* META Mobile : .Base.Layout.Panel.BiziconStart */
#ModuleImage {
    padding: 1px !important;
    }

    #ModuleTitle {
    padding: 1px !important;
    font-size: 18px;
    white-space: normal;
    }


/* META Mobile : .Base.Layout.Panel.AutoVertical */
.AutoVertical, .AutoVerticalR {
    width: auto !important;
    height: auto !important;
    }

    .AutoVertical.Hidden, .AutoVerticalR.Hidden {
    display: none !important;
    }
    .AutoVertical > *,
    .AutoVertical > .PanelBody > .PanelBody > .DirectionVertical,
    .AutoVertical > .PanelBody > .DirectionVertical {
    vertical-align: top !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    flex-direction: column !important;

    }

    .AutoVerticalR > * {
    vertical-align: top !important;
    width: auto !important;
    height: auto !important;
    display: -webkit-flex ;
    -webkit-flex-direction: column-reverse !important;
    display: flex !important;
    flex-direction: column-reverse !important;

    }

    .AutoVertical > .DirectionVertical > *,
    .AutoVertical > .PanelBody > .PanelBody > .DirectionVertical > *,
    .AutoVertical > .DirectionVer > * {
    width: auto !important;
    }

    .AutoVertical > .DirectionVertical > .Hidden,
    .AutoVertical > .DirectionVer > .Hidden {
    display: none !important;
    }

    .AutoVerticalR > .DirectionVertical > *,
    .AutoVerticalR > .DirectionVer > * {
    width: auto !important;
    }

    .AutoVerticalR > .DirectionVertical > .Hidden,
    .AutoVerticalR > .DirectionVer > .Hidden {
    display: none !important;
    }

    .AutoVertical > .PanelBody > .FieldSetBody > .DirectionVertical > *, .AutoVertical > .PanelBody > .FieldSetBody > .DirectionVer > * {
    display: block;
    width: auto !important;
    }

    .AutoVertical > .PanelBody > .FieldSetBody > .DirectionVertical, .AutoVertical > .PanelBody > .FieldSetBody > .DirectionVer {
    flex-direction: column;
    }

    .AutoVertical > .PanelBody > .FieldSetBody > .DirectionVertical > .Hidden, .AutoVertical > .PanelBody > .FieldSetBody > .DirectionVer > .Hidden {
    display: none !important;
    }

    .AutoVertical > .DirectionVertical > .Hidden, .AutoVertical > .DirectionVer > .Hidden {
    display: none !important;
    }

    .AutoVertical > .Hidden {
    display: none !important;
    }

    .AutoVertical > .DirectionVer > .Hidden {
    display: none !important;
    }

    .AutoVertical > .DirectionVer > * {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex: 1;
    flex-direction: column !important;
    }


/* META Mobile : .Base.Layout.Panel.PanelHeader */
.PanelHeader.Top > .TopCenter {
    display: flex;
    flex-direction: column;
}

.Panel > .PanelHeader {
    min-height: 1em;
}

.PanelHasHeader .ViewActions,
.PanelHasHeader .ETSearchPlace,
.PanelHasHeader .EntityTypeLists.ItemCount_0,
.PanelHasHeader .Actions
{
    opacity: 1.0 !important;
}

.OldPanelHeader.Top {
    display: grid;
    grid-auto-columns: 5em 1fr;
    grid-auto-rows: 1fr auto;
}

.OldPanelHeader.Top > .TopLeft {
    grid-row: 2/2;
    grid-column:1/1;
    width: auto;
    justify-content: flex-start;
}

.OldPanelHeader.Top > .TopRight {
    grid-row: 2/2;
    grid-column:2/2;
    width: auto;
    justify-content: flex-end;
    position: initial;
}

.OldPanelHeader.Top > .TopCenter {
    grid-row: 1/1;
    grid-column:1/3;
    margin: 0;
}

.OldPanelHeader.Top .ETSearch {
    top: 0;
    right: 0;
}


/* META Mobile : .Base.Layout.Panel.MainContent */
.MainContent > .Content
{
    padding: 0;
}


/* META Mobile : .Base.Layout.Panel.DirectionAccordion */
.DirectionAccordion > div.AccordionSelected > .PanelBody{
    position: relative;
    top: 0;
}


/* META Mobile : .Base.Layout.Panel.MaxWidth */
.Max320 {
    max-width: 100% !important;
}

.Max240 {
    max-width: 100% !important;
}

.MaxM {
    width: 100%;
    max-width: 100% !important;
    min-width:  100% !important;
    margin: 0 auto !important;
}

.MaxM2 {
    width: 50%;
}

.MaxM3 {
    width: 33%;
}


/* META Mobile : .Base.Layout.Panel.PageZone */
.PageZones {
    height: auto;
    }

    .PageZone {
    height: auto !important;
    }

    .PageZone_AutoLeft {
    width: auto !important;
    }

.PageZone_LeftNavs {
    position: fixed !important;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2000;
    width: 260px !important;
    max-width: 80vw !important;
    transform: translateX(-100%);
    transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 2px 0 16px rgba(0,0,0,0.18);
    background-color: var(--menuBackColor, #1a1a27);
}

.nav-open .PageZone_LeftNavs {
    transform: translateX(0);
}

.nav-open-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1999;
    backdrop-filter: blur(2px);
}

.nav-open .nav-open-overlay {
    display: block;
}

.HamburgerBtn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: var(--menuTextColor, #fff);
    border-radius: 8px;
    flex-shrink: 0;
    padding: 0;
    margin-right: 4px;
    -webkit-tap-highlight-color: transparent;
}

.HamburgerBtn:active {
    background-color: rgba(255,255,255,0.1);
}

.nav-open .HamburgerBtn {
    color: var(--textColor, #333);
}


/* META Mobile : .Base.Layout.Panel.TabPanel */
.TabPanel_Tab > .TabBody > .EntityTypeView.Selected > .EntityTypeViewBody > .Center > .PanelHeader.Top  {
    grid-auto-rows: 0 2.5em;
}


/* META Mobile : .Base.Layout.Panel.StartLogo */
.StartLogo {
    position: relative;
    white-space: nowrap !important;
}

.StartLogo img {
    max-height: 48px ;
    max-width: 128px;
    min-height: 32px;
}


/* META Mobile : .Base.Layout.Panel.Middle */
.Middle {
    position: relative !important;
    min-height: initial;
    top: 0 !important;
    }


/* META Mobile : .Base.Layout.Panel.Top */
.Top > .TopCenter
{
    align-items: center;
    justify-content: center;
}


/* META Mobile : .Base.Layout.Panel.Bottom */
.Center > .Bottom {
    position: relative !important;
    width: 100%;
    }


/* META Mobile : .Base.Layout.Panel.GlobalFilters */
.GlobalFiltersBody {
    white-space: nowrap !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    height: auto !important;
    }

    .GlobalFiltersBody > * {
    display: inline-block !important;
    }

    .GlobalFilters {
    margin: 0 !important;
    }


/* META Mobile : .Base.Layout.Panel.Login */
.LoginContent {
    padding: 0;
    margin: 0;
    }

    .LogOff {
    display: none !important;
    }


/* META Mobile : .Base.Layout.Panel.Login.LoginForm */
.LoginForm {
    margin-left: auto;
    margin-right: auto;
    padding: 1px;
    margin-top: 5%;
    }

    .LoginForm .StartLogo img {
    max-height: 64px !important;
    max-width: 256px !important;
    height: auto !important;
    }

    .UserProp_Language {
    margin: 0;
    }


/* META Mobile : .Base.Layout.Panel.Login.UserSettings */
.LoginContent .UserSettings {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    }


/* META Mobile : .Base.Layout.Panel.Login.Commands */
.Commands {
    text-align: center;
    padding: 1px;
    }


/* META Mobile : .Base.Layout.Panel.Navigation.NavigationHistory */
#NavigationHistory {
    display: none;
    }


/* META Mobile : .Base.Layout.Panel.Navigation.Nav360 */
.RootNav.Nav360 {
    height: 100% !important;
    }


/* META Mobile : .Base.Layout.Panel.Navigation.NavigationButtons */
.NavigationButtons {
    padding: 0 !important;
    max-height: unset;
    height: auto;
    gap: 0;
}

.NavigationButtons .NavTitle span {
    font-size: calc(var(--cellSize) / 5);
}

input.NavSearch
{
    top: 0;
}


/* META Mobile : .Base.Layout.Panel.Navigation.NavVer */
.NavVer .Nav {
    display: inline-block;
    padding: 0 !important;
    position: relative !important;
    opacity: 1.0 !important;
    bottom: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    }


/* META Mobile : .Base.Layout.Panel.Navigation.SubNav */
.SubNavs {
    gap: 0px;
}


/* META Mobile : .Base.Layout.Panel.Navigation.ParentNav */
#ParentNavs > .Nav:first-child {
    display: none;
    }


/* META Mobile : .Base.Layout.Panel.Navigation.RootNav */
.MenuType3.RootNav {
    justify-content: flex-start;
    }

    .RootNav.MenuType3 .Nav {
    padding: 4px !important;
    }

    .RootNav {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;

    }

    .RootNav .Nav .NavButton {
    padding: 4px;
    }.RootNav .Nav.Selected {
    font-weight: bold;
    position: relative !important;
    }

    .RootNav .NavTitle > span,
    .SubNav .NavTitle > span {
    margin: 0 !important;
    padding: 1px !important;
    min-width: 4em;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    }


/* META Mobile : .Base.Layout.Panel.Navigation.NavGroup */
.NavGroup
{
    min-width: 100%;
}

.NavigationNavs > .NavGroup {
    border-radius: 16px;
    border: var(--border1);
    background-color: var(--white);
    min-width: 100%;
}


/* META Mobile : .Base.Layout.Panel.Navigation.CurrentEntityNavigation */
.CurrentEntityNavigation
{
    padding: 1px;
}


/* META Mobile : .Base.Layout.Panel.EntitySelector */
.EntitySelector > .Button
{
    max-width: 40vw;
    font-size: 80%;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 0.75em;
    letter-spacing: 0;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.SelectionsMenu_EntitySelector .Solutions .Solution
{
    border-bottom: solid 1px #80808080;
    flex-direction: column;

}

.SelectionsMenu_EntitySelector .Solutions .Solution:last-child
{
    border-bottom: solid 0 #80808080;
}

.SelectionsMenu_EntitySelector
{
    left: 0 !important;
    right: 0 !important;
    font-size: 100%;
}

.SelectionsMenu_EntitySelector .Solutions
{
    width: 100% !important;
    max-height: calc(100vh - 42px) !important;
}

.EntitySelector > .Button .ImageSpan
{
    left: 8px;
}

.EntitySelector > .Button .ImageClass
{
    left: 8px;
}

.SelectionsMenu_EntitySelector .Solutions .Solution_Title
{
    padding: 1em;
    font-weight: bold;
}

.SelectionsMenu_EntitySelector .Solutions .Button
{
    font-size: 100%;
    padding: 4px;
    flex: auto !important;
    max-width: 50%;
}

.SelectionsMenu_EntitySelector .Solutions .Solution_Body
{
    gap: 4px;
}

.SelectionsMenu_EntitySelector .Solutions .Button .ButtonText
{

    font-size: 100%;
}

.SelectionsMenu_EntitySelector .SolutionGroup
{
    flex-direction: column;
}


/* META Mobile : .Base.ItemStyles.SingleItem */
.SingleItem {
    overflow: initial;
    }

.SingleItemTitle
{
    min-height: 1em;
}

.SingleItemType {
    justify-content: flex-start;
    align-items: flex-start;
    right: auto !important;
    transform: none !important;
    font-size: 75% !important;
    padding: 1px !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: auto;
}

    .SingleItem .Field.LabelPositionTop {
    border: solid 0.25em transparent;
    border-top: solid 0.125em transparent;
    border-bottom: solid 0.125em transparent;
    flex-direction: column;
    }


/* META Mobile : .Base.ItemStyles.SingleItem.ItemHeader */
.ItemHeader {
    min-height: fit-content;
    display: flex;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 3em 1fr;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    border: solid 1px #80808020;
    border-left: 0;
    border-right: 0;
    }

.ItemHeader > .Left {
    left: 1px;
    border-top: var(--border1);
    border-bottom: var(--border1);
    grid-column: 1/1;
    grid-row: 1/1;
}

.ItemHeader > .Right {
    right: 1px;
    grid-column: 2/2;
    grid-row: 1/1;
    border-top: var(--border1);
    border-bottom: var(--border1);
}

.ItemHeader > .Center {
    grid-column: 1/3;
    grid-row: 2/2;
    flex-direction: column-reverse;
}

.ItemHeader .icon-Check {
    display: none;
}

.ItemHeader .icon-Check {
    display: none;
}

.ItemHeader .icon-Cancel {
    display: none;
}

    .ItemPreviewButton {
    display: none !important;
    }

    .SaveButton {
    display: none !important;
    }


/* META Mobile : .Base.ItemStyles.SingleItem.ItemFooter */
.ItemFooter {
    white-space: nowrap;
    padding: 1px;
    height: 28px;
    line-height: 26px;
    vertical-align: bottom;
    position: relative;
    font-size: 10px;
    text-align: center;
    display: none;
    }


/* META Mobile : .Base.ItemStyles.SingleItem.ItemSubmit */
.ItemSubmit a {
    border-left: var(--border1);
    flex: 1;
    max-width: 100%;
}

.ItemSubmit  {
    opacity: 1.0;
}


/* META Mobile : .Base.ItemStyles.SingleItem.ItemActions */
.ItemActions {
    display: flex;
    border-right: var(--border1);
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
}

.ItemActions select {
    max-width: 20em;
}

.ItemHeader .ItemActions
{
    min-width: 10rem;
    max-width: 100%;
}


/* META Mobile : .Base.ItemStyles.SingleItem.ItemBody */
.ItemBody
{
    padding-top: 0;
    padding-bottom: 0;
}


/* META Mobile : .Base.ItemStyles.SingleItem.Fields */
.ItemBody > .Fields {
    position: relative;
    padding: 0;
    gap: var(--gap);
    overflow: auto;
}


/* META Mobile : .Base.ItemStyles.SingleItem.SubItems */
.SingleItem  .SubItemButtons
{
    top: 0;
    padding-top: 20rem;
    bottom: 0;
    height: 100%;

}

.SingleItem.HasSubItems {
    --fieldPadding: 8px 8px;
}

.SingleItem  .SubItemButtons > *
{
    position: sticky;
    top: 0;
}


/* META Mobile : .Base.ItemStyles.SingleItem.ItemStates */
.StateTitle > div {
    height: 1.5em;
    font-weight: bold;
}

.ItemStates {
    display: flex;
    flex-wrap: wrap;
    border: 0;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    background-color: var(--backColor);
}

.ItemStates > div {
    display: flex !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: space-evenly;
    align-content: center;
    flex-grow: 1;
    flex-wrap: wrap;
}

.ItemStates .Transition {
    margin: 0 !important;
    border: 0;
    border-radius: 0;
}


/* META Mobile : .Base.ItemStyles.SingleItem.ItemStates.Transition */
.Transition
{
    box-shadow: 0 0 5px silver;
    margin: 8px !important;
    border-radius: 8px;
}


/* META Mobile : .Base.ItemStyles.SingleItem.ItemStates.Transactions */
.Transactions
{
    background-color: var(--backColor);
}

.Transactions > div
{
    flex: 1;
}


/* META Mobile : .Base.ItemStyles.SingleItem.Field.MinMax */
.MinMax.FieldValue {
    white-space: normal;
    padding: 0 !important;
    margin: 0 !important;
    }

    .MinMax.FieldValue > a {
    padding: 0 !important;
    margin: 0 !important;
    }

    .MinMax.FieldValue > input {
    margin: 0;
    }


/* META Mobile : .Base.ItemStyles.SingleItem.Field.FieldRichText */
.FieldRichText .FieldValue {
    height: auto !important;
    display: block !important;
    }


/* META Mobile : .Base.ItemStyles.SingleItem.Field.Choice */
.FieldValue.Choices {
    text-align: center;
    white-space: normal;
    }


/* META Mobile : .Base.ItemStyles.SingleItem.Field.FieldLabel */
.FieldLabel {
    min-width: 25% !important;
    max-width: 100% !important;

}

.Field.LabelPositionLeft > .FieldLabel
{
    width: auto !important;
    min-width: var(--fieldLabelWidth) !important;
    max-width: var(--fieldLabelWidth) !important;
}

.AutoVertical > .DirectionVer > .Field > .FieldLabel
{
    width: auto !important;
    min-width: 25% !important;
    max-width: 100% !important;
}


/* META Mobile : .Base.ItemStyles.SingleItem.Field.FieldValue */
.FieldValue {
    width: auto;
    }

    .FieldValue > .ItemSelection {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    }

    .FieldValue > input {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    }

    .FieldValue > .InputSpan {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: flex-start;
    }

.Field.LabelPositionLeft > .FieldValue
{
    max-width: calc(100% - var(--fieldLabelWidth)) !important;
}

.Field.FieldRichText.LabelPositionLeft > .FieldValue
{
    max-width: 100% !important;
}

.Field.FieldRichText.LabelPositionLeft
{
    flex-direction: column !important;
}

.Field50 .FieldLabel {
    width: 50%;
}

.Field50 .FieldValue {
    width: 50%;
}


/* META Mobile : .Base.ItemStyles.SingleItem.Field.LabelPositionTop */
.Field.LabelPositionTop .FieldValue {
    justify-content: center;
}

.Field.LabelPositionTop .FieldValue > .InputSpan {
    justify-content: center !important;
}


/* META Mobile : .Base.ItemStyles.SingleItem.ItemBottom */
.ItemBottom {
    border-top: solid 1px rgba(127, 127, 127, 0.2);
}

.ItemBottom > .Left {
    flex: 1;
}
.ItemBottom > .Right {
    flex: 1;
}


/* META Mobile : .Base.Views.View.ActionPanel */
.BrowseFilterPanel {
    position: relative;
    overflow: auto;
    max-width: 100%;
    }


/* META Mobile : .Base.Views.View.PageByField */
.PageByField > * {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 90%;
    color: #607D8B;
}

.PageByField
{
    flex-direction: column;
}


/* META Mobile : .Base.Views.View.GroupBy */
.FolderGroupBody, .FolderGroupBy, .GroupByBody {
    height: auto;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    }

    .ViewBody > .GroupByTabHeader {
    white-space: nowrap;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    }.GroupByTabHeader > div > div {
    padding: 4px;
    max-width: 9em;
    white-space: normal;
    }


/* META Mobile : .Base.Views.View.Actions */
.EntityTypeViewBody > .Center > .Top > .TopLeft .Actions a {
    border-radius: 3px !important;
    opacity: 1.0;
    font-size: 1em;
    padding: 1rem;
}

.Actions > a > span {
    margin: 0;
    padding: 0;
    max-width: 3em;
    line-height: 1em;
    text-align: center;
    vertical-align: middle;
}

.Actions > a > span.ButtonText {
    display: none;
}


/* META Mobile : .Base.Views.View.NoRecordsFound */
.NoRecordsFound {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    min-height: initial;
    }


/* META Mobile : .Base.Views.View.EntityTypeView */
.Old .EntityTypeViewBody > .Center > .Top > .TopLeft {
    left: 0.5em;
    right: auto;
    top: 0.5em;
    }

.EntityTypeViewBody{

    min-height: fit-content;
}
.EntityTypeView.NoItems .EntityTypeViewBody:has( .DoScriptButton ){
min-height: fit-content;
}

.DisableOverflow > .EntityTypeViewBody,
.DisableOverflow.EntityTypeViewBody
{
min-height: initial;
}.EntityTypeViewBody {
    position: relative !important;
    -webkit-overflow-scrolling: touch;
    }

    .EntityTypeViewBody > .Left {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    }

    .EntityTypeViewBody > .Right {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    text-align: center;
    }

    .EntityTypeViewBody > .Center {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    }

    .Content > .EntityTypeView {
    border: 0 !important;
    }

    .Content > .Panel > .EntityTypeView {
    border: 0 !important;
    }


/* META Mobile : .Base.Views.View.ETWBody */
.ETWBody {
    position: relative !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    }

.ViewBody_Calendar.ETWBody {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
}


/* META Mobile : .Base.Views.View.ETWBody_VeryBig */
.ETWBody.MinimizeTop.OpenItemSize_VeryBig {
    margin: 0;
    }

.ETWTop.Activate.OpenItemSize_VeryBig {
    position: relative;
    }


/* META Mobile : .Base.Views.View.ETWBody_Big */
.ETWBody.MinimizeLeft.OpenItemSize_Big {
    width: 160px !important;
    margin-left: -160px !important;
    }


/* META Mobile : .Base.Views.EntityTypeLists */
.EntityTypeLists select {
    max-width: 10em;
    }

    .EntityTypeLists {
    line-height: 1em;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    font-size: 80%;
    margin: 1px;
    }


/* META Mobile : .Base.Views.ViewType */
.ViewBody {
    min-height: 5em;
}


/* META Mobile : .Base.Views.ViewType.Calendar */
.ViewBody_Calendar > .Header {
    white-space: normal;
    }

    .ViewBody_Calendar > .Header > * {
    display: block;
    width: auto !important;
    text-align: center !important;
    }


/* META Mobile : .Base.Views.ViewType.Day */
.DayNames  .DayOfMonth {
    position: relative;
    width: 100%;
}

.DayNames  .DayOfWeekName {
    font-size: 80%;
}

.DayNames > td
{
    height: auto !important;
}


/* META Mobile : .Base.Views.ViewType.ViewBody_Folder */
.ViewBody_Folder {
    padding: 1px !important;
    position: relative !important;
    height: auto !important;
    }


/* META Mobile : .Base.Views.ViewType.ViewBody_Folder.Folder */
.FolderItemText {
    width: 320px;
}

.FolderItem
{
margin: 2px;
padding: 0;
}


/* META Mobile : .Base.Views.ViewType.ViewBody_Folder.OneByOne */
.OneByOneCenter > .Middle {
    top: 0 !important;
    }

    .OneByOnePanelBody {
    position: relative !important;
    height: auto !important;
    left: 0 !important;
    right: 0 !important;
    }

    .OneByOnePanel > .MicroButton {
    display: none;
    }

    .OneByOnePanel {
    position: relative !important;
    height: auto !important;
    }

    .OneByOnePanelBody > div {
    margin: 1px !important;
    }

    .OneByOne_NextButton {
    right: 5px !important;
    }

    .OneByOne_PrevButton {
    left: 5px !important;
    }


/* META Mobile : .Base.Views.ViewType.ListTable.ListAll */
.ListAll {
    font-size: 85%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ListAll .ListTable {
    min-width: 100%;
    scroll-snap-type: x mandatory;
}

.ListAll table {
    box-shadow: 0 0 1px rgba(127,127,127,0.5);
    border-collapse: separate;
}

.ListAll .ListBody td, .ListAll .ListHeader td {
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ListAll .ListBody td:first-child, .ListAll .ListHeader td:first-child {
    position: sticky;
    left: 0;
    background-color: var(--backColor, #fff);
    z-index: 1;
}


/* META Mobile : .Base.Views.ViewType.ListTable.ListBody */
.ListBody td {
    padding: 10px 6px !important;
}

.ListBody > .ListTable {
    position: relative;
}


/* META Mobile : .Base.Views.ViewType.PivotTable */
.PivotTable .PivotLeft
{
    text-align: left;
    min-width: 30%;
    max-width: 30%;
}


/* META Mobile : .Base.Views.ViewType.PivotTable.PivotTable */
.PivotTable td.PivotLeft,
.PivotTable td.PivotRight
{
    max-width: 33%;
}

.PivotTable {
    font-size: 75%;
}


/* META Mobile : .Base.Views.ViewType.FirstLetters */
.FirstLetters {
    position: fixed;
    top: auto;
    bottom: 15vh;
    right: 0;
    transform: translateY(0%);
    z-index: 9999;
}


/* META Mobile : .Base.Views.ViewType.Kanban */
.ViewBody {
    min-height: 5em;
}


/* META Mobile : .Base.Views.ViewType.Timeline */
.ViewBody {
    min-height: 5em;
}


/* META Mobile : .Base.Views.ViewType.Spreadsheet */
.ViewBody {
    min-height: 5em;
}


/* META Mobile : .Base.Views.ViewType.Calendar */
.ViewBody {
    min-height: 5em;
}


/* META Mobile : .Base.Views.Parameters */
.Parameters {
    position: relative;
    top: 0 !important;
    bottom: 0 !important;
    width: 100%;
    }

    .Parameters2 {
    position: relative;
    }


/* META Mobile : .Base.Views.EntityTypeViewTitle */
.EntityTypeViewTitle
{
    position: relative;
    transform: none;
    left: 0;
    margin: 0 auto;
    padding: 8px;
}

.EntityTypeViewTitleBody
{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.Top > .TopCenter:before
{
    content: "";
    color: transparent;
    height: 0;
    line-height: 0;
}


/* META Mobile : .UIComponents.UIElements.TabBody */
.TabBody > div.Selected
{
    padding: 0 !important;
}


/* META Mobile : .UIComponents.Specialized.NumericKeyPad */
table.NumericKeyPad td {
    padding: 1px 8px !important;
    }


/* META Mobile : .UIComponents.Specialized.Menu_Arrow_Down */
.EntityTypeLists.Menu_Arrow_Down {
    border: 0;
    background-color: transparent;
    right: 0;
    top: -8px;
}


/* META Mobile : .UIComponents.Specialized.Confirm */
.ConfirmWindow {
    position: absolute;
    left: 10%;
    right: 10%;
    width: auto;
    }


/* META Mobile : .UIComponents.Specialized.QuestionMark */
.QuestionMark:hover {
    opacity: 1.0;
}
.QuestionMark:hover::before {
    content: attr(title);
    position: relative;
    left: auto;
    right: auto;
    z-index: 99999;
    font-size: 1.25em;
    text-align: center;
    background-color: #ffca28ed;
    padding: 0.6em;
    margin-top: -2em;
    width: auto;
    border-radius: 0.3rem;
    max-width: 80vw;
    margin-left: 2em;
}

.QuestionMark::after {
    content: "?" !important;
    display: inline-block;
    width: 0.9em;
    text-align: center;
    padding: 2px;
    position: absolute;
    left: 1.3em;
    top: 1.3em;
    color: #ff6f00;
}


/* META Mobile : .UIComponents.Specialized.FullScreen */
.DisplayFullScreenToggle {
    display: none;
    }


/* META Mobile : .UIComponents.SupportsTouch */
.SupportsTouch .ListBody td {
    padding: 10px 6px !important;
    min-height: 44px;
}

.SupportsTouch .NavButton {
    min-height: 44px;
}

.SupportsTouch .Actions a {
    min-height: 44px;
    min-width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SupportsTouch .TabHeader > span, .SupportsTouch .TabHeader > a {
    min-height: 44px;
    display: flex;
    align-items: center;
}

.SupportsTouch input[type="text"], .SupportsTouch input[type="number"], .SupportsTouch select, .SupportsTouch textarea {
    min-height: 40px;
    font-size: 16px !important;
}


/* META Mobile : .UIComponents.SupportsTouch.TouchBottom */
.TouchBottom .RootNav {
    padding: 0;
    display: flex !important;
    white-space: nowrap;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start;
    align-content: center;
    }


/* META Mobile : .UIComponents.Button.MicroButton */
.MicroView .MicroButton {
    display: none;
    }


/* META Mobile : .NotificationPanel */
.Notifications_Panel{width:100vw;right:-100vw}
.notif-toast-container{right:8px;left:8px;max-width:none;width:auto}


/* META Mobile : .SidePanel */
.SidePanel{width:100%;border-left:none}


/* META Mobile : .AiChat */
.AiChat--floating .AiChat-panel{width:calc(100vw - 32px);height:calc(100vh - 120px);bottom:68px;right:-8px}.AiChat-bubble{width:48px;height:48px}.AiChat--sidebar .AiChat-panel{width:100vw}.AiChat--fullpage .AiChat-history{width:100%;position:absolute;z-index:1;height:100%}.AiChat-msg{max-width:92%}.AiChat-input-actions .video-btn{display:none}.AiChat-file-thumb{width:52px;height:52px}.AiChat-file-card{max-width:140px}


/* META Mobile : .CommandPalette */
@media(max-width:640px){.cmd-palette-backdrop{padding-top:0;align-items:flex-start}.cmd-palette{max-width:100%;border-radius:0 0 12px 12px}.cmd-palette-results{max-height:60vh}}


/* META Mobile : .KeyboardShortcutsOverlay */
.ks-overlay-backdrop{align-items:flex-end}.ks-overlay{max-width:100%;border-radius:12px 12px 0 0;max-height:90vh;position:fixed;bottom:0;left:0;right:0}.ks-overlay-grid{grid-template-columns:1fr 1fr}


/* META Mobile : .TourOverlay */
.TourTooltip{width:calc(100vw - 32px);max-width:none}


/* META Mobile : .ContextualTooltip */
.js-tooltip{max-width:calc(100vw - 32px)}

				}

				@media only screen and (min-width: 481px) and (max-width: 1024px) {
				

/* META Tablet : .Base.Layout.Panel.PanelHeader */
.PanelHasHeader .ViewActions,
.PanelHasHeader .ETSearchPlace,
.PanelHasHeader .EntityTypeLists.ItemCount_0,
.PanelHasHeader .Actions
{
    opacity: 1.0;
}


/* META Tablet : .Base.Layout.Panel.PageZone */
.PageZones {
    height: auto;
}

.PageZone {
    height: auto !important;
}


/* META Tablet : .Base.Layout.Panel.Middle */
.Middle {
    position: relative !important;
    min-height: initial;
    top: 0 !important;
    }


/* META Tablet : .Base.Views.View.Actions */
.EntityTypeViewBody > .Center > .Top > .TopLeft .Actions a {
    min-height: 36px;
    padding: 0.6rem 0.8rem;
}


/* META Tablet : .Base.Views.View.ETWBody */
.ETWBody {

    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}


/* META Tablet : .Base.Views.ViewType.ListTable.ListAll */
.ListAll {
    font-size: 90%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ListAll .ListBody td, .ListAll .ListHeader td {
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* META Tablet : .Base.Views.ViewType.ListTable.ListBody */
.ListBody td {
    padding: 8px 6px !important;
}

				}

				@media only screen and (min-width: 1025px) {
				

/* META Desktop : .UIComponents.Specialized.Animations.Animation */
.SelectionsMenu,
.Modal,
.Dialog,
.Popup,
.Toast {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.SelectionsMenu {
    opacity: 0;
    transform: translateY(-10px);
    animation: menuSlideIn 0.2s ease forwards;
}

@keyframes menuSlideIn {
    to {
    opacity: 1;
    transform: translateY(0);
    }
}


/* META Desktop : .UIComponents.Specialized.Animations.SelectionsMenu */
.SelectionsMenu.MenuAbove {

    animation: menuSlideUp 0.2s ease forwards;
}

.SelectionsMenu.MenuBelow {

    animation: menuSlideDown 0.2s ease forwards;
}

@keyframes menuSlideUp {
    from {
    opacity: 0;
    transform: translateY(10px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }
}

@keyframes menuSlideDown {
    from {
    opacity: 0;
    transform: translateY(-10px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }
}

				}

			

/* STYLE : [SALESORDER] SalesOrderDetail. */

.ItemView_SalesOrderDetail_Detail {
    flex: 1;   
}

.EntityType_SalesOrderDetail .ViewBody_ItemView
{
    flex-direction: column;
    align-content: stretch;
}

/* STYLE : [SALESINVOİCE] SalesInvoiceDetail. */

.ItemView_SalesInvoiceDetail_Detail 
{
    flex: 1;   
}


.EntityType_SalesInvoiceDetail .ViewBody_ItemView
{
    flex-direction: column;
    align-content: stretch;
}

/* STYLE : [SALESWAYBİLL] SalesWayBillDetail. */

.ItemView_SalesWayBillDetail_Detail 
{
    flex: 1;   
}


.EntityType_SalesWayBillDetail .ViewBody_ItemView
{
    flex-direction: column;
    align-content: stretch;
}

/* STYLE : [SALESACTİVİTY] SalesActivityActionType. */

.ItemView_SalesActivityActionType_Card 
{
    flex: none;   
    width: auto;
}

.ItemView_SalesActivityActionType_Card a
{
    white-space: nowrap;
    flex-wrap: nowrap;
    
}

/* STYLE : [SALESSUMMARY] SingleItem_SalesMonth. */

.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;
}

.ItemView_SalesMonth_SalesAmount:first-child 
{
    width: 100%;
}

.SingleItem_SalesMonth .FieldSet_panels {
    font-size: 100%;
}

/* STYLE : [SALESSUMMARY] SingleItem_SalesYear. */

.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;
}
.ItemView_SalesYear_SalesAmount:first-child 
{
    width: 100%;
}

/* STYLE : [SALESSUMMARY] ItemView_SalesYear_SalesAmountBig. */

.ItemView_SalesYear_SalesAmountBig 
{
    font-size: 100%;
    --inputPadding: 1px;
}

/* STYLE : [SALESSUMMARY] ItemView_SalesMonth. */

.ItemView_SalesMonth .Field_SalesTargetRatioUSD .InputSpan 
{
     position: absolute;
     top: 0;
     font-weight: bold;
}

.ItemView_SalesMonth .Field_DateMonth
{
}

.SingleItem_SalesMonth  .TabPanel.AnyTabSelected > .TabBody
{
    flex: 1 !important;
    min-height: 500px;
}

/* STYLE : [SALESSUMMARY] ItemView_SalesYear. */

.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;
}

/* STYLE : [PRODUCTİON] OperationOrder. */

.ViewBody_ItemView > .ItemView_OperationOrder_Card
{
    padding: 0;    
    margin: 0;
    border-left: solid 1px rgba(127,127,127,0.25) !important;
    border-top: solid 1px rgba(127,127,127,0.25) !important;
    border-bottom: 0 !important;
}

.SingleItem_OperationOrder .Panel > .PanelHeader {
   /* background-color: #f5f7ff;
    border-bottom: 1px solid #9FA8DA;*/
}


.ItemView_OperationOrder_Card .FieldSet_a .Image2 {
    opacity: 0.5;
}

.ItemView_OperationOrder_Card .Button
{
    background-color: transparent;
    color: black;
    font-weight: bold;
    padding: 0;

}

.ItemView_OperationOrder_Card .DoScriptButton  
{
    margin: 0 !important; 
}

.ItemView_OperationOrder_Card 
,
.ItemView_OperationOrder_Contractor 
{
    box-shadow: 0 0 1px silver;
}

.ItemView_OperationOrder_Contractor .FieldValue .InputSpan a  {
    font-size: 150%;
    overflow: hidden;
    white-space: normal;
}



.ItemView_OperationOrder_Card .Button .ButtonTitle
{
    font-size: 2em !important;
}


.ItemView_OperationOrder_Card .FieldSet_a:hover .Image2 {
    opacity: 1;
}


.ViewBody_ItemView > .ItemView_OperationOrder_Card .Field
{
    font-size: 95%;
    flex-wrap: nowrap;
}
.ItemView_OperationOrder .Field
{
    min-width: 0;
}

.ItemView_OperationOrder .ViewBody
{
    border-bottom: 0;
    border-right:  0;
}

.MenuItemView_OperationOrder_Menu .Button {
    border: solid 2px transparent;
    justify-content: flex-start;
}

.MenuItemView_OperationOrder_Menu .Button .ButtonTitle {
    text-align: left !important;
    justify-content: flex-start !important;
    min-width: 6em;
}

.MenuItemView_OperationOrder_Menu .Button:hover {
    border: solid 2px gray;
}



.ItemView_OperationOrder .InputSpan > a,
.ItemView_OperationOrder .ToggleButton 
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.ItemView_OperationOrder .InputSpan > a
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.ItemView_OperationOrder .ToggleButton 
{
    padding-top: 1px;
    padding-bottom: 1px;
    border: 0 !important;
}


.ItemView_OperationOrder_Card .Field_Open .ToggleButton
{
    font-size: 1.5em;
    justify-content: center;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 0;
}

.ItemView_OperationOrder_Card .FieldValue .InputSpan a
{
    padding: 2px;
}


.View_ItemView_Card.EntityType_OperationOrder .DirectionVer
{
    gap: 0 !important;
}


.ItemView_OperationOrder_Card .EntityType_OperationOrder 
{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
   /* border-left: solid 2rem rgba(127,127,127,0.25);*/
   padding-left: 2em;
}

.EntityType_OperationOrder .ViewBody_SiteMap .SiteMapItem.Fields_BOM {
    width: 100%;
    margin: 0 auto;
}

.EntityType_OperationOrder .ViewBody_SiteMap .SiteMapItem.Fields_BOM .Field {
    font-size: 90%;
    padding: 2px;
}

.EntityType_OperationOrder .ViewBody_SiteMap .FieldSet_m {
    flex-grow: 1;
}

.EntityType_OperationOrder .ViewBody_SiteMap .SiteMapItem.Fields_BOM .FieldValue .InputSpan a
{
    padding: 1px;
}

.SingleItem .ViewBody_SiteMap  .DirectionVer
{
    gap: 0;
}

.SingleItem_OperationOrder .Fields
{
    gap: 16px;
}
.SingleItem_OperationOrder .Fields > *
{
    gap: 0;
}

.SingleItem_OperationOrder .PanelHeader >  .PanelHeaderTitle
{
    text-align: center;
    justify-content: center;
}

.ItemView_OperationOrder 
{
    width :100%;
}

.EntityType_OperationOrder .Status_A
{
    background-color: rgba(99,255,150,0.5);    
}

.EntityType_OperationOrder .Status_R
{
    background-color: rgba(0,255,0, 0.5);    
}

.EntityType_OperationOrder .Status_D
{
    background-color: rgba(0,200,0,0.5);
}

.EntityType_OperationOrder .Status_Q
{
    background-color: rgba(0,255,255,0.2);    
}


.EntityType_OperationOrder .Status_W
{
    background-color: rgba(255,0,100,0.35);    
}

.EntityType_OperationOrder .Status_O
{
    background-color: #ff950061;    
}

.EntityType_OperationOrder .Status_T
{
    background-color: orange;
}

.EntityType_OperationOrder .Status_N
{
    background-color: rgba(255,200,0,0.2);    
}

.EntityType_OperationOrder .Status_Z
{
    background-color: #bccf2987;    
}

.EntityType_OperationOrder .Status_S
{
    background-color: #ff80f950;    
}

/* STYLE : [PRODUCTİON] Operation. */

.ItemView_WorkStation_Operation 
{
    width: 100%;
    margin: 0 auto;
}

.SingleItem_Operation .DisableOverflow .ListBody
{
    max-height: 50vh;
    overflow: auto;
}

.SingleItem_Operation .Fields {
    gap: 16px;
} 

.SingleItem_Operation .PageByField
{
    flex-direction: column;
}
 
.SingleItem_Operation .PageByField .Label
{
    white-space: nowrap;
}

.ItemView_Operation_Summary
{
    max-width: 100%;
    width: 320px;
    margin: 16px;
}

.ItemView_Operation_Summary .FieldSet_t
{
    background-color: #e8ebf1;
}

.ItemView_Operation_Summary .FieldLabel
{
    font-size: 75%;
    padding: 0;
}

.ItemView_Operation_Summary .PanelHeaderTitle
{
    padding: 4px;
    font-size: 75%;
}


.ItemView_Operation_Summary .InputSpan a
{
    padding: 4px;
}

.ItemView_Operation_Summary .Image2_WorkStation 
{
    padding: 4px;
    opacity: 0.25;
}


.ItemView_Operation_Summary  .Field_WorkStationCount
{
    font-size: 150%;
    padding: 0;
}

.ItemView_Operation_Summary  .FieldSet_t
{
    font-weight: 500;
}

/* STYLE : [PRODUCTİON] ProductionMetrics. */

.Desktop .ProductionMetrics {
    min-width: 40em;

}

.ProductionMetrics .PanelHeaderTitle {
    font-size: 90%;
    padding: 0px 8px;
    text-align: center;
    justify-content: center;    
}


.ProductionMetrics .Field.LabelPositionLeft {
    justify-content: center;
}


.ProductionMetrics .Field.LabelPositionLeft .FieldLabel {
    min-width: 10em !important;
    max-width: 15em !important;
}

.ProductionMetrics .Field.LabelPositionLeft .FieldValue {
    width: auto !important;
    min-width: 50% !important;
    max-width: 100% !important;
    white-space: nowrap;
    flex-wrap: nowrap;
}


.ProductionMetrics .Field .InputSpan {
    min-width: 75% !important;
}

/* STYLE : [PRODUCTİON] WarehouseBalance. */

.ItemView_Supply, .ItemView_WarehouseBalance
{
    margin: 0;
}



.SingleItem_WarehouseBalance .FieldSet_supply .ViewBody
{
    max-height: 40vh !important;
    overflow: auto;
}

/* STYLE : [PRODUCTİON] ProductionItem. */

.SingleItem_ProductionItem .ItemCenter  > *, 
.SingleItem_ProductionItem .EntityTypeView
{
    /*
    border-bottom: solid 2em transparent;
    */
}

.SingleItem_ProductionItem .EntityTypeViewBody   {
    border-radius: 3px;
}


.SingleItem_ProductionItem .ViewBody   {
    min-height: 1em;

}

.SingleItem_ProductionItem  .Parameter .input {
    min-width: 90%;
}

.ItemView_ProductionItem_WorkStationQueue 
{
    margin: 0 auto;
    width: 100%;
    box-shadow: 0 0 1px silver;
}

.ItemView_ProductionItem_Receipt .FieldSet_m > .DirectionVer > .Field_Asset > .InputSpan {
    display: none;
}

.SingleItem_ProductionItem_Receipt .FieldSet_m > .DirectionVer > .Field_Asset > .InputSpan {
    display: none;
}

/* STYLE : [PRODUCTİON] ProductionOrder. */

.SingleItem_ProductionOrder
{
    
}

.SingleItem_ProductionOrder .Fields
{
    max-width: 1200px;
    margin: 0 auto;
    gap: 16px;
}

.SingleItem_ProductionOrder .Fields.SiteMapItem
{
    gap: 0;
}
/*.SingleItem_ProductionOrder .Panel > .PanelHeader {
    background-color: #f5f7ff;
    border-bottom: 1px solid #9FA8DA;
}*/

/* STYLE : [PRODUCTİON] WorkStation. */

.ViewBody_ItemView_Production .GroupByBody
{
    flex-flow: column;
}

.SingleItem_WorkStation_Tablet {
    --fieldLabelWidth : auto;
}

.SingleItem_WorkStation_Tablet .Field {
    padding: 0;
}

.SingleItem_WorkStation_Tablet .Choices > a
{
    padding: 0.75em;
    box-shadow: 0 0 5px green inset;
    min-width: 16em;
    font-size: 90%;
    text-align: left;
    justify-content: flex-start;
}

.SingleItem_WorkStation_Tablet .FieldSet_hc .LabelPositionTop .FieldLabel a
{
    text-align: center;
    justify-content: center;
}

.SingleItem_WorkStation_Tablet .Parameters .Text span
{
    color: var(--labelColor);
}

.SingleItem_WorkStation_Tablet .FieldSet_CurrentProduction .Field {
    font-weight: bold;
}

.ItemView_WorkStation_Name 
{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}



.ItemView_WorkStation_Operation .FieldSet_p {
    font-size: 75%;
}

.ItemView_WorkStation_Operation .FieldSet_p .Field {
    padding: 0;
}

.ItemView_WorkStation_Operation .FieldSet_p .Field .InputSpan a {
    padding: 4px;
}


.ItemView_WorkStation_Production {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 1px grey;
}

.ItemView_WorkStation_Production.Style_90 
{
    opacity: 0.75;
}

.ItemView_WorkStation_Production.Style_90 .Field_Asset a
{
    padding: 1px;
}

.ItemView_WorkStation_Production.Style_99 
{
    font-size: 90%;/*kokpit dışı kullanılıyor mu?*/
}

.ItemView_WorkStation_Production.Style_99 .Field a
{
    padding: 4px;
}

.ItemView_WorkStation_Production .Field_Asset a,
.ItemView_WorkStation_Production .Field_Operation a
{
    padding: 1px !important;
}

.ItemView_WorkStation_Production.Style_90  .FieldValue .InputSpan a
{
    padding-top: 8px;
    padding-bottom: 8px;
}

.ItemView_WorkStation_Production .FieldLabel {
    font-size: 75%;
}


.ItemView_WorkStation_Production .Field_CurrentProduction 
{
    font-size: 90%;
    color: var(--color2) !important;;
   /* position: absolute;*/
    top: 0;
    padding: 0 !important;
}

.ItemView_WorkStation_Production .Field_CurrentProduction .InputSpan a
{
    padding: 1px 4px !important;
}
.ItemView_WorkStation_Production .Field__State .InputSpan a
{
    padding: 0 4px !important;
}



.SingleItem_WorkStation_Tablet .Transition, 
.ItemView_WorkStation_Tablet .Transition 
{
    min-height: 48px;
    font-size: 16px;
    flex-grow: 1;
}

.SingleItem_WorkStation_Tablet 
{
    --inputPadding: 8px !important;
}


.SingleItem_WorkStation_Tablet .ItemStates, 
.ItemView_WorkStation_Tablet .ItemStates 
{
    padding: 0;
    border: 0;
}

.SingleItem_WorkStation_Tablet .ItemStates > *, 
.ItemView_WorkStation_Tablet .ItemStates > *
{
    border: 0;
    flex-grow: 1;
    width: auto;
}

.SingleItem_WorkStation_Tablet .FieldSet_batches .ViewBody, 
.ItemView_WorkStation_Tablet .FieldSet_batches .ViewBody
{
    max-height: 22vh;
    overflow: auto;
}


.SingleItem_WorkStation_Tablet .FieldSet_MainHeader .Field_Name, 
.ItemView_WorkStation_Tablet .FieldSet_MainHeader .Field_Name, 
.SingleItem_WorkStation_Tablet .FieldSet_MainHeader .Field__State, 
.ItemView_WorkStation_Tablet .FieldSet_MainHeader .Field__State 
{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    height: 100%;
}

.SingleItem_WorkStation_Tablet .FieldSet_MainHeader .FieldValue a, 
.ItemView_WorkStation_Tablet .FieldSet_MainHeader .FieldValue a
{
    height: 100%;
    background-color: transparent !important;
    border: 0 !important;
}



.SingleItem_WorkStation_Tablet .FieldSet_options, 
.ItemView_WorkStation_Tablet .FieldSet_options 
{
    text-align: center;
    justify-content: center;
    font-size: 16px;
}


.SingleItem_WorkStation_Tablet .Field_HaltCause,
.ItemView_WorkStation_Tablet .Field_HaltCause 
{
    font-size: 16px;
    text-align: center;
    justify-content: center;
}

.SingleItem_WorkStation_Tablet .CloseButton, 
.ItemView_WorkStation_Tablet .CloseButton 
{
    background-color: transparent;
    color: var(--textColor);
        border: solid 1px silver;
}


.SingleItem_WorkStation_Tablet .EntityType_ProductionItem.EntityTypeView_productionQ .ViewBody
{
    position: absolute;
    overflow: auto;
        height: -webkit-fill-available;
}

/* STYLE : [PRODUCTİON] WorkStationDay. */

.SingleItem_WorkStationDay .GaugeField {
    font-size: 2em;
}

/* STYLE : [PRODUCTİON] MenuItemView_OperationOrder_Menu. */

.MenuItemView_OperationOrder_Menu .DoScriptButton {
    width: 100%;
    background-color: white;
    color: #303030;
    
}

/* STYLE : [PRODUCTİON] ProductionOrderSupply. */

.ItemView_ProductionOrderSupply .InputSpan > a
{
    padding-top: 2px;
    padding-bottom: 2px;
}

/* STYLE : [PRODUCTİON] Dynamic. */

.ItemView_OperationOrder_Dynamic 
{
    font-size: 85%;
}

.ItemView_OperationOrder_Dynamic .ItemSelection > span 
{
    padding: 4px;
}

.ItemView_OperationOrder_Dynamic  .ItemView_RouteStep_Queue 
{
    margin: 1px;
    width: auto;
    min-width: 12rem;
}

.ItemView_RouteStep_Queue .Button 
{
    visibility: hidden;
}

.ItemView_RouteStep_Queue .Field_Order input 
{
    max-width: 3em;
}


.ItemView_RouteStep_Queue:hover .Button 
{
    visibility: visible;
}

/* STYLE : [PRODUCTİON] OperationBatch. */

.SingleItem_OperationBatch_Form .Field
{
    padding: 0;
}

.SingleItem_OperationBatch_Form
{
    
}

.SingleItem_OperationBatch .PivotTable
{
    min-width: 80% !important;
}
.SingleItem_OperationBatch .PivotTable .PivotLeft
{
    min-width: 70% !important;
    max-width: 70% !important;
    width: 70% !important;    
}

/* STYLE : [PRODUCTİON] ProducitonContratorCSS. */

#Content_ContractorHome .TabHeader span.Aggregate
{
    padding: 0.4em 0.5em 0;
}

#Content_ContractorHome .TabButton > span 
{
    padding: 0 !important;
}

/* STYLE : [PRODUCTİON] ProductionConsole. */

.GroupByField_ProductionDepartment  >.ToggleHeader > div{
    background-color:  #ffecb3;
    padding: 0.5em 3em;
    font-weight: 500;
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;
}

/* STYLE : [PRODUCTİON] ItemView_OperationOrder_Supply. */

.ItemView_OperationOrder_Supply 
{
    font-size: 90%;
}

/* STYLE : [PRODUCTİON] ProductionPrint. */

@media print
{
    @page{
        margin:0 !important;
        padding:0 !important;
    }
    
   /* .NewWindow_PrintPreview .LabelPositionLeft > *
    {
        padding: 0.1em !important;
    }*/
    
     /*.PrintPreviewBody.PagePortrait
    {
        margin: 0 !important;
        padding: 0 !important;
        height: 25mm !important;
        display: flex !important;
        width: 70mm !important;
    }*/
    .NewWindow_PrintPreview .ViewBody
    {
       /* padding-right: 50mm;*/
    }
  /*   .PrintPreviewBody.PagePortrait .Body
    {
        margin: 0 !important;
        padding: 0 !important;
    }
    */
    
    
.QRCode {
    display: block;
padding: 0; 
width: 100%; 
height: auto; 
    margin: 0px auto;
}
    
    .EntityType_ProductionItem 
    {
        min-height: 20mm !important;
        min-width: 70mm !important;
        --inputPadding: 0.5rem 1rem !important;
        border: none !important;
    }
}

    
    .EntityType_ProductionItem  .ItemView_ProductionItem_Receipt 
    {
       /* transform: rotate(90deg);*/
        /*height: 20mm !important;
        margin-top: 10px;*/
    }
    
    /*.ItemView .Field.FieldValue
    {
    display: block;
    min-width: 20mm;
    height: 20mm !important;
    }*/
    
   /* .LabelPositionTop .FieldLabel
    {
        display: none !important;
    }*/
    
    
    /* #FieldSet_m >.DirectionVer >  #FieldSet_t
    {
        font-size: 9px;
        display: flex;
        flex-direction: column;
        min-width: 57mm !important;
       
    }*/
    
   /* #FieldSet_t .Field_Quantity
     {
         padding: 0 !important;
     }
     
     .View_SiteMap .ReadOnly .InputSpan a, .ItemView .ReadOnly .InputSpan a
     {
         padding: 0 !important;
     }
     
     .NewWindow_PrintPreview .SingleItem .Field.LabelPositionTop
     {
         width: 100%;
     }
     
     .Mode_Display .FieldValue .InputSpan
     {
         font-weight: 600 !important;
     }
     
     .FieldLabel a span
     {
         font-weight: 600px;
         color: black;
         font-size: 11px;
     }
     
     */

/* STYLE : [PRODUCTİON] SingleItem_OperationBatchContractor_Form. */

.SingleItem_OperationBatchContractor_Form
{
    
}

.SingleItem_OperationBatchContractor_Form .PivotTable .PivotLeft
{
    max-width: 80% !important;
    width: 80% !important;
}

/* STYLE : [PRODUCTİON] OperationBatch. */

.SingleItem_OperationBatch  .GroupByMode_Open
{
 flex: 1;   
}


.SingleItem_OperationBatch  .Field_ZIPFile *
{
    justify-content: center;
}

.SingleItem_OperationBatch  .Field_ZIPFile .FieldValue a span:after
{
    content: var(--icon-Circle-Down);
    font-family:"361";
    margin-left: 0.5em;
}


.SingleItem_OperationBatchContractor  .GroupByMode_Open
{
     flex: 1;   
}

.SingleItem_OperationBatch .FieldSet_Actions .Button   {
    padding: 4px 8px;
}

.SingleItem_OperationBatch .FieldSet_Actions .ImageClass,
.SingleItem_OperationBatch .FieldSet_Actions .ButtonImage
{
    font-size: 1.5em;
    margin-right: 4px;
    opacity: 0.5;
}

/* STYLE : [PRODUCTİON] ItemView_OperationBatchDetail_Card. */

.ItemView_OperationBatchDetail_Card 
{
    width: 100%;
}

/* STYLE : [PRODUCTİON] .ItemView_OperationBatchDetail. */

.EntityType_OperationBatchDetail  .ViewBody 
{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
}

.EntityType_OperationBatchDetail  .GroupByBody 
{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    
}


.ItemView_OperationBatchDetail 
{
    box-shadow: 0 0 1px silver inset;
    display: flex;
    flex: 1;
}

/* STYLE : [PRODUCTİON] .ItemView_OperationBatchContractorDetail. */

.EntityType_OperationBatchContractorDetail  .ViewBody 
{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
}

.EntityType_OperationBatchContractorDetail  .GroupByBody 
{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    
}


.ItemView_OperationBatchContractorDetail 
{
    box-shadow: 0 0 1px silver inset;
    display: flex;
    flex: 1;
}

/* STYLE : [PRODUCTİON] ProductionConsoleCSS. */

.SingleItem_WorkStation_Tablet #FieldSet_m .FieldSet_productionQ
{
}

.SingleItem_WorkStation_Tablet .Field_QueueDuration  > div > a > span
{
    white-space: nowrap;
}

.SingleItem_WorkStation_Tablet .FieldSet_productionQ .Center .Top.PanelHeader
{
    max-height: 2em !important;
    min-height: 2em !important;
    height: auto;
}

.SingleItem_WorkStation_Tablet .Field_Asset
{
    min-width: 330px;
}

.SingleItem_WorkStation_Tablet .ItemView .Field_Asset
{
    min-width: initial;
}


.SingleItem_WorkStation_Tablet #FieldSet_cpf > .DirectionVer > div:nth-child(3)
{
    min-width: 300px !important;
}

.SingleItem_WorkStation_Tablet .ItemBody
{
    padding: 0;
    flex:  1 0 0;
}



.SingleItem_WorkStation_Tablet #FieldSet_MainHeader
{
    position: sticky;
    top: 0;
    z-index: 99999;
}

.SingleItem_WorkStation_Tablet #FieldSet_ConsoleController
{
    position: sticky;
    bottom: 0;
    z-index: 99999;
}
/*
.SingleItem_WorkStation_Tablet .Middle
{
    flex: 1 0 0 !important;
}*/


.SingleItem_WorkStation_Tablet .MiddleCenter 
{
    height: auto !important;
}


.SingleItem_WorkStation_Tablet .Choice > .ButtonText {

}

/* STYLE : [BOM] .BOM. */

.ViewBody_SiteMap .SiteMapItem.Fields_Card 
{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
}

.ViewBody_SiteMap .SiteMapItem.Fields_Card .FieldSet_m
{
    width: 100%;
}

.ViewBody_SiteMap .SiteMapBlock 
{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.ViewBody_SiteMap .SiteMapItem.Fields_Card  .SiteMapItem.Fields_Card 
{
    width: calc(100% - 2em);
}

.SiteMapItem.Fields_Card  .Field_BOMItem 
{
    width: calc(100% - 10em);    
}

.SiteMapItem .FieldValue .InputSpan a {
    padding: 8px;
    border: 0;
    
}

.SiteMapItem .FieldValue {
    box-shadow: 0 0 1px silver;
    padding: 4px !important;
}

/* STYLE : [ASSETREPORTS] ItemView_AssetSummary. */

.ItemView_AssetSummary .Field_Asset 
{
    font-size: 90%;   
}

/* STYLE : [ASSETMANAGEMENT] AssetInstance. */

.ItemView_AssetInstance_Card .FieldLabel a
{
	text-align: center !important;
}

.ItemView_AssetInstance_Card .FieldLabel .FieldValue
{
	text-align: center !important;
}


.ItemView_AssetInstance_Card 
{
}

.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;
}


.SingleItem_AssetInstance 
{
	margin: 0 auto !important;
}

.SingleItem_AssetInstance .EntityTypeView
{
	border: solid 1em transparent;
}


.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_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;
}

/* STYLE : [ASSETMANAGEMENT] AssetOperation. */

.FieldAssetOperationType .Choices {
	white-space: normal;
	margin: 1em;
	border: 0 !important;
}


.FieldAssetOperationType  .Choices a	{
	padding: 0.5em;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.FieldAssetOperationType  .Choices a span	{
	width: 10em;
	height: 3em;
	line-height: 1.25em;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.SingleItem_AssetOperation_Edit .Fields, .SingleItem_AssetOperation_Display .Fields
{ 
	margin: 0 auto;
}


.SingleItem_AssetOperation_POS  .FieldValue {
	padding: 1px 5% !important;
}

.SingleItem_AssetOperation_POS .Parameters {
	background-color: transparent !important;
}


 .SingleItem_AssetOperationDetail
 {
	 margin: 0 auto;
	 height: auto;
 }
 
  
 .ItemView_AssetOperationInstance_Code 
 {
	 width: 320px;
 }
 
 .ItemView_AssetOperationDetail
 {
     width: 100%;
 }

/* STYLE : [ASSETMANAGEMENT] AssetCode. */

.ItemView_AssetCode1_Card .FieldValue
{
	padding: 0 !important;
}

.ItemView_AssetCode1_Card .Field
{
	padding: 0 !important;
}

.ItemView_AssetCode1_Card .Field_Code input
{
	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;
}

/* STYLE : [ASSETMANAGEMENT] Asset. */

.ItemView_AssetComponent_Card2 
{
    flex: 1;
    max-width: 1024px;
    min-width: 1024px;
}

.ItemView_Asset_BarCode 
{
	margin: 1em;
}

.ItemView_Asset_Image .ImageNotFound {
    display: none;
}

.ItemView_Asset_Image img {
    height: 200px !important;
}



.ItemView_Asset_BarCode .BarCode_Code39
{
	margin: 1em;
	font-size: 200%;
}

.ItemView_Asset_Balance .Field 
{
    padding: 0;
}

.ItemView_Asset_Favorite
{
	margin: 0.5em !important;
	box-shadow: 0 0 0;
}

.ItemView_Asset_Favorite  img {
	max-height: 320px;
	width: auto !important;
}

.EntityType_Asset.EntityTypeView_Products.FieldSet_Products .Parameters
{
	max-width: 600px !important;
}

.ItemView_Asset_Buy 
{
    max-width: 600px !important;
    display: block;
	font-size: 125%;
	margin-bottom: 1em !important;	
}


.ItemView_Asset_Favorite 
{
	margin: 1em !important;
	padding: 1em;
    box-shadow: 0 0 1px silver;	
	width: 320px !important;
}

.SingleItem_Asset .ImageNotFound {
    display: none;
}

.EntityType_Asset .ItemMetric 
{
    width: 320px;
}

/* STYLE : [ASSETMANAGEMENT] Gallery. */

.Gallery	.Field_Files img
	{
		height: auto;
		width: 300px;
		max-width: 100%;
		max-height: 100%;
	}
	
.Gallery	.Field_Files .FieldName
	{
		display: block !important;
	}
	
.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;
	}
	
	.Gallery .FileDisplay 
	{
		display: inline-block;
		width: auto;
	}

/* STYLE : [ASSETMANAGEMENT] Unit. */

.ItemView_Unit_SubUnit 
{
	min-width: 420px;
}


.ItemView_Unit_SubUnit {
	width: 320px;
	margin: 0.5em;
}
	
.SingleItem_Unit .Fields {
	max-width: 480px;
	margin: 0 auto !important;
}

.FieldUnit.LabelPositionTop > div {
    max-width: 10em;
}

/* STYLE : [ASSETMANAGEMENT] ItemView_AssetComponent_Card. */

.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);
}



.EntityType_AssetComponent.EntityTypeView_subs.ViewBody_Folder
{
    flex-direction: column !important;
    align-content: center;
    justify-content: flex-start;
}

.EntityTypeView_assetcomponents  .ViewBody_ItemView_Card
{
    flex-direction: column !important;
    align-content: center;
    flex-flow: column;
    justify-content: flex-start;
    max-height: 50vh;
}

/* STYLE : [ASSETMANAGEMENT] Operation. */

.ItemView_Operation_Name
{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}

/* STYLE : [EXPENSEMANAGEMENT] Expense. */

.ItemView_Expense_OCR {
    margin: 1em;
}


.Desktop .ItemView_Expense_OCR {

}

.Desktop .ItemView_Expense_OCR .Field_Image {
    height: auto !important;
}

/* STYLE : [_SECURİTY] Authorization. */

.ItemView__Authorization_Card  {
	padding: 0;
	margin: 4px auto !important;
	box-shadow: 0  0 2px gray;
	font-size: 70%;
}

.ItemView__Authorization_Card  .Choices > a {
    padding: 8px !important;
}

.ItemView__Authorization_Card  .FieldValue {

}

/* STYLE : [_SECURİTY] Roles. */

.SingleItem__Roles .EntityTypeView {

}

.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;
}

/* STYLE : [_SECURİTY] User. */

.ItemView__User_Card 
{
	width: 200px;
	margin: 0;
}

.SingleItem__User_MyAccount
{
	max-width: 640px;
	margin: 0 auto;
}

.SingleItem__User_MyAccount .ItemBody
{
	position: relative;
}

/* STYLE : [PERSON] Person. */

.SingleItem_Person_MyAccount
{
	max-width: 640px;
	margin: 0 auto;
}

.SingleItem_Person_MyAccount .ItemBody
{
	position: relative;
}

.ItemView_Person_MyAccount .Field {
    padding: var(--fieldPadding);
}

.Field_abb .InputSpan > a {
    background-color: #fff2e3;
    border-radius: 50%;
    width: 2.5em;
    justify-content: center;
}
.Field_abb .InputSpan {

}

.ItemView_Person_AccessControl
{
    width: 100%;
}

.ItemView_Person_SafeGuard 
{
    width: 100%;
    max-width: 100%;
}


.EntityType_Person.ViewBody_ItemView_SafeGuard.EntityTypeView_user
{
    width: 100%;
}

.ItemView_Person_directory
{
min-width: 320px;
}

#ParameterSet_ps > .DirectionVer
{
    align-items: flex-end;
}
.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;
}

/* STYLE : [PERSON] myAccountPAgeCSS. */

.Page_Content_myAccount div#FieldSet_deletedScript > .DirectionVer
{
    gap: 10em;
}

/* STYLE : [NOTİFİCATİON] ItemView_Notification_Card. */

.ItemView_Notification_Card 
{
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    background-color: white;
    padding: 1em;
    border-radius: 1em;
    /*box-shadow: 1px 1px 1px;*/
}

.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;
}

/* STYLE : [NOTİFİCATİON] SubItems. */

.EntityTypeView_SubItems_Notification .DirectionVer
{
    flex-direction: column !important;
}


.EntityTypeView_SubItems_Notification .Field_Description
{
    height: 152px !important;
}

/* STYLE : [ANNOUNEMENTS] Announcement. */

.SingleItem_Announcement 
{

}

.SingleItem_AnnouncementPerson 
{

}

.ItemView_Announcement_Card 
{
    width: 360px;
    max-width: 100%;
    min-height: 80px;
        padding: 1em;
}

.ItemView_Announcement_Card .InputSpan > a 
{
    padding: 0;
}

.ItemView_Announcement_Card .FieldSet_m 
{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ItemView_Announcement_Card  .Field_Communities 
{

}

.ItemView_Announcement_Card  .Field_Communities a 
{
    padding: 1px;
    font-size: 90%;
    justify-content: center;
    font-weight: 200;
}


.ItemView_Announcement_Card  .Field_Date 
{
    font-weight: 300;
}

.ItemView_Announcement_Card  .Field_Date a 
{
    padding: 1px;
    font-size: 90%;
    text-align: right;
    justify-content: flex-end;
}


.ItemView_Announcement_Card  .Field_Subject 
{
    font-size: 110%;
    font-weight: 500;
        padding: 8px 0;
}

.ItemView_Announcement_Card  .Field_Summary 
{
    font-weight: 300;
}

/* STYLE : [ANNOUNEMENTS] CardList. */

.ItemView_Announcement_CardList {
    width: 100%;
    margin: 0 5px !important;
}
.ItemView_Announcement_CardList:nth-last-child(1) {
    padding-bottom: 3em;
}
.ItemView_Announcement_CardList:first-child{
    padding-top: 3em;
}
.ItemView_Announcement_CardList .FieldAnnounementType > .InputSpan > a{
    padding: 4px 8px 0 8px !important;
    font-size: 1em;
    color: #039be5;
    font-weight: 500;
}
.ItemView_Announcement_CardList .Field_Text  > .InputSpan > a{
    padding: 0 8px 8px 8px !important;
    font-size: 1em;
    line-height: 1.25;
}
.ItemView_Announcement_CardList .Field_Date  > .InputSpan > a{
    padding: 4px 8px 0 8px !important;
    font-size: 0.9em;
    font-style: italic;
}
.ItemView_Announcement_CardList #FieldSet_cardlisticon{
    width: 42px;
    max-width: 42px;
    min-width: 42px;
    border-right: 2px solid #ccc !important;
}
.ItemView_Announcement_CardList #FieldSet_b{
    border-bottom: 1px dashed #ccc !important;
}
.ItemView_Announcement_CardList .LookupField.ReadOnly:hover {
    background-color: transparent;
}
.ItemView_Announcement_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%);
}

/* STYLE : [LOCATİON] Location. */

.ItemView_LocationZone_Card {
    margin: 0 10% 0 10% !important; 
    width: auto !important;
    flex: 1 !important;
    
}
.ItemView_LocationZone_Card .ItemView_LocationZone_Card {
    flex: 1 !important;
    margin: 0 0 0 3em !important; 
}

.EntityType_LocationZone .ViewBody_ItemView_Card 
{
    flex-wrap: wrap !important;
    flex-direction: column !important;
        align-content: stretch;
}

/* STYLE : [SESSİONMANAGEMENT] Session. */

.ItemView.ItemView_Session_Card 
{
	box-shadow: 0 0 0;
	margin: 0;
	width: 350px;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;/*#eff2f5*/
	border:1px solid #eff2f5 !important;
	border-left: 4px solid #eff2f5 !important;
	margin-bottom: 8px;
}
.ItemView.ItemView_Session_Card .stipi .InputSpan 
{
        width: fit-content;
        background-color: #cccccc;
}
.ItemView_Session_Card:hover
{
	border-color: #009ef7 !important;
}
.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;
}

.SingleItem_Session .FieldSet_Persons .ViewBody
{
    max-height: 50vh;
    overflow: auto;
}

/* STYLE : [SESSİONMANAGEMENT] SessionPerson. */

.ItemView_SessionPerson_Card 
{
    max-width: 320px;
}

/* STYLE : [SESSİONMANAGEMENT] CardList. */

.ItemView_Session_CardList {
    width: 100%;
    margin: 0 5px !important;
}
.ItemView_Session_CardList:nth-last-child(1) {

}
.ItemView_Session_CardList:first-child{
}

.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_b{
    border-bottom: 1px dashed #ccc !important;
}
.ItemView_Session_CardList .LookupField.ReadOnly:hover {
    background-color: transparent;
}
.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%);
}

/* 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 40vh;
}
.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;
}

/* STYLE : [BUSİNESSACCOUNT] BusinessContact. */

.ItemView_BusinessContact_Card 
{
    width: 100%;
}

/* STYLE : [BUSİNESSACCOUNT] BusinessAddress. */

.ItemView_BusinessAddress_Card 
{
    width: 100%;
}


.EntityType_BusinessAddress .ViewBody_ItemView_Card.ViewBody_ItemView
{
    max-height: 70vh;
    overflow: auto;
}

/* STYLE : [BUSİNESSACCOUNT] BusinessAccountGroup. */

.ItemView_BusinessAccountGroup
{
    width: 100%;   
}

/* STYLE : [BUSİNESSACCOUNT] 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 : [BUSİNESSACCOUNT] 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 : [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;
}
#FieldSet_DeliveryInvoice >.DirectionVer{
    gap:1em;
}
#FieldSet_Delivery > .PanelHeader,#FieldSet_Invoicing > .PanelHeader, #FieldSet_OrderNoteFS > .PanelHeader {
    background-color: #E8EAF6 !important;
    border-bottom: 3px solid #0068bb;
    font-size: 1.2rem;
}



#FieldSet_Delivery ,#FieldSet_Invoicing  {
    box-shadow: 0 2px 8px #90909026;
    margin: 1em 0 !important;
    border: 1px solid #e5e5e5;
    padding: 0.6em;
}
#FieldSet_msum_total > .Mode_Display.Field_MinOrderAmount > .FieldLabel > a , #FieldSet_msum_total  > .Mode_Display.Field_MinOrderAmount > .FieldValue > .InputSpan > a {
    color: #ff0000 !important;
    font-weight: 600;
}
#FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer{
    gap:1em;
}

#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;
}
#FieldSet_invoiceFS > .PanelHeader, #FieldSet_deliveryFS > .PanelHeader{
    background-color: #E8EAF6 !important;
    border-bottom: 3px solid #0068bb;
    font-size: 1.2rem;
}
.P0205 > .InputSpan a {
    padding: 0.2em 0.5em !important;
}

#FieldSet_psFS{
    border: 1px dashed #FF9800 ;
    margin-bottom: 0.4em;
}
#FieldSet_psFS > .PanelHeader, #FieldSet_deliveryFS > .PanelHead{
    background-color: #FFF3E0  !important;
    border-bottom: 1px solid #FF5722;
    font-size: 0.9rem;
    color: #d43d0e !important;
}


#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;
}
.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;
}
.Field_CustomerOrderNo .InputSpan > input::placeholder{
    color: #F4511E !important;
    opacity: 1 !important;
    
}
.Field_OrderNote .InputSpan > input::placeholder{
    color: #0cbdab !important;
    opacity: 1 !important;
    
}

/* 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 !important;
    background-color: #ffffff;
}

.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%;
    display: contents;
}


.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;
}
#FieldSet_DeliveryInvoice >.DirectionVer{
    gap:1em;
}
#FieldSet_Delivery > .PanelHeader,#FieldSet_Invoicing > .PanelHeader, #FieldSet_OfferNoteFS > .PanelHeader {
    background-color: #E8EAF6 !important;
    bOffer-bottom: 3px solid #0068bb;
    font-size: 1.2rem;
}



#FieldSet_Delivery ,#FieldSet_Invoicing  {
    box-shadow: 0 2px 8px #90909026;
    margin: 1em 0 !important;
    bOffer: 1px solid #e5e5e5;
    padding: 0.6em;
}
#FieldSet_msum_total > .Mode_Display.Field_MinOfferAmount > .FieldLabel > a , #FieldSet_msum_total  > .Mode_Display.Field_MinOfferAmount > .FieldValue > .InputSpan > a {
    color: #ff0000 !important;
    font-weight: 600;
}
#FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer{
    gap:1em;
}

#FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer >#FieldSet_invoiceFS,#FieldSet_DeliveryIncoiceFS >.FieldSet_m >.DirectionVer >#FieldSet_deliveryFS  {
    box-shadow: 0 2px 8px #90909026;
    bOffer: 1px solid #e5e5e5;
    padding: 0.6em;
}
#FieldSet_invoiceFS > .PanelHeader, #FieldSet_deliveryFS > .PanelHeader{
    background-color: #E8EAF6 !important;
    bOffer-bottom: 3px solid #0068bb;
    font-size: 1.2rem;
}
.P0205 > .InputSpan a {
    padding: 0.2em 0.5em !important;
}

#FieldSet_psFS{
    bOffer: 1px dashed #FF9800 ;
    margin-bottom: 0.4em;
}
#FieldSet_psFS > .PanelHeader, #FieldSet_deliveryFS > .PanelHead{
    background-color: #FFF3E0  !important;
    bOffer-bottom: 1px solid #FF5722;
    font-size: 0.9rem;
    color: #d43d0e !important;
}


#FieldSet_psFS #FieldSet_msum_total > .Mode_Display.Field_MinOfferAmount > .FieldLabel > a , #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;}

/*Önceki ve Sonraki teklif buton CSSleri*/

.SingleItem_B2BOffer_QuotationRequest .Field_Before  .Label_Display > a
{
    justify-content: center;
    font-size: 2em;
    color: red;
}

.SingleItem_B2BOffer_QuotationRequest .Field_After  .Label_Display > a
{
    justify-content: center;
    font-size: 2em;
    color: green;
}

.SingleItem_B2BOffer_QuotationRequest .Field_Before .LookupField
{
    width: 80%;
        border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #FFCDD2;
}


.SingleItem_B2BOffer_QuotationRequest .Field_Before .LookupField:before
{
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20.5px 42px 18.5px 0;
    border-color: transparent #FFCDD2 transparent transparent;
    transform: rotate(0deg);
    position: absolute;
    left: -2.9em;
    opacity: 0.6;
}

.SingleItem_B2BOffer_QuotationRequest .Field_After .LookupField
{
    width: 80%;
        border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background-color: #a5d6a7;
}

.SingleItem_B2BOffer_QuotationRequest .Field_After .LookupField:before
{
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20.5px 42px 18.5px 0;
    border-color: transparent #a5d6a7 transparent transparent;
    transform: rotate(180deg);
    position: absolute;
    right: -2.9em;
    opacity: 0.6;
}

/* 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;
}

/* 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;
}
#FieldSet_DISummury>#FieldSet_d1>.PanelHeader,#FieldSet_DISummury>#FieldSet_d2>.PanelHeader{
    height: 1em !important;
    line-height: 1em !important;
    font-size: 1em !important;
    min-height: 1em;
}
#FieldSet_DISummury>#FieldSet_d1>.PanelHeader>.PanelHeaderTitle,#FieldSet_DISummury>#FieldSet_d2>.PanelHeader>.PanelHeaderTitle{
    font-size: 0.9em !important;
}
#FieldSet_DISummury>#FieldSet_d1 .ReadOnly .InputSpan a,#FieldSet_DISummury>#FieldSet_d2 .ReadOnly .InputSpan a {
    font-size: 0.75em !important;
    padding: 0.3em !important;
}
#FieldSet_DISummury>#FieldSet_d1 #FieldSet_d12 .Field > .FieldLabel a span {
    font-size:0.7em !important;
}
#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;
}


.ItemView_B2BOrder_Basket .FieldSet_totalQ{
    margin: 0px 2rem;
    display: flex;
    flex-direction: column;
    border: 1px dashed #C2185B;
    background-color: #fdf7ee;
}

/* 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_ProductType_Name 
{
	display: block !important;
	width: auto !important;
}
.Content_B2BsCatalog .EntityTypeView_producttypes .ItemView_ProductType_Name:hover
{
	zoom: 1.0;
}


.Content_B2BsCatalog .EntityTypeView_producttypes .ItemView_ProductType_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: 2px;
    font-size: 12px;
}

#RootNavItem_mB2BSelectDealer:hover{
        background-image: none !important;
}

/* STYLE : [B2B] Buttons. */

.ProcedureButton_DecrementQuantity{
    color:var(--ProcedureDQ) !important;
    background-color: transparent !important;
}
.ProcedureButton_IncrementQuantity{
    color:var(--ProcedureIQ)  !important;
    background-color: transparent !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%;
}

.ItemView_PriceListDetail_B2BMobile {
    border: 1px solid #ccc!important;
}
/*#Page_B2BMobile .View_ItemView_B2BMobile.EntityType_PriceListDetail .MiddleCenter.ViewBody_ItemView_B2BMobile {
    display: grid !important;
    background-color: #000 !important;
    grid-template-columns: 1fr !important;
}*/

/* STYLE : [B2B] onebyone. */

.OneByOneBottom{
    padding:12px;
}
.OneByOneBottom .OneByOnePanelBody {
    font-size: 0px !important;
    gap: 1px;
}

.OneByOneBottom .OneByOnePanelBody > div {
    border: solid 1px rgba(127, 127, 127, 0.2);
    background-color: #f8f9f9;
    font-weight: bold;
    border-radius: 50%;
    padding: 5px;
    overflow: hidden;
    color: #656565;
}
.OneByOneBottom .OneByOnePanelBody > div.Selected {
    border: solid 1px #FB8C00;
    background-color: #FFF3E0;
}

.Panel_actions:has(>.OneByOneBottom ){
    padding-top: 24px;
}
.EntityTypeView_BasketSummarySelect.OneByOneBottom {
    background-color: #E0F7FA;
    border: 1px dashed #00BCD4;
}

/* STYLE : [PRİCELİST] 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;
    
}
.ItemView_PriceListDetail_B2BMobile .FieldSet_m  {
    background-color: #ffffff;
    padding:0 6px;
}

.ItemView_PriceListDetail_B2BMobile .SalesPrice{
    padding: 0;
    font-size: 1.4em;
    color: #263238;
    font-weight: 700;
    
}
.ItemView_PriceListDetail_B2BMobile .Field_AssetName {
     font-size: 12px ;
}
.ItemView_PriceListDetail_B2BMobile .stoktakip{
    background-color: #ECEFF1;
    font-size: 12px ;
}
.ItemView_PriceListDetail_B2BMobile .EntityTypeView_AssetFlow {
    font-size: 11px ;
}
.ItemView_PriceListDetail_B2BMobile .Field_B2BBalance {
    color: rgb(56, 142, 60);
    font-weight: 500;
}
.ItemView_PriceListDetail_B2BMobile .Field_B2BAvail  {
    color: rgb(241 65 108);
    font-weight: 500;
    border-right: 1px dashed #accace;
    border-left: 1px dashed #accace;
}
.ItemView_PriceListDetail_B2BMobile .stoktakip .FieldValue .InputSpan a {
    padding: 0;
}

.ItemView_PriceListDetail_B2BMobile .FieldSet_actions  .btn{
    font-size: 1.25rem;
    padding: 4px 24px;
}

/* STYLE : [PRİCELİST] 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 : [PRODUCTİONCONTRACTOR] ContractorOperation. */

.ItemView_ContractorOperation {
    box-shadow: 0 0 1px rgba(127,127,127,0.5);
}

/* STYLE : [PRODUCTCATALOG] Product. */

.SingleItem_Product .FieldSet_t2 .LabelPositionLeft > .FieldLabel
{
	width: 50%;
    min-width: 50%;
    max-width: 50%;
}

.SingleItem_Product .FieldSet_t2 .LabelPositionLeft > .FieldValue
{
width: calc(100% - 50%);
}

 .EntityTypeView_RelatedProductsRight .ViewBody{
    flex-direction: column!important;
	flex-wrap:inherit!important;
}


.ItemView_Product_Card {
	max-width: 1024px;
	margin: 0 auto;
	background-color: white !important;
	border-radius: 3px;
	display: block;
}



.Content_ProductList .EntityTypeView_ProductList .Parameters
{
	max-width: 1024px;
	margin: 0 auto;
}


.ItemView_ProductTag
{
display: inline-block !important;
}


.ItemView_Product_CardMini 
{
	width: 180px;
	margin: 2em;
	background-color: white !important;
	border-radius: 3px;
}


.ItemView_Product_Sell 
{
	width: fit-content !important;
	margin: 2em;
	background-color: white !important;
	display: inline-block !important;
}


 .ItemView_Product_Sell .Field_Name .InputSpan a
{
	text-align: left !important;
}

 .ItemView_Product_Card .Field_Name .InputSpan a
{
	text-align: left !important;
}

.ItemView_Product_Card .Field_Quantity .FieldValue .InputSpan a:after, 
.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_Sell  .FieldSet_Images, 
.ItemView_Product_Card  .FieldSet_Images
{
	min-height: 160px;
}


.ItemView_Product .Field_Code
{
	font-size: 90%;
}
.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;
  }
  
 
 
 .ItemView_Product_Card .ProcedureButton_REmoveMe
 {
	 position: absolute;
	 bottom: 0.25em;
	 left: 0.25em;
 }
 
.ItemView_Product
{
	display: block; 
}

.ItemView_Product_CardMobile
{
	background-color: white !important;
	margin: 1px !important;
}



.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;
}


.SingleItem .ItemView_Product_Name.ItemView {
	display: block;
}


.ItemView_Product_Prices .Button
{
	margin: 0.5em auto;
}

 
 .SingleItem_Product_Internet > .CloseButton {
	 display: none;
 }
 
 .Mobile .SingleItem_Product_Internet .FieldSet_LeftMenu 
 {
	 display: none;
 }
 
 
 
 .ItemView_Product_InternetCard 
 {
	width: 300px;
	background-color: white;
	margin: 0 !important;
	border-color: #d1b6ac20 !important;
}
 
 .ItemView_Product_InternetCard:hover 
 {
	border-color: #d1b6acff !important;
 }
 
 
  .ItemView_Product_InternetCard img
 {
	 height: 300px;
	 bordeR: 0 !important;
 }
 
 .ItemView_Product_InternetCard:hover  .Button_gotoDetail
 {
	 background-color: #4545d0;
	 color: white;
 }
 
 .ItemView_Product_InternetCard 
{
	overflow: hidden;
}

.ItemView_Product_InternetCard img
{
	transition: all 500ms;
	text-align: center;
}

.Mobile .ItemView_Product_InternetCard img
{
	transition: none;
}
 
.ItemView_Product_InternetCard:hover img
{
	transform: scale(1.35);
}


.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;
text-transform: lowercase;
}

 .ItemView_Product_InternetCard .Field_Name a
  {
text-align: center !important;
 }
 
.SingleItem_Product_Internet
{
	margin: 0 auto;
	padding: 2em;
	max-width: 1024px;
}	
.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 .Field_Name a.InputSpan
{
	font-size: 150%;
}
 
 .SingleItem_Product_Internet .EntityTypeView_Images .ViewBody {
	white-space: nowrap;
	overflow: auto;
    justify-content: flex-start;
 }
 
 .SingleItem_Product_Internet .EntityTypeView_Images  .ViewBody img {
	height: 100px;
	
 }
 
 

.ItemView_Product_Card, .ItemView_Product_ProductType 
{
	width: 100%;
	display: block !important;
}

.ItemView_Product_Sell.ItemView.Clickable:hover
{
    transform: scale(1);
}


.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%;
}

.ItemView_Product_Prices  .Field_ShowAssets .ToggleButton > *
{
	font-size: 150%;
}

.ItemView_Product_Prices .Field_ShowAssets 
{
	background-color: rgb(236, 243, 255) !important;
}

.ItemView_Product_Prices  .FieldSet_assets .ItemView_Asset_Price 
{
	background-color: rgb(236, 243, 255) !important;
}

.SingleItem_Product .EntityTypeView_Assets .ViewBody
{
	max-height: 50vh;
	overflow: auto;
}


.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;
}


.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;
}

.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;
}


.SingleItem_Product_Internet .FieldValue .InputSpan a
{
}

.SingleItem_Product_Internet .FieldValue .InputSpan .Suffix
{
}

.SingleItem_Product_Internet .Field
{
	padding: 0;
}

.ItemView_Product_InternetCard
{
	display: inline-block;
}

.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_ListPrice .InputSpan a *
{
	text-decoration: line-through #f23737 2px !important;
}


.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_DiscountRate {
	 flex:1;
}
.ItemView_Product_InternetCard .InputSpan a{
	padding:0px;
}


.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_NameCodeImage 
 {
	 display: block;
 }
 
 
.SingleItem_Product_Internet .Field_ProductTypePaymentNote: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_ProductTypeDispatchNote: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;	
 }
 
.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;	
}


.SingleItem_Product_Internet .FieldSet_tabs
{
	margin-top: 1em;
	position: relative !important;
	min-height: 40em !important;
}

.SingleItem_Product_Internet .FieldSet_tabs .TabBody
{
	position: relative !important;
}

.ItemView_Product_PersonelCard 
{
	display: block !important;
	max-width: 800px;
}

.ItemView_Product .Field_Description .FieldValue, 
.SingleItem_Product .Field_Description .FieldValue
{
	font-size: 90%;
	text-transform: lowercase;
	padding: 1px 1em;
	line-height: 1em;
}

.SingleItem_Product .Field,
.CollapsedField .Field
{
	padding: 0 !important;
}



.SingleItem_Product .Field.LabelPositionLeft > .FieldLabel
{
	width: 13em !important;
    max-width: 13em !important;
}

.SingleItem_Product .Field.LabelPositionLeft > .FieldValue
{
	width: calc(100% - 13em) !important;
}

.Content_SearchProduct 
{
	font-size: 1.5em;
}

/* STYLE : [PRODUCTCATALOG] Product.ProductBrand. */

.ItemView_ProductBrand_Summary 
{
	max-width: 500px;
	background-color: white !important;
	margin: 0.25wm;
	padding: 0.25em;
	display: block;
    background-color: white !important;
}

.ItemView_ProductBrand_Summary .Field_Name {
	text-transform: uppercase;
}

.ItemView_ProductBrand_Summary a
{
	padding: 1px !important;
}

.ItemView_ProductBrand_Summary .Field.FieldValue{
	display: contents;	
}

 
.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 
{
	display: inline-block;
}

/* STYLE : [PRODUCTCATALOG] Product.ProductTypeDocument. */

.ItemView_ProductTypeDocument_Internet {
    margin: 1em;
	width: fit-content !important;
	height: fit-content;
}



.ItemView_ProductTypeDocument_Internet .InputSpan a{
	text-align:centeR
}

 .ItemView_ProductTypeDocument img, .SingleItem_ProductTypeDocument img 
 {
	 height:64px;
	 width:64px;
 }

/* STYLE : [PRODUCTCATALOG] Product.ProductTypeFunction. */

.ItemView_ProductTypeFunction {
    width: 120px !important;
    margin: 0.25em;
}

.ItemView_ProductTypeFunction .InputSpan *{
	text-align:center !important;
}

.SingleItem_ProductTypeFunction img{
	 height:64px;
	 width:64px;
 }


.ItemView_ProductTypeFunction  .FieldSet_actions{
position: absolute;
    width: auto !important;
    height: auto;
    top: -3px;
    background-color: transparent !important;
    right: -12px;
}

.ItemView_ProductTypeFunction  .fas.fa-minus-circle{
	background-color:  transparent;
    color: black;
    padding: 5px;
    border-radius: 50%;
}

/* STYLE : [PRODUCTCATALOG] Product.ProductDocument. */

.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;
}

/* STYLE : [PRODUCTCATALOG] Product.ProductGroup. */

.ItemView_ProductGroup_Name   
 {
	 background-color: white !important;
	 padding: 0.5em;
	 margin: 0.5em;
	     transition: all 150ms;
 }
 
.ItemView_ProductGroup_Name:hover
 {
	transform: scale(1.1);
 }
 
 
 
 

.DoScript_ClearProductGroup{
	background-color: transparent !important;
    color: black !important;
    top: 0;
    height: 15px;
}


.DoScript_ClearProductGroup:hover{
	box-shadow: none;
	border:none !important;
}


.ItemView_ProductGroup_Sell
{
	padding: 0.5em;
	background-color: white !important;
}

.ItemView_ProductGroup_Sell.SelectedItem {
		outline: 0;
}


.ItemView_ProductGroup_Sell
{
	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;
}



.SingleItem_ProductGroup .ItemView_ProductType_Name,
.SingleItem_ProductGroup .ItemView_ProductType_ProductGroup  {
	display:inline-block !important;	
}

.SingleItem_ProductGroup .FieldValue .InputSpan a{
	padding:0em;
}



 .EntityType_ProductGroup.EntityTypeView_productgroups.SelectedItems .ItemView_ProductGroup_Sell
 {
	 background-color: transparent !important;
 }
 
 
 
 .ItemView_ProductGroup_Card 
 {
	 padding: 0.5em;
	 background-color: white !important;
 }
 
 

 .ItemView_ProductType_ProductGroup   
 {
	 background-color: white !important;
	 padding: 0.5em;
	 margin: 0.5em;
	     transition: all 150ms;
 }

/* STYLE : [PRODUCTCATALOG] Product.ProductImage. */

.ItemView_Product_Card .ItemView_ProductImage img,
.ItemView_Product_ProductType .ItemView_ProductImage img,
.ItemView_ProductType .ItemView_ProductImage img,
.ItemView_ProductType_MarketplaceCategoryShop .ItemView_ProductImage img,
.ItemView_Asset_Card .ItemView_ProductImage img{
    height: 80px !important;
	margin: 0;
    left: 0;
    transform: translateX(0);
    position: relative;
	max-width: 100%;
}

.ItemView_Product_Sell .ItemView_ProductImage img{
	 height: 180px !important;
}

.ItemView_ProductType_MarketplaceCategoryShop .ItemView_ProductImage img{
    height: 40px !important;
}



.ItemView_Product_ProductTags  .ItemView_ProductImage img, 
.ItemView_Product_NameCodeImage  .ItemView_ProductImage img 
{
    height: 80px !important;
	margin: 3px;
    left: 0;
    transform: translateX(0);
    position: relative;
}
.ItemView_ProductImage
{
display: inline-block !important;
}


.ItemView_ProductType_CardProducts .ItemView_ProductImage img {
	height: 48px !important;
}


 .ItemView_Product_Card .ItemView_ProductImage,
.ItemView_Product_ProductType  .ItemView_ProductImage 
 {
	 width: 100px;
	 border: 0;
 }
 
.ItemView_ProductImage 
{ 
	min-width: 80px;
	overflow: hidden;
}

	
 .ItemView_ProductImage img
 {
	 height: 200px;
	position: relative;
	/*
    left: 50%;
    transform: translateX(-50%);	 
 */
 }
 
 .ItemView_ProductImage_SalesOrder  img
 {
	 height: 64px;
 }
 
 .ItemView_ProductType_Card  .ItemView_ProductImage img {
	 height: 48px !important;
 }
 
.SingleItem_ProductImage  img {
	max-width: 100%;
}

.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_Sales img
 {
	 /* height: 400px; */
 }
 
 
 .SingleItem_MarketplaceProduct_Buy .ItemView_ProductImage img
 {
	 left: 0;
	 transform: none;
 }
 
 
 .SingleItem_MarketplaceProduct_Buy .EntityType_ProductImage.FieldSet_mImages .ViewBody 
 {
	white-space: nowrap;
	overflow: auto;
 }
 

.ItemView_ProductImage_Icon
{
	box-shadow: 0 0 0;
	border:none;
}


 .SingleItem_Product_Internet .ItemView_ProductImage_Sales 
 {
	 margin: 5px;
	 border-radius: 5px;
	 min-width: 1px;
 }
 
 
.ItemView_ProductImageRead .ImageDimensions
{
	display: inherit;
}

.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_ProductImage 
{
	display: inline-block;
}

.ItemView_ProductImage img {
/*	
border: solid 1px rgba(127,127,127,0.2);
*/
}	
	

.ItemView_CustomerOrderDetail_Basket .ItemView_ProductImage_Icon img
{
	height: 64px !important;
	margin: 0 auto;
	display: block;
}

.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;
}


.Mobile .SingleItem_ProductImage_ProductImages .FieldSet_NextImage, 
.Mobile .SingleItem_ProductImage_ProductImages .FieldSet_productimages {
	display: none;
}

.SingleItem_ProductImage_ProductImages .FieldSet_Title .InputSpan{
    padding-right: 50px; 
}
.SingleItem_ProductImage_ProductImages .FieldSet_Title a{
    font-size: 18px!important;
    border: none;
}



.SingleItem_ProductImage_ProductImages  .FieldSet_productimages
{
	height: 20vh;
}


.SingleItem_ProductImage_ProductImages  .FieldSet_body
{
	height: 80vh;
}

.SingleItem_ProductImage_ProductImages  .FieldSet_ImageBody
{
	height: 100%;
}

.SingleItem_ProductImage_ProductImages  .FieldSet_Title
{

}

.SingleItem_ProductImage_ProductImages  .FieldSet_body .Image2
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.SingleItem_ProductImage_ProductImages  .FieldSet_Title a
{
	font-size: 1.5em;
	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  .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;
}

/* STYLE : [PRODUCTCATALOG] Product.ProductType. */

.SingleItem_ProductType .FieldSet_t .LabelPositionLeft > .FieldLabel
{
	width: 50%;
    min-width: 50%;
    max-width: 50%;
}

.SingleItem_ProductType .FieldSet_t .LabelPositionLeft > .FieldValue
{
width: calc(100% - 50%);
}

.ItemView_Product_ProductType {
	max-width: 1024px;
	margin: 0 auto;
	background-color: white !important;
	border-radius: 3px;
	display: block;
}


.ItemView_Product_ProductType .Field_Name .InputSpan a
{
	text-align: left !important;
}




.ItemView_ProductType .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_ProductType_CardProducts  .FieldSet_Images{
	min-height: 48px !important;
}


 .ItemView_ProductTypeAttribute_Card
 {
	 background-color: white !important;
	 margin: 0.5em;
 	 max-width: 800px;
}
 
 .ItemView_ProductTypeAttribute_Variant
 {
	 max-width: 800px;
	 margin: 0.25em;
 }
 
 
 
 .ItemView_ProductType_Card, 
 .ItemView_ProductType_CardProducts,
 .Page_FullWebPage .Content_ProductTypeList {
	max-width: 1024px !important;
	padding: 0;
	margin: 0 auto; 
    background-color: white !important;
	border-radius: 3px;
	display: block;
	/*
	border: solid 1px rgba(127,127,127,0.25);
	*/
	overflow: hidden;
	width: 100%;
 }
 
 
 
.ItemView_ProductTypeAttributeValue_Card 
{
	min-width: 7em;
}


.ItemView_ProductTypeAttributeValue_Card 
{
	margin: 0 0 0 7em !important;
	display: block;
	max-width: 480px !important;
    display: inline-block;	
}

.EntityType_ProductTypeAttribute
{
	counter-reset: ProductTypeAttribute;	 
}

.ItemView_ProductTypeAttribute_Card:before, .ItemView_ProductTypeAttribute_Variant:before
{
    content: counter(ProductTypeAttribute);
    counter-increment: ProductTypeAttribute ;
    display: inline-block;
    background-color: gray;
    color: white;
    width: 1em;
    padding: 1px 0.5em;
    text-align: center;
	position: absolute;
	left: -2em;
	top: 0;
}

.EntityType_ProductTypeAttributeValue
{
	counter-reset: PCAV;	 
}

.ItemView_ProductTypeAttributeValue_Card:before
{
    content: counter(PCAV);
    counter-increment: PCAV ;
    display: inline-block;
    background-color: gray;
    color: white;
    width: 1em;
    padding: 1px 0.5em;
    text-align: center;
	position: absolute;
	left: -2em;
	top: 0;
}





.ItemView_ProductTypeAttributeValue_Value
{
	min-width: 8em;
	max-width: 8em;
	white-space: normal;
	float: left;
	margin: 1px;
}

.ItemView_ProductTypeAttributeValue_Value .Mode_Display .FieldValue .InputSpan a
{
	text-align: left;
	font-weight: normal;
}



.ItemView_ProductTypeAttribute_Summary 
{
	background-color: white;
	margin: 0.5em;
}


 .EntityTypeView_properties  .EntityType_ProductTypeAttributeValue.EntityTypeView_values.FieldSet_values
 {
	     height: 18em;
 }
 
 .EntityTypeView_properties  .EntityType_ProductTypeAttributeValue.EntityTypeView_values.FieldSet_values .ViewBody
 {
	 height: 15em !important;
	 overflow: auto !important;
 }
 
 
 .ItemView_ProductTypeAttribute_Card  .FieldSet_t,.ItemView_ProductTypeAttribute_Variant  .FieldSet_t
 {
	 background-color: rgba(127,127,127,0.2);
 }
 
 
 .ItemView_ProductTypeAttributeValue_Variant 
 {
	 max-width: 800px !important;
	 margin: 0 auto;
 }
 
 
 .ItemView_ProductTypeAttribute_Home 
 {
	 max-width: 800px;
	 display: block;
	 margin: 0 auto;
	 padding: 0.25em;
	 background-color: white !important;
	 border-radius: 3px;
 }
 
  .ItemView_ProductTypeAttribute_Home  .FieldSet_subs
 {
	 border-left: solid 2em transparent !important;
 }
  
.ItemView_ProductType_Name
 {
	 background-color: white !important;
	 padding: 0.5em;
	 margin: 0.5em;
	     transition: all 150ms;
 }
 
  .ItemView_ProductType_Name:hover
 {
	transform: scale(1.1);
 }
 
 

 .ItemView_Product_ProductType .ProcedureButton_REmoveMe
 {
	 position: absolute;
	 bottom: 0.25em;
	 left: 0.25em;
 }
 
  .ItemView_ProductAttribute_Card .Field_ProductTypeAttribute  a
 {
	 text-align: left !important;
 }
 
 
 
 
 .ItemView_ProductType_Card:hover  {
	 box-shadow: 0 0 5px gray;
 }
 
 
 .ItemView_ProductType_Card .EntityTypeView_images  {
	 height: 200px;
 }
 
 
 
 .ItemView_ProductType_Card  .NoRecordsFound
 {
	 height: 80px;
	 color: transparent !important;
 }
 
 
 .ItemView_ProductType_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_ProductType_Card .Field_Name a
 {
	 text-align:  center !important;
	 text-transform: uppercase;
	 text-shadow: 0 0 1px gray;
	 height: 2em;
 }

 .ItemView_ProductType_Card .Field_Name
 {
	border-bottom: dotted silver 0;
 }

.ItemView_ProductType_Card .FieldSet_b
 {
	border-top: dotted silver 0;
 }
 
 
 .ItemView_ProductType_Card .FieldNumber, .ItemView_ProductType_Card .FieldInteger
 {
	font-size: 80%;
 }
 

.DoScript_ClearProductType {
	width: 2em;
    margin: 1em auto !important;
    font-size: 150%;
    background-color: transparent;
    color: red;
    padding: 0em;
}
 
.ItemView_ProductType_CardMobile
{
	background-color: white !important;
	margin: 1px !important;
}

 .EntityType_ProductType.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;
 }


.ItemView_ProductTypeAttributeValue_Filter 
{
	display: block;
}

.ItemView_ProductTypeAttributeValue_Filter .InputSpan > a
{
	text-align: left !important;
	padding-left: 2em !important;
	font-weight: normal;
}

.ItemView_ProductTypeAttributeValue_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%;
}

.SelectedItem.ItemView_ProductTypeAttributeValue_Filter .InputSpan > a:before
{
	content : "\f14a";
 	font-weight: bold;
	color: #4caf50;
}

.SelectedItem.ItemView_ProductTypeAttributeValue_Filter
{
	background-color: transparent !important;
	outline: 5px solid transparent;
}

.SelectedItem.ItemView_ProductTypeAttributeValue_Filter .InputSpan > a
{
	font-weight: bold;
}

.EntityTypeView_producttypeattributevalues .GroupByTitle {
	padding-left: 2em;
}


.ItemView_ProductTypeAttributeValue_Filter .InputSpan a
{
	padding: 1em;
}

.ItemView_ProductType_Name 
{
	width: 150px;
}

.ItemView_ProductType_Name  a
{
	height: 2em;
	text-align: center !important;
	vertical-align: middle !important;
}


 .EntityType_ProductType.EntityTypeView_producttypes.SelectedItems .ItemView_ProductType_Name
 {
	 background-color: transparent !important;
	 padding: 0 !important;
	 margin: 0 !important;
	 border: 0 !important;
	 box-shadow: 0 0 0 !important;
 }
 
/*
 .EntityType_ProductType.EntityTypeView_producttypes.SelectedItems .ItemView_ProductType_Name a
{
	text-align: left !important;
	font-weight: normal;
 }	 

.EntityType_ProductType.EntityTypeView_producttypes.SelectedItems .ItemView_ProductType_Name.SelectedItem
{
	outline: 0 !important;
}	 

.EntityType_ProductType.EntityTypeView_producttypes.SelectedItems .ItemView_ProductType_Name.SelectedItem a
{
	font-weight: bold;
}	 
  
 .EntityType_ProductType.EntityTypeView_producttypes.SelectedItems .ViewBody
 {
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 top: 0;
 }
 
.EntityType_ProductType.EntityTypeView_producttypes.SelectedItems 
{
	 width: 160px !important;
	 overflow: auto;
	 height: 100% !important;
}
*/



 .EntityType_OrganizationProductType .GroupByTitle ,.EntityType_OrganizationProductType .GroupByBody
 {
	 display: inline-block;
 }


 
 .EntityType_OrganizationProductType .FolderGroupBy 
 {
	 text-align: left;
 }
 

.ItemView_ProductType .Field_Name a
{
	text-align: center !important;
}

.ItemView_ProductType_Card .Field_Name a
{
	text-align: left !important;
}


.ItemView_ProductType_Card.ItemView  .Field_Name .FieldValue a
{
	text-align: left !important;
}

.ItemView_ProductType_CardMini.ItemView  .Field_Name .FieldValue a
{
	text-align: center !important;
}


.ItemView_ProductType_Card.ItemView.Clickable:hover
{
    transform: scale(1);
}

.SingleItem_ProductTypeAttribute .DisableOverflow .ViewBody
{
	max-height: 50vh;
	overflow: auto;
}

.Single_ProductType .FieldSet_filters
{
	width: 220px; 
}

.ItemView_ProductType_InternetCard
{
	display: inline-block !important;
}

.ItemView_ProductType_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;
}


.SingleItem_ProductType_Internet .ItemView_ProductType_InternetCard .Field_Name .InputSpan > a
{
	max-width: 100% !important;
	text-align: left;
	justify-content: flex-start;

}

.SingleItem_ProductType_Internet .ItemView_ProductType_InternetCard 
{
	display: block !important;
	max-width: 100% !important;
	text-align: left;
	justify-content: flex-start;
}

.ItemView_ProductType_InternetProducts
{
	border: 0;
}




 .SingleItem_ProductType_Internet .Fields > .FieldSet_m > .Field_Name
 {
	 font-size: 2em;
	 padding: 0.5em;
 }
 
 .SingleItem_ProductType_Internet .Fields > .FieldSet_m > .Field_Name
 {
	 font-size: 2em;
	 padding: 0.5em;
 }
 
 
.ItemView_ProductType_Card  .EntityTypeView_subs 
{
}

.ItemView_ProductType_Card  .EntityTypeView_subs > .EntityTypeViewBody,
.ItemView_ProductType_CardProducts  .EntityTypeView_subs > .EntityTypeViewBody,
.ItemView_ProductType_CardProducts  .EntityTypeView_products > .EntityTypeViewBody{
	border-left: solid 3em rgba(127,127,127,0.1) !important;
}


.ItemView_Product_ProductType .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;
}

/* STYLE : [PRODUCTCATALOG] Product.ProductAttribute. */

.ItemView_ProductAttribute
{
	max-width: 600px;
}

.ItemView_ProductAttribute_Card 
{
	margin: 0 1em !important;
	background-color: transparent;
}

.ItemView_ProductAttribute_Card .Field_AttributeValue 
{
	background-color: transparent;
}
 
.ItemView_ProductAttribute_Card .Field_TypeAttribute 
{
	font-size: 80%;
}

/* .ItemView_ProductAttribute_Card .FieldSet_t0 */
/* { */
	/* width: 200px !important; */
/* } */
.ItemView_ProductAttribute_Card .Field_TypeAttribute  .FieldValue a
{
	font-weight: normal;
	padding: 0 !important;
}

.ItemView_ProductAttribute_Card  .FieldSet_names > .FieldSet_names
{
	padding-left: 3em;
}


 .SingleItem_Product .EntityTypeView_attrs .ItemView_ProductAttribute_Card
{
	box-shadow: 0 0 0;
	background-color: transparent;
	margin: 0 auto !important;
	display: block;
}


 .SingleItem_Product .EntityTypeView_attrs .ItemView_ProductAttribute_Card .ItemView_ProductAttribute_Card
 {
	 max-width: 210px;
	 display: block;
 }
 
 .SingleItem_Product .EntityTypeView_attrs .ItemView_ProductAttribute_Card  .FieldSet_tn
 {
	width: 180px !important;
 }
 
 .SingleItem_Product .EntityTypeView_attrs .ItemView_ProductAttribute_Card .ItemView_ProductAttribute_Card
{
	margin: 0 !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;
}

 .ItemView_ProductAttribute_Card2  .FieldSet_v
 {
	 background-color: white;
 }
 
 
 
 .ItemView_ProductAttribute_Card
 {
	 margin: 2px;
 }
 
 
 .ItemView_ProductAttribute_Card  .ProcedureButton_RemoveMe
 {
	 position: absolute;
	 top: 0;
	 right: 0;
 }
 
 .ItemView_ProductAttribute_Card .Field_AttributeValue 
 {
	 background-color: white;
 }
 
.ItemView_ProductAttribute_BuyProperty .Field_ProductTypeAttribute  a
{
	text-align: left !important;
}

.ItemView_ProductAttribute_BuyProperty .Field_Value0   a
{
	text-align: left !important;
}


.ItemView_ProductAttribute_Card  .FieldProductTypeAttributeValue 
{
	justify-content: flex-start;
}

.ItemView_ProductAttribute_BuyProperty *{
	cursor:default!important;
}
.ItemView_ProductAttribute_BuyProperty .DirectionVer{
	gap:0px;
}

.ItemView_ProductAttribute_BuyPropertyTitle .FieldSet_left, 
.ItemView_ProductAttribute_BuyProperty .FieldSet_left
{
	width: 33% !important;
}

.ItemView_ProductAttribute_BuyPropertyTitle .FieldSet_subs,
.ItemView_ProductAttribute_BuyProperty .FieldSet_vals
{
	width: 66% !important;
}

 
.ItemView_ProductAttribute_BuyProperty 
{
	box-shadow: 0 0 0 !important;
	width: 100%;
}

.ItemView_ProductAttribute_BuyProperty 
{
	box-shadow: 0 0 0 !important;
	border-bottom-width: 0;
	
}

.ItemView_ProductAttribute_BuyProperty:last-child
{
	border-bottom-width: 1px;
}


.ItemView_ProductAttribute_BuyProperty:hover
{
	box-shadow: 0 0 0 !important;
}	

.ItemView_ProductAttribute_BuyProperty  .ItemView_ProductAttribute_BuyProperty 
{
	border-color: transparent;
	padding: 5px;
}


.ItemView_ProductAttribute_Card .Field_ProductTypeAttribute 
{
color: #0068bb;
}


.ItemView_ProductAttribute_Name
{
display: block;
}

.ItemView_ProductAttribute_BuyProperty 
{
	display: inline-block;
}

.View_ItemView_BuyProperty.EntityType_ProductAttribute.EntityTypeView_subs > .EntityTypeViewBody > .ViewBody
{
	white-space: nowrap;
}


.View_ItemView_BuyProperty.EntityType_ProductAttribute.EntityTypeView_subs > .EntityTypeViewBody > .ViewBody .ItemView_ProductAttribute_BuyProperty .DirectionVer
{
	display: block !important;
	width: auto !important;
}


.View_ItemView_BuyProperty.EntityType_ProductAttribute.EntityTypeView_subs > .EntityTypeViewBody > .ViewBody .ItemView_ProductAttribute_BuyProperty .DirectionVer > *
{
	display: block !important;
	width: auto !important;
}
	
 .View_ItemView_BuyProperty.EntityType_ProductAttribute.EntityTypeView_subs
 {
 }


  .ItemView_ProductAttribute_BuyProperty   .ItemView_ProductAttribute_BuyProperty  .FieldProductTypeAttribute a
 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
	display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
 }
 
 
.SingleItem_Product_Internet .ItemView_ProductAttribute_BuyProperty
{
margin: 0;
width: 100%;
}

.ItemView_ProductAttribute_BuyProperty .EntityTypeView_subs.NoItems
{
	display: none !important;
}

/* STYLE : [PRODUCTCATALOG] UseIn. */

.Field_UseInPrice  .ToggleButtonText
{
	display: none;
}

.Field_UseInPrice
{
	font-size: 150%;
}

.Field_UseInCode  .ToggleButtonText
{
	display: none;
}

.Field_UseInCode
{
	font-size: 150%;
}

.Field_UseInBuy  .ToggleButtonText
{
	display: none;
}

.Field_UseInBuy
{
	font-size: 150%;
}

.Field_UseInCode .ToggleButton {
	box-shadow: 0 0 0 !important;
	background-color: transparent !important;
}

.Field_UseInPrice .ToggleButton {
	box-shadow: 0 0 0 !important;
	background-color: transparent !important;
}

/* STYLE : [PRODUCTCATALOG] Code. */

.ItemView .Field_AttrTCode .FieldValue,.ItemView .Field_AttrNCode .FieldValue
{
	padding: 0 !important;
	font-size: 80%;
	color: brown;
}

.ItemView .Field_AttrTCode .FieldValue .InputSpan a:before, .ItemView .Field_AttrNCode .FieldValue  .InputSpan a:before
{
	content: "(";
}

.ItemView .Field_AttrTCode .FieldValue  .InputSpan a:after, 
.ItemView .Field_AttrNCode .FieldValue  .InputSpan a:after
{
	content: ")";
}

.ItemView .Field_TCode .FieldValue,
.ItemView .Field_NCode .FieldValue
{
	padding: 0 !important;
	font-size: 80%;
	color: brown;
}

.ItemView .Field_TCode .FieldValue  .InputSpan a:before, 
.ItemView .Field_NCode .FieldValue  .InputSpan a:before
{
	content :"(";
}

.ItemView .Field_TCode .FieldValue  .InputSpan a:after, 
.ItemView .Field_NCode .FieldValue  .InputSpan a:after
{
	content :")";
}

/* STYLE : [KAPP] SalesSalesman. */

.kappbox1{
    border: 1px dashed #90caf9 !important;
    background-color: #f5fbff;
}
.kappbox1 >.FieldValue {
    font-size: 1.4em;
}

.kappbox1 >.FieldValue> .InputSpan > a {
    background-color: transparent !important;
}
.kappparameters1{
    background-color: #fff3e0;
    padding: 5px 0;
    border: 1px solid #ffb74d;
}
/*
.Field_PrevMonth:before
{
   
    content: var(--icon-Arrow-Left);
    font-family: "361";
    position: absolute;
    font-size: 2em;
    left: 1em;
    top: 0.8em;
}

.Field_NextMonth:after
{
    content: var(--icon-Arrow-Right);
    font-family: "361";
    position: absolute;
    font-size: 2em;
    right: 1em;
    top: 0.8em;
}
.Field_PrevYear:before
{
   
    content: var(--icon-Arrow-Left);
    font-family: "361";
    position: absolute;
    font-size: 2em;
    left: 1em;
    top: 0.8em;
}

.Field_NextYear:after
{
    content: var(--icon-Arrow-Right);
    font-family: "361";
    position: absolute;
    font-size: 2em;
    right: 1em;
    top: 0.8em;
}*/

/* STYLE : [VİRTUALPOS] ItemView_CreditCard_Customer. */

.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;
}

/* STYLE : [ORGANİZATİONS] Department. */

.ItemView_Department_Tree .FieldSet_s
{
    border-left: solid 3em transparent !important;
}

/* STYLE : [ORGANİZATİONS] Organization. */

.ItemView_Organization_Card
{
    width: 100%;
    max-width: 360px;
    padding: 1em;
}

/* STYLE : [EMPLOYERMANAGEMENT] 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 : [EMPLOYERMANAGEMENT] SingleItem_EmployerPoint. */

.SingleItem_EmployerPoint .Mode_Display.LabelHidden > .FieldValue > .InputSpan > *,
.SingleItem_EmployerDocument .Mode_Display.LabelHidden > .FieldValue > .InputSpan > * {
    text-align: left;
    padding-left: 1em;
}

/* STYLE : [EMPLOYERMANAGEMENT] Page_EmployerManagement. */

.LoginState_0  .Page_EmployerManagement  .WelcomeMessage
{
	display: block;
}

.Page_EmployerManagement .RootNav .NavImage {
	display: none;
}

/* STYLE : [EMPLOYERMANAGEMENT] ItemView_EmployerMonth. */

.ItemView_EmployerMonth .Field
{
	padding: 0.5em;
}

/* STYLE : [EMPLOYERMANAGEMENT] 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 : [EMPLOYERMANAGEMENT] SingleItem_EmployerMonth. */

.SingleItem_EmployerMonth .FieldSet_titles {
	font-size: 125%;
}

/* STYLE : [EMPLOYERMANAGEMENT] 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 : [EMPLOYERMANAGEMENT] SingleItem_EmployerMonth_Display. */

.SingleItem_EmployerMonth_Display .Text
{
	vertical-align: middle;
}

/* STYLE : [EMPLOYERMANAGEMENT] 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;
}

/* STYLE : [EMPLOYERMANAGEMENT] 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 : [361] Variables. */

:root {
    --primary: #ff1493;
    --headerBg: #1d1d26;
    --textColor: #0e0f0f;
    --textColorInverse: #fcfdff;
	--titleColor: #0068bb;
    --bg: #f8faff;
    --bgTint: #dfeded;
    --bgGrey: #e6e8e8;
    --white: #fcfdff;
    --borderStyle: none;
    --vr: 1rem;

    --backColor: #f8f8ff;
    --backColor2: #f8f8ff;
    --border2 : solid 0 transparent;
    --singleItemBackColor: #f8f8ff;
	
	--iconColor: #202020;
    --menuIconColor: #14b3ee;
   
	--black: #303030;
	
	--c1: #456990;
	--c2: #7FC8F8;
	--c3: #EBCFB2;
	--c4: #FF3C38;
	--c5: #4B7F52;
	

	--etShadow: 5px 5px 10px #00000020, -5px -5px 10px #ffffffd0, -2px 0 4px #00000010, 0 -2px 4px #00000010;
	--tdShadow: inset 2px 2px 4px #00000020, inset -2px -2px 4px #ffffffd0;
	--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;
}

/* STYLE : [361] htmlbody. */

html
{
    background-color: var(--backColor);
}

body {

	margin-left: auto;
	margin-right: auto;
    background-color: var(--backColor);
}

.MainContent > * 
{
	min-height: 100%;
}

.MainContent > .NavigationContent  {

}

.Page .ApplicationName
{
    display: none;
}


.ViewBody
{

}

.ViewBody div > div:only-child {
  /* height: 100%;
    width: 100%;*/ /*çok alanda sıkıntı buna bakılacak*/
}

.BROWSER_Mobile_Safari * {

    box-shadow: unset !important;
    box-shadow: unset !important;
  border-radius: unset !important;
}
.BROWSER_Mobile_Safari .View_ItemView   .Middle .MiddleCenter {
    will-change: transform; /* Tarayıcıya bu elemanın değişeceğini ve hazırlıklı olmasını söyler */
    contain: layout; /* Layout hesaplamasını bu elemanla sınırlar */
    -webkit-transform: translateZ(0); /* Donanım hızlandırmayı zorlar */
     -webkit-overflow-scrolling: touch !important;
}

/* 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] Defaults. */

button, input, textarea, select, .ItemSelection, .DatePicker, .Choice, .FileDisplay, .Choices > a {
    background-color: white;
	color: #303030;
}

.ViewActions.Choices > a
{
	background-color: transparent;
}


.Page
{
	background-color: #0e2343;
	background-color: transparent;
}


.ETWBottom, .ETWBody, .ETWTop, .ETWLeft,.ETWRight {
	 /*   box-shadow: 1px 1px 0px rgba(0, 0, 0,0.2);*/
}



#ModuleImage {
	padding: 5px;
}


.Desktop #ModuleImage
{
	padding: 4px 8px;
}



#SearchZone
{

}

.FieldMoney .FieldValue a
{
	color: green;
}

.ProcedureButton_DeleteMe {
	opacity: 0.5;
}


table.NumericKeyPad td
{
	background-color: #666666;
	color: white;
}


.SearchZoneTitle
{
	color: silver;
}


.TabHeader span.Selected
{
    color: #0068bb;	
}

.EntityTypeViewTitle {
    color: #444444;	
    color: #0068bb;	
}


.Parameters .Text 
{ 
	color: gray;
}

.ProcedureButton_DeleteMe
 {
	 position: absolute;
	 top: 0;
	 right: 0;
 }

.ItemClicked 
{
	opacity: 1.0;
	box-shadow: 0 0 10px gray;
}



.SearchTitle
{
	display: none;
}

#SearchInput.NotEmpty 
{
	width: 12em;
}

#SearchInput
{
	padding: 0.35em 1em;
	border: solid 1px #d7d7d7;
	background-color: transparent;
}


.Search:active #SearchInput, 
#SearchInput:valid {
    background-color: rgba(255,255,255,0.8);
}

.Document_Scrolled  {
	padding-top: 4em;
}

.SelectedItem {
    position: relative;
}

.SelectedItem:after
{
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,255,0,0.25);
    pointer-events: none;
    z-index: 0;
}

.FieldMoney .FieldValue a, .AggField_Amount
{
	color: green !important;
}

.SameItem {
	color:black;
	font-weight: bold;
	outline: 0;
	border: 0;
}


.SameItem a
{
	textshadow: 0 0 1px black;
}

/* STYLE : [361] Colors. */

.SingleItemTitle {
    color: #0068bb;
}
.ETWMenu {
    background-color: #f8faff !important;
}
.ViewActions .ToggleMenu {
    color: #0068bb;	
}
.PanelHeader 
{
    color: #0068bb;	
}
.DoScript {
	background-color: #606060;
	color: white;
}
.TopLeft .Actions a
{
	background-color: #303030;
	color: white;
}

.TopLeft .Actions a:hover
{
	background-color: #303030;
	color: white;
	box-shadow: 0 0 5px white;
	font-weight: normal;
	text-shadow: 0 0 5px white;
}

/* STYLE : [361] Login. */

.LoginForm > form, .SingleItem_Subscriber_Request
{
    font-size: 120%;
    border-radius: 1em;
	max-width: 360px;
}


body.BODYPage___Login__
{
	background-image: none;
}



.LoginPanelTitle {
	font-size: 150%;
	padding: 1em 1em 0.5em 1em;
	font-weight: bold;
	display: block;
	text-align: center;
}


.LoginForm .Login, .SingleItem_Subscriber_Request .Transition {
    background-color: #35b335;
    color: white;
   /* box-shadow: 0 0 1em grey;*/
}

/* STYLE : [361] PageTop. */

.PageTop
{
    z-index: 100;
    box-shadow: 0 0 0 #c0c0c08a;
}


.PageTop .UserTitle
{

}



.PageTop #SearchInput
{
	background-color: transparent;
	color: white;
	border-color: transparent;
}

.PageTop Search:active #SearchInput, 
.PageTop  #SearchInput:valid 
{
    background-color: transparent;
}


.PageTop .SearchInput:after
{

}



.PageTop .Search:active #SearchInput, 
.PageTop #SearchInput:valid {
	color: #303030;
}


.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;
}

/* STYLE : [361] Nav. */

.NavigationButtons .LeafNav
{
	border: 0 !important;
}

/*
.NavigationButtons .LeafNav .NavImage::after
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    border-radius: var(--iconRadius);
    opacity: 0.3;
    z-index: -1;
    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%);
}
*/

.NavigationButtons .LeafNav .NavTitle
{
	font-size: 120%;
}

.NavigationButtons .Nav360  .LeafNav .NavTitle
{
	width: 8em;
}




.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 .Nav.NavBranch {
    border-radius: 10em;
    padding: 0.5em;
    border-radius: 1em;
}


.NavigationButtons .NavigationButton_NoImages .NavImage
{
	display: none;
}

.NavigationButtons .NavigationButton_Block
{
	display: block !important;
}

.NavigationButtons .LeafNav:hover .NavTitle
{

}



.NavigationButtons .LeafNav:hover
{
	background-color: white !important;
}


.HideSubOnMenu .SubNavs
{
	display: none;
}

.Page #PageZone_Top1.PageTop .Nav.Nav_mB2BSelectDealer {
    max-width: 100%;
}
#Content_SalesmanSelectB2B > #Panel_m .ItemSelection {
    background-color: var(--logoColor) !important;
}

/* STYLE : [361] RootHoverMenuBody. */

.RootHoverMenu_mAssets .RootHoverMenuBody,
.RootHoverMenu_mHR .RootHoverMenuBody,
.RootHoverMenu_menu_Ayarlar .RootHoverMenuBody,
.RootHoverMenu_mFinance .RootHoverMenuBody 
{
	display: flex;
	flex-direction: row;
}

.RootHoverMenu_mAssets .RootHoverMenuBody > .Nav:first-child *,
.RootHoverMenu_mFinance .RootHoverMenuBody > .Nav:first-child *
{
	text-transform: uppercase;
	text-align: center;
	font-size: 110%;
}


.RootHoverMenu_mSales > .RootHoverMenuBody ,
.RootHoverMenu_mCollab > .RootHoverMenuBody 
{
        flex-wrap: wrap;
}

.NavigationButtons .Nav_mSalesReports 
{
    min-width: 100%;   
}

.NavigationButtons .Nav_mSalesReports .NavButton  
{
    width: auto;
}

.NavigationButtons .Nav_mSalesReports .LeafNav .NavButton:hover  .NavTitle 
{
    background-image: var(--hoverImage);
}

.NavigationButtons .Nav_mSetSales .LeafNav .NavButton:hover  .NavTitle 
{
    background-image: var(--hoverImage);
}

.RootHoverMenu_mSales > .RootHoverMenuBody  .Nav_mSetSales,
.RootHoverMenu_mSales > .RootHoverMenuBody  .Nav_mSalesReports
{
    min-width: 100%;
    border-top: var(--border3);
}

.SelectionsMenu.RootHoverMenu_mCollab > .RootHoverMenuBody > .Nav,
.SelectionsMenu.RootHoverMenu_mSales > .RootHoverMenuBody > .Nav
{
    flex: 1;
}


.RootHoverMenu_mSales > .RootHoverMenuBody  .Nav_mSetSales > .SubNavs,
.RootHoverMenu_mSales > .RootHoverMenuBody  .Nav_mSalesReports > .SubNavs
{
    flex-wrap: wrap;
    flex-direction: row;
}

.RootHoverMenu_mSales > .RootHoverMenuBody  .Nav_mSetSales > .SubNavs > .Nav
{
flex: 0 0 13em;
}

.RootHoverMenu_mSales > .RootHoverMenuBody  .Nav_mSalesReports > .SubNavs > .Nav
{
flex: 0 0  20em;
}

.SelectionsMenu.RootHoverMenu 
{
	background-color: #1a1a27;
	color: white;
	box-shadow: 0 0 1px white;
	padding-top: 3em;
}


.RootHoverMenuBody > .Nav.LeafNav:first-child 
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	max-width: 100%;
}

.RootHoverMenuBody .NavButton:hover 
{
	color: yellow;
}

.RootHoverMenuBody .Nav:hover > .NavButton:before
{
	opacity: 1.0;
	color: yellow;
}

.RootHoverMenuBody .NavBranch > .NavButton {
text-transform: uppercase;
}

/* STYLE : [361] RootMenuOpened. */

.PageZone_RootMenuOpened
{
	display: none;
	background-color: rgb(48, 48, 48);
}

.PageZone_RootMenuOpened .ViewBody
{
	background-color: transparent;
}

.PageZone_RootMenuOpened .ItemView
{
	background-color: transparent;
}


.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;
}



.PageZone_RootMenuOpened #SearchInput
{
	width: inherit;
}

.PageZone_RootMenuOpened .Search
{
	display: block !important;
	text-align: center !important;
	padding: 2em 2em 0 2em;
}

.PageZone_RootMenuOpened  #SearchZone  
{
	height: 50vh;
	color: white;
}


.PageZone_RootMenuOpened .Search #SearchInput
{
	width: 10em;
}

/* STYLE : [361] LastCSS. */

.AlignRight > .InputSpan > a{
    justify-content: flex-end;
}

/* STYLE : [361] SingleItem. */

.SingleItem .Fields > div:only-child, 
.SingleItem .Fields .TabBody > *  
{

}

.ItemHeader > .Left > a {
    padding: 9px 0 0 1em !important;
    opacity: 0.75 !important;
    font-size: 1.25em !important;
    color: #F44336 !important;
}

.ItemPreviewButton {
    visibility: visible !important;
}

/* STYLE : [361] Classes. */

.PageCorner
{
    background-color: #303030;	
}

/* STYLE : [361] AutoHide. */

.PageZone_ml.AutoHideOn
{
	height: 100% !important;
}

.AutoHideOn #ModuleImage {
	padding: 1px;
}


.AutoHideTopLeftHandle, .AutoHideTopRightHandle, .AutoHideBottomRightHandle, .AutoHideBottomLeftHandle
{
	color: white;
}

.AutoHideOn .AutoHideTopLeftHandle, .AutoHideOn .AutoHideTopRightHandle, .AutoHideOn .AutoHideBottomRightHandle, .AutoHideOn .AutoHideBottomLeftHandle
{
	color: black;
}

/* STYLE : [361] GroupTabs. */

.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;
}

/* STYLE : [361] media print. */

@media print 
{
	@page {
		size: A4;
		margin: 2cm;
		
		@top-left 
		{
			content: element(FieldSet_Header);
			content: "Bizicon";
		}
		
		@top-right
		{
			content: "CENTER";
		}
	}
	
	* {
		-webkit-transition: none !important;
		transition: none !important;
		max-width: 100% !important;
		white-space: pre-line !important;
	}
	
}

/* STYLE : [361] EntityTypeView. */

.EntityTypeViewBody {
    background-color: transparent;
}
.EntityTypeViewBody > * {
    display: flex;
    display: -webkit-flex;
    flex-direction: row; 
}

/* STYLE : [361] NavButtons. */

.NavigationButtons .LeafNav
{
    background: transparent !important;
    box-shadow: 0 0 0 !important;
    border-radius: 0px;
    border: 0 !important;
    margin: 0 !important;
}


.NavigationButtons .LeafNav:hover
{
   transform:  scale(1.0);
    box-shadow: 0 0 0 !important;
    background-color: transparent !important;
}

.NavigationButtons .LeafNav .NavImage
{
    background: var(--bg) ;
    box-shadow: var(--neoShadow);
}

/* STYLE : [361] NavButtons.RoundImage40. */

.NavigationButtons .LeafNav .NavImage
{
    border-radius: 40%;
}

/* STYLE : [361] MainTitle. */

.MainTitle {
    font-size: 1.5em;
    font-weight: 550;
}

/* STYLE : [361] 361CSS. */

.mw-fit{
        max-width: fit-content;
}

button:hover {
    box-shadow: unset !important;
}

.AddGroupField > a {
    font-size: 90%;
}

.ItemClicked {
    opacity: 1.0;
    box-shadow: unset; 
}

.Parameters .Text span {font-size: 90%;color: var(--labelColor);}

.Header > .Center {
    width: 34%;
}

Field_Category .ETWBottom, .ETWBody, .ETWTop, .ETWLeft, .ETWRight {
  /*  box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.05);*/
}

.DeleteButton {
    position: absolute;
    top: 0em;
    font-size: 2em;
    right: 0.1em;
}

.MicroView.EntityType_Activity .EntityTypeViewBody > .Center > .Middle {
    margin: 8px 0 !important;
}
#RootNavItem_mAccessControl > #Content_PersonWorkingState .ViewBody_ItemView_WorkingState{
    position: relative !important;
}
.BringCenter > .FieldLabel > a{
    justify-content: center !important;
}

/* STYLE : [361] 361CSS.root. */

:root {
    
    --singleItem-opacity:1;
    --singleItemBackColor:#f0f1f6;
    
    
    --menuBackColor:#1a1a27;
    /*--backColor:#f0f0f0;*/
    --backColor:#f0f1f6;
    --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;

}
.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;
}
.Content .EntityTypeView > .EntityTypeViewBody{

}
/*.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;
}
.btn{
    width: fit-content;
}
*,
::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
}

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;
    line-height: 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
}


.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}
.bg-white {
    background-color: #fff !important;
    --bg-color: 255, 255, 255 !important
}

.bg-white.hoverable:hover {
    background-color: #f5f8fa !important
}

.bg-hover-white {
    cursor: pointer
}

.bg-hover-white:hover {
    --bg-color: 255, 255, 255;
    background-color: #fff !important
}

.bg-active-white.active {
    --bg-color: 255, 255, 255;
    background-color: #fff !important
}

.bg-state-white {
    cursor: pointer
}

.bg-state-white.active,
.bg-state-white:hover {
    --bg-color: 255, 255, 255;
    background-color: #fff !important
}

.bg-light {
    background-color: #f5f8fa !important;
    --bg-color: 245, 248, 250 !important
}

.bg-light.hoverable:hover {
    background-color: #eff2f5 !important
}

.bg-hover-light {
    cursor: pointer
}

.bg-hover-light:hover {
    --bg-color: 245, 248, 250;
    background-color: #f5f8fa !important
}

.bg-active-light.active {
    --bg-color: 245, 248, 250;
    background-color: #f5f8fa !important
}

.bg-state-light {
    cursor: pointer
}

.bg-state-light.active,
.bg-state-light:hover {
    --bg-color: 245, 248, 250;
    background-color: #f5f8fa !important
}

.bg-light-primary {
    background-color: #f1faff !important
}

.bg-light-primary.hoverable:hover {
    background-color: #d2efff !important
}

.bg-primary {
    background-color: #009ef7 !important;
    --bg-color: 0, 158, 247 !important
}

.bg-primary.hoverable:hover {
    background-color: #0095e8 !important
}

.bg-hover-light-primary {
    cursor: pointer
}

.bg-hover-light-primary:hover {
    background-color: #f1faff !important
}

.bg-state-light-primary {
    cursor: pointer
}

.bg-state-light-primary.active,
.bg-state-light-primary:hover {
    background-color: #f1faff !important
}

.bg-hover-primary {
    cursor: pointer
}

.bg-hover-primary:hover {
    --bg-color: 0, 158, 247;
    background-color: #009ef7 !important
}

.bg-active-primary.active {
    --bg-color: 0, 158, 247;
    background-color: #009ef7 !important
}

.bg-state-primary {
    cursor: pointer
}

.bg-state-primary.active,
.bg-state-primary:hover {
    --bg-color: 0, 158, 247;
    background-color: #009ef7 !important
}

.bg-secondary {
    background-color: #e4e6ef !important;
    --bg-color: 228, 230, 239 !important
}

.bg-secondary.hoverable:hover {
    background-color: #b5b5c3 !important
}

.bg-hover-secondary {
    cursor: pointer
}

.bg-hover-secondary:hover {
    --bg-color: 228, 230, 239;
    background-color: #e4e6ef !important
}

.bg-active-secondary.active {
    --bg-color: 228, 230, 239;
    background-color: #e4e6ef !important
}

.bg-state-secondary {
    cursor: pointer
}

.bg-state-secondary.active,
.bg-state-secondary:hover {
    --bg-color: 228, 230, 239;
    background-color: #e4e6ef !important
}

.bg-light-success {
    background-color: #e8fff3 !important
}

.bg-light-success.hoverable:hover {
    background-color: #c9ffe3 !important
}

.bg-success {
    background-color: #50cd89 !important;
    --bg-color: 80, 205, 137 !important
}

.bg-success.hoverable:hover {
    background-color: #47be7d !important
}

.bg-hover-light-success {
    cursor: pointer
}

.bg-hover-light-success:hover {
    background-color: #e8fff3 !important
}

.bg-state-light-success {
    cursor: pointer
}

.bg-state-light-success.active,
.bg-state-light-success:hover {
    background-color: #e8fff3 !important
}

.bg-hover-success {
    cursor: pointer
}

.bg-hover-success:hover {
    --bg-color: 80, 205, 137;
    background-color: #50cd89 !important
}

.bg-active-success.active {
    --bg-color: 80, 205, 137;
    background-color: #50cd89 !important
}

.bg-state-success {
    cursor: pointer
}

.bg-state-success.active,
.bg-state-success:hover {
    --bg-color: 80, 205, 137;
    background-color: #50cd89 !important
}

.bg-light-info {
    background-color: #f8f5ff !important
}

.bg-light-info.hoverable:hover {
    background-color: #e3d6ff !important
}

.bg-info {
    background-color: #7239ea !important;
    --bg-color: 114, 57, 234 !important
}

.bg-info.hoverable:hover {
    background-color: #5014d0 !important
}

.bg-hover-light-info {
    cursor: pointer
}

.bg-hover-light-info:hover {
    background-color: #f8f5ff !important
}

.bg-state-light-info {
    cursor: pointer
}

.bg-state-light-info.active,
.bg-state-light-info:hover {
    background-color: #f8f5ff !important
}

.bg-hover-info {
    cursor: pointer
}

.bg-hover-info:hover {
    --bg-color: 114, 57, 234;
    background-color: #7239ea !important
}

.bg-active-info.active {
    --bg-color: 114, 57, 234;
    background-color: #7239ea !important
}

.bg-state-info {
    cursor: pointer
}

.bg-state-info.active,
.bg-state-info:hover {
    --bg-color: 114, 57, 234;
    background-color: #7239ea !important
}

.bg-light-warning {
    background-color: #fff8dd !important
}

.bg-light-warning.hoverable:hover {
    background-color: #fff2be !important
}

.bg-warning {
    background-color: #ffc700 !important;
    --bg-color: 255, 199, 0 !important
}

.bg-warning.hoverable:hover {
    background-color: #f1bc00 !important
}

.bg-hover-light-warning {
    cursor: pointer
}

.bg-hover-light-warning:hover {
    background-color: #fff8dd !important
}

.bg-state-light-warning {
    cursor: pointer
}

.bg-state-light-warning.active,
.bg-state-light-warning:hover {
    background-color: #fff8dd !important
}

.bg-hover-warning {
    cursor: pointer
}

.bg-hover-warning:hover {
    --bg-color: 255, 199, 0;
    background-color: #ffc700 !important
}

.bg-active-warning.active {
    --bg-color: 255, 199, 0;
    background-color: #ffc700 !important
}

.bg-state-warning {
    cursor: pointer
}

.bg-state-warning.active,
.bg-state-warning:hover {
    --bg-color: 255, 199, 0;
    background-color: #ffc700 !important
}

.bg-light-danger {
    background-color: #fff5f8 !important
}

.bg-light-danger.hoverable:hover {
    background-color: #ffd6e3 !important
}

.bg-danger {
    background-color: #f1416c !important;
    --bg-color: 241, 65, 108 !important
}

.bg-danger.hoverable:hover {
    background-color: #d9214e !important
}

.bg-hover-light-danger {
    cursor: pointer
}

.bg-hover-light-danger:hover {
    background-color: #fff5f8 !important
}

.bg-state-light-danger {
    cursor: pointer
}

.bg-state-light-danger.active,
.bg-state-light-danger:hover {
    background-color: #fff5f8 !important
}

.bg-hover-danger {
    cursor: pointer
}

.bg-hover-danger:hover {
    --bg-color: 241, 65, 108;
    background-color: #f1416c !important
}

.bg-active-danger.active {
    --bg-color: 241, 65, 108;
    background-color: #f1416c !important
}

.bg-state-danger {
    cursor: pointer
}

.bg-state-danger.active,
.bg-state-danger:hover {
    --bg-color: 241, 65, 108;
    background-color: #f1416c !important
}

.bg-light-dark {
    background-color: #eff2f5 !important
}

.bg-light-dark.hoverable:hover {
    background-color: #dce3e9 !important
}

.bg-dark {
    background-color: #181c32 !important;
    --bg-color: 24, 28, 50 !important
}

.bg-dark.hoverable:hover {
    background-color: #131628 !important
}

.bg-hover-light-dark {
    cursor: pointer
}

.bg-hover-light-dark:hover {
    background-color: #eff2f5 !important
}

.bg-state-light-dark {
    cursor: pointer
}

.bg-state-light-dark.active,
.bg-state-light-dark:hover {
    background-color: #eff2f5 !important
}

.bg-hover-dark {
    cursor: pointer
}

.bg-hover-dark:hover {
    --bg-color: 24, 28, 50;
    background-color: #181c32 !important
}

.bg-active-dark.active {
    --bg-color: 24, 28, 50;
    background-color: #181c32 !important
}

.bg-state-dark {
    cursor: pointer
}

.bg-state-dark.active,
.bg-state-dark:hover {
    --bg-color: 24, 28, 50;
    background-color: #181c32 !important
}

.bg-gray-100 {
    background-color: #f5f8fa
}

.bg-gray-200 {
    background-color: #eff2f5
}

.bg-gray-300 {
    background-color: #e4e6ef
}

.bg-gray-400 {
    background-color: #b5b5c3
}

.bg-gray-500 {
    background-color: #a1a5b7
}

.bg-gray-600 {
    background-color: #7e8299
}

.bg-gray-700 {
    background-color: #5e6278
}

.bg-gray-800 {
    background-color: #3f4254
}

.bg-gray-900 {
    background-color: #181c32
}

.bg-opacity-0 {
    background-color: rgba(var(--bg-color), 0) !important
}

.bg-hover-opacity-0:hover {
    background-color: rgba(var(--bg-color), 0) !important
}

.bg-active-opacity-0.active {
    background-color: rgba(var(--bg-color), 0) !important
}

.bg-state-opacity-0 .active,
.bg-state-opacity-0:hover {
    background-color: rgba(var(--bg-color), 0) !important
}

.bg-opacity-5 {
    background-color: rgba(var(--bg-color), .05) !important
}

.bg-hover-opacity-5:hover {
    background-color: rgba(var(--bg-color), .05) !important
}

.bg-active-opacity-5.active {
    background-color: rgba(var(--bg-color), .05) !important
}

.bg-state-opacity-5 .active,
.bg-state-opacity-5:hover {
    background-color: rgba(var(--bg-color), .05) !important
}

.bg-opacity-10 {
    background-color: rgba(var(--bg-color), .1) !important
}

.bg-hover-opacity-10:hover {
    background-color: rgba(var(--bg-color), .1) !important
}

.bg-active-opacity-10.active {
    background-color: rgba(var(--bg-color), .1) !important
}

.bg-state-opacity-10 .active,
.bg-state-opacity-10:hover {
    background-color: rgba(var(--bg-color), .1) !important
}

.bg-opacity-15 {
    background-color: rgba(var(--bg-color), .15) !important
}

.bg-hover-opacity-15:hover {
    background-color: rgba(var(--bg-color), .15) !important
}

.bg-active-opacity-15.active {
    background-color: rgba(var(--bg-color), .15) !important
}

.bg-state-opacity-15 .active,
.bg-state-opacity-15:hover {
    background-color: rgba(var(--bg-color), .15) !important
}

.bg-opacity-20 {
    background-color: rgba(var(--bg-color), .2) !important
}

.bg-hover-opacity-20:hover {
    background-color: rgba(var(--bg-color), .2) !important
}

.bg-active-opacity-20.active {
    background-color: rgba(var(--bg-color), .2) !important
}

.bg-state-opacity-20 .active,
.bg-state-opacity-20:hover {
    background-color: rgba(var(--bg-color), .2) !important
}

.bg-opacity-25 {
    background-color: rgba(var(--bg-color), .25) !important
}

.bg-hover-opacity-25:hover {
    background-color: rgba(var(--bg-color), .25) !important
}

.bg-active-opacity-25.active {
    background-color: rgba(var(--bg-color), .25) !important
}

.bg-state-opacity-25 .active,
.bg-state-opacity-25:hover {
    background-color: rgba(var(--bg-color), .25) !important
}

.bg-opacity-50 {
    background-color: rgba(var(--bg-color), .5) !important
}

.bg-hover-opacity-50:hover {
    background-color: rgba(var(--bg-color), .5) !important
}

.bg-active-opacity-50.active {
    background-color: rgba(var(--bg-color), .5) !important
}

.bg-state-opacity-50 .active,
.bg-state-opacity-50:hover {
    background-color: rgba(var(--bg-color), .5) !important
}

.bg-opacity-75 {
    background-color: rgba(var(--bg-color), .75) !important
}

.bg-hover-opacity-75:hover {
    background-color: rgba(var(--bg-color), .75) !important
}

.bg-active-opacity-75.active {
    background-color: rgba(var(--bg-color), .75) !important
}

.bg-state-opacity-75 .active,
.bg-state-opacity-75:hover {
    background-color: rgba(var(--bg-color), .75) !important
}

.bg-opacity-100 {
    background-color: rgba(var(--bg-color), 1) !important
}

.bg-hover-opacity-100:hover {
    background-color: rgba(var(--bg-color), 1) !important
}

.bg-active-opacity-100.active {
    background-color: rgba(var(--bg-color), 1) !important
}

.bg-state-opacity-100 .active,
.bg-state-opacity-100:hover {
    background-color: rgba(var(--bg-color), 1) !important
}

.bg-black {
    background-color: #000
}

.bg-body {
    --bg-color: 255, 255, 255;
    background-color: #fff
}

.bg-lighten {
    background-color: rgba(245, 248, 250, .5)
}

.bg-hover-lighten {
    cursor: pointer
}

.bg-hover-lighten:hover {
    background-color: rgba(245, 248, 250, .5)
}

.bg-active-lighten.active {
    background-color: rgba(245, 248, 250, .5)
}

.bg-state-lighten {
    cursor: pointer
}

.bg-state-lighten.active,
.bg-state-lighten:hover {
    background-color: rgba(245, 248, 250, .5)
}

.hoverable {
    cursor: pointer;
    transition: all .2s ease
}

.hoverable:hover {
    transition: all .2s ease
}

.bgi-no-repeat {
    background-repeat: no-repeat
}

.bgi-position-y-top {
    background-position-y: top
}

.bgi-position-y-bottom {
    background-position-y: bottom
}

.bgi-position-y-center {
    background-position-y: center
}

.bgi-position-x-start {
    background-position-x: left
}

.bgi-position-x-end {
    background-position-x: right
}

.bgi-position-x-center {
    background-position-x: center
}

.bgi-position-top {
    background-position: 0 top
}

.bgi-position-bottom {
    background-position: 0 bottom
}

.bgi-position-center {
    background-position: center
}

.bgi-size-auto {
    background-size: auto
}

.bgi-size-cover {
    background-size: cover
}

.bgi-size-contain {
    background-size: contain
}

.bgi-attachment-fixed {
    background-attachment: fixed
}

.bgi-attachment-scroll {
    background-attachment: scroll
}


.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
    margin-right: auto;
    margin-left: auto
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.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.3333333333%
}

.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.6666666667%
}

.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%
}

.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%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0rem
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0rem
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 0.75rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 0.75rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 1.25rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 1.25rem
}

.g-6,
.gx-6 {
    --bs-gutter-x: 1.5rem
}

.g-6,
.gy-6 {
    --bs-gutter-y: 1.5rem
}

.g-7,
.gx-7 {
    --bs-gutter-x: 1.75rem
}

.g-7,
.gy-7 {
    --bs-gutter-y: 1.75rem
}

.g-8,
.gx-8 {
    --bs-gutter-x: 2rem
}

.g-8,
.gy-8 {
    --bs-gutter-y: 2rem
}

.g-9,
.gx-9 {
    --bs-gutter-x: 2.25rem
}

.g-9,
.gy-9 {
    --bs-gutter-y: 2.25rem
}

.g-10,
.gx-10 {
    --bs-gutter-x: 2.5rem
}

.g-10,
.gy-10 {
    --bs-gutter-y: 2.5rem
}

/* STYLE : [361] 361CSS.SingleItem. */

.AlignLeft>* {
    width: 100%;
}

.SingleItem {

}

.SingleItem_RightOpen > .ItemBody >.ItemCenter 
{

}
.SingleItem_RightOpen > .ItemBody > .ItemRight {
    border: 1px solid #eaeefd;
    box-shadow: -7px 0px 14px 0px rgb(69 90 100 / 5%);
    width: var(--subItemsWidth) !important;
    position: absolute;
}
.SingleItem_RightOpen > .ItemBody > .ItemRight .ItemView__Note_Card {
    border: 1px dashed #97cae7 !important;
    background-color: #eff2ff;
    width: 100%;
}
.SingleItem > .ItemBody >.SubItemButtons{
    display: none;
}

/* STYLE : [361] 361CSS.ItemHeader. */

.ItemHeader{
    padding: 0; 
}

.ItemSubmit a {
    opacity: 1 !important;
}
.ItemHeader .SaveButton {
    visibility: unset !important;
    color: #7e8299;
    border-color: var(--bs-secondary);
    background-color: #f5f8fa;
    opacity: 1 !important;
}
.SaveButton .ButtonText {
    display: block !important;
}
.ItemSubmit a:hover {
    opacity: 1.0;
    text-shadow: 0 0 0 !important;
}
.TopLeft .Actions a
{
	background-color: #50cd89;
	/*#e2ebf1;*/
	color: #ffffff;
	z-index: 99;
	border-radius: var(--gap) 0 var(--gap) 0;
}

.TopLeft .Actions a:hover
{
	background-color: #50cd89;
	color: #ffffff;
	box-shadow: unset;
	font-weight: normal;
	text-shadow: unset;
}
.Actions a:hover
{
    opacity: 1.0;
    box-shadow: unset !important;
}
.OkButton {
    background-color: #009ef7;
    border:0;
    color: #ffffff;
}
.OkButton:hover {
    color: #ffffff !important;
}
.ItemStates {
    padding: 0.5rem 0;
}

/* STYLE : [361] 361CSS.ItemView. */

.ItemView {
    border: 0 !important;
}
.ItemView .Button {
    opacity: 1 !important;
}
.ItemView_Survey_Summary .ButtonTitle {padding: 0!important;}
.ItemStates .Transition:hover {
    text-shadow: unset ;
}
.ItemView_SurveyQuestion_Summary {
    background-color: #e4e6ef;
    padding: 16px;
    border: 1px solid #cccccc !important;
}


.ItemView_ServiceCatalog_Home{
    background-color: #ffffff;
}
.ItemView_ServiceCatalog_Home:hover{
    background-color: #f1faff;
}

.ItemView_Notification_Card {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    background-color: white;
    padding: 5px;
    border-radius: 0;
    box-shadow: unset; 
    border: 0;
}
.ItemView_Activity_Card{
    box-shadow:unset !important;
    border: 1px #cccccc !important;
    border-style: dashed !important;
    width:100%;
    max-width: calc( 100% - 1em);
}
.ItemView_Activity_Card .Field_Category  a,.ItemView_Activity_Card .Field_Issuer  a {
    color: #52545e;
    
}

.ItemView_WorkUnit_Card {
    box-shadow: 0 0 20px 0 rgb(76 87 125 / 1%);
    border: 1px solid #4c577d4f !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;
    
}
.ItemView_WorkUnit_Card .FieldSet_t {background-color: rgb(228 230 239) !important;}

/* STYLE : [361] 361CSS.FormElement. */

.ItemSelection{  
    width: 100%;
    font-weight: 500;
    color: #5e6278;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    appearance: none;
    border-radius: 0.475rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
.ItemSelection:focus {
     color: #5e6278 !important;
    background-color: #fff !important;
    border-color: #b5b5c3 !important;
    outline: 0 !important;
}
 .input {
    width: 100%;
    padding: 8px;

    font-weight: 500;

    color: #5e6278;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    appearance: none;
    border-radius: .475rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.input:focus {
    color: #5e6278 !important;
    background-color: #fff !important;
    border-color: #b5b5c3 !important;
    outline: 0 !important;
}
.DatePicker::after {
    right: 8px !important;
}
input:focus, select:focus, .ItemSelection:focus, textarea:focus, span.DatePicker:focus {
    box-shadow: 0 0 0 !important;
    color: #5e6278;
    background-color: #fff;
    border: 1px solid ;
    border-color: #b5b5c3;
    outline: 0;
}
.Menu_Arrow_Down.SelectionsMenuOpen {
    outline: none !important;
}
.SelectionItem:hover {
    background-color: #009ef7;
    color: white;
    text-decoration: none;
}

/* STYLE : [361] 361CSS.buttons. */

.Button:hover {
    z-index: 1000;
    outline:0 !important;
    opacity: 1.0;
}
.Button:active {
    outline: unset;
}
.Button > div {
    font-size: 100% !important;
    
}
.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
}
.btn:hover {
    color: #181c32;
    text-decoration: none
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0, 158, 247, .25)
}

.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn:active:focus {
    box-shadow: 0 0 0 .25rem rgba(0, 158, 247, .25), inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: .6;
    box-shadow: none
}

.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-white:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.btn-check:focus+.btn-white,
.btn-white:focus {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(217, 217, 217, .5)
}

.btn-check:active+.btn-white,
.btn-check:checked+.btn-white,
.btn-white.active,
.btn-white:active,
.show>.btn-white.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.btn-check:active+.btn-white:focus,
.btn-check:checked+.btn-white:focus,
.btn-white.active:focus,
.btn-white:active:focus,
.show>.btn-white.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(217, 217, 217, .5)
}

.btn-white.disabled,
.btn-white:disabled {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.btn-light {
    color: #000;
    background-color: #f5f8fa;
    border-color: #f5f8fa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-light:hover {
    color: #000;
    background-color: #f7f9fb;
    border-color: #f6f9fb
}

.btn-check:focus+.btn-light,
.btn-light:focus {
    color: #000;
    background-color: #f7f9fb;
    border-color: #f6f9fb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(208, 211, 213, .5)
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f7f9fb;
    border-color: #f6f9fb
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(208, 211, 213, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #000;
    background-color: #f5f8fa;
    border-color: #f5f8fa
}

.btn-primary {
    color: #000;
    background-color: #009ef7;
    border-color: #009ef7;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-primary:hover {
    color: #000;
    background-color: #26adf8;
    border-color: #1aa8f8
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #000;
    background-color: #26adf8;
    border-color: #1aa8f8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(0, 134, 210, .5)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #000;
    background-color: #33b1f9;
    border-color: #1aa8f8
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(0, 134, 210, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #000;
    background-color: #009ef7;
    border-color: #009ef7
}

.btn-secondary {
    color: #000;
    background-color: #e4e6ef;
    border-color: #e4e6ef;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-secondary:hover {
    color: #000;
    background-color: #e8eaf1;
    border-color: #e7e9f1
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    color: #000;
    background-color: #e8eaf1;
    border-color: #e7e9f1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(194, 196, 203, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #000;
    background-color: #e9ebf2;
    border-color: #e7e9f1
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(194, 196, 203, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #000;
    background-color: #e4e6ef;
    border-color: #e4e6ef
}

.btn-success {
    color: #000;
    background-color: #50cd89;
    border-color: #50cd89;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-success:hover {
    color: #000;
    background-color: #6ad59b;
    border-color: #62d295
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    color: #000;
    background-color: #6ad59b;
    border-color: #62d295;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(68, 174, 116, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
    color: #000;
    background-color: #73d7a1;
    border-color: #62d295
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(68, 174, 116, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #000;
    background-color: #50cd89;
    border-color: #50cd89
}

.btn-info {
    color: #fff;
    background-color: #7239ea;
    border-color: #7239ea;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-info:hover {
    color: #fff;
    background-color: #6130c7;
    border-color: #5b2ebb
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    color: #fff;
    background-color: #6130c7;
    border-color: #5b2ebb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(135, 87, 237, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #5b2ebb;
    border-color: #562bb0
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(135, 87, 237, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #7239ea;
    border-color: #7239ea
}

.btn-warning {
    color: #000;
    background-color: #ffc700;
    border-color: #ffc700;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-warning:hover {
    color: #000;
    background-color: #ffcf26;
    border-color: #ffcd1a
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    color: #000;
    background-color: #ffcf26;
    border-color: #ffcd1a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(217, 169, 0, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffd233;
    border-color: #ffcd1a
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(217, 169, 0, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #000;
    background-color: #ffc700;
    border-color: #ffc700
}

.btn-danger {
    color: #000;
    background-color: #f1416c;
    border-color: #f1416c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-danger:hover {
    color: #000;
    background-color: #f35e82;
    border-color: #f2547b
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    color: #000;
    background-color: #f35e82;
    border-color: #f2547b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(205, 55, 92, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    color: #000;
    background-color: #f46789;
    border-color: #f2547b
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(205, 55, 92, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #000;
    background-color: #f1416c;
    border-color: #f1416c
}

.btn-dark {
    color: #fff;
    background-color: #181c32;
    border-color: #181c32;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-dark:hover {
    color: #fff;
    background-color: #14182b;
    border-color: #131628
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
    color: #fff;
    background-color: #14182b;
    border-color: #131628;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(59, 62, 81, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #131628;
    border-color: #121526
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(59, 62, 81, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #181c32;
    border-color: #181c32
}

.btn-outline-white {
    color: #fff;
    border-color: #fff
}

.btn-outline-white:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.btn-check:focus+.btn-outline-white,
.btn-outline-white:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-check:active+.btn-outline-white,
.btn-check:checked+.btn-outline-white,
.btn-outline-white.active,
.btn-outline-white.dropdown-toggle.show,
.btn-outline-white:active {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.btn-check:active+.btn-outline-white:focus,
.btn-check:checked+.btn-outline-white:focus,
.btn-outline-white.active:focus,
.btn-outline-white.dropdown-toggle.show:focus,
.btn-outline-white:active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
    color: #fff;
    background-color: transparent
}

.btn-outline-light {
    color: #f5f8fa;
    border-color: #f5f8fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f5f8fa;
    border-color: #f5f8fa
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem rgba(245, 248, 250, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
    color: #000;
    background-color: #f5f8fa;
    border-color: #f5f8fa
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(245, 248, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f5f8fa;
    background-color: transparent
}

.btn-outline-primary {
    color: #009ef7;
    border-color: #009ef7
}

.btn-outline-primary:hover {
    color: #000;
    background-color: #009ef7;
    border-color: #009ef7
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(0, 158, 247, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #000;
    background-color: #009ef7;
    border-color: #009ef7
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(0, 158, 247, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #009ef7;
    background-color: transparent
}

.btn-outline-secondary {
    color: #e4e6ef;
    border-color: #e4e6ef
}

.btn-outline-secondary:hover {
    color: #000;
    background-color: #e4e6ef;
    border-color: #e4e6ef
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(228, 230, 239, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    color: #000;
    background-color: #e4e6ef;
    border-color: #e4e6ef
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(228, 230, 239, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #e4e6ef;
    background-color: transparent
}

.btn-outline-success {
    color: #50cd89;
    border-color: #50cd89
}

.btn-outline-success:hover {
    color: #000;
    background-color: #50cd89;
    border-color: #50cd89
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(80, 205, 137, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    color: #000;
    background-color: #50cd89;
    border-color: #50cd89
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(80, 205, 137, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #50cd89;
    background-color: transparent
}

.btn-outline-info {
    color: #7239ea;
    border-color: #7239ea
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #7239ea;
    border-color: #7239ea
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(114, 57, 234, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    color: #fff;
    background-color: #7239ea;
    border-color: #7239ea
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(114, 57, 234, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #7239ea;
    background-color: transparent
}

.btn-outline-warning {
    color: #ffc700;
    border-color: #ffc700
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc700;
    border-color: #ffc700
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 199, 0, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
    color: #000;
    background-color: #ffc700;
    border-color: #ffc700
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(255, 199, 0, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc700;
    background-color: transparent
}

.btn-outline-danger {
    color: #f1416c;
    border-color: #f1416c
}

.btn-outline-danger:hover {
    color: #000;
    background-color: #f1416c;
    border-color: #f1416c
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(241, 65, 108, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
    color: #000;
    background-color: #f1416c;
    border-color: #f1416c
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(241, 65, 108, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #f1416c;
    background-color: transparent
}

.btn-outline-dark {
    color: #181c32;
    border-color: #181c32
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #181c32;
    border-color: #181c32
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(24, 28, 50, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
    color: #fff;
    background-color: #181c32;
    border-color: #181c32
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(24, 28, 50, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #181c32;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #009ef7;
    text-decoration: none
}

.btn-link:hover {
    color: #006dab;
    text-decoration: underline
}

.btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #7e8299
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .825rem 1.75rem;
    font-size: 1.15rem;
    border-radius: .625rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .55rem 1.25rem;
    font-size: .925rem;
    border-radius: .325rem
}

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

.btn {
    outline: 0 !important
}

.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg) {
    box-shadow: none !important
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: calc(.75rem + 1px) calc(1.5rem + 1px)
}

.btn-group-lg>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon),
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-lg {
    padding: calc(.825rem + 1px) calc(1.75rem + 1px)
}

.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon),
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm {
    padding: calc(.55rem + 1px) calc(1.25rem + 1px)
}

.btn.btn-link {
    border: 0;
    border-radius: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-decoration: none;
    font-weight: 500
}

.btn.btn-outline-dashed {
    border: 1px dashed #e4e6ef
}

.btn.btn-outline-default {
    border: 1px solid #e4e6ef
}

.btn.btn-flush {
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    outline: 0 !important;
    margin: 0;
    padding: 0
}

.btn.btn-flex {
    display: inline-flex;
    align-items: center
}

.btn.btn-trim-start {
    justify-content: flex-start !important;
    padding-left: 0 !important
}

.btn.btn-trim-end {
    justify-content: flex-end !important;
    padding-right: 0 !important
}

.btn i {
    display: inline-flex;
    font-size: 1rem;
    padding-right: .35rem;
    vertical-align: middle;
    line-height: 0
}

.btn .svg-icon {
    flex-shrink: 0;
    line-height: 0;
    margin-right: .5rem
}

.btn.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.5rem + 2px);
    width: calc(1.5em + 1.5rem + 2px)
}

.btn.btn-icon:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush) {
    border: 0
}

.btn-group-sm>.btn.btn-icon,
.btn.btn-icon.btn-sm {
    height: calc(1.5em + 1.1rem + 2px);
    width: calc(1.5em + 1.1rem + 2px)
}

.btn-group-lg>.btn.btn-icon,
.btn.btn-icon.btn-lg {
    height: calc(1.5em + 1.65rem + 2px);
    width: calc(1.5em + 1.65rem + 2px)
}

.btn.btn-icon.btn-circle {
    border-radius: 50%
}

.btn.btn-icon .svg-icon,
.btn.btn-icon i {
    padding: 0;
    margin: 0;
    line-height: 1
}

.btn.btn-hover-rise {
    transition: transform .3s ease
}

.btn.btn-hover-rise:hover {
    transform: translateY(-10%);
    transition: transform .3s ease
}

.btn.btn-hover-scale {
    transition: transform .3s ease
}

.btn.btn-hover-scale:hover {
    transform: scale(1.1);
    transition: transform .3s ease
}

.btn.btn-hover-rotate-end {
    transition: transform .3s ease
}

.btn.btn-hover-rotate-end:hover {
    transform: rotate(4deg);
    transition: transform .3s ease
}

.btn.btn-hover-rotate-start {
    transition: transform .3s ease
}

.btn.btn-hover-rotate-start:hover {
    transform: rotate(-4deg);
    transition: transform .3s ease
}

.btn.btn-white {
    color: #7e8299;
    border-color: #fff;
    background-color: #fff
}

.btn.btn-white .svg-icon,
.btn.btn-white i {
    color: #7e8299
}

.btn.btn-white.dropdown-toggle:after {
    color: #7e8299
}

.btn-check:active+.btn.btn-white,
.btn-check:checked+.btn.btn-white,
.btn.btn-white.active,
.btn.btn-white.show,
.btn.btn-white:active:not(.btn-active),
.btn.btn-white:focus:not(.btn-active),
.btn.btn-white:hover:not(.btn-active),
.show>.btn.btn-white {
    color: #7e8299;
    border-color: #f5f8fa;
    background-color: #f5f8fa !important
}

.btn-check:active+.btn.btn-white .svg-icon,
.btn-check:active+.btn.btn-white i,
.btn-check:checked+.btn.btn-white .svg-icon,
.btn-check:checked+.btn.btn-white i,
.btn.btn-white.active .svg-icon,
.btn.btn-white.active i,
.btn.btn-white.show .svg-icon,
.btn.btn-white.show i,
.btn.btn-white:active:not(.btn-active) .svg-icon,
.btn.btn-white:active:not(.btn-active) i,
.btn.btn-white:focus:not(.btn-active) .svg-icon,
.btn.btn-white:focus:not(.btn-active) i,
.btn.btn-white:hover:not(.btn-active) .svg-icon,
.btn.btn-white:hover:not(.btn-active) i,
.show>.btn.btn-white .svg-icon,
.show>.btn.btn-white i {
    color: #7e8299
}

.btn-check:active+.btn.btn-white.dropdown-toggle:after,
.btn-check:checked+.btn.btn-white.dropdown-toggle:after,
.btn.btn-white.active.dropdown-toggle:after,
.btn.btn-white.show.dropdown-toggle:after,
.btn.btn-white:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-white:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-white:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-white.dropdown-toggle:after {
    color: #7e8299
}

.btn.btn-bg-white {
    border-color: #fff;
    background-color: #fff
}

.btn-check:active+.btn.btn-active-white,
.btn-check:checked+.btn.btn-active-white,
.btn.btn-active-white.active,
.btn.btn-active-white.show,
.btn.btn-active-white:active:not(.btn-active),
.btn.btn-active-white:focus:not(.btn-active),
.btn.btn-active-white:hover:not(.btn-active),
.show>.btn.btn-active-white {
    color: #7e8299;
    border-color: #fff;
    background-color: #fff !important
}

.btn-check:active+.btn.btn-active-white .svg-icon,
.btn-check:active+.btn.btn-active-white i,
.btn-check:checked+.btn.btn-active-white .svg-icon,
.btn-check:checked+.btn.btn-active-white i,
.btn.btn-active-white.active .svg-icon,
.btn.btn-active-white.active i,
.btn.btn-active-white.show .svg-icon,
.btn.btn-active-white.show i,
.btn.btn-active-white:active:not(.btn-active) .svg-icon,
.btn.btn-active-white:active:not(.btn-active) i,
.btn.btn-active-white:focus:not(.btn-active) .svg-icon,
.btn.btn-active-white:focus:not(.btn-active) i,
.btn.btn-active-white:hover:not(.btn-active) .svg-icon,
.btn.btn-active-white:hover:not(.btn-active) i,
.show>.btn.btn-active-white .svg-icon,
.show>.btn.btn-active-white i {
    color: #7e8299
}

.btn-check:active+.btn.btn-active-white.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-white.dropdown-toggle:after,
.btn.btn-active-white.active.dropdown-toggle:after,
.btn.btn-active-white.show.dropdown-toggle:after,
.btn.btn-active-white:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-white:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-white:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-white.dropdown-toggle:after {
    color: #7e8299
}

.btn.btn-light {
    color: #7e8299;
    border-color: #f5f8fa;
    background-color: #f5f8fa
}

.btn.btn-light .svg-icon,
.btn.btn-light i {
    color: #7e8299
}

.btn.btn-light.dropdown-toggle:after {
    color: #7e8299
}

.btn-check:active+.btn.btn-light,
.btn-check:checked+.btn.btn-light,
.btn.btn-light.active,
.btn.btn-light.show,
.btn.btn-light:active:not(.btn-active),
.btn.btn-light:focus:not(.btn-active),
.btn.btn-light:hover:not(.btn-active),
.show>.btn.btn-light {
    color: #7e8299;
    border-color: #eff2f5;
    background-color: #eff2f5 !important
}

.btn-check:active+.btn.btn-light .svg-icon,
.btn-check:active+.btn.btn-light i,
.btn-check:checked+.btn.btn-light .svg-icon,
.btn-check:checked+.btn.btn-light i,
.btn.btn-light.active .svg-icon,
.btn.btn-light.active i,
.btn.btn-light.show .svg-icon,
.btn.btn-light.show i,
.btn.btn-light:active:not(.btn-active) .svg-icon,
.btn.btn-light:active:not(.btn-active) i,
.btn.btn-light:focus:not(.btn-active) .svg-icon,
.btn.btn-light:focus:not(.btn-active) i,
.btn.btn-light:hover:not(.btn-active) .svg-icon,
.btn.btn-light:hover:not(.btn-active) i,
.show>.btn.btn-light .svg-icon,
.show>.btn.btn-light i {
    color: #7e8299
}

.btn-check:active+.btn.btn-light.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light.dropdown-toggle:after,
.btn.btn-light.active.dropdown-toggle:after,
.btn.btn-light.show.dropdown-toggle:after,
.btn.btn-light:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light.dropdown-toggle:after {
    color: #7e8299
}

.btn.btn-bg-light {
    border-color: #f5f8fa;
    background-color: #f5f8fa
}

.btn-check:active+.btn.btn-active-light,
.btn-check:checked+.btn.btn-active-light,
.btn.btn-active-light.active,
.btn.btn-active-light.show,
.btn.btn-active-light:active:not(.btn-active),
.btn.btn-active-light:focus:not(.btn-active),
.btn.btn-active-light:hover:not(.btn-active),
.show>.btn.btn-active-light {
    color: #7e8299;
    border-color: #f5f8fa;
    background-color: #f5f8fa !important
}

.btn-check:active+.btn.btn-active-light .svg-icon,
.btn-check:active+.btn.btn-active-light i,
.btn-check:checked+.btn.btn-active-light .svg-icon,
.btn-check:checked+.btn.btn-active-light i,
.btn.btn-active-light.active .svg-icon,
.btn.btn-active-light.active i,
.btn.btn-active-light.show .svg-icon,
.btn.btn-active-light.show i,
.btn.btn-active-light:active:not(.btn-active) .svg-icon,
.btn.btn-active-light:active:not(.btn-active) i,
.btn.btn-active-light:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light:focus:not(.btn-active) i,
.btn.btn-active-light:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light:hover:not(.btn-active) i,
.show>.btn.btn-active-light .svg-icon,
.show>.btn.btn-active-light i {
    color: #7e8299
}

.btn-check:active+.btn.btn-active-light.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-light.dropdown-toggle:after,
.btn.btn-active-light.active.dropdown-toggle:after,
.btn.btn-active-light.show.dropdown-toggle:after,
.btn.btn-active-light:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-light.dropdown-toggle:after {
    color: #7e8299
}

.btn.btn-primary {
    color: #fff;
    border-color: #009ef7;
    background-color: #009ef7
}

.btn.btn-primary .svg-icon,
.btn.btn-primary i {
    color: #fff
}

.btn.btn-primary.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-primary,
.btn-check:checked+.btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show>.btn.btn-primary {
    color: #fff;
    border-color: #0095e8;
    background-color: #0095e8 !important
}

.btn-check:active+.btn.btn-primary .svg-icon,
.btn-check:active+.btn.btn-primary i,
.btn-check:checked+.btn.btn-primary .svg-icon,
.btn-check:checked+.btn.btn-primary i,
.btn.btn-primary.active .svg-icon,
.btn.btn-primary.active i,
.btn.btn-primary.show .svg-icon,
.btn.btn-primary.show i,
.btn.btn-primary:active:not(.btn-active) .svg-icon,
.btn.btn-primary:active:not(.btn-active) i,
.btn.btn-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-primary:focus:not(.btn-active) i,
.btn.btn-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-primary:hover:not(.btn-active) i,
.show>.btn.btn-primary .svg-icon,
.show>.btn.btn-primary i {
    color: #fff
}

.btn-check:active+.btn.btn-primary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-primary.dropdown-toggle:after,
.btn.btn-primary.active.dropdown-toggle:after,
.btn.btn-primary.show.dropdown-toggle:after,
.btn.btn-primary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-primary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-primary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-primary.dropdown-toggle:after {
    color: #fff
}

.btn.btn-light-primary {
    color: #009ef7;
    border-color: #f1faff;
    background-color: #f1faff
}

.btn.btn-light-primary .svg-icon,
.btn.btn-light-primary i {
    color: #009ef7
}

.btn.btn-light-primary.dropdown-toggle:after {
    color: #009ef7
}

.btn-check:active+.btn.btn-light-primary,
.btn-check:checked+.btn.btn-light-primary,
.btn.btn-light-primary.active,
.btn.btn-light-primary.show,
.btn.btn-light-primary:active:not(.btn-active),
.btn.btn-light-primary:focus:not(.btn-active),
.btn.btn-light-primary:hover:not(.btn-active),
.show>.btn.btn-light-primary {
    color: #fff;
    border-color: #009ef7;
    background-color: #009ef7 !important
}

.btn-check:active+.btn.btn-light-primary .svg-icon,
.btn-check:active+.btn.btn-light-primary i,
.btn-check:checked+.btn.btn-light-primary .svg-icon,
.btn-check:checked+.btn.btn-light-primary i,
.btn.btn-light-primary.active .svg-icon,
.btn.btn-light-primary.active i,
.btn.btn-light-primary.show .svg-icon,
.btn.btn-light-primary.show i,
.btn.btn-light-primary:active:not(.btn-active) .svg-icon,
.btn.btn-light-primary:active:not(.btn-active) i,
.btn.btn-light-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-light-primary:focus:not(.btn-active) i,
.btn.btn-light-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-light-primary:hover:not(.btn-active) i,
.show>.btn.btn-light-primary .svg-icon,
.show>.btn.btn-light-primary i {
    color: #fff
}

.btn-check:active+.btn.btn-light-primary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-primary.dropdown-toggle:after,
.btn.btn-light-primary.active.dropdown-toggle:after,
.btn.btn-light-primary.show.dropdown-toggle:after,
.btn.btn-light-primary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-primary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-primary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-primary.dropdown-toggle:after {
    color: #fff
}

.btn.btn-bg-primary {
    border-color: #009ef7;
    background-color: #009ef7
}

.btn-check:active+.btn.btn-active-primary,
.btn-check:checked+.btn.btn-active-primary,
.btn.btn-active-primary.active,
.btn.btn-active-primary.show,
.btn.btn-active-primary:active:not(.btn-active),
.btn.btn-active-primary:focus:not(.btn-active),
.btn.btn-active-primary:hover:not(.btn-active),
.show>.btn.btn-active-primary {
    color: #fff;
    border-color: #009ef7;
    background-color: #009ef7 !important
}

.btn-check:active+.btn.btn-active-primary .svg-icon,
.btn-check:active+.btn.btn-active-primary i,
.btn-check:checked+.btn.btn-active-primary .svg-icon,
.btn-check:checked+.btn.btn-active-primary i,
.btn.btn-active-primary.active .svg-icon,
.btn.btn-active-primary.active i,
.btn.btn-active-primary.show .svg-icon,
.btn.btn-active-primary.show i,
.btn.btn-active-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-primary:active:not(.btn-active) i,
.btn.btn-active-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-primary:focus:not(.btn-active) i,
.btn.btn-active-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-primary:hover:not(.btn-active) i,
.show>.btn.btn-active-primary .svg-icon,
.show>.btn.btn-active-primary i {
    color: #fff
}

.btn-check:active+.btn.btn-active-primary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-primary.dropdown-toggle:after,
.btn.btn-active-primary.active.dropdown-toggle:after,
.btn.btn-active-primary.show.dropdown-toggle:after,
.btn.btn-active-primary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-primary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-primary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-primary.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-active-light-primary,
.btn-check:checked+.btn.btn-active-light-primary,
.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary.show,
.btn.btn-active-light-primary:active:not(.btn-active),
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:hover:not(.btn-active),
.show>.btn.btn-active-light-primary {
    color: #009ef7;
    border-color: #f1faff;
    background-color: #f1faff !important
}

.btn-check:active+.btn.btn-active-light-primary .svg-icon,
.btn-check:active+.btn.btn-active-light-primary i,
.btn-check:checked+.btn.btn-active-light-primary .svg-icon,
.btn-check:checked+.btn.btn-active-light-primary i,
.btn.btn-active-light-primary.active .svg-icon,
.btn.btn-active-light-primary.active i,
.btn.btn-active-light-primary.show .svg-icon,
.btn.btn-active-light-primary.show i,
.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:active:not(.btn-active) i,
.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:focus:not(.btn-active) i,
.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:hover:not(.btn-active) i,
.show>.btn.btn-active-light-primary .svg-icon,
.show>.btn.btn-active-light-primary i {
    color: #009ef7
}

.btn-check:active+.btn.btn-active-light-primary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-light-primary.dropdown-toggle:after,
.btn.btn-active-light-primary.active.dropdown-toggle:after,
.btn.btn-active-light-primary.show.dropdown-toggle:after,
.btn.btn-active-light-primary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-primary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-primary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-light-primary.dropdown-toggle:after {
    color: #009ef7
}

.btn.btn-active-light-primary.btn-outline:not(.btn-outline-default) {
    border-color: #009ef7 !important
}

.btn.btn-secondary {
    color: #3f4254;
    border-color: #e4e6ef;
    background-color: #e4e6ef
}

.btn.btn-secondary .svg-icon,
.btn.btn-secondary i {
    color: #3f4254
}

.btn.btn-secondary.dropdown-toggle:after {
    color: #3f4254
}

.btn-check:active+.btn.btn-secondary,
.btn-check:checked+.btn.btn-secondary,
.btn.btn-secondary.active,
.btn.btn-secondary.show,
.btn.btn-secondary:active:not(.btn-active),
.btn.btn-secondary:focus:not(.btn-active),
.btn.btn-secondary:hover:not(.btn-active),
.show>.btn.btn-secondary {
    color: #3f4254;
    border-color: #b5b5c3;
    background-color: #b5b5c3 !important
}

.btn-check:active+.btn.btn-secondary .svg-icon,
.btn-check:active+.btn.btn-secondary i,
.btn-check:checked+.btn.btn-secondary .svg-icon,
.btn-check:checked+.btn.btn-secondary i,
.btn.btn-secondary.active .svg-icon,
.btn.btn-secondary.active i,
.btn.btn-secondary.show .svg-icon,
.btn.btn-secondary.show i,
.btn.btn-secondary:active:not(.btn-active) .svg-icon,
.btn.btn-secondary:active:not(.btn-active) i,
.btn.btn-secondary:focus:not(.btn-active) .svg-icon,
.btn.btn-secondary:focus:not(.btn-active) i,
.btn.btn-secondary:hover:not(.btn-active) .svg-icon,
.btn.btn-secondary:hover:not(.btn-active) i,
.show>.btn.btn-secondary .svg-icon,
.show>.btn.btn-secondary i {
    color: #3f4254
}

.btn-check:active+.btn.btn-secondary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-secondary.dropdown-toggle:after,
.btn.btn-secondary.active.dropdown-toggle:after,
.btn.btn-secondary.show.dropdown-toggle:after,
.btn.btn-secondary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-secondary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-secondary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-secondary.dropdown-toggle:after {
    color: #3f4254
}

.btn.btn-bg-secondary {
    border-color: #e4e6ef;
    background-color: #e4e6ef
}

.btn-check:active+.btn.btn-active-secondary,
.btn-check:checked+.btn.btn-active-secondary,
.btn.btn-active-secondary.active,
.btn.btn-active-secondary.show,
.btn.btn-active-secondary:active:not(.btn-active),
.btn.btn-active-secondary:focus:not(.btn-active),
.btn.btn-active-secondary:hover:not(.btn-active),
.show>.btn.btn-active-secondary {
    color: #3f4254;
    border-color: #e4e6ef;
    background-color: #e4e6ef !important
}

.btn-check:active+.btn.btn-active-secondary .svg-icon,
.btn-check:active+.btn.btn-active-secondary i,
.btn-check:checked+.btn.btn-active-secondary .svg-icon,
.btn-check:checked+.btn.btn-active-secondary i,
.btn.btn-active-secondary.active .svg-icon,
.btn.btn-active-secondary.active i,
.btn.btn-active-secondary.show .svg-icon,
.btn.btn-active-secondary.show i,
.btn.btn-active-secondary:active:not(.btn-active) .svg-icon,
.btn.btn-active-secondary:active:not(.btn-active) i,
.btn.btn-active-secondary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-secondary:focus:not(.btn-active) i,
.btn.btn-active-secondary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-secondary:hover:not(.btn-active) i,
.show>.btn.btn-active-secondary .svg-icon,
.show>.btn.btn-active-secondary i {
    color: #3f4254
}

.btn-check:active+.btn.btn-active-secondary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-secondary.dropdown-toggle:after,
.btn.btn-active-secondary.active.dropdown-toggle:after,
.btn.btn-active-secondary.show.dropdown-toggle:after,
.btn.btn-active-secondary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-secondary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-secondary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-secondary.dropdown-toggle:after {
    color: #3f4254
}

.btn.btn-success {
    color: #fff;
    border-color: #50cd89;
    background-color: #50cd89
}

.btn.btn-success .svg-icon,
.btn.btn-success i {
    color: #fff
}

.btn.btn-success.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-success,
.btn-check:checked+.btn.btn-success,
.btn.btn-success.active,
.btn.btn-success.show,
.btn.btn-success:active:not(.btn-active),
.btn.btn-success:focus:not(.btn-active),
.btn.btn-success:hover:not(.btn-active),
.show>.btn.btn-success {
    color: #fff;
    border-color: #47be7d;
    background-color: #47be7d !important
}

.btn-check:active+.btn.btn-success .svg-icon,
.btn-check:active+.btn.btn-success i,
.btn-check:checked+.btn.btn-success .svg-icon,
.btn-check:checked+.btn.btn-success i,
.btn.btn-success.active .svg-icon,
.btn.btn-success.active i,
.btn.btn-success.show .svg-icon,
.btn.btn-success.show i,
.btn.btn-success:active:not(.btn-active) .svg-icon,
.btn.btn-success:active:not(.btn-active) i,
.btn.btn-success:focus:not(.btn-active) .svg-icon,
.btn.btn-success:focus:not(.btn-active) i,
.btn.btn-success:hover:not(.btn-active) .svg-icon,
.btn.btn-success:hover:not(.btn-active) i,
.show>.btn.btn-success .svg-icon,
.show>.btn.btn-success i {
    color: #fff
}

.btn-check:active+.btn.btn-success.dropdown-toggle:after,
.btn-check:checked+.btn.btn-success.dropdown-toggle:after,
.btn.btn-success.active.dropdown-toggle:after,
.btn.btn-success.show.dropdown-toggle:after,
.btn.btn-success:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-success:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-success:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-success.dropdown-toggle:after {
    color: #fff
}

.btn.btn-light-success {
    color: #50cd89;
    border-color: #e8fff3;
    background-color: #e8fff3
}

.btn.btn-light-success .svg-icon,
.btn.btn-light-success i {
    color: #50cd89
}

.btn.btn-light-success.dropdown-toggle:after {
    color: #50cd89
}

.btn-check:active+.btn.btn-light-success,
.btn-check:checked+.btn.btn-light-success,
.btn.btn-light-success.active,
.btn.btn-light-success.show,
.btn.btn-light-success:active:not(.btn-active),
.btn.btn-light-success:focus:not(.btn-active),
.btn.btn-light-success:hover:not(.btn-active),
.show>.btn.btn-light-success {
    color: #fff;
    border-color: #50cd89;
    background-color: #50cd89 !important
}

.btn-check:active+.btn.btn-light-success .svg-icon,
.btn-check:active+.btn.btn-light-success i,
.btn-check:checked+.btn.btn-light-success .svg-icon,
.btn-check:checked+.btn.btn-light-success i,
.btn.btn-light-success.active .svg-icon,
.btn.btn-light-success.active i,
.btn.btn-light-success.show .svg-icon,
.btn.btn-light-success.show i,
.btn.btn-light-success:active:not(.btn-active) .svg-icon,
.btn.btn-light-success:active:not(.btn-active) i,
.btn.btn-light-success:focus:not(.btn-active) .svg-icon,
.btn.btn-light-success:focus:not(.btn-active) i,
.btn.btn-light-success:hover:not(.btn-active) .svg-icon,
.btn.btn-light-success:hover:not(.btn-active) i,
.show>.btn.btn-light-success .svg-icon,
.show>.btn.btn-light-success i {
    color: #fff
}

.btn-check:active+.btn.btn-light-success.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-success.dropdown-toggle:after,
.btn.btn-light-success.active.dropdown-toggle:after,
.btn.btn-light-success.show.dropdown-toggle:after,
.btn.btn-light-success:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-success:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-success:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-success.dropdown-toggle:after {
    color: #fff
}

.btn.btn-bg-success {
    border-color: #50cd89;
    background-color: #50cd89
}

.btn-check:active+.btn.btn-active-success,
.btn-check:checked+.btn.btn-active-success,
.btn.btn-active-success.active,
.btn.btn-active-success.show,
.btn.btn-active-success:active:not(.btn-active),
.btn.btn-active-success:focus:not(.btn-active),
.btn.btn-active-success:hover:not(.btn-active),
.show>.btn.btn-active-success {
    color: #fff;
    border-color: #50cd89;
    background-color: #50cd89 !important
}

.btn-check:active+.btn.btn-active-success .svg-icon,
.btn-check:active+.btn.btn-active-success i,
.btn-check:checked+.btn.btn-active-success .svg-icon,
.btn-check:checked+.btn.btn-active-success i,
.btn.btn-active-success.active .svg-icon,
.btn.btn-active-success.active i,
.btn.btn-active-success.show .svg-icon,
.btn.btn-active-success.show i,
.btn.btn-active-success:active:not(.btn-active) .svg-icon,
.btn.btn-active-success:active:not(.btn-active) i,
.btn.btn-active-success:focus:not(.btn-active) .svg-icon,
.btn.btn-active-success:focus:not(.btn-active) i,
.btn.btn-active-success:hover:not(.btn-active) .svg-icon,
.btn.btn-active-success:hover:not(.btn-active) i,
.show>.btn.btn-active-success .svg-icon,
.show>.btn.btn-active-success i {
    color: #fff
}

.btn-check:active+.btn.btn-active-success.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-success.dropdown-toggle:after,
.btn.btn-active-success.active.dropdown-toggle:after,
.btn.btn-active-success.show.dropdown-toggle:after,
.btn.btn-active-success:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-success:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-success:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-success.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-active-light-success,
.btn-check:checked+.btn.btn-active-light-success,
.btn.btn-active-light-success.active,
.btn.btn-active-light-success.show,
.btn.btn-active-light-success:active:not(.btn-active),
.btn.btn-active-light-success:focus:not(.btn-active),
.btn.btn-active-light-success:hover:not(.btn-active),
.show>.btn.btn-active-light-success {
    color: #50cd89;
    border-color: #e8fff3;
    background-color: #e8fff3 !important
}

.btn-check:active+.btn.btn-active-light-success .svg-icon,
.btn-check:active+.btn.btn-active-light-success i,
.btn-check:checked+.btn.btn-active-light-success .svg-icon,
.btn-check:checked+.btn.btn-active-light-success i,
.btn.btn-active-light-success.active .svg-icon,
.btn.btn-active-light-success.active i,
.btn.btn-active-light-success.show .svg-icon,
.btn.btn-active-light-success.show i,
.btn.btn-active-light-success:active:not(.btn-active) .svg-icon,
.btn.btn-active-light-success:active:not(.btn-active) i,
.btn.btn-active-light-success:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light-success:focus:not(.btn-active) i,
.btn.btn-active-light-success:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light-success:hover:not(.btn-active) i,
.show>.btn.btn-active-light-success .svg-icon,
.show>.btn.btn-active-light-success i {
    color: #50cd89
}

.btn-check:active+.btn.btn-active-light-success.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-light-success.dropdown-toggle:after,
.btn.btn-active-light-success.active.dropdown-toggle:after,
.btn.btn-active-light-success.show.dropdown-toggle:after,
.btn.btn-active-light-success:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-success:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-success:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-light-success.dropdown-toggle:after {
    color: #50cd89
}

.btn.btn-active-light-success.btn-outline:not(.btn-outline-default) {
    border-color: #50cd89 !important
}

.btn.btn-info {
    color: #fff;
    border-color: #7239ea;
    background-color: #7239ea
}

.btn.btn-info .svg-icon,
.btn.btn-info i {
    color: #fff
}

.btn.btn-info.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-info,
.btn-check:checked+.btn.btn-info,
.btn.btn-info.active,
.btn.btn-info.show,
.btn.btn-info:active:not(.btn-active),
.btn.btn-info:focus:not(.btn-active),
.btn.btn-info:hover:not(.btn-active),
.show>.btn.btn-info {
    color: #fff;
    border-color: #5014d0;
    background-color: #5014d0 !important
}

.btn-check:active+.btn.btn-info .svg-icon,
.btn-check:active+.btn.btn-info i,
.btn-check:checked+.btn.btn-info .svg-icon,
.btn-check:checked+.btn.btn-info i,
.btn.btn-info.active .svg-icon,
.btn.btn-info.active i,
.btn.btn-info.show .svg-icon,
.btn.btn-info.show i,
.btn.btn-info:active:not(.btn-active) .svg-icon,
.btn.btn-info:active:not(.btn-active) i,
.btn.btn-info:focus:not(.btn-active) .svg-icon,
.btn.btn-info:focus:not(.btn-active) i,
.btn.btn-info:hover:not(.btn-active) .svg-icon,
.btn.btn-info:hover:not(.btn-active) i,
.show>.btn.btn-info .svg-icon,
.show>.btn.btn-info i {
    color: #fff
}

.btn-check:active+.btn.btn-info.dropdown-toggle:after,
.btn-check:checked+.btn.btn-info.dropdown-toggle:after,
.btn.btn-info.active.dropdown-toggle:after,
.btn.btn-info.show.dropdown-toggle:after,
.btn.btn-info:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-info:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-info:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-info.dropdown-toggle:after {
    color: #fff
}

.btn.btn-light-info {
    color: #7239ea;
    border-color: #f8f5ff;
    background-color: #f8f5ff
}

.btn.btn-light-info .svg-icon,
.btn.btn-light-info i {
    color: #7239ea
}

.btn.btn-light-info.dropdown-toggle:after {
    color: #7239ea
}

.btn-check:active+.btn.btn-light-info,
.btn-check:checked+.btn.btn-light-info,
.btn.btn-light-info.active,
.btn.btn-light-info.show,
.btn.btn-light-info:active:not(.btn-active),
.btn.btn-light-info:focus:not(.btn-active),
.btn.btn-light-info:hover:not(.btn-active),
.show>.btn.btn-light-info {
    color: #fff;
    border-color: #7239ea;
    background-color: #7239ea !important
}

.btn-check:active+.btn.btn-light-info .svg-icon,
.btn-check:active+.btn.btn-light-info i,
.btn-check:checked+.btn.btn-light-info .svg-icon,
.btn-check:checked+.btn.btn-light-info i,
.btn.btn-light-info.active .svg-icon,
.btn.btn-light-info.active i,
.btn.btn-light-info.show .svg-icon,
.btn.btn-light-info.show i,
.btn.btn-light-info:active:not(.btn-active) .svg-icon,
.btn.btn-light-info:active:not(.btn-active) i,
.btn.btn-light-info:focus:not(.btn-active) .svg-icon,
.btn.btn-light-info:focus:not(.btn-active) i,
.btn.btn-light-info:hover:not(.btn-active) .svg-icon,
.btn.btn-light-info:hover:not(.btn-active) i,
.show>.btn.btn-light-info .svg-icon,
.show>.btn.btn-light-info i {
    color: #fff
}

.btn-check:active+.btn.btn-light-info.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-info.dropdown-toggle:after,
.btn.btn-light-info.active.dropdown-toggle:after,
.btn.btn-light-info.show.dropdown-toggle:after,
.btn.btn-light-info:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-info:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-info:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-info.dropdown-toggle:after {
    color: #fff
}

.btn.btn-bg-info {
    border-color: #7239ea;
    background-color: #7239ea
}

.btn-check:active+.btn.btn-active-info,
.btn-check:checked+.btn.btn-active-info,
.btn.btn-active-info.active,
.btn.btn-active-info.show,
.btn.btn-active-info:active:not(.btn-active),
.btn.btn-active-info:focus:not(.btn-active),
.btn.btn-active-info:hover:not(.btn-active),
.show>.btn.btn-active-info {
    color: #fff;
    border-color: #7239ea;
    background-color: #7239ea !important
}

.btn-check:active+.btn.btn-active-info .svg-icon,
.btn-check:active+.btn.btn-active-info i,
.btn-check:checked+.btn.btn-active-info .svg-icon,
.btn-check:checked+.btn.btn-active-info i,
.btn.btn-active-info.active .svg-icon,
.btn.btn-active-info.active i,
.btn.btn-active-info.show .svg-icon,
.btn.btn-active-info.show i,
.btn.btn-active-info:active:not(.btn-active) .svg-icon,
.btn.btn-active-info:active:not(.btn-active) i,
.btn.btn-active-info:focus:not(.btn-active) .svg-icon,
.btn.btn-active-info:focus:not(.btn-active) i,
.btn.btn-active-info:hover:not(.btn-active) .svg-icon,
.btn.btn-active-info:hover:not(.btn-active) i,
.show>.btn.btn-active-info .svg-icon,
.show>.btn.btn-active-info i {
    color: #fff
}

.btn-check:active+.btn.btn-active-info.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-info.dropdown-toggle:after,
.btn.btn-active-info.active.dropdown-toggle:after,
.btn.btn-active-info.show.dropdown-toggle:after,
.btn.btn-active-info:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-info:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-info:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-info.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-active-light-info,
.btn-check:checked+.btn.btn-active-light-info,
.btn.btn-active-light-info.active,
.btn.btn-active-light-info.show,
.btn.btn-active-light-info:active:not(.btn-active),
.btn.btn-active-light-info:focus:not(.btn-active),
.btn.btn-active-light-info:hover:not(.btn-active),
.show>.btn.btn-active-light-info {
    color: #7239ea;
    border-color: #f8f5ff;
    background-color: #f8f5ff !important
}

.btn-check:active+.btn.btn-active-light-info .svg-icon,
.btn-check:active+.btn.btn-active-light-info i,
.btn-check:checked+.btn.btn-active-light-info .svg-icon,
.btn-check:checked+.btn.btn-active-light-info i,
.btn.btn-active-light-info.active .svg-icon,
.btn.btn-active-light-info.active i,
.btn.btn-active-light-info.show .svg-icon,
.btn.btn-active-light-info.show i,
.btn.btn-active-light-info:active:not(.btn-active) .svg-icon,
.btn.btn-active-light-info:active:not(.btn-active) i,
.btn.btn-active-light-info:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light-info:focus:not(.btn-active) i,
.btn.btn-active-light-info:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light-info:hover:not(.btn-active) i,
.show>.btn.btn-active-light-info .svg-icon,
.show>.btn.btn-active-light-info i {
    color: #7239ea
}

.btn-check:active+.btn.btn-active-light-info.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-light-info.dropdown-toggle:after,
.btn.btn-active-light-info.active.dropdown-toggle:after,
.btn.btn-active-light-info.show.dropdown-toggle:after,
.btn.btn-active-light-info:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-info:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-info:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-light-info.dropdown-toggle:after {
    color: #7239ea
}

.btn.btn-active-light-info.btn-outline:not(.btn-outline-default) {
    border-color: #7239ea !important
}

.btn.btn-warning {
    color: #fff;
    border-color: #ffc700;
    background-color: #ffc700
}

.btn.btn-warning .svg-icon,
.btn.btn-warning i {
    color: #fff
}

.btn.btn-warning.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-warning,
.btn-check:checked+.btn.btn-warning,
.btn.btn-warning.active,
.btn.btn-warning.show,
.btn.btn-warning:active:not(.btn-active),
.btn.btn-warning:focus:not(.btn-active),
.btn.btn-warning:hover:not(.btn-active),
.show>.btn.btn-warning {
    color: #fff;
    border-color: #f1bc00;
    background-color: #f1bc00 !important
}

.btn-check:active+.btn.btn-warning .svg-icon,
.btn-check:active+.btn.btn-warning i,
.btn-check:checked+.btn.btn-warning .svg-icon,
.btn-check:checked+.btn.btn-warning i,
.btn.btn-warning.active .svg-icon,
.btn.btn-warning.active i,
.btn.btn-warning.show .svg-icon,
.btn.btn-warning.show i,
.btn.btn-warning:active:not(.btn-active) .svg-icon,
.btn.btn-warning:active:not(.btn-active) i,
.btn.btn-warning:focus:not(.btn-active) .svg-icon,
.btn.btn-warning:focus:not(.btn-active) i,
.btn.btn-warning:hover:not(.btn-active) .svg-icon,
.btn.btn-warning:hover:not(.btn-active) i,
.show>.btn.btn-warning .svg-icon,
.show>.btn.btn-warning i {
    color: #fff
}

.btn-check:active+.btn.btn-warning.dropdown-toggle:after,
.btn-check:checked+.btn.btn-warning.dropdown-toggle:after,
.btn.btn-warning.active.dropdown-toggle:after,
.btn.btn-warning.show.dropdown-toggle:after,
.btn.btn-warning:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-warning:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-warning:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-warning.dropdown-toggle:after {
    color: #fff
}

.btn.btn-light-warning {
    color: #ffc700;
    border-color: #fff8dd;
    background-color: #fff8dd
}

.btn.btn-light-warning .svg-icon,
.btn.btn-light-warning i {
    color: #ffc700
}

.btn.btn-light-warning.dropdown-toggle:after {
    color: #ffc700
}

.btn-check:active+.btn.btn-light-warning,
.btn-check:checked+.btn.btn-light-warning,
.btn.btn-light-warning.active,
.btn.btn-light-warning.show,
.btn.btn-light-warning:active:not(.btn-active),
.btn.btn-light-warning:focus:not(.btn-active),
.btn.btn-light-warning:hover:not(.btn-active),
.show>.btn.btn-light-warning {
    color: #fff;
    border-color: #ffc700;
    background-color: #ffc700 !important
}

.btn-check:active+.btn.btn-light-warning .svg-icon,
.btn-check:active+.btn.btn-light-warning i,
.btn-check:checked+.btn.btn-light-warning .svg-icon,
.btn-check:checked+.btn.btn-light-warning i,
.btn.btn-light-warning.active .svg-icon,
.btn.btn-light-warning.active i,
.btn.btn-light-warning.show .svg-icon,
.btn.btn-light-warning.show i,
.btn.btn-light-warning:active:not(.btn-active) .svg-icon,
.btn.btn-light-warning:active:not(.btn-active) i,
.btn.btn-light-warning:focus:not(.btn-active) .svg-icon,
.btn.btn-light-warning:focus:not(.btn-active) i,
.btn.btn-light-warning:hover:not(.btn-active) .svg-icon,
.btn.btn-light-warning:hover:not(.btn-active) i,
.show>.btn.btn-light-warning .svg-icon,
.show>.btn.btn-light-warning i {
    color: #fff
}

.btn-check:active+.btn.btn-light-warning.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-warning.dropdown-toggle:after,
.btn.btn-light-warning.active.dropdown-toggle:after,
.btn.btn-light-warning.show.dropdown-toggle:after,
.btn.btn-light-warning:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-warning:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-warning:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-warning.dropdown-toggle:after {
    color: #fff
}

.btn.btn-bg-warning {
    border-color: #ffc700;
    background-color: #ffc700
}

.btn-check:active+.btn.btn-active-warning,
.btn-check:checked+.btn.btn-active-warning,
.btn.btn-active-warning.active,
.btn.btn-active-warning.show,
.btn.btn-active-warning:active:not(.btn-active),
.btn.btn-active-warning:focus:not(.btn-active),
.btn.btn-active-warning:hover:not(.btn-active),
.show>.btn.btn-active-warning {
    color: #fff;
    border-color: #ffc700;
    background-color: #ffc700 !important
}

.btn-check:active+.btn.btn-active-warning .svg-icon,
.btn-check:active+.btn.btn-active-warning i,
.btn-check:checked+.btn.btn-active-warning .svg-icon,
.btn-check:checked+.btn.btn-active-warning i,
.btn.btn-active-warning.active .svg-icon,
.btn.btn-active-warning.active i,
.btn.btn-active-warning.show .svg-icon,
.btn.btn-active-warning.show i,
.btn.btn-active-warning:active:not(.btn-active) .svg-icon,
.btn.btn-active-warning:active:not(.btn-active) i,
.btn.btn-active-warning:focus:not(.btn-active) .svg-icon,
.btn.btn-active-warning:focus:not(.btn-active) i,
.btn.btn-active-warning:hover:not(.btn-active) .svg-icon,
.btn.btn-active-warning:hover:not(.btn-active) i,
.show>.btn.btn-active-warning .svg-icon,
.show>.btn.btn-active-warning i {
    color: #fff
}

.btn-check:active+.btn.btn-active-warning.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-warning.dropdown-toggle:after,
.btn.btn-active-warning.active.dropdown-toggle:after,
.btn.btn-active-warning.show.dropdown-toggle:after,
.btn.btn-active-warning:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-warning:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-warning:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-warning.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-active-light-warning,
.btn-check:checked+.btn.btn-active-light-warning,
.btn.btn-active-light-warning.active,
.btn.btn-active-light-warning.show,
.btn.btn-active-light-warning:active:not(.btn-active),
.btn.btn-active-light-warning:focus:not(.btn-active),
.btn.btn-active-light-warning:hover:not(.btn-active),
.show>.btn.btn-active-light-warning {
    color: #ffc700;
    border-color: #fff8dd;
    background-color: #fff8dd !important
}

.btn-check:active+.btn.btn-active-light-warning .svg-icon,
.btn-check:active+.btn.btn-active-light-warning i,
.btn-check:checked+.btn.btn-active-light-warning .svg-icon,
.btn-check:checked+.btn.btn-active-light-warning i,
.btn.btn-active-light-warning.active .svg-icon,
.btn.btn-active-light-warning.active i,
.btn.btn-active-light-warning.show .svg-icon,
.btn.btn-active-light-warning.show i,
.btn.btn-active-light-warning:active:not(.btn-active) .svg-icon,
.btn.btn-active-light-warning:active:not(.btn-active) i,
.btn.btn-active-light-warning:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light-warning:focus:not(.btn-active) i,
.btn.btn-active-light-warning:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light-warning:hover:not(.btn-active) i,
.show>.btn.btn-active-light-warning .svg-icon,
.show>.btn.btn-active-light-warning i {
    color: #ffc700
}

.btn-check:active+.btn.btn-active-light-warning.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-light-warning.dropdown-toggle:after,
.btn.btn-active-light-warning.active.dropdown-toggle:after,
.btn.btn-active-light-warning.show.dropdown-toggle:after,
.btn.btn-active-light-warning:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-warning:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-warning:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-light-warning.dropdown-toggle:after {
    color: #ffc700
}

.btn.btn-active-light-warning.btn-outline:not(.btn-outline-default) {
    border-color: #ffc700 !important
}

.btn.btn-danger {
    color: #fff;
    border-color: #f1416c;
    background-color: #f1416c
}

.btn.btn-danger .svg-icon,
.btn.btn-danger i {
    color: #fff
}

.btn.btn-danger.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-danger,
.btn-check:checked+.btn.btn-danger,
.btn.btn-danger.active,
.btn.btn-danger.show,
.btn.btn-danger:active:not(.btn-active),
.btn.btn-danger:focus:not(.btn-active),
.btn.btn-danger:hover:not(.btn-active),
.show>.btn.btn-danger {
    color: #fff;
    border-color: #d9214e;
    background-color: #d9214e !important
}

.btn-check:active+.btn.btn-danger .svg-icon,
.btn-check:active+.btn.btn-danger i,
.btn-check:checked+.btn.btn-danger .svg-icon,
.btn-check:checked+.btn.btn-danger i,
.btn.btn-danger.active .svg-icon,
.btn.btn-danger.active i,
.btn.btn-danger.show .svg-icon,
.btn.btn-danger.show i,
.btn.btn-danger:active:not(.btn-active) .svg-icon,
.btn.btn-danger:active:not(.btn-active) i,
.btn.btn-danger:focus:not(.btn-active) .svg-icon,
.btn.btn-danger:focus:not(.btn-active) i,
.btn.btn-danger:hover:not(.btn-active) .svg-icon,
.btn.btn-danger:hover:not(.btn-active) i,
.show>.btn.btn-danger .svg-icon,
.show>.btn.btn-danger i {
    color: #fff
}

.btn-check:active+.btn.btn-danger.dropdown-toggle:after,
.btn-check:checked+.btn.btn-danger.dropdown-toggle:after,
.btn.btn-danger.active.dropdown-toggle:after,
.btn.btn-danger.show.dropdown-toggle:after,
.btn.btn-danger:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-danger:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-danger:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-danger.dropdown-toggle:after {
    color: #fff
}

.btn.btn-light-danger {
    color: #f1416c;
    border-color: #fff5f8;
    background-color: #fff5f8
}

.btn.btn-light-danger .svg-icon,
.btn.btn-light-danger i {
    color: #f1416c
}

.btn.btn-light-danger.dropdown-toggle:after {
    color: #f1416c
}

.btn-check:active+.btn.btn-light-danger,
.btn-check:checked+.btn.btn-light-danger,
.btn.btn-light-danger.active,
.btn.btn-light-danger.show,
.btn.btn-light-danger:active:not(.btn-active),
.btn.btn-light-danger:focus:not(.btn-active),
.btn.btn-light-danger:hover:not(.btn-active),
.show>.btn.btn-light-danger {
    color: #fff;
    border-color: #f1416c;
    background-color: #f1416c !important
}

.btn-check:active+.btn.btn-light-danger .svg-icon,
.btn-check:active+.btn.btn-light-danger i,
.btn-check:checked+.btn.btn-light-danger .svg-icon,
.btn-check:checked+.btn.btn-light-danger i,
.btn.btn-light-danger.active .svg-icon,
.btn.btn-light-danger.active i,
.btn.btn-light-danger.show .svg-icon,
.btn.btn-light-danger.show i,
.btn.btn-light-danger:active:not(.btn-active) .svg-icon,
.btn.btn-light-danger:active:not(.btn-active) i,
.btn.btn-light-danger:focus:not(.btn-active) .svg-icon,
.btn.btn-light-danger:focus:not(.btn-active) i,
.btn.btn-light-danger:hover:not(.btn-active) .svg-icon,
.btn.btn-light-danger:hover:not(.btn-active) i,
.show>.btn.btn-light-danger .svg-icon,
.show>.btn.btn-light-danger i {
    color: #fff
}

.btn-check:active+.btn.btn-light-danger.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-danger.dropdown-toggle:after,
.btn.btn-light-danger.active.dropdown-toggle:after,
.btn.btn-light-danger.show.dropdown-toggle:after,
.btn.btn-light-danger:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-danger:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-danger:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-danger.dropdown-toggle:after {
    color: #fff
}

.btn.btn-bg-danger {
    border-color: #f1416c;
    background-color: #f1416c
}

.btn-check:active+.btn.btn-active-danger,
.btn-check:checked+.btn.btn-active-danger,
.btn.btn-active-danger.active,
.btn.btn-active-danger.show,
.btn.btn-active-danger:active:not(.btn-active),
.btn.btn-active-danger:focus:not(.btn-active),
.btn.btn-active-danger:hover:not(.btn-active),
.show>.btn.btn-active-danger {
    color: #fff;
    border-color: #f1416c;
    background-color: #f1416c !important
}

.btn-check:active+.btn.btn-active-danger .svg-icon,
.btn-check:active+.btn.btn-active-danger i,
.btn-check:checked+.btn.btn-active-danger .svg-icon,
.btn-check:checked+.btn.btn-active-danger i,
.btn.btn-active-danger.active .svg-icon,
.btn.btn-active-danger.active i,
.btn.btn-active-danger.show .svg-icon,
.btn.btn-active-danger.show i,
.btn.btn-active-danger:active:not(.btn-active) .svg-icon,
.btn.btn-active-danger:active:not(.btn-active) i,
.btn.btn-active-danger:focus:not(.btn-active) .svg-icon,
.btn.btn-active-danger:focus:not(.btn-active) i,
.btn.btn-active-danger:hover:not(.btn-active) .svg-icon,
.btn.btn-active-danger:hover:not(.btn-active) i,
.show>.btn.btn-active-danger .svg-icon,
.show>.btn.btn-active-danger i {
    color: #fff
}

.btn-check:active+.btn.btn-active-danger.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-danger.dropdown-toggle:after,
.btn.btn-active-danger.active.dropdown-toggle:after,
.btn.btn-active-danger.show.dropdown-toggle:after,
.btn.btn-active-danger:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-danger:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-danger:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-danger.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-active-light-danger,
.btn-check:checked+.btn.btn-active-light-danger,
.btn.btn-active-light-danger.active,
.btn.btn-active-light-danger.show,
.btn.btn-active-light-danger:active:not(.btn-active),
.btn.btn-active-light-danger:focus:not(.btn-active),
.btn.btn-active-light-danger:hover:not(.btn-active),
.show>.btn.btn-active-light-danger {
    color: #f1416c;
    border-color: #fff5f8;
    background-color: #fff5f8 !important
}

.btn-check:active+.btn.btn-active-light-danger .svg-icon,
.btn-check:active+.btn.btn-active-light-danger i,
.btn-check:checked+.btn.btn-active-light-danger .svg-icon,
.btn-check:checked+.btn.btn-active-light-danger i,
.btn.btn-active-light-danger.active .svg-icon,
.btn.btn-active-light-danger.active i,
.btn.btn-active-light-danger.show .svg-icon,
.btn.btn-active-light-danger.show i,
.btn.btn-active-light-danger:active:not(.btn-active) .svg-icon,
.btn.btn-active-light-danger:active:not(.btn-active) i,
.btn.btn-active-light-danger:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light-danger:focus:not(.btn-active) i,
.btn.btn-active-light-danger:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light-danger:hover:not(.btn-active) i,
.show>.btn.btn-active-light-danger .svg-icon,
.show>.btn.btn-active-light-danger i {
    color: #f1416c
}

.btn-check:active+.btn.btn-active-light-danger.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-light-danger.dropdown-toggle:after,
.btn.btn-active-light-danger.active.dropdown-toggle:after,
.btn.btn-active-light-danger.show.dropdown-toggle:after,
.btn.btn-active-light-danger:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-danger:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-danger:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-light-danger.dropdown-toggle:after {
    color: #f1416c
}

.btn.btn-active-light-danger.btn-outline:not(.btn-outline-default) {
    border-color: #f1416c !important
}

.btn.btn-dark {
    color: #fff;
    border-color: #181c32;
    background-color: #181c32
}

.btn.btn-dark .svg-icon,
.btn.btn-dark i {
    color: #fff
}

.btn.btn-dark.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-dark,
.btn-check:checked+.btn.btn-dark,
.btn.btn-dark.active,
.btn.btn-dark.show,
.btn.btn-dark:active:not(.btn-active),
.btn.btn-dark:focus:not(.btn-active),
.btn.btn-dark:hover:not(.btn-active),
.show>.btn.btn-dark {
    color: #fff;
    border-color: #131628;
    background-color: #131628 !important
}

.btn-check:active+.btn.btn-dark .svg-icon,
.btn-check:active+.btn.btn-dark i,
.btn-check:checked+.btn.btn-dark .svg-icon,
.btn-check:checked+.btn.btn-dark i,
.btn.btn-dark.active .svg-icon,
.btn.btn-dark.active i,
.btn.btn-dark.show .svg-icon,
.btn.btn-dark.show i,
.btn.btn-dark:active:not(.btn-active) .svg-icon,
.btn.btn-dark:active:not(.btn-active) i,
.btn.btn-dark:focus:not(.btn-active) .svg-icon,
.btn.btn-dark:focus:not(.btn-active) i,
.btn.btn-dark:hover:not(.btn-active) .svg-icon,
.btn.btn-dark:hover:not(.btn-active) i,
.show>.btn.btn-dark .svg-icon,
.show>.btn.btn-dark i {
    color: #fff
}

.btn-check:active+.btn.btn-dark.dropdown-toggle:after,
.btn-check:checked+.btn.btn-dark.dropdown-toggle:after,
.btn.btn-dark.active.dropdown-toggle:after,
.btn.btn-dark.show.dropdown-toggle:after,
.btn.btn-dark:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-dark.dropdown-toggle:after {
    color: #fff
}

.btn.btn-light-dark {
    color: #181c32;
    border-color: #eff2f5;
    background-color: #eff2f5
}

.btn.btn-light-dark .svg-icon,
.btn.btn-light-dark i {
    color: #181c32
}

.btn.btn-light-dark.dropdown-toggle:after {
    color: #181c32
}

.btn-check:active+.btn.btn-light-dark,
.btn-check:checked+.btn.btn-light-dark,
.btn.btn-light-dark.active,
.btn.btn-light-dark.show,
.btn.btn-light-dark:active:not(.btn-active),
.btn.btn-light-dark:focus:not(.btn-active),
.btn.btn-light-dark:hover:not(.btn-active),
.show>.btn.btn-light-dark {
    color: #fff;
    border-color: #181c32;
    background-color: #181c32 !important
}

.btn-check:active+.btn.btn-light-dark .svg-icon,
.btn-check:active+.btn.btn-light-dark i,
.btn-check:checked+.btn.btn-light-dark .svg-icon,
.btn-check:checked+.btn.btn-light-dark i,
.btn.btn-light-dark.active .svg-icon,
.btn.btn-light-dark.active i,
.btn.btn-light-dark.show .svg-icon,
.btn.btn-light-dark.show i,
.btn.btn-light-dark:active:not(.btn-active) .svg-icon,
.btn.btn-light-dark:active:not(.btn-active) i,
.btn.btn-light-dark:focus:not(.btn-active) .svg-icon,
.btn.btn-light-dark:focus:not(.btn-active) i,
.btn.btn-light-dark:hover:not(.btn-active) .svg-icon,
.btn.btn-light-dark:hover:not(.btn-active) i,
.show>.btn.btn-light-dark .svg-icon,
.show>.btn.btn-light-dark i {
    color: #fff
}

.btn-check:active+.btn.btn-light-dark.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-dark.dropdown-toggle:after,
.btn.btn-light-dark.active.dropdown-toggle:after,
.btn.btn-light-dark.show.dropdown-toggle:after,
.btn.btn-light-dark:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-dark:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-dark:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-dark.dropdown-toggle:after {
    color: #fff
}

.btn.btn-bg-dark {
    border-color: #181c32;
    background-color: #181c32
}

.btn-check:active+.btn.btn-active-dark,
.btn-check:checked+.btn.btn-active-dark,
.btn.btn-active-dark.active,
.btn.btn-active-dark.show,
.btn.btn-active-dark:active:not(.btn-active),
.btn.btn-active-dark:focus:not(.btn-active),
.btn.btn-active-dark:hover:not(.btn-active),
.show>.btn.btn-active-dark {
    color: #fff;
    border-color: #181c32;
    background-color: #181c32 !important
}

.btn-check:active+.btn.btn-active-dark .svg-icon,
.btn-check:active+.btn.btn-active-dark i,
.btn-check:checked+.btn.btn-active-dark .svg-icon,
.btn-check:checked+.btn.btn-active-dark i,
.btn.btn-active-dark.active .svg-icon,
.btn.btn-active-dark.active i,
.btn.btn-active-dark.show .svg-icon,
.btn.btn-active-dark.show i,
.btn.btn-active-dark:active:not(.btn-active) .svg-icon,
.btn.btn-active-dark:active:not(.btn-active) i,
.btn.btn-active-dark:focus:not(.btn-active) .svg-icon,
.btn.btn-active-dark:focus:not(.btn-active) i,
.btn.btn-active-dark:hover:not(.btn-active) .svg-icon,
.btn.btn-active-dark:hover:not(.btn-active) i,
.show>.btn.btn-active-dark .svg-icon,
.show>.btn.btn-active-dark i {
    color: #fff
}

.btn-check:active+.btn.btn-active-dark.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-dark.dropdown-toggle:after,
.btn.btn-active-dark.active.dropdown-toggle:after,
.btn.btn-active-dark.show.dropdown-toggle:after,
.btn.btn-active-dark:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-dark:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-dark:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-dark.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-active-light-dark,
.btn-check:checked+.btn.btn-active-light-dark,
.btn.btn-active-light-dark.active,
.btn.btn-active-light-dark.show,
.btn.btn-active-light-dark:active:not(.btn-active),
.btn.btn-active-light-dark:focus:not(.btn-active),
.btn.btn-active-light-dark:hover:not(.btn-active),
.show>.btn.btn-active-light-dark {
    color: #181c32;
    border-color: #eff2f5;
    background-color: #eff2f5 !important
}

.btn-check:active+.btn.btn-active-light-dark .svg-icon,
.btn-check:active+.btn.btn-active-light-dark i,
.btn-check:checked+.btn.btn-active-light-dark .svg-icon,
.btn-check:checked+.btn.btn-active-light-dark i,
.btn.btn-active-light-dark.active .svg-icon,
.btn.btn-active-light-dark.active i,
.btn.btn-active-light-dark.show .svg-icon,
.btn.btn-active-light-dark.show i,
.btn.btn-active-light-dark:active:not(.btn-active) .svg-icon,
.btn.btn-active-light-dark:active:not(.btn-active) i,
.btn.btn-active-light-dark:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light-dark:focus:not(.btn-active) i,
.btn.btn-active-light-dark:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light-dark:hover:not(.btn-active) i,
.show>.btn.btn-active-light-dark .svg-icon,
.show>.btn.btn-active-light-dark i {
    color: #181c32
}

.btn-check:active+.btn.btn-active-light-dark.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-light-dark.dropdown-toggle:after,
.btn.btn-active-light-dark.active.dropdown-toggle:after,
.btn.btn-active-light-dark.show.dropdown-toggle:after,
.btn.btn-active-light-dark:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-dark:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-dark:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-light-dark.dropdown-toggle:after {
    color: #181c32
}

.btn.btn-active-light-dark.btn-outline:not(.btn-outline-default) {
    border-color: #181c32 !important
}

.btn.btn-color-white {
    color: #fff
}

.btn.btn-color-white .svg-icon,
.btn.btn-color-white i {
    color: #fff
}

.btn.btn-color-white.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-active-color-white,
.btn-check:checked+.btn.btn-active-color-white,
.btn.btn-active-color-white.active,
.btn.btn-active-color-white.show,
.btn.btn-active-color-white:active:not(.btn-active),
.btn.btn-active-color-white:focus:not(.btn-active),
.btn.btn-active-color-white:hover:not(.btn-active),
.show>.btn.btn-active-color-white {
    color: #fff
}

.btn-check:active+.btn.btn-active-color-white .svg-icon,
.btn-check:active+.btn.btn-active-color-white i,
.btn-check:checked+.btn.btn-active-color-white .svg-icon,
.btn-check:checked+.btn.btn-active-color-white i,
.btn.btn-active-color-white.active .svg-icon,
.btn.btn-active-color-white.active i,
.btn.btn-active-color-white.show .svg-icon,
.btn.btn-active-color-white.show i,
.btn.btn-active-color-white:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-white:active:not(.btn-active) i,
.btn.btn-active-color-white:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-white:focus:not(.btn-active) i,
.btn.btn-active-color-white:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-white:hover:not(.btn-active) i,
.show>.btn.btn-active-color-white .svg-icon,
.show>.btn.btn-active-color-white i {
    color: #fff
}

.btn-check:active+.btn.btn-active-color-white.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-white.dropdown-toggle:after,
.btn.btn-active-color-white.active.dropdown-toggle:after,
.btn.btn-active-color-white.show.dropdown-toggle:after,
.btn.btn-active-color-white:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-white:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-white:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-white.dropdown-toggle:after {
    color: #fff
}

.btn.btn-icon-white .svg-icon,
.btn.btn-icon-white i {
    color: #fff
}

.btn.btn-icon-white.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-active-icon-white .svg-icon,
.btn-check:active+.btn.btn-active-icon-white i,
.btn-check:checked+.btn.btn-active-icon-white .svg-icon,
.btn-check:checked+.btn.btn-active-icon-white i,
.btn.btn-active-icon-white.active .svg-icon,
.btn.btn-active-icon-white.active i,
.btn.btn-active-icon-white.show .svg-icon,
.btn.btn-active-icon-white.show i,
.btn.btn-active-icon-white:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-white:active:not(.btn-active) i,
.btn.btn-active-icon-white:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-white:focus:not(.btn-active) i,
.btn.btn-active-icon-white:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-white:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-white .svg-icon,
.show>.btn.btn-active-icon-white i {
    color: #fff
}

.btn-check:active+.btn.btn-active-icon-white.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-white.dropdown-toggle:after,
.btn.btn-active-icon-white.active.dropdown-toggle:after,
.btn.btn-active-icon-white.show.dropdown-toggle:after,
.btn.btn-active-icon-white:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-white:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-white:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-white.dropdown-toggle:after {
    color: #fff
}

.btn.btn-text-white {
    color: #fff
}

.btn-check:active+.btn.btn-active-text-white,
.btn-check:checked+.btn.btn-active-text-white,
.btn.btn-active-text-white.active,
.btn.btn-active-text-white.show,
.btn.btn-active-text-white:active:not(.btn-active),
.btn.btn-active-text-white:focus:not(.btn-active),
.btn.btn-active-text-white:hover:not(.btn-active),
.show>.btn.btn-active-text-white {
    color: #fff
}

.btn.btn-color-primary {
    color: #009ef7
}

.btn.btn-color-primary .svg-icon,
.btn.btn-color-primary i {
    color: #009ef7
}

.btn.btn-color-primary.dropdown-toggle:after {
    color: #009ef7
}

.btn-check:active+.btn.btn-active-color-primary,
.btn-check:checked+.btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show>.btn.btn-active-color-primary {
    color: #009ef7
}

.btn-check:active+.btn.btn-active-color-primary .svg-icon,
.btn-check:active+.btn.btn-active-color-primary i,
.btn-check:checked+.btn.btn-active-color-primary .svg-icon,
.btn-check:checked+.btn.btn-active-color-primary i,
.btn.btn-active-color-primary.active .svg-icon,
.btn.btn-active-color-primary.active i,
.btn.btn-active-color-primary.show .svg-icon,
.btn.btn-active-color-primary.show i,
.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:active:not(.btn-active) i,
.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:focus:not(.btn-active) i,
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:hover:not(.btn-active) i,
.show>.btn.btn-active-color-primary .svg-icon,
.show>.btn.btn-active-color-primary i {
    color: #009ef7
}

.btn-check:active+.btn.btn-active-color-primary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-primary.dropdown-toggle:after,
.btn.btn-active-color-primary.active.dropdown-toggle:after,
.btn.btn-active-color-primary.show.dropdown-toggle:after,
.btn.btn-active-color-primary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-primary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-primary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-primary.dropdown-toggle:after {
    color: #009ef7
}

.btn.btn-icon-primary .svg-icon,
.btn.btn-icon-primary i {
    color: #009ef7
}

.btn.btn-icon-primary.dropdown-toggle:after {
    color: #009ef7
}

.btn-check:active+.btn.btn-active-icon-primary .svg-icon,
.btn-check:active+.btn.btn-active-icon-primary i,
.btn-check:checked+.btn.btn-active-icon-primary .svg-icon,
.btn-check:checked+.btn.btn-active-icon-primary i,
.btn.btn-active-icon-primary.active .svg-icon,
.btn.btn-active-icon-primary.active i,
.btn.btn-active-icon-primary.show .svg-icon,
.btn.btn-active-icon-primary.show i,
.btn.btn-active-icon-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-primary:active:not(.btn-active) i,
.btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-primary:focus:not(.btn-active) i,
.btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-primary:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-primary .svg-icon,
.show>.btn.btn-active-icon-primary i {
    color: #009ef7
}

.btn-check:active+.btn.btn-active-icon-primary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-primary.dropdown-toggle:after,
.btn.btn-active-icon-primary.active.dropdown-toggle:after,
.btn.btn-active-icon-primary.show.dropdown-toggle:after,
.btn.btn-active-icon-primary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-primary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-primary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-primary.dropdown-toggle:after {
    color: #009ef7
}

.btn.btn-text-primary {
    color: #009ef7
}

.btn-check:active+.btn.btn-active-text-primary,
.btn-check:checked+.btn.btn-active-text-primary,
.btn.btn-active-text-primary.active,
.btn.btn-active-text-primary.show,
.btn.btn-active-text-primary:active:not(.btn-active),
.btn.btn-active-text-primary:focus:not(.btn-active),
.btn.btn-active-text-primary:hover:not(.btn-active),
.show>.btn.btn-active-text-primary {
    color: #009ef7
}

.btn.btn-color-secondary {
    color: #e4e6ef
}

.btn.btn-color-secondary .svg-icon,
.btn.btn-color-secondary i {
    color: #e4e6ef
}

.btn.btn-color-secondary.dropdown-toggle:after {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-color-secondary,
.btn-check:checked+.btn.btn-active-color-secondary,
.btn.btn-active-color-secondary.active,
.btn.btn-active-color-secondary.show,
.btn.btn-active-color-secondary:active:not(.btn-active),
.btn.btn-active-color-secondary:focus:not(.btn-active),
.btn.btn-active-color-secondary:hover:not(.btn-active),
.show>.btn.btn-active-color-secondary {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-color-secondary .svg-icon,
.btn-check:active+.btn.btn-active-color-secondary i,
.btn-check:checked+.btn.btn-active-color-secondary .svg-icon,
.btn-check:checked+.btn.btn-active-color-secondary i,
.btn.btn-active-color-secondary.active .svg-icon,
.btn.btn-active-color-secondary.active i,
.btn.btn-active-color-secondary.show .svg-icon,
.btn.btn-active-color-secondary.show i,
.btn.btn-active-color-secondary:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-secondary:active:not(.btn-active) i,
.btn.btn-active-color-secondary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-secondary:focus:not(.btn-active) i,
.btn.btn-active-color-secondary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-secondary:hover:not(.btn-active) i,
.show>.btn.btn-active-color-secondary .svg-icon,
.show>.btn.btn-active-color-secondary i {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-color-secondary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-secondary.dropdown-toggle:after,
.btn.btn-active-color-secondary.active.dropdown-toggle:after,
.btn.btn-active-color-secondary.show.dropdown-toggle:after,
.btn.btn-active-color-secondary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-secondary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-secondary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-secondary.dropdown-toggle:after {
    color: #e4e6ef
}

.btn.btn-icon-secondary .svg-icon,
.btn.btn-icon-secondary i {
    color: #e4e6ef
}

.btn.btn-icon-secondary.dropdown-toggle:after {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-icon-secondary .svg-icon,
.btn-check:active+.btn.btn-active-icon-secondary i,
.btn-check:checked+.btn.btn-active-icon-secondary .svg-icon,
.btn-check:checked+.btn.btn-active-icon-secondary i,
.btn.btn-active-icon-secondary.active .svg-icon,
.btn.btn-active-icon-secondary.active i,
.btn.btn-active-icon-secondary.show .svg-icon,
.btn.btn-active-icon-secondary.show i,
.btn.btn-active-icon-secondary:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-secondary:active:not(.btn-active) i,
.btn.btn-active-icon-secondary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-secondary:focus:not(.btn-active) i,
.btn.btn-active-icon-secondary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-secondary:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-secondary .svg-icon,
.show>.btn.btn-active-icon-secondary i {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-icon-secondary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-secondary.dropdown-toggle:after,
.btn.btn-active-icon-secondary.active.dropdown-toggle:after,
.btn.btn-active-icon-secondary.show.dropdown-toggle:after,
.btn.btn-active-icon-secondary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-secondary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-secondary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-secondary.dropdown-toggle:after {
    color: #e4e6ef
}

.btn.btn-text-secondary {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-text-secondary,
.btn-check:checked+.btn.btn-active-text-secondary,
.btn.btn-active-text-secondary.active,
.btn.btn-active-text-secondary.show,
.btn.btn-active-text-secondary:active:not(.btn-active),
.btn.btn-active-text-secondary:focus:not(.btn-active),
.btn.btn-active-text-secondary:hover:not(.btn-active),
.show>.btn.btn-active-text-secondary {
    color: #e4e6ef
}

.btn.btn-color-light {
    color: #f5f8fa
}

.btn.btn-color-light .svg-icon,
.btn.btn-color-light i {
    color: #f5f8fa
}

.btn.btn-color-light.dropdown-toggle:after {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-color-light,
.btn-check:checked+.btn.btn-active-color-light,
.btn.btn-active-color-light.active,
.btn.btn-active-color-light.show,
.btn.btn-active-color-light:active:not(.btn-active),
.btn.btn-active-color-light:focus:not(.btn-active),
.btn.btn-active-color-light:hover:not(.btn-active),
.show>.btn.btn-active-color-light {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-color-light .svg-icon,
.btn-check:active+.btn.btn-active-color-light i,
.btn-check:checked+.btn.btn-active-color-light .svg-icon,
.btn-check:checked+.btn.btn-active-color-light i,
.btn.btn-active-color-light.active .svg-icon,
.btn.btn-active-color-light.active i,
.btn.btn-active-color-light.show .svg-icon,
.btn.btn-active-color-light.show i,
.btn.btn-active-color-light:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-light:active:not(.btn-active) i,
.btn.btn-active-color-light:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-light:focus:not(.btn-active) i,
.btn.btn-active-color-light:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-light:hover:not(.btn-active) i,
.show>.btn.btn-active-color-light .svg-icon,
.show>.btn.btn-active-color-light i {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-color-light.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-light.dropdown-toggle:after,
.btn.btn-active-color-light.active.dropdown-toggle:after,
.btn.btn-active-color-light.show.dropdown-toggle:after,
.btn.btn-active-color-light:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-light:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-light:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-light.dropdown-toggle:after {
    color: #f5f8fa
}

.btn.btn-icon-light .svg-icon,
.btn.btn-icon-light i {
    color: #f5f8fa
}

.btn.btn-icon-light.dropdown-toggle:after {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-icon-light .svg-icon,
.btn-check:active+.btn.btn-active-icon-light i,
.btn-check:checked+.btn.btn-active-icon-light .svg-icon,
.btn-check:checked+.btn.btn-active-icon-light i,
.btn.btn-active-icon-light.active .svg-icon,
.btn.btn-active-icon-light.active i,
.btn.btn-active-icon-light.show .svg-icon,
.btn.btn-active-icon-light.show i,
.btn.btn-active-icon-light:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-light:active:not(.btn-active) i,
.btn.btn-active-icon-light:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-light:focus:not(.btn-active) i,
.btn.btn-active-icon-light:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-light:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-light .svg-icon,
.show>.btn.btn-active-icon-light i {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-icon-light.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-light.dropdown-toggle:after,
.btn.btn-active-icon-light.active.dropdown-toggle:after,
.btn.btn-active-icon-light.show.dropdown-toggle:after,
.btn.btn-active-icon-light:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-light:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-light:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-light.dropdown-toggle:after {
    color: #f5f8fa
}

.btn.btn-text-light {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-text-light,
.btn-check:checked+.btn.btn-active-text-light,
.btn.btn-active-text-light.active,
.btn.btn-active-text-light.show,
.btn.btn-active-text-light:active:not(.btn-active),
.btn.btn-active-text-light:focus:not(.btn-active),
.btn.btn-active-text-light:hover:not(.btn-active),
.show>.btn.btn-active-text-light {
    color: #f5f8fa
}

.btn.btn-color-success {
    color: #50cd89
}

.btn.btn-color-success .svg-icon,
.btn.btn-color-success i {
    color: #50cd89
}

.btn.btn-color-success.dropdown-toggle:after {
    color: #50cd89
}

.btn-check:active+.btn.btn-active-color-success,
.btn-check:checked+.btn.btn-active-color-success,
.btn.btn-active-color-success.active,
.btn.btn-active-color-success.show,
.btn.btn-active-color-success:active:not(.btn-active),
.btn.btn-active-color-success:focus:not(.btn-active),
.btn.btn-active-color-success:hover:not(.btn-active),
.show>.btn.btn-active-color-success {
    color: #50cd89
}

.btn-check:active+.btn.btn-active-color-success .svg-icon,
.btn-check:active+.btn.btn-active-color-success i,
.btn-check:checked+.btn.btn-active-color-success .svg-icon,
.btn-check:checked+.btn.btn-active-color-success i,
.btn.btn-active-color-success.active .svg-icon,
.btn.btn-active-color-success.active i,
.btn.btn-active-color-success.show .svg-icon,
.btn.btn-active-color-success.show i,
.btn.btn-active-color-success:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-success:active:not(.btn-active) i,
.btn.btn-active-color-success:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-success:focus:not(.btn-active) i,
.btn.btn-active-color-success:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-success:hover:not(.btn-active) i,
.show>.btn.btn-active-color-success .svg-icon,
.show>.btn.btn-active-color-success i {
    color: #50cd89
}

.btn-check:active+.btn.btn-active-color-success.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-success.dropdown-toggle:after,
.btn.btn-active-color-success.active.dropdown-toggle:after,
.btn.btn-active-color-success.show.dropdown-toggle:after,
.btn.btn-active-color-success:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-success:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-success:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-success.dropdown-toggle:after {
    color: #50cd89
}

.btn.btn-icon-success .svg-icon,
.btn.btn-icon-success i {
    color: #50cd89
}

.btn.btn-icon-success.dropdown-toggle:after {
    color: #50cd89
}

.btn-check:active+.btn.btn-active-icon-success .svg-icon,
.btn-check:active+.btn.btn-active-icon-success i,
.btn-check:checked+.btn.btn-active-icon-success .svg-icon,
.btn-check:checked+.btn.btn-active-icon-success i,
.btn.btn-active-icon-success.active .svg-icon,
.btn.btn-active-icon-success.active i,
.btn.btn-active-icon-success.show .svg-icon,
.btn.btn-active-icon-success.show i,
.btn.btn-active-icon-success:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-success:active:not(.btn-active) i,
.btn.btn-active-icon-success:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-success:focus:not(.btn-active) i,
.btn.btn-active-icon-success:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-success:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-success .svg-icon,
.show>.btn.btn-active-icon-success i {
    color: #50cd89
}

.btn-check:active+.btn.btn-active-icon-success.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-success.dropdown-toggle:after,
.btn.btn-active-icon-success.active.dropdown-toggle:after,
.btn.btn-active-icon-success.show.dropdown-toggle:after,
.btn.btn-active-icon-success:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-success:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-success:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-success.dropdown-toggle:after {
    color: #50cd89
}

.btn.btn-text-success {
    color: #50cd89
}

.btn-check:active+.btn.btn-active-text-success,
.btn-check:checked+.btn.btn-active-text-success,
.btn.btn-active-text-success.active,
.btn.btn-active-text-success.show,
.btn.btn-active-text-success:active:not(.btn-active),
.btn.btn-active-text-success:focus:not(.btn-active),
.btn.btn-active-text-success:hover:not(.btn-active),
.show>.btn.btn-active-text-success {
    color: #50cd89
}

.btn.btn-color-info {
    color: #7239ea
}

.btn.btn-color-info .svg-icon,
.btn.btn-color-info i {
    color: #7239ea
}

.btn.btn-color-info.dropdown-toggle:after {
    color: #7239ea
}

.btn-check:active+.btn.btn-active-color-info,
.btn-check:checked+.btn.btn-active-color-info,
.btn.btn-active-color-info.active,
.btn.btn-active-color-info.show,
.btn.btn-active-color-info:active:not(.btn-active),
.btn.btn-active-color-info:focus:not(.btn-active),
.btn.btn-active-color-info:hover:not(.btn-active),
.show>.btn.btn-active-color-info {
    color: #7239ea
}

.btn-check:active+.btn.btn-active-color-info .svg-icon,
.btn-check:active+.btn.btn-active-color-info i,
.btn-check:checked+.btn.btn-active-color-info .svg-icon,
.btn-check:checked+.btn.btn-active-color-info i,
.btn.btn-active-color-info.active .svg-icon,
.btn.btn-active-color-info.active i,
.btn.btn-active-color-info.show .svg-icon,
.btn.btn-active-color-info.show i,
.btn.btn-active-color-info:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-info:active:not(.btn-active) i,
.btn.btn-active-color-info:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-info:focus:not(.btn-active) i,
.btn.btn-active-color-info:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-info:hover:not(.btn-active) i,
.show>.btn.btn-active-color-info .svg-icon,
.show>.btn.btn-active-color-info i {
    color: #7239ea
}

.btn-check:active+.btn.btn-active-color-info.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-info.dropdown-toggle:after,
.btn.btn-active-color-info.active.dropdown-toggle:after,
.btn.btn-active-color-info.show.dropdown-toggle:after,
.btn.btn-active-color-info:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-info:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-info:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-info.dropdown-toggle:after {
    color: #7239ea
}

.btn.btn-icon-info .svg-icon,
.btn.btn-icon-info i {
    color: #7239ea
}

.btn.btn-icon-info.dropdown-toggle:after {
    color: #7239ea
}

.btn-check:active+.btn.btn-active-icon-info .svg-icon,
.btn-check:active+.btn.btn-active-icon-info i,
.btn-check:checked+.btn.btn-active-icon-info .svg-icon,
.btn-check:checked+.btn.btn-active-icon-info i,
.btn.btn-active-icon-info.active .svg-icon,
.btn.btn-active-icon-info.active i,
.btn.btn-active-icon-info.show .svg-icon,
.btn.btn-active-icon-info.show i,
.btn.btn-active-icon-info:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-info:active:not(.btn-active) i,
.btn.btn-active-icon-info:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-info:focus:not(.btn-active) i,
.btn.btn-active-icon-info:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-info:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-info .svg-icon,
.show>.btn.btn-active-icon-info i {
    color: #7239ea
}

.btn-check:active+.btn.btn-active-icon-info.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-info.dropdown-toggle:after,
.btn.btn-active-icon-info.active.dropdown-toggle:after,
.btn.btn-active-icon-info.show.dropdown-toggle:after,
.btn.btn-active-icon-info:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-info:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-info:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-info.dropdown-toggle:after {
    color: #7239ea
}

.btn.btn-text-info {
    color: #7239ea
}

.btn-check:active+.btn.btn-active-text-info,
.btn-check:checked+.btn.btn-active-text-info,
.btn.btn-active-text-info.active,
.btn.btn-active-text-info.show,
.btn.btn-active-text-info:active:not(.btn-active),
.btn.btn-active-text-info:focus:not(.btn-active),
.btn.btn-active-text-info:hover:not(.btn-active),
.show>.btn.btn-active-text-info {
    color: #7239ea
}

.btn.btn-color-warning {
    color: #ffc700
}

.btn.btn-color-warning .svg-icon,
.btn.btn-color-warning i {
    color: #ffc700
}

.btn.btn-color-warning.dropdown-toggle:after {
    color: #ffc700
}

.btn-check:active+.btn.btn-active-color-warning,
.btn-check:checked+.btn.btn-active-color-warning,
.btn.btn-active-color-warning.active,
.btn.btn-active-color-warning.show,
.btn.btn-active-color-warning:active:not(.btn-active),
.btn.btn-active-color-warning:focus:not(.btn-active),
.btn.btn-active-color-warning:hover:not(.btn-active),
.show>.btn.btn-active-color-warning {
    color: #ffc700
}

.btn-check:active+.btn.btn-active-color-warning .svg-icon,
.btn-check:active+.btn.btn-active-color-warning i,
.btn-check:checked+.btn.btn-active-color-warning .svg-icon,
.btn-check:checked+.btn.btn-active-color-warning i,
.btn.btn-active-color-warning.active .svg-icon,
.btn.btn-active-color-warning.active i,
.btn.btn-active-color-warning.show .svg-icon,
.btn.btn-active-color-warning.show i,
.btn.btn-active-color-warning:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-warning:active:not(.btn-active) i,
.btn.btn-active-color-warning:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-warning:focus:not(.btn-active) i,
.btn.btn-active-color-warning:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-warning:hover:not(.btn-active) i,
.show>.btn.btn-active-color-warning .svg-icon,
.show>.btn.btn-active-color-warning i {
    color: #ffc700
}

.btn-check:active+.btn.btn-active-color-warning.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-warning.dropdown-toggle:after,
.btn.btn-active-color-warning.active.dropdown-toggle:after,
.btn.btn-active-color-warning.show.dropdown-toggle:after,
.btn.btn-active-color-warning:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-warning:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-warning:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-warning.dropdown-toggle:after {
    color: #ffc700
}

.btn.btn-icon-warning .svg-icon,
.btn.btn-icon-warning i {
    color: #ffc700
}

.btn.btn-icon-warning.dropdown-toggle:after {
    color: #ffc700
}

.btn-check:active+.btn.btn-active-icon-warning .svg-icon,
.btn-check:active+.btn.btn-active-icon-warning i,
.btn-check:checked+.btn.btn-active-icon-warning .svg-icon,
.btn-check:checked+.btn.btn-active-icon-warning i,
.btn.btn-active-icon-warning.active .svg-icon,
.btn.btn-active-icon-warning.active i,
.btn.btn-active-icon-warning.show .svg-icon,
.btn.btn-active-icon-warning.show i,
.btn.btn-active-icon-warning:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-warning:active:not(.btn-active) i,
.btn.btn-active-icon-warning:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-warning:focus:not(.btn-active) i,
.btn.btn-active-icon-warning:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-warning:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-warning .svg-icon,
.show>.btn.btn-active-icon-warning i {
    color: #ffc700
}

.btn-check:active+.btn.btn-active-icon-warning.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-warning.dropdown-toggle:after,
.btn.btn-active-icon-warning.active.dropdown-toggle:after,
.btn.btn-active-icon-warning.show.dropdown-toggle:after,
.btn.btn-active-icon-warning:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-warning:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-warning:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-warning.dropdown-toggle:after {
    color: #ffc700
}

.btn.btn-text-warning {
    color: #ffc700
}

.btn-check:active+.btn.btn-active-text-warning,
.btn-check:checked+.btn.btn-active-text-warning,
.btn.btn-active-text-warning.active,
.btn.btn-active-text-warning.show,
.btn.btn-active-text-warning:active:not(.btn-active),
.btn.btn-active-text-warning:focus:not(.btn-active),
.btn.btn-active-text-warning:hover:not(.btn-active),
.show>.btn.btn-active-text-warning {
    color: #ffc700
}

.btn.btn-color-danger {
    color: #f1416c
}

.btn.btn-color-danger .svg-icon,
.btn.btn-color-danger i {
    color: #f1416c
}

.btn.btn-color-danger.dropdown-toggle:after {
    color: #f1416c
}

.btn-check:active+.btn.btn-active-color-danger,
.btn-check:checked+.btn.btn-active-color-danger,
.btn.btn-active-color-danger.active,
.btn.btn-active-color-danger.show,
.btn.btn-active-color-danger:active:not(.btn-active),
.btn.btn-active-color-danger:focus:not(.btn-active),
.btn.btn-active-color-danger:hover:not(.btn-active),
.show>.btn.btn-active-color-danger {
    color: #f1416c
}

.btn-check:active+.btn.btn-active-color-danger .svg-icon,
.btn-check:active+.btn.btn-active-color-danger i,
.btn-check:checked+.btn.btn-active-color-danger .svg-icon,
.btn-check:checked+.btn.btn-active-color-danger i,
.btn.btn-active-color-danger.active .svg-icon,
.btn.btn-active-color-danger.active i,
.btn.btn-active-color-danger.show .svg-icon,
.btn.btn-active-color-danger.show i,
.btn.btn-active-color-danger:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-danger:active:not(.btn-active) i,
.btn.btn-active-color-danger:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-danger:focus:not(.btn-active) i,
.btn.btn-active-color-danger:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-danger:hover:not(.btn-active) i,
.show>.btn.btn-active-color-danger .svg-icon,
.show>.btn.btn-active-color-danger i {
    color: #f1416c
}

.btn-check:active+.btn.btn-active-color-danger.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-danger.dropdown-toggle:after,
.btn.btn-active-color-danger.active.dropdown-toggle:after,
.btn.btn-active-color-danger.show.dropdown-toggle:after,
.btn.btn-active-color-danger:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-danger:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-danger:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-danger.dropdown-toggle:after {
    color: #f1416c
}

.btn.btn-icon-danger .svg-icon,
.btn.btn-icon-danger i {
    color: #f1416c
}

.btn.btn-icon-danger.dropdown-toggle:after {
    color: #f1416c
}

.btn-check:active+.btn.btn-active-icon-danger .svg-icon,
.btn-check:active+.btn.btn-active-icon-danger i,
.btn-check:checked+.btn.btn-active-icon-danger .svg-icon,
.btn-check:checked+.btn.btn-active-icon-danger i,
.btn.btn-active-icon-danger.active .svg-icon,
.btn.btn-active-icon-danger.active i,
.btn.btn-active-icon-danger.show .svg-icon,
.btn.btn-active-icon-danger.show i,
.btn.btn-active-icon-danger:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-danger:active:not(.btn-active) i,
.btn.btn-active-icon-danger:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-danger:focus:not(.btn-active) i,
.btn.btn-active-icon-danger:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-danger:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-danger .svg-icon,
.show>.btn.btn-active-icon-danger i {
    color: #f1416c
}

.btn-check:active+.btn.btn-active-icon-danger.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-danger.dropdown-toggle:after,
.btn.btn-active-icon-danger.active.dropdown-toggle:after,
.btn.btn-active-icon-danger.show.dropdown-toggle:after,
.btn.btn-active-icon-danger:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-danger:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-danger:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-danger.dropdown-toggle:after {
    color: #f1416c
}

.btn.btn-text-danger {
    color: #f1416c
}

.btn-check:active+.btn.btn-active-text-danger,
.btn-check:checked+.btn.btn-active-text-danger,
.btn.btn-active-text-danger.active,
.btn.btn-active-text-danger.show,
.btn.btn-active-text-danger:active:not(.btn-active),
.btn.btn-active-text-danger:focus:not(.btn-active),
.btn.btn-active-text-danger:hover:not(.btn-active),
.show>.btn.btn-active-text-danger {
    color: #f1416c
}

.btn.btn-color-dark {
    color: #181c32
}

.btn.btn-color-dark .svg-icon,
.btn.btn-color-dark i {
    color: #181c32
}

.btn.btn-color-dark.dropdown-toggle:after {
    color: #181c32
}

.btn-check:active+.btn.btn-active-color-dark,
.btn-check:checked+.btn.btn-active-color-dark,
.btn.btn-active-color-dark.active,
.btn.btn-active-color-dark.show,
.btn.btn-active-color-dark:active:not(.btn-active),
.btn.btn-active-color-dark:focus:not(.btn-active),
.btn.btn-active-color-dark:hover:not(.btn-active),
.show>.btn.btn-active-color-dark {
    color: #181c32
}

.btn-check:active+.btn.btn-active-color-dark .svg-icon,
.btn-check:active+.btn.btn-active-color-dark i,
.btn-check:checked+.btn.btn-active-color-dark .svg-icon,
.btn-check:checked+.btn.btn-active-color-dark i,
.btn.btn-active-color-dark.active .svg-icon,
.btn.btn-active-color-dark.active i,
.btn.btn-active-color-dark.show .svg-icon,
.btn.btn-active-color-dark.show i,
.btn.btn-active-color-dark:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-dark:active:not(.btn-active) i,
.btn.btn-active-color-dark:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-dark:focus:not(.btn-active) i,
.btn.btn-active-color-dark:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-dark:hover:not(.btn-active) i,
.show>.btn.btn-active-color-dark .svg-icon,
.show>.btn.btn-active-color-dark i {
    color: #181c32
}

.btn-check:active+.btn.btn-active-color-dark.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-dark.dropdown-toggle:after,
.btn.btn-active-color-dark.active.dropdown-toggle:after,
.btn.btn-active-color-dark.show.dropdown-toggle:after,
.btn.btn-active-color-dark:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-dark:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-dark:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-dark.dropdown-toggle:after {
    color: #181c32
}

.btn.btn-icon-dark .svg-icon,
.btn.btn-icon-dark i {
    color: #181c32
}

.btn.btn-icon-dark.dropdown-toggle:after {
    color: #181c32
}

.btn-check:active+.btn.btn-active-icon-dark .svg-icon,
.btn-check:active+.btn.btn-active-icon-dark i,
.btn-check:checked+.btn.btn-active-icon-dark .svg-icon,
.btn-check:checked+.btn.btn-active-icon-dark i,
.btn.btn-active-icon-dark.active .svg-icon,
.btn.btn-active-icon-dark.active i,
.btn.btn-active-icon-dark.show .svg-icon,
.btn.btn-active-icon-dark.show i,
.btn.btn-active-icon-dark:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-dark:active:not(.btn-active) i,
.btn.btn-active-icon-dark:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-dark:focus:not(.btn-active) i,
.btn.btn-active-icon-dark:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-dark:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-dark .svg-icon,
.show>.btn.btn-active-icon-dark i {
    color: #181c32
}

.btn-check:active+.btn.btn-active-icon-dark.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-dark.dropdown-toggle:after,
.btn.btn-active-icon-dark.active.dropdown-toggle:after,
.btn.btn-active-icon-dark.show.dropdown-toggle:after,
.btn.btn-active-icon-dark:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-dark:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-dark:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-dark.dropdown-toggle:after {
    color: #181c32
}

.btn.btn-text-dark {
    color: #181c32
}

.btn-check:active+.btn.btn-active-text-dark,
.btn-check:checked+.btn.btn-active-text-dark,
.btn.btn-active-text-dark.active,
.btn.btn-active-text-dark.show,
.btn.btn-active-text-dark:active:not(.btn-active),
.btn.btn-active-text-dark:focus:not(.btn-active),
.btn.btn-active-text-dark:hover:not(.btn-active),
.show>.btn.btn-active-text-dark {
    color: #181c32
}

.btn.btn-color-muted {
    color: #a1a5b7
}

.btn.btn-color-muted .svg-icon,
.btn.btn-color-muted i {
    color: #a1a5b7
}

.btn.btn-color-muted.dropdown-toggle:after {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-color-muted,
.btn-check:checked+.btn.btn-active-color-muted,
.btn.btn-active-color-muted.active,
.btn.btn-active-color-muted.show,
.btn.btn-active-color-muted:active:not(.btn-active),
.btn.btn-active-color-muted:focus:not(.btn-active),
.btn.btn-active-color-muted:hover:not(.btn-active),
.show>.btn.btn-active-color-muted {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-color-muted .svg-icon,
.btn-check:active+.btn.btn-active-color-muted i,
.btn-check:checked+.btn.btn-active-color-muted .svg-icon,
.btn-check:checked+.btn.btn-active-color-muted i,
.btn.btn-active-color-muted.active .svg-icon,
.btn.btn-active-color-muted.active i,
.btn.btn-active-color-muted.show .svg-icon,
.btn.btn-active-color-muted.show i,
.btn.btn-active-color-muted:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-muted:active:not(.btn-active) i,
.btn.btn-active-color-muted:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-muted:focus:not(.btn-active) i,
.btn.btn-active-color-muted:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-muted:hover:not(.btn-active) i,
.show>.btn.btn-active-color-muted .svg-icon,
.show>.btn.btn-active-color-muted i {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-color-muted.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-muted.dropdown-toggle:after,
.btn.btn-active-color-muted.active.dropdown-toggle:after,
.btn.btn-active-color-muted.show.dropdown-toggle:after,
.btn.btn-active-color-muted:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-muted:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-muted:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-muted.dropdown-toggle:after {
    color: #a1a5b7
}

.btn.btn-icon-muted .svg-icon,
.btn.btn-icon-muted i {
    color: #a1a5b7
}

.btn.btn-icon-muted.dropdown-toggle:after {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-icon-muted .svg-icon,
.btn-check:active+.btn.btn-active-icon-muted i,
.btn-check:checked+.btn.btn-active-icon-muted .svg-icon,
.btn-check:checked+.btn.btn-active-icon-muted i,
.btn.btn-active-icon-muted.active .svg-icon,
.btn.btn-active-icon-muted.active i,
.btn.btn-active-icon-muted.show .svg-icon,
.btn.btn-active-icon-muted.show i,
.btn.btn-active-icon-muted:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-muted:active:not(.btn-active) i,
.btn.btn-active-icon-muted:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-muted:focus:not(.btn-active) i,
.btn.btn-active-icon-muted:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-muted:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-muted .svg-icon,
.show>.btn.btn-active-icon-muted i {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-icon-muted.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-muted.dropdown-toggle:after,
.btn.btn-active-icon-muted.active.dropdown-toggle:after,
.btn.btn-active-icon-muted.show.dropdown-toggle:after,
.btn.btn-active-icon-muted:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-muted:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-muted:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-muted.dropdown-toggle:after {
    color: #a1a5b7
}

.btn.btn-text-muted {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-text-muted,
.btn-check:checked+.btn.btn-active-text-muted,
.btn.btn-active-text-muted.active,
.btn.btn-active-text-muted.show,
.btn.btn-active-text-muted:active:not(.btn-active),
.btn.btn-active-text-muted:focus:not(.btn-active),
.btn.btn-active-text-muted:hover:not(.btn-active),
.show>.btn.btn-active-text-muted {
    color: #a1a5b7
}

.btn.btn-color-gray-100 {
    color: #f5f8fa
}

.btn.btn-color-gray-100 .svg-icon,
.btn.btn-color-gray-100 i {
    color: #f5f8fa
}

.btn.btn-color-gray-100.dropdown-toggle:after {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-color-gray-100,
.btn-check:checked+.btn.btn-active-color-gray-100,
.btn.btn-active-color-gray-100.active,
.btn.btn-active-color-gray-100.show,
.btn.btn-active-color-gray-100:active:not(.btn-active),
.btn.btn-active-color-gray-100:focus:not(.btn-active),
.btn.btn-active-color-gray-100:hover:not(.btn-active),
.show>.btn.btn-active-color-gray-100 {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-color-gray-100 .svg-icon,
.btn-check:active+.btn.btn-active-color-gray-100 i,
.btn-check:checked+.btn.btn-active-color-gray-100 .svg-icon,
.btn-check:checked+.btn.btn-active-color-gray-100 i,
.btn.btn-active-color-gray-100.active .svg-icon,
.btn.btn-active-color-gray-100.active i,
.btn.btn-active-color-gray-100.show .svg-icon,
.btn.btn-active-color-gray-100.show i,
.btn.btn-active-color-gray-100:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-100:active:not(.btn-active) i,
.btn.btn-active-color-gray-100:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-100:focus:not(.btn-active) i,
.btn.btn-active-color-gray-100:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-100:hover:not(.btn-active) i,
.show>.btn.btn-active-color-gray-100 .svg-icon,
.show>.btn.btn-active-color-gray-100 i {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-color-gray-100.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-gray-100.dropdown-toggle:after,
.btn.btn-active-color-gray-100.active.dropdown-toggle:after,
.btn.btn-active-color-gray-100.show.dropdown-toggle:after,
.btn.btn-active-color-gray-100:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-100:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-100:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-gray-100.dropdown-toggle:after {
    color: #f5f8fa
}

.btn.btn-icon-gray-100 .svg-icon,
.btn.btn-icon-gray-100 i {
    color: #f5f8fa
}

.btn.btn-icon-gray-100.dropdown-toggle:after {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-icon-gray-100 .svg-icon,
.btn-check:active+.btn.btn-active-icon-gray-100 i,
.btn-check:checked+.btn.btn-active-icon-gray-100 .svg-icon,
.btn-check:checked+.btn.btn-active-icon-gray-100 i,
.btn.btn-active-icon-gray-100.active .svg-icon,
.btn.btn-active-icon-gray-100.active i,
.btn.btn-active-icon-gray-100.show .svg-icon,
.btn.btn-active-icon-gray-100.show i,
.btn.btn-active-icon-gray-100:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-100:active:not(.btn-active) i,
.btn.btn-active-icon-gray-100:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-100:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-100:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-100:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-gray-100 .svg-icon,
.show>.btn.btn-active-icon-gray-100 i {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-icon-gray-100.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-gray-100.dropdown-toggle:after,
.btn.btn-active-icon-gray-100.active.dropdown-toggle:after,
.btn.btn-active-icon-gray-100.show.dropdown-toggle:after,
.btn.btn-active-icon-gray-100:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-100:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-100:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-gray-100.dropdown-toggle:after {
    color: #f5f8fa
}

.btn.btn-text-gray-100 {
    color: #f5f8fa
}

.btn-check:active+.btn.btn-active-text-gray-100,
.btn-check:checked+.btn.btn-active-text-gray-100,
.btn.btn-active-text-gray-100.active,
.btn.btn-active-text-gray-100.show,
.btn.btn-active-text-gray-100:active:not(.btn-active),
.btn.btn-active-text-gray-100:focus:not(.btn-active),
.btn.btn-active-text-gray-100:hover:not(.btn-active),
.show>.btn.btn-active-text-gray-100 {
    color: #f5f8fa
}

.btn.btn-color-gray-200 {
    color: #eff2f5
}

.btn.btn-color-gray-200 .svg-icon,
.btn.btn-color-gray-200 i {
    color: #eff2f5
}

.btn.btn-color-gray-200.dropdown-toggle:after {
    color: #eff2f5
}

.btn-check:active+.btn.btn-active-color-gray-200,
.btn-check:checked+.btn.btn-active-color-gray-200,
.btn.btn-active-color-gray-200.active,
.btn.btn-active-color-gray-200.show,
.btn.btn-active-color-gray-200:active:not(.btn-active),
.btn.btn-active-color-gray-200:focus:not(.btn-active),
.btn.btn-active-color-gray-200:hover:not(.btn-active),
.show>.btn.btn-active-color-gray-200 {
    color: #eff2f5
}

.btn-check:active+.btn.btn-active-color-gray-200 .svg-icon,
.btn-check:active+.btn.btn-active-color-gray-200 i,
.btn-check:checked+.btn.btn-active-color-gray-200 .svg-icon,
.btn-check:checked+.btn.btn-active-color-gray-200 i,
.btn.btn-active-color-gray-200.active .svg-icon,
.btn.btn-active-color-gray-200.active i,
.btn.btn-active-color-gray-200.show .svg-icon,
.btn.btn-active-color-gray-200.show i,
.btn.btn-active-color-gray-200:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-200:active:not(.btn-active) i,
.btn.btn-active-color-gray-200:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-200:focus:not(.btn-active) i,
.btn.btn-active-color-gray-200:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-200:hover:not(.btn-active) i,
.show>.btn.btn-active-color-gray-200 .svg-icon,
.show>.btn.btn-active-color-gray-200 i {
    color: #eff2f5
}

.btn-check:active+.btn.btn-active-color-gray-200.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-gray-200.dropdown-toggle:after,
.btn.btn-active-color-gray-200.active.dropdown-toggle:after,
.btn.btn-active-color-gray-200.show.dropdown-toggle:after,
.btn.btn-active-color-gray-200:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-200:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-200:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-gray-200.dropdown-toggle:after {
    color: #eff2f5
}

.btn.btn-icon-gray-200 .svg-icon,
.btn.btn-icon-gray-200 i {
    color: #eff2f5
}

.btn.btn-icon-gray-200.dropdown-toggle:after {
    color: #eff2f5
}

.btn-check:active+.btn.btn-active-icon-gray-200 .svg-icon,
.btn-check:active+.btn.btn-active-icon-gray-200 i,
.btn-check:checked+.btn.btn-active-icon-gray-200 .svg-icon,
.btn-check:checked+.btn.btn-active-icon-gray-200 i,
.btn.btn-active-icon-gray-200.active .svg-icon,
.btn.btn-active-icon-gray-200.active i,
.btn.btn-active-icon-gray-200.show .svg-icon,
.btn.btn-active-icon-gray-200.show i,
.btn.btn-active-icon-gray-200:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-200:active:not(.btn-active) i,
.btn.btn-active-icon-gray-200:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-200:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-200:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-200:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-gray-200 .svg-icon,
.show>.btn.btn-active-icon-gray-200 i {
    color: #eff2f5
}

.btn-check:active+.btn.btn-active-icon-gray-200.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-gray-200.dropdown-toggle:after,
.btn.btn-active-icon-gray-200.active.dropdown-toggle:after,
.btn.btn-active-icon-gray-200.show.dropdown-toggle:after,
.btn.btn-active-icon-gray-200:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-200:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-200:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-gray-200.dropdown-toggle:after {
    color: #eff2f5
}

.btn.btn-text-gray-200 {
    color: #eff2f5
}

.btn-check:active+.btn.btn-active-text-gray-200,
.btn-check:checked+.btn.btn-active-text-gray-200,
.btn.btn-active-text-gray-200.active,
.btn.btn-active-text-gray-200.show,
.btn.btn-active-text-gray-200:active:not(.btn-active),
.btn.btn-active-text-gray-200:focus:not(.btn-active),
.btn.btn-active-text-gray-200:hover:not(.btn-active),
.show>.btn.btn-active-text-gray-200 {
    color: #eff2f5
}

.btn.btn-color-gray-300 {
    color: #e4e6ef
}

.btn.btn-color-gray-300 .svg-icon,
.btn.btn-color-gray-300 i {
    color: #e4e6ef
}

.btn.btn-color-gray-300.dropdown-toggle:after {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-color-gray-300,
.btn-check:checked+.btn.btn-active-color-gray-300,
.btn.btn-active-color-gray-300.active,
.btn.btn-active-color-gray-300.show,
.btn.btn-active-color-gray-300:active:not(.btn-active),
.btn.btn-active-color-gray-300:focus:not(.btn-active),
.btn.btn-active-color-gray-300:hover:not(.btn-active),
.show>.btn.btn-active-color-gray-300 {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-color-gray-300 .svg-icon,
.btn-check:active+.btn.btn-active-color-gray-300 i,
.btn-check:checked+.btn.btn-active-color-gray-300 .svg-icon,
.btn-check:checked+.btn.btn-active-color-gray-300 i,
.btn.btn-active-color-gray-300.active .svg-icon,
.btn.btn-active-color-gray-300.active i,
.btn.btn-active-color-gray-300.show .svg-icon,
.btn.btn-active-color-gray-300.show i,
.btn.btn-active-color-gray-300:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-300:active:not(.btn-active) i,
.btn.btn-active-color-gray-300:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-300:focus:not(.btn-active) i,
.btn.btn-active-color-gray-300:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-300:hover:not(.btn-active) i,
.show>.btn.btn-active-color-gray-300 .svg-icon,
.show>.btn.btn-active-color-gray-300 i {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-color-gray-300.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-gray-300.dropdown-toggle:after,
.btn.btn-active-color-gray-300.active.dropdown-toggle:after,
.btn.btn-active-color-gray-300.show.dropdown-toggle:after,
.btn.btn-active-color-gray-300:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-300:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-300:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-gray-300.dropdown-toggle:after {
    color: #e4e6ef
}

.btn.btn-icon-gray-300 .svg-icon,
.btn.btn-icon-gray-300 i {
    color: #e4e6ef
}

.btn.btn-icon-gray-300.dropdown-toggle:after {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-icon-gray-300 .svg-icon,
.btn-check:active+.btn.btn-active-icon-gray-300 i,
.btn-check:checked+.btn.btn-active-icon-gray-300 .svg-icon,
.btn-check:checked+.btn.btn-active-icon-gray-300 i,
.btn.btn-active-icon-gray-300.active .svg-icon,
.btn.btn-active-icon-gray-300.active i,
.btn.btn-active-icon-gray-300.show .svg-icon,
.btn.btn-active-icon-gray-300.show i,
.btn.btn-active-icon-gray-300:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-300:active:not(.btn-active) i,
.btn.btn-active-icon-gray-300:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-300:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-300:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-300:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-gray-300 .svg-icon,
.show>.btn.btn-active-icon-gray-300 i {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-icon-gray-300.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-gray-300.dropdown-toggle:after,
.btn.btn-active-icon-gray-300.active.dropdown-toggle:after,
.btn.btn-active-icon-gray-300.show.dropdown-toggle:after,
.btn.btn-active-icon-gray-300:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-300:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-300:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-gray-300.dropdown-toggle:after {
    color: #e4e6ef
}

.btn.btn-text-gray-300 {
    color: #e4e6ef
}

.btn-check:active+.btn.btn-active-text-gray-300,
.btn-check:checked+.btn.btn-active-text-gray-300,
.btn.btn-active-text-gray-300.active,
.btn.btn-active-text-gray-300.show,
.btn.btn-active-text-gray-300:active:not(.btn-active),
.btn.btn-active-text-gray-300:focus:not(.btn-active),
.btn.btn-active-text-gray-300:hover:not(.btn-active),
.show>.btn.btn-active-text-gray-300 {
    color: #e4e6ef
}

.btn.btn-color-gray-400 {
    color: #b5b5c3
}

.btn.btn-color-gray-400 .svg-icon,
.btn.btn-color-gray-400 i {
    color: #b5b5c3
}

.btn.btn-color-gray-400.dropdown-toggle:after {
    color: #b5b5c3
}

.btn-check:active+.btn.btn-active-color-gray-400,
.btn-check:checked+.btn.btn-active-color-gray-400,
.btn.btn-active-color-gray-400.active,
.btn.btn-active-color-gray-400.show,
.btn.btn-active-color-gray-400:active:not(.btn-active),
.btn.btn-active-color-gray-400:focus:not(.btn-active),
.btn.btn-active-color-gray-400:hover:not(.btn-active),
.show>.btn.btn-active-color-gray-400 {
    color: #b5b5c3
}

.btn-check:active+.btn.btn-active-color-gray-400 .svg-icon,
.btn-check:active+.btn.btn-active-color-gray-400 i,
.btn-check:checked+.btn.btn-active-color-gray-400 .svg-icon,
.btn-check:checked+.btn.btn-active-color-gray-400 i,
.btn.btn-active-color-gray-400.active .svg-icon,
.btn.btn-active-color-gray-400.active i,
.btn.btn-active-color-gray-400.show .svg-icon,
.btn.btn-active-color-gray-400.show i,
.btn.btn-active-color-gray-400:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-400:active:not(.btn-active) i,
.btn.btn-active-color-gray-400:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-400:focus:not(.btn-active) i,
.btn.btn-active-color-gray-400:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-400:hover:not(.btn-active) i,
.show>.btn.btn-active-color-gray-400 .svg-icon,
.show>.btn.btn-active-color-gray-400 i {
    color: #b5b5c3
}

.btn-check:active+.btn.btn-active-color-gray-400.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-gray-400.dropdown-toggle:after,
.btn.btn-active-color-gray-400.active.dropdown-toggle:after,
.btn.btn-active-color-gray-400.show.dropdown-toggle:after,
.btn.btn-active-color-gray-400:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-400:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-400:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-gray-400.dropdown-toggle:after {
    color: #b5b5c3
}

.btn.btn-icon-gray-400 .svg-icon,
.btn.btn-icon-gray-400 i {
    color: #b5b5c3
}

.btn.btn-icon-gray-400.dropdown-toggle:after {
    color: #b5b5c3
}

.btn-check:active+.btn.btn-active-icon-gray-400 .svg-icon,
.btn-check:active+.btn.btn-active-icon-gray-400 i,
.btn-check:checked+.btn.btn-active-icon-gray-400 .svg-icon,
.btn-check:checked+.btn.btn-active-icon-gray-400 i,
.btn.btn-active-icon-gray-400.active .svg-icon,
.btn.btn-active-icon-gray-400.active i,
.btn.btn-active-icon-gray-400.show .svg-icon,
.btn.btn-active-icon-gray-400.show i,
.btn.btn-active-icon-gray-400:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-400:active:not(.btn-active) i,
.btn.btn-active-icon-gray-400:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-400:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-400:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-400:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-gray-400 .svg-icon,
.show>.btn.btn-active-icon-gray-400 i {
    color: #b5b5c3
}

.btn-check:active+.btn.btn-active-icon-gray-400.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-gray-400.dropdown-toggle:after,
.btn.btn-active-icon-gray-400.active.dropdown-toggle:after,
.btn.btn-active-icon-gray-400.show.dropdown-toggle:after,
.btn.btn-active-icon-gray-400:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-400:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-400:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-gray-400.dropdown-toggle:after {
    color: #b5b5c3
}

.btn.btn-text-gray-400 {
    color: #b5b5c3
}

.btn-check:active+.btn.btn-active-text-gray-400,
.btn-check:checked+.btn.btn-active-text-gray-400,
.btn.btn-active-text-gray-400.active,
.btn.btn-active-text-gray-400.show,
.btn.btn-active-text-gray-400:active:not(.btn-active),
.btn.btn-active-text-gray-400:focus:not(.btn-active),
.btn.btn-active-text-gray-400:hover:not(.btn-active),
.show>.btn.btn-active-text-gray-400 {
    color: #b5b5c3
}

.btn.btn-color-gray-500 {
    color: #a1a5b7
}

.btn.btn-color-gray-500 .svg-icon,
.btn.btn-color-gray-500 i {
    color: #a1a5b7
}

.btn.btn-color-gray-500.dropdown-toggle:after {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-color-gray-500,
.btn-check:checked+.btn.btn-active-color-gray-500,
.btn.btn-active-color-gray-500.active,
.btn.btn-active-color-gray-500.show,
.btn.btn-active-color-gray-500:active:not(.btn-active),
.btn.btn-active-color-gray-500:focus:not(.btn-active),
.btn.btn-active-color-gray-500:hover:not(.btn-active),
.show>.btn.btn-active-color-gray-500 {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-color-gray-500 .svg-icon,
.btn-check:active+.btn.btn-active-color-gray-500 i,
.btn-check:checked+.btn.btn-active-color-gray-500 .svg-icon,
.btn-check:checked+.btn.btn-active-color-gray-500 i,
.btn.btn-active-color-gray-500.active .svg-icon,
.btn.btn-active-color-gray-500.active i,
.btn.btn-active-color-gray-500.show .svg-icon,
.btn.btn-active-color-gray-500.show i,
.btn.btn-active-color-gray-500:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-500:active:not(.btn-active) i,
.btn.btn-active-color-gray-500:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-500:focus:not(.btn-active) i,
.btn.btn-active-color-gray-500:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-500:hover:not(.btn-active) i,
.show>.btn.btn-active-color-gray-500 .svg-icon,
.show>.btn.btn-active-color-gray-500 i {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-color-gray-500.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-gray-500.dropdown-toggle:after,
.btn.btn-active-color-gray-500.active.dropdown-toggle:after,
.btn.btn-active-color-gray-500.show.dropdown-toggle:after,
.btn.btn-active-color-gray-500:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-500:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-500:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-gray-500.dropdown-toggle:after {
    color: #a1a5b7
}

.btn.btn-icon-gray-500 .svg-icon,
.btn.btn-icon-gray-500 i {
    color: #a1a5b7
}

.btn.btn-icon-gray-500.dropdown-toggle:after {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-icon-gray-500 .svg-icon,
.btn-check:active+.btn.btn-active-icon-gray-500 i,
.btn-check:checked+.btn.btn-active-icon-gray-500 .svg-icon,
.btn-check:checked+.btn.btn-active-icon-gray-500 i,
.btn.btn-active-icon-gray-500.active .svg-icon,
.btn.btn-active-icon-gray-500.active i,
.btn.btn-active-icon-gray-500.show .svg-icon,
.btn.btn-active-icon-gray-500.show i,
.btn.btn-active-icon-gray-500:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-500:active:not(.btn-active) i,
.btn.btn-active-icon-gray-500:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-500:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-500:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-500:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-gray-500 .svg-icon,
.show>.btn.btn-active-icon-gray-500 i {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-icon-gray-500.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-gray-500.dropdown-toggle:after,
.btn.btn-active-icon-gray-500.active.dropdown-toggle:after,
.btn.btn-active-icon-gray-500.show.dropdown-toggle:after,
.btn.btn-active-icon-gray-500:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-500:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-500:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-gray-500.dropdown-toggle:after {
    color: #a1a5b7
}

.btn.btn-text-gray-500 {
    color: #a1a5b7
}

.btn-check:active+.btn.btn-active-text-gray-500,
.btn-check:checked+.btn.btn-active-text-gray-500,
.btn.btn-active-text-gray-500.active,
.btn.btn-active-text-gray-500.show,
.btn.btn-active-text-gray-500:active:not(.btn-active),
.btn.btn-active-text-gray-500:focus:not(.btn-active),
.btn.btn-active-text-gray-500:hover:not(.btn-active),
.show>.btn.btn-active-text-gray-500 {
    color: #a1a5b7
}

.btn.btn-color-gray-600 {
    color: #7e8299
}

.btn.btn-color-gray-600 .svg-icon,
.btn.btn-color-gray-600 i {
    color: #7e8299
}

.btn.btn-color-gray-600.dropdown-toggle:after {
    color: #7e8299
}

.btn-check:active+.btn.btn-active-color-gray-600,
.btn-check:checked+.btn.btn-active-color-gray-600,
.btn.btn-active-color-gray-600.active,
.btn.btn-active-color-gray-600.show,
.btn.btn-active-color-gray-600:active:not(.btn-active),
.btn.btn-active-color-gray-600:focus:not(.btn-active),
.btn.btn-active-color-gray-600:hover:not(.btn-active),
.show>.btn.btn-active-color-gray-600 {
    color: #7e8299
}

.btn-check:active+.btn.btn-active-color-gray-600 .svg-icon,
.btn-check:active+.btn.btn-active-color-gray-600 i,
.btn-check:checked+.btn.btn-active-color-gray-600 .svg-icon,
.btn-check:checked+.btn.btn-active-color-gray-600 i,
.btn.btn-active-color-gray-600.active .svg-icon,
.btn.btn-active-color-gray-600.active i,
.btn.btn-active-color-gray-600.show .svg-icon,
.btn.btn-active-color-gray-600.show i,
.btn.btn-active-color-gray-600:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-600:active:not(.btn-active) i,
.btn.btn-active-color-gray-600:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-600:focus:not(.btn-active) i,
.btn.btn-active-color-gray-600:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-600:hover:not(.btn-active) i,
.show>.btn.btn-active-color-gray-600 .svg-icon,
.show>.btn.btn-active-color-gray-600 i {
    color: #7e8299
}

.btn-check:active+.btn.btn-active-color-gray-600.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-gray-600.dropdown-toggle:after,
.btn.btn-active-color-gray-600.active.dropdown-toggle:after,
.btn.btn-active-color-gray-600.show.dropdown-toggle:after,
.btn.btn-active-color-gray-600:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-600:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-600:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-gray-600.dropdown-toggle:after {
    color: #7e8299
}

.btn.btn-icon-gray-600 .svg-icon,
.btn.btn-icon-gray-600 i {
    color: #7e8299
}

.btn.btn-icon-gray-600.dropdown-toggle:after {
    color: #7e8299
}

.btn-check:active+.btn.btn-active-icon-gray-600 .svg-icon,
.btn-check:active+.btn.btn-active-icon-gray-600 i,
.btn-check:checked+.btn.btn-active-icon-gray-600 .svg-icon,
.btn-check:checked+.btn.btn-active-icon-gray-600 i,
.btn.btn-active-icon-gray-600.active .svg-icon,
.btn.btn-active-icon-gray-600.active i,
.btn.btn-active-icon-gray-600.show .svg-icon,
.btn.btn-active-icon-gray-600.show i,
.btn.btn-active-icon-gray-600:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-600:active:not(.btn-active) i,
.btn.btn-active-icon-gray-600:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-600:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-600:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-600:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-gray-600 .svg-icon,
.show>.btn.btn-active-icon-gray-600 i {
    color: #7e8299
}

.btn-check:active+.btn.btn-active-icon-gray-600.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-gray-600.dropdown-toggle:after,
.btn.btn-active-icon-gray-600.active.dropdown-toggle:after,
.btn.btn-active-icon-gray-600.show.dropdown-toggle:after,
.btn.btn-active-icon-gray-600:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-600:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-600:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-gray-600.dropdown-toggle:after {
    color: #7e8299
}

.btn.btn-text-gray-600 {
    color: #7e8299
}

.btn-check:active+.btn.btn-active-text-gray-600,
.btn-check:checked+.btn.btn-active-text-gray-600,
.btn.btn-active-text-gray-600.active,
.btn.btn-active-text-gray-600.show,
.btn.btn-active-text-gray-600:active:not(.btn-active),
.btn.btn-active-text-gray-600:focus:not(.btn-active),
.btn.btn-active-text-gray-600:hover:not(.btn-active),
.show>.btn.btn-active-text-gray-600 {
    color: #7e8299
}

.btn.btn-color-gray-700 {
    color: #5e6278
}

.btn.btn-color-gray-700 .svg-icon,
.btn.btn-color-gray-700 i {
    color: #5e6278
}

.btn.btn-color-gray-700.dropdown-toggle:after {
    color: #5e6278
}

.btn-check:active+.btn.btn-active-color-gray-700,
.btn-check:checked+.btn.btn-active-color-gray-700,
.btn.btn-active-color-gray-700.active,
.btn.btn-active-color-gray-700.show,
.btn.btn-active-color-gray-700:active:not(.btn-active),
.btn.btn-active-color-gray-700:focus:not(.btn-active),
.btn.btn-active-color-gray-700:hover:not(.btn-active),
.show>.btn.btn-active-color-gray-700 {
    color: #5e6278
}

.btn-check:active+.btn.btn-active-color-gray-700 .svg-icon,
.btn-check:active+.btn.btn-active-color-gray-700 i,
.btn-check:checked+.btn.btn-active-color-gray-700 .svg-icon,
.btn-check:checked+.btn.btn-active-color-gray-700 i,
.btn.btn-active-color-gray-700.active .svg-icon,
.btn.btn-active-color-gray-700.active i,
.btn.btn-active-color-gray-700.show .svg-icon,
.btn.btn-active-color-gray-700.show i,
.btn.btn-active-color-gray-700:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-700:active:not(.btn-active) i,
.btn.btn-active-color-gray-700:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-700:focus:not(.btn-active) i,
.btn.btn-active-color-gray-700:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-700:hover:not(.btn-active) i,
.show>.btn.btn-active-color-gray-700 .svg-icon,
.show>.btn.btn-active-color-gray-700 i {
    color: #5e6278
}

.btn-check:active+.btn.btn-active-color-gray-700.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-gray-700.dropdown-toggle:after,
.btn.btn-active-color-gray-700.active.dropdown-toggle:after,
.btn.btn-active-color-gray-700.show.dropdown-toggle:after,
.btn.btn-active-color-gray-700:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-700:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-700:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-gray-700.dropdown-toggle:after {
    color: #5e6278
}

.btn.btn-icon-gray-700 .svg-icon,
.btn.btn-icon-gray-700 i {
    color: #5e6278
}

.btn.btn-icon-gray-700.dropdown-toggle:after {
    color: #5e6278
}

.btn-check:active+.btn.btn-active-icon-gray-700 .svg-icon,
.btn-check:active+.btn.btn-active-icon-gray-700 i,
.btn-check:checked+.btn.btn-active-icon-gray-700 .svg-icon,
.btn-check:checked+.btn.btn-active-icon-gray-700 i,
.btn.btn-active-icon-gray-700.active .svg-icon,
.btn.btn-active-icon-gray-700.active i,
.btn.btn-active-icon-gray-700.show .svg-icon,
.btn.btn-active-icon-gray-700.show i,
.btn.btn-active-icon-gray-700:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-700:active:not(.btn-active) i,
.btn.btn-active-icon-gray-700:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-700:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-700:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-700:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-gray-700 .svg-icon,
.show>.btn.btn-active-icon-gray-700 i {
    color: #5e6278
}

.btn-check:active+.btn.btn-active-icon-gray-700.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-gray-700.dropdown-toggle:after,
.btn.btn-active-icon-gray-700.active.dropdown-toggle:after,
.btn.btn-active-icon-gray-700.show.dropdown-toggle:after,
.btn.btn-active-icon-gray-700:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-700:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-700:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-gray-700.dropdown-toggle:after {
    color: #5e6278
}

.btn.btn-text-gray-700 {
    color: #5e6278
}

.btn-check:active+.btn.btn-active-text-gray-700,
.btn-check:checked+.btn.btn-active-text-gray-700,
.btn.btn-active-text-gray-700.active,
.btn.btn-active-text-gray-700.show,
.btn.btn-active-text-gray-700:active:not(.btn-active),
.btn.btn-active-text-gray-700:focus:not(.btn-active),
.btn.btn-active-text-gray-700:hover:not(.btn-active),
.show>.btn.btn-active-text-gray-700 {
    color: #5e6278
}

.btn.btn-color-gray-800 {
    color: #3f4254
}

.btn.btn-color-gray-800 .svg-icon,
.btn.btn-color-gray-800 i {
    color: #3f4254
}

.btn.btn-color-gray-800.dropdown-toggle:after {
    color: #3f4254
}

.btn-check:active+.btn.btn-active-color-gray-800,
.btn-check:checked+.btn.btn-active-color-gray-800,
.btn.btn-active-color-gray-800.active,
.btn.btn-active-color-gray-800.show,
.btn.btn-active-color-gray-800:active:not(.btn-active),
.btn.btn-active-color-gray-800:focus:not(.btn-active),
.btn.btn-active-color-gray-800:hover:not(.btn-active),
.show>.btn.btn-active-color-gray-800 {
    color: #3f4254
}

.btn-check:active+.btn.btn-active-color-gray-800 .svg-icon,
.btn-check:active+.btn.btn-active-color-gray-800 i,
.btn-check:checked+.btn.btn-active-color-gray-800 .svg-icon,
.btn-check:checked+.btn.btn-active-color-gray-800 i,
.btn.btn-active-color-gray-800.active .svg-icon,
.btn.btn-active-color-gray-800.active i,
.btn.btn-active-color-gray-800.show .svg-icon,
.btn.btn-active-color-gray-800.show i,
.btn.btn-active-color-gray-800:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-800:active:not(.btn-active) i,
.btn.btn-active-color-gray-800:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-800:focus:not(.btn-active) i,
.btn.btn-active-color-gray-800:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-800:hover:not(.btn-active) i,
.show>.btn.btn-active-color-gray-800 .svg-icon,
.show>.btn.btn-active-color-gray-800 i {
    color: #3f4254
}

.btn-check:active+.btn.btn-active-color-gray-800.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-gray-800.dropdown-toggle:after,
.btn.btn-active-color-gray-800.active.dropdown-toggle:after,
.btn.btn-active-color-gray-800.show.dropdown-toggle:after,
.btn.btn-active-color-gray-800:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-800:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-800:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-gray-800.dropdown-toggle:after {
    color: #3f4254
}

.btn.btn-icon-gray-800 .svg-icon,
.btn.btn-icon-gray-800 i {
    color: #3f4254
}

.btn.btn-icon-gray-800.dropdown-toggle:after {
    color: #3f4254
}

.btn-check:active+.btn.btn-active-icon-gray-800 .svg-icon,
.btn-check:active+.btn.btn-active-icon-gray-800 i,
.btn-check:checked+.btn.btn-active-icon-gray-800 .svg-icon,
.btn-check:checked+.btn.btn-active-icon-gray-800 i,
.btn.btn-active-icon-gray-800.active .svg-icon,
.btn.btn-active-icon-gray-800.active i,
.btn.btn-active-icon-gray-800.show .svg-icon,
.btn.btn-active-icon-gray-800.show i,
.btn.btn-active-icon-gray-800:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-800:active:not(.btn-active) i,
.btn.btn-active-icon-gray-800:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-800:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-800:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-800:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-gray-800 .svg-icon,
.show>.btn.btn-active-icon-gray-800 i {
    color: #3f4254
}

.btn-check:active+.btn.btn-active-icon-gray-800.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-gray-800.dropdown-toggle:after,
.btn.btn-active-icon-gray-800.active.dropdown-toggle:after,
.btn.btn-active-icon-gray-800.show.dropdown-toggle:after,
.btn.btn-active-icon-gray-800:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-800:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-800:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-gray-800.dropdown-toggle:after {
    color: #3f4254
}

.btn.btn-text-gray-800 {
    color: #3f4254
}

.btn-check:active+.btn.btn-active-text-gray-800,
.btn-check:checked+.btn.btn-active-text-gray-800,
.btn.btn-active-text-gray-800.active,
.btn.btn-active-text-gray-800.show,
.btn.btn-active-text-gray-800:active:not(.btn-active),
.btn.btn-active-text-gray-800:focus:not(.btn-active),
.btn.btn-active-text-gray-800:hover:not(.btn-active),
.show>.btn.btn-active-text-gray-800 {
    color: #3f4254
}

.btn.btn-color-gray-900 {
    color: #181c32
}

.btn.btn-color-gray-900 .svg-icon,
.btn.btn-color-gray-900 i {
    color: #181c32
}

.btn.btn-color-gray-900.dropdown-toggle:after {
    color: #181c32
}

.btn-check:active+.btn.btn-active-color-gray-900,
.btn-check:checked+.btn.btn-active-color-gray-900,
.btn.btn-active-color-gray-900.active,
.btn.btn-active-color-gray-900.show,
.btn.btn-active-color-gray-900:active:not(.btn-active),
.btn.btn-active-color-gray-900:focus:not(.btn-active),
.btn.btn-active-color-gray-900:hover:not(.btn-active),
.show>.btn.btn-active-color-gray-900 {
    color: #181c32
}

.btn-check:active+.btn.btn-active-color-gray-900 .svg-icon,
.btn-check:active+.btn.btn-active-color-gray-900 i,
.btn-check:checked+.btn.btn-active-color-gray-900 .svg-icon,
.btn-check:checked+.btn.btn-active-color-gray-900 i,
.btn.btn-active-color-gray-900.active .svg-icon,
.btn.btn-active-color-gray-900.active i,
.btn.btn-active-color-gray-900.show .svg-icon,
.btn.btn-active-color-gray-900.show i,
.btn.btn-active-color-gray-900:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-900:active:not(.btn-active) i,
.btn.btn-active-color-gray-900:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-900:focus:not(.btn-active) i,
.btn.btn-active-color-gray-900:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-gray-900:hover:not(.btn-active) i,
.show>.btn.btn-active-color-gray-900 .svg-icon,
.show>.btn.btn-active-color-gray-900 i {
    color: #181c32
}

.btn-check:active+.btn.btn-active-color-gray-900.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-gray-900.dropdown-toggle:after,
.btn.btn-active-color-gray-900.active.dropdown-toggle:after,
.btn.btn-active-color-gray-900.show.dropdown-toggle:after,
.btn.btn-active-color-gray-900:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-900:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-gray-900:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-gray-900.dropdown-toggle:after {
    color: #181c32
}

.btn.btn-icon-gray-900 .svg-icon,
.btn.btn-icon-gray-900 i {
    color: #181c32
}

.btn.btn-icon-gray-900.dropdown-toggle:after {
    color: #181c32
}

.btn-check:active+.btn.btn-active-icon-gray-900 .svg-icon,
.btn-check:active+.btn.btn-active-icon-gray-900 i,
.btn-check:checked+.btn.btn-active-icon-gray-900 .svg-icon,
.btn-check:checked+.btn.btn-active-icon-gray-900 i,
.btn.btn-active-icon-gray-900.active .svg-icon,
.btn.btn-active-icon-gray-900.active i,
.btn.btn-active-icon-gray-900.show .svg-icon,
.btn.btn-active-icon-gray-900.show i,
.btn.btn-active-icon-gray-900:active:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-900:active:not(.btn-active) i,
.btn.btn-active-icon-gray-900:focus:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-900:focus:not(.btn-active) i,
.btn.btn-active-icon-gray-900:hover:not(.btn-active) .svg-icon,
.btn.btn-active-icon-gray-900:hover:not(.btn-active) i,
.show>.btn.btn-active-icon-gray-900 .svg-icon,
.show>.btn.btn-active-icon-gray-900 i {
    color: #181c32
}

.btn-check:active+.btn.btn-active-icon-gray-900.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-icon-gray-900.dropdown-toggle:after,
.btn.btn-active-icon-gray-900.active.dropdown-toggle:after,
.btn.btn-active-icon-gray-900.show.dropdown-toggle:after,
.btn.btn-active-icon-gray-900:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-900:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-icon-gray-900:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-icon-gray-900.dropdown-toggle:after {
    color: #181c32
}

.btn.btn-text-gray-900 {
    color: #181c32
}

.btn-check:active+.btn.btn-active-text-gray-900,
.btn-check:checked+.btn.btn-active-text-gray-900,
.btn.btn-active-text-gray-900.active,
.btn.btn-active-text-gray-900.show,
.btn.btn-active-text-gray-900:active:not(.btn-active),
.btn.btn-active-text-gray-900:focus:not(.btn-active),
.btn.btn-active-text-gray-900:hover:not(.btn-active),
.show>.btn.btn-active-text-gray-900 {
    color: #181c32
}

.btn.btn-facebook {
    color: #fff;
    border-color: #3b5998;
    background-color: #3b5998
}

.btn.btn-facebook .svg-icon,
.btn.btn-facebook i {
    color: #fff
}

.btn.btn-facebook.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-facebook,
.btn-check:checked+.btn.btn-facebook,
.btn.btn-facebook.active,
.btn.btn-facebook.show,
.btn.btn-facebook:active:not(.btn-active),
.btn.btn-facebook:focus:not(.btn-active),
.btn.btn-facebook:hover:not(.btn-active),
.show>.btn.btn-facebook {
    border-color: #30497c;
    background-color: #30497c !important
}

.btn.btn-light-facebook {
    color: #3b5998;
    border-color: rgba(59, 89, 152, .1);
    background-color: rgba(59, 89, 152, .1)
}

.btn.btn-light-facebook .svg-icon,
.btn.btn-light-facebook i {
    color: #3b5998
}

.btn.btn-light-facebook.dropdown-toggle:after {
    color: #3b5998
}

.btn-check:active+.btn.btn-light-facebook,
.btn-check:checked+.btn.btn-light-facebook,
.btn.btn-light-facebook.active,
.btn.btn-light-facebook.show,
.btn.btn-light-facebook:active:not(.btn-active),
.btn.btn-light-facebook:focus:not(.btn-active),
.btn.btn-light-facebook:hover:not(.btn-active),
.show>.btn.btn-light-facebook {
    color: #fff;
    border-color: #3b5998;
    background-color: #3b5998 !important
}

.btn-check:active+.btn.btn-light-facebook .svg-icon,
.btn-check:active+.btn.btn-light-facebook i,
.btn-check:checked+.btn.btn-light-facebook .svg-icon,
.btn-check:checked+.btn.btn-light-facebook i,
.btn.btn-light-facebook.active .svg-icon,
.btn.btn-light-facebook.active i,
.btn.btn-light-facebook.show .svg-icon,
.btn.btn-light-facebook.show i,
.btn.btn-light-facebook:active:not(.btn-active) .svg-icon,
.btn.btn-light-facebook:active:not(.btn-active) i,
.btn.btn-light-facebook:focus:not(.btn-active) .svg-icon,
.btn.btn-light-facebook:focus:not(.btn-active) i,
.btn.btn-light-facebook:hover:not(.btn-active) .svg-icon,
.btn.btn-light-facebook:hover:not(.btn-active) i,
.show>.btn.btn-light-facebook .svg-icon,
.show>.btn.btn-light-facebook i {
    color: #fff
}

.btn-check:active+.btn.btn-light-facebook.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-facebook.dropdown-toggle:after,
.btn.btn-light-facebook.active.dropdown-toggle:after,
.btn.btn-light-facebook.show.dropdown-toggle:after,
.btn.btn-light-facebook:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-facebook:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-facebook:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-facebook.dropdown-toggle:after {
    color: #fff
}

.btn.btn-google {
    color: #fff;
    border-color: #dd4b39;
    background-color: #dd4b39
}

.btn.btn-google .svg-icon,
.btn.btn-google i {
    color: #fff
}

.btn.btn-google.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-google,
.btn-check:checked+.btn.btn-google,
.btn.btn-google.active,
.btn.btn-google.show,
.btn.btn-google:active:not(.btn-active),
.btn.btn-google:focus:not(.btn-active),
.btn.btn-google:hover:not(.btn-active),
.show>.btn.btn-google {
    border-color: #cd3623;
    background-color: #cd3623 !important
}

.btn.btn-light-google {
    color: #dd4b39;
    border-color: rgba(221, 75, 57, .1);
    background-color: rgba(221, 75, 57, .1)
}

.btn.btn-light-google .svg-icon,
.btn.btn-light-google i {
    color: #dd4b39
}

.btn.btn-light-google.dropdown-toggle:after {
    color: #dd4b39
}

.btn-check:active+.btn.btn-light-google,
.btn-check:checked+.btn.btn-light-google,
.btn.btn-light-google.active,
.btn.btn-light-google.show,
.btn.btn-light-google:active:not(.btn-active),
.btn.btn-light-google:focus:not(.btn-active),
.btn.btn-light-google:hover:not(.btn-active),
.show>.btn.btn-light-google {
    color: #fff;
    border-color: #dd4b39;
    background-color: #dd4b39 !important
}

.btn-check:active+.btn.btn-light-google .svg-icon,
.btn-check:active+.btn.btn-light-google i,
.btn-check:checked+.btn.btn-light-google .svg-icon,
.btn-check:checked+.btn.btn-light-google i,
.btn.btn-light-google.active .svg-icon,
.btn.btn-light-google.active i,
.btn.btn-light-google.show .svg-icon,
.btn.btn-light-google.show i,
.btn.btn-light-google:active:not(.btn-active) .svg-icon,
.btn.btn-light-google:active:not(.btn-active) i,
.btn.btn-light-google:focus:not(.btn-active) .svg-icon,
.btn.btn-light-google:focus:not(.btn-active) i,
.btn.btn-light-google:hover:not(.btn-active) .svg-icon,
.btn.btn-light-google:hover:not(.btn-active) i,
.show>.btn.btn-light-google .svg-icon,
.show>.btn.btn-light-google i {
    color: #fff
}

.btn-check:active+.btn.btn-light-google.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-google.dropdown-toggle:after,
.btn.btn-light-google.active.dropdown-toggle:after,
.btn.btn-light-google.show.dropdown-toggle:after,
.btn.btn-light-google:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-google:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-google:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-google.dropdown-toggle:after {
    color: #fff
}

.btn.btn-twitter {
    color: #fff;
    border-color: #1da1f2;
    background-color: #1da1f2
}

.btn.btn-twitter .svg-icon,
.btn.btn-twitter i {
    color: #fff
}

.btn.btn-twitter.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-twitter,
.btn-check:checked+.btn.btn-twitter,
.btn.btn-twitter.active,
.btn.btn-twitter.show,
.btn.btn-twitter:active:not(.btn-active),
.btn.btn-twitter:focus:not(.btn-active),
.btn.btn-twitter:hover:not(.btn-active),
.show>.btn.btn-twitter {
    border-color: #0d8ddc;
    background-color: #0d8ddc !important
}

.btn.btn-light-twitter {
    color: #1da1f2;
    border-color: rgba(29, 161, 242, .1);
    background-color: rgba(29, 161, 242, .1)
}

.btn.btn-light-twitter .svg-icon,
.btn.btn-light-twitter i {
    color: #1da1f2
}

.btn.btn-light-twitter.dropdown-toggle:after {
    color: #1da1f2
}

.btn-check:active+.btn.btn-light-twitter,
.btn-check:checked+.btn.btn-light-twitter,
.btn.btn-light-twitter.active,
.btn.btn-light-twitter.show,
.btn.btn-light-twitter:active:not(.btn-active),
.btn.btn-light-twitter:focus:not(.btn-active),
.btn.btn-light-twitter:hover:not(.btn-active),
.show>.btn.btn-light-twitter {
    color: #fff;
    border-color: #1da1f2;
    background-color: #1da1f2 !important
}

.btn-check:active+.btn.btn-light-twitter .svg-icon,
.btn-check:active+.btn.btn-light-twitter i,
.btn-check:checked+.btn.btn-light-twitter .svg-icon,
.btn-check:checked+.btn.btn-light-twitter i,
.btn.btn-light-twitter.active .svg-icon,
.btn.btn-light-twitter.active i,
.btn.btn-light-twitter.show .svg-icon,
.btn.btn-light-twitter.show i,
.btn.btn-light-twitter:active:not(.btn-active) .svg-icon,
.btn.btn-light-twitter:active:not(.btn-active) i,
.btn.btn-light-twitter:focus:not(.btn-active) .svg-icon,
.btn.btn-light-twitter:focus:not(.btn-active) i,
.btn.btn-light-twitter:hover:not(.btn-active) .svg-icon,
.btn.btn-light-twitter:hover:not(.btn-active) i,
.show>.btn.btn-light-twitter .svg-icon,
.show>.btn.btn-light-twitter i {
    color: #fff
}

.btn-check:active+.btn.btn-light-twitter.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-twitter.dropdown-toggle:after,
.btn.btn-light-twitter.active.dropdown-toggle:after,
.btn.btn-light-twitter.show.dropdown-toggle:after,
.btn.btn-light-twitter:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-twitter:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-twitter:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-twitter.dropdown-toggle:after {
    color: #fff
}

.btn.btn-instagram {
    color: #fff;
    border-color: #e1306c;
    background-color: #e1306c
}

.btn.btn-instagram .svg-icon,
.btn.btn-instagram i {
    color: #fff
}

.btn.btn-instagram.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-instagram,
.btn-check:checked+.btn.btn-instagram,
.btn.btn-instagram.active,
.btn.btn-instagram.show,
.btn.btn-instagram:active:not(.btn-active),
.btn.btn-instagram:focus:not(.btn-active),
.btn.btn-instagram:hover:not(.btn-active),
.show>.btn.btn-instagram {
    border-color: #cd1e59;
    background-color: #cd1e59 !important
}

.btn.btn-light-instagram {
    color: #e1306c;
    border-color: rgba(225, 48, 108, .1);
    background-color: rgba(225, 48, 108, .1)
}

.btn.btn-light-instagram .svg-icon,
.btn.btn-light-instagram i {
    color: #e1306c
}

.btn.btn-light-instagram.dropdown-toggle:after {
    color: #e1306c
}

.btn-check:active+.btn.btn-light-instagram,
.btn-check:checked+.btn.btn-light-instagram,
.btn.btn-light-instagram.active,
.btn.btn-light-instagram.show,
.btn.btn-light-instagram:active:not(.btn-active),
.btn.btn-light-instagram:focus:not(.btn-active),
.btn.btn-light-instagram:hover:not(.btn-active),
.show>.btn.btn-light-instagram {
    color: #fff;
    border-color: #e1306c;
    background-color: #e1306c !important
}

.btn-check:active+.btn.btn-light-instagram .svg-icon,
.btn-check:active+.btn.btn-light-instagram i,
.btn-check:checked+.btn.btn-light-instagram .svg-icon,
.btn-check:checked+.btn.btn-light-instagram i,
.btn.btn-light-instagram.active .svg-icon,
.btn.btn-light-instagram.active i,
.btn.btn-light-instagram.show .svg-icon,
.btn.btn-light-instagram.show i,
.btn.btn-light-instagram:active:not(.btn-active) .svg-icon,
.btn.btn-light-instagram:active:not(.btn-active) i,
.btn.btn-light-instagram:focus:not(.btn-active) .svg-icon,
.btn.btn-light-instagram:focus:not(.btn-active) i,
.btn.btn-light-instagram:hover:not(.btn-active) .svg-icon,
.btn.btn-light-instagram:hover:not(.btn-active) i,
.show>.btn.btn-light-instagram .svg-icon,
.show>.btn.btn-light-instagram i {
    color: #fff
}

.btn-check:active+.btn.btn-light-instagram.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-instagram.dropdown-toggle:after,
.btn.btn-light-instagram.active.dropdown-toggle:after,
.btn.btn-light-instagram.show.dropdown-toggle:after,
.btn.btn-light-instagram:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-instagram:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-instagram:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-instagram.dropdown-toggle:after {
    color: #fff
}

.btn.btn-youtube {
    color: #fff;
    border-color: red;
    background-color: red
}

.btn.btn-youtube .svg-icon,
.btn.btn-youtube i {
    color: #fff
}

.btn.btn-youtube.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-youtube,
.btn-check:checked+.btn.btn-youtube,
.btn.btn-youtube.active,
.btn.btn-youtube.show,
.btn.btn-youtube:active:not(.btn-active),
.btn.btn-youtube:focus:not(.btn-active),
.btn.btn-youtube:hover:not(.btn-active),
.show>.btn.btn-youtube {
    border-color: #d90000;
    background-color: #d90000 !important
}

.btn.btn-light-youtube {
    color: red;
    border-color: rgba(255, 0, 0, .1);
    background-color: rgba(255, 0, 0, .1)
}

.btn.btn-light-youtube .svg-icon,
.btn.btn-light-youtube i {
    color: red
}

.btn.btn-light-youtube.dropdown-toggle:after {
    color: red
}

.btn-check:active+.btn.btn-light-youtube,
.btn-check:checked+.btn.btn-light-youtube,
.btn.btn-light-youtube.active,
.btn.btn-light-youtube.show,
.btn.btn-light-youtube:active:not(.btn-active),
.btn.btn-light-youtube:focus:not(.btn-active),
.btn.btn-light-youtube:hover:not(.btn-active),
.show>.btn.btn-light-youtube {
    color: #fff;
    border-color: red;
    background-color: red !important
}

.btn-check:active+.btn.btn-light-youtube .svg-icon,
.btn-check:active+.btn.btn-light-youtube i,
.btn-check:checked+.btn.btn-light-youtube .svg-icon,
.btn-check:checked+.btn.btn-light-youtube i,
.btn.btn-light-youtube.active .svg-icon,
.btn.btn-light-youtube.active i,
.btn.btn-light-youtube.show .svg-icon,
.btn.btn-light-youtube.show i,
.btn.btn-light-youtube:active:not(.btn-active) .svg-icon,
.btn.btn-light-youtube:active:not(.btn-active) i,
.btn.btn-light-youtube:focus:not(.btn-active) .svg-icon,
.btn.btn-light-youtube:focus:not(.btn-active) i,
.btn.btn-light-youtube:hover:not(.btn-active) .svg-icon,
.btn.btn-light-youtube:hover:not(.btn-active) i,
.show>.btn.btn-light-youtube .svg-icon,
.show>.btn.btn-light-youtube i {
    color: #fff
}

.btn-check:active+.btn.btn-light-youtube.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-youtube.dropdown-toggle:after,
.btn.btn-light-youtube.active.dropdown-toggle:after,
.btn.btn-light-youtube.show.dropdown-toggle:after,
.btn.btn-light-youtube:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-youtube:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-youtube:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-youtube.dropdown-toggle:after {
    color: #fff
}

.btn.btn-linkedin {
    color: #fff;
    border-color: #0077b5;
    background-color: #0077b5
}

.btn.btn-linkedin .svg-icon,
.btn.btn-linkedin i {
    color: #fff
}

.btn.btn-linkedin.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-linkedin,
.btn-check:checked+.btn.btn-linkedin,
.btn.btn-linkedin.active,
.btn.btn-linkedin.show,
.btn.btn-linkedin:active:not(.btn-active),
.btn.btn-linkedin:focus:not(.btn-active),
.btn.btn-linkedin:hover:not(.btn-active),
.show>.btn.btn-linkedin {
    border-color: #005e8f;
    background-color: #005e8f !important
}

.btn.btn-light-linkedin {
    color: #0077b5;
    border-color: rgba(0, 119, 181, .1);
    background-color: rgba(0, 119, 181, .1)
}

.btn.btn-light-linkedin .svg-icon,
.btn.btn-light-linkedin i {
    color: #0077b5
}

.btn.btn-light-linkedin.dropdown-toggle:after {
    color: #0077b5
}

.btn-check:active+.btn.btn-light-linkedin,
.btn-check:checked+.btn.btn-light-linkedin,
.btn.btn-light-linkedin.active,
.btn.btn-light-linkedin.show,
.btn.btn-light-linkedin:active:not(.btn-active),
.btn.btn-light-linkedin:focus:not(.btn-active),
.btn.btn-light-linkedin:hover:not(.btn-active),
.show>.btn.btn-light-linkedin {
    color: #fff;
    border-color: #0077b5;
    background-color: #0077b5 !important
}

.btn-check:active+.btn.btn-light-linkedin .svg-icon,
.btn-check:active+.btn.btn-light-linkedin i,
.btn-check:checked+.btn.btn-light-linkedin .svg-icon,
.btn-check:checked+.btn.btn-light-linkedin i,
.btn.btn-light-linkedin.active .svg-icon,
.btn.btn-light-linkedin.active i,
.btn.btn-light-linkedin.show .svg-icon,
.btn.btn-light-linkedin.show i,
.btn.btn-light-linkedin:active:not(.btn-active) .svg-icon,
.btn.btn-light-linkedin:active:not(.btn-active) i,
.btn.btn-light-linkedin:focus:not(.btn-active) .svg-icon,
.btn.btn-light-linkedin:focus:not(.btn-active) i,
.btn.btn-light-linkedin:hover:not(.btn-active) .svg-icon,
.btn.btn-light-linkedin:hover:not(.btn-active) i,
.show>.btn.btn-light-linkedin .svg-icon,
.show>.btn.btn-light-linkedin i {
    color: #fff
}

.btn-check:active+.btn.btn-light-linkedin.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-linkedin.dropdown-toggle:after,
.btn.btn-light-linkedin.active.dropdown-toggle:after,
.btn.btn-light-linkedin.show.dropdown-toggle:after,
.btn.btn-light-linkedin:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-linkedin:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-linkedin:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-linkedin.dropdown-toggle:after {
    color: #fff
}

.btn.btn-outline.btn-outline-dashed {
    border-width: 1px;
    border-style: dashed
}

.btn-check:active+.btn.btn-outline.btn-outline-dashed,
.btn-check:checked+.btn.btn-outline.btn-outline-dashed,
.btn.btn-outline.btn-outline-dashed.active,
.btn.btn-outline.btn-outline-dashed.show,
.btn.btn-outline.btn-outline-dashed:active:not(.btn-active),
.btn.btn-outline.btn-outline-dashed:focus:not(.btn-active),
.btn.btn-outline.btn-outline-dashed:hover:not(.btn-active),
.show>.btn.btn-outline.btn-outline-dashed {
    border-color: #009ef7
}

.btn.btn-outline.btn-outline-dashed.btn-outline-default {
    border-width: 1px;
    border-style: dashed;
    color: #7e8299;
    border-color: #e4e6ef
}

.btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon,
.btn.btn-outline.btn-outline-dashed.btn-outline-default i {
    color: #7e8299
}

.btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after {
    color: #7e8299
}

.btn-check:active+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
.btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.active,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.show,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active),
.btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active),
.btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active),
.show>.btn.btn-outline.btn-outline-dashed.btn-outline-default {
    color: #009ef7;
    border-color: #009ef7;
    background-color: #f1faff !important
}

.btn-check:active+.btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon,
.btn-check:active+.btn.btn-outline.btn-outline-dashed.btn-outline-default i,
.btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon,
.btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default i,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.active .svg-icon,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.active i,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.show .svg-icon,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.show i,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active) .svg-icon,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active) i,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active) .svg-icon,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active) i,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) .svg-icon,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) i,
.show>.btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon,
.show>.btn.btn-outline.btn-outline-dashed.btn-outline-default i {
    color: #009ef7
}

.btn-check:active+.btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after,
.btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.active.dropdown-toggle:after,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.show.dropdown-toggle:after,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after {
    color: #009ef7
}


.not-allowed:hover{
        background-color: #8080807a !important;
        cursor: no-drop;
}

.btn.not-allowed:hover{
        background-color: #8080807a !important;
        cursor: no-drop;
}

/* STYLE : [361] 361CSS.List. */

.ListFieldTitles td {
    padding-bottom: 4px;
}
.ListBody tbody > tr:nth-child(even) {
    background-color: rgba(245, 248, 250, 50%);
}

.ListHeader {
    padding-top: 8px;
}

.ListTable {
    table-layout: fixed;
    width: 100%;
}

.ListHeader .ListTable td {
    white-space: nowrap;
    text-overflow: clip;
    text-align: left;
    line-height: 1em;
}

.ListHeader td a {
    font-size: 90%;
    display: inline-block;
    line-height: 1em;
}



.ListBody .ListTable td {
    white-space: nowrap;
    text-overflow: clip;
    text-align: left;
    font-size: 100%;

}

.ListAll {

}
.ListLeft {
    bottom: 0;
}
.ListMiddle {
    bottom: 0;
}

.ListHeader td a.ToggleButton {

}

/* STYLE : [361] 361CSS.Tabs. */

.TabButton > .Aggregate {
    background-color: #f8faff;
    border: 1px solid #dadfeb;
    
}
.TabButton.Selected > .Aggregate {
    color: #ffffff;
    background-color: #0068bb;
    border-color: #023d6c;
    
}

.TabBody .LookupField.ReadOnly:hover a {
    color: #000;
}
.TabBody .FieldValue.ReadOnly:hover a{
    color: #000;
}


.TabHeader span {
    opacity: 1 !important;
    padding: 0.25em 0.5em;
}
.TabHeader{

}
.TabHeader span.Selected {
    box-shadow: 0 !important;
    border-radius: 0;
   /** border: 1px solid #b0c3d3;*/
    text-shadow: 0 0 white !important;
    border-bottom: 2px solid #0068bb !important;
    font-weight: 600;
    background-color: #eef1fd;
    border-color: #0068bb !important;
}


.TabButton:hover
{
    border-bottom: 2px solid var(--tabTextColorSelected) !important;
}

.TabButton:active
{
    color:  var(--tabTextColorSelected);
}

.TabHeader > span{
    border-radius: 0 !important;
    box-shadow: 0 0 0 white !important;
    width: 100%;
    border-bottom: 2px solid #e4e6ef;
}
.TabHeader > a {
    border-radius: 0 !important;
    box-shadow: 0 0 0 white !important;
    width: 100%;
}
.TabButton > span {
    padding: 0.25em 0.5em;
}
.TabHeader > span:hover, .TabHeader > a:hover {
    box-shadow: 0 00 inset #ffffff;
}
.TabHeader > span:active, .TabHeader > a:active {
    box-shadow: 0 0 0 inset #ffffff;
    text-shadow: 0 0 0 #ffffff;
}
.TabPanel > .TabBody {
/*padding:8px ;*/
}
.TabButton > .Aggregate
{
    padding: 0;
}


/*new*/

.TabPanel {
    --selectedtopborder:2px solid transparent ;
    --selectedbottomborder: 2px solid #03A9F4 ;
    --selectedshadow:0 0 12px #ccc;
    --selectedbg:#f0f0f0;
    --bottomborder:1px solid #e4e6ef;
    --tabTextColorSelected: #8799a8;
    --tabhover:#f1f2f3;
}

.TabHeader .TabButton.Selected {
    border-radius: 0;
    text-shadow: 0 0 white !important;
    border-top: var(--selectedtopborder)!important;
    font-weight: 600;
    background-color: transparent;
    border-bottom: var(--selectedbottomborder) !important;
}
.TabHeader > .TabButton {
    border-radius: 0 !important;
    box-shadow: 0 0 0 white !important;
    width: 100%;
    border-bottom: var(--bottomborder);
}
.TabPanel_Tab .TabBody {
    background-color: var(--selectedbg, transparent);
}
.TabButton:hover {
    border-bottom: 1px solid var(--tabTextColorSelected) !important;
    background-color: var(--tabhover, transparent);
}
.TabPanel.TabPanel_TabBottom {
    --selectedbottomborder:2px solid #03A9F4 ;
    --selectedtopborder:2px solid transparent ;
}

.TabPanel.TabPanel_TabBottom .TabHeader > span {
    border-bottom: 0 solid transparent;
    border-radius: 0 !important;
    box-shadow: 0 0 0 white !important;
    width: 100%;
    border-top: var(--bottomborder);
}
.TabPanel.TabPanel_TabBottom .TabButton:hover {
    border-top:1px solid var(--tabhover) !important;
    background-color: var(--tabhover, transparent);
    border-bottom-color: var(--tabTextColorSelected) !important;
}
.TabPanel.TabPanel_TabBottom  .TabHeader .TabButton.Selected {
    box-shadow: 0 !important;
    border-radius: 0;
    text-shadow: 0 0 white !important;
    border-bottom: var(--selectedtopborder)!important;
    font-weight: 600;
    border-top: var(--selectedbottomborder) !important;
}
.TabPanel.TabPanel_TabBottom .EntityTypeViewBody {
    border-bottom:0px solid transparent;
}
.TabPanel_Tab  > .TabHeader >.TabButton {
    min-width: fit-content;
    max-width: fit-content;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #e7ebee;
    margin-right: 1px;
    box-shadow: 1px 0px 0px #78909c59 !important;
    border-left: 1px solid #f4f7f9 !important;
}
.TabPanel_Tab  > .TabHeader >.TabButton.Selected {
    background-color: #ffffff !important;
}

/* STYLE : [361] 361CSS.Calendar. */

.CalendarBody {
    background-color: white;
}
.CalendarBody {
    height: calc(100% - 3.5em);
    min-height: 200px;
}
.DayNames > td {
    height: 2.3em;
    color: #0b4b4c;
    font-weight: 500;
}
.ButtonGroup .Selected {
    color: #ffffff;
    background-color: #ef5350;
    box-shadow: 0 !important;
}
.DateModes .Selected{
    box-shadow: 0 0 0 #ffffff !important;
}
.ButtonGroup a {
    background-color: #eff2f5;
    color: #455a64;
}
.ButtonGroup a:hover {
    color: #272830;
}
.CalendarBody .DayOfMonth {
    background-color: transparent;
    border: 0;
    border-left: solid 1px rgb(176 194 195);
}
.DayBody > .CalendarItem{
    box-shadow: 0 0 0 #ffffff;
}
.DateMode_week .DayTitle{
    display: none !important;
}
.DateMode_month .DayTitle{
    color: #0097A7;
}
.DateMode_day .DayTitle{
    color: #0097A7;
}
#Page_MyPage .CalendarItem {
    position: relative;
    cursor: pointer;
    padding: 0.25em;
    margin: 5px;
    border: 1px dashed #90A4AE;
    
}

/* STYLE : [361] 361CSS.Nav. */

.SubNav .Selected {
    text-shadow: unset;
    background-color: #dadff5 ;
    border-bottom:2px solid #0068bb;
    color: #0068bb;
}

.NavigationButtons  .NavTitle > .Aggregate{
    right: 5px;
    top: 0;
    background-color: #2a2a36;
    min-width: 2em;
    border-radius: 2em;
    color: white;
    box-shadow: 1px 1px 3px #acacbf;
}
.Nav:hover {
    text-shadow: unset !important;
}

.LeafNav > .NavButton > .NavTitle {
    font-weight: 400 !important;
}
.Page_Easy .PageTop .NavTitle > span {
    font-weight: 400 !important;
}


.NavButton.NavHoverMenu::after {
    content: "";
    display: none !important;
}
.SubNav #PeerNavs .Selected .NavTitle {
    border-bottom:0 !important;
}

.NavButton.SelectionsMenuOpen {
    text-shadow: unset!important;
    font-weight: 400 !important;
}

/* STYLE : [361] 361CSS.Panel. */

.ToggleHeader:before {
    left: 0.5em !important;
}
.SearchResultEntityType > .ToggleHeader:before {
    left: -1em !important;
}
.Box.Panel.TogglePanel.Toggle_Closed {
    flex: 0 !important;
}

/* STYLE : [361] 361CSS.Border. */

.border {
    border: 1px solid #eff2f5 !important
}
.border-0 {
    border: 0 !important
}
.border-top {
    border-top: 1px solid #eff2f5 !important
}
.border-top-0 {
    border-top: 0 !important
}
.border-end {
    border-right: 1px solid #eff2f5 !important
}
.border-end-0 {
    border-right: 0 !important
}
.border-bottom {
    border-bottom: 1px solid #eff2f5 !important
}
.border-bottom-0 {
    border-bottom: 0 !important
}
.border-start {
    border-left: 1px solid #eff2f5 !important
}
.border-start-0 {
    border-left: 0 !important
}
.border-white {
    border-color: #fff !important
}
.border-light {
    border-color: #f5f8fa !important
}
.border-primary {
    border-color: #009ef7 !important
}
.border-secondary {
    border-color: #e4e6ef !important
}
.border-success {
    border-color: #50cd89 !important
}
.border-info {
    border-color: #7239ea !important
}
.border-warning {
    border-color: #ffc700 !important
}
.border-danger {
    border-color: #f1416c !important
}
.border-dark {
    border-color: #181c32 !important
}
.border-0 {
    border-width: 0 !important
}
.border-1 {
    border-width: 1px !important
}
.border-2 {
    border-width: 2px !important
}
.border-3 {
    border-width: 3px !important
}
.border-4 {
    border-width: 4px !important
}
.border-5 {
    border-width: 5px !important
}
.border-top-0 {
    border-top-width: 0 !important
}
.border-top-1 {
    border-top-width: 1px !important
}
.border-top-2 {
    border-top-width: 2px !important
}
.border-top-3 {
    border-top-width: 3px !important
}
.border-top-4 {
    border-top-width: 4px !important
}
.border-top-5 {
    border-top-width: 5px !important
}
.border-bottom-0 {
    border-bottom-width: 0 !important
}
.border-bottom-1 {
    border-bottom-width: 1px !important
}
.border-bottom-2 {
    border-bottom-width: 2px !important
}
.border-bottom-3 {
    border-bottom-width: 3px !important
}
.border-bottom-4 {
    border-bottom-width: 4px !important
}
.border-bottom-5 {
    border-bottom-width: 5px !important
}
.border-right-0 {
    border-right-width: 0 !important
}
.border-right-1 {
    border-right-width: 1px !important
}
.border-right-2 {
    border-right-width: 2px !important
}
.border-right-3 {
    border-right-width: 3px !important
}
.border-right-4 {
    border-right-width: 4px !important
}
.border-right-5 {
    border-right-width: 5px !important
}
.border-left-0 {
    border-left-width: 0 !important
}
.border-left-1 {
    border-left-width: 1px !important
}
.border-left-2 {
    border-left-width: 2px !important
}
.border-left-3 {
    border-left-width: 3px !important
}
.border-left-4 {
    border-left-width: 4px !important
}
.border-left-5 {
    border-left-width: 5px !important
}
.border-active:not(.active):not(:active):not(:hover):not(:focus) {
    border-color: transparent !important
}

.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
    cursor: pointer;
    border-color: transparent !important
}

.border-gray-100 {
    border-color: #f5f8fa !important
}

.border-gray-200 {
    border-color: #eff2f5 !important
}

.border-gray-300 {
    border-color: #e4e6ef !important
}

.border-gray-400 {
    border-color: #b5b5c3 !important
}

.border-gray-500 {
    border-color: #a1a5b7 !important
}

.border-gray-600 {
    border-color: #7e8299 !important
}

.border-gray-700 {
    border-color: #5e6278 !important
}

.border-gray-800 {
    border-color: #3f4254 !important
}

.border-gray-900 {
    border-color: #181c32 !important
}

.border-hover-white:hover {
    border-color: #fff !important
}

.border-active-white.active {
    border-color: #fff !important
}

.border-hover-light:hover {
    border-color: #f5f8fa !important
}

.border-active-light.active {
    border-color: #f5f8fa !important
}

.border-hover-primary:hover {
    border-color: #009ef7 !important
}

.border-active-primary.active {
    border-color: #009ef7 !important
}

.border-hover-secondary:hover {
    border-color: #e4e6ef !important
}

.border-active-secondary.active {
    border-color: #e4e6ef !important
}

.border-hover-success:hover {
    border-color: #50cd89 !important
}

.border-active-success.active {
    border-color: #50cd89 !important
}

.border-hover-info:hover {
    border-color: #7239ea !important
}

.border-active-info.active {
    border-color: #7239ea !important
}

.border-hover-warning:hover {
    border-color: #ffc700 !important
}

.border-active-warning.active {
    border-color: #ffc700 !important
}

.border-hover-danger:hover {
    border-color: #f1416c !important
}

.border-active-danger.active {
    border-color: #f1416c !important
}

.border-hover-dark:hover {
    border-color: #181c32 !important
}

.border-active-dark.active {
    border-color: #181c32 !important
}

.border-hover-transparent:hover {
    border-color: transparent !important
}

.border-dashed {
    border-style: dashed !important;
    border-color: #e4e6ef
}

.border-top-dashed {
    border-top-style: dashed !important
}

.border-bottom-dashed {
    border-bottom-style: dashed !important
}

.border-start-dashed {
    border-left-style: dashed !important
}

.border-end-dashed {
    border-right-style: dashed !important
}

.border-dotted {
    border-style: dotted !important
}

.border-top-dotted {
    border-top-style: dotted !important
}

.border-bottom-dotted {
    border-bottom-style: dotted !important
}

.border-start-dotted {
    border-left-style: dotted !important
}

.border-end-dotted {
    border-right-style: dotted !important
}

.border-transparent {
    border-color: transparent !important
}

.border-body {
    border-color: #fff !important
}

/* STYLE : [361] 361CSS.fontandtext. */

.text-c{
    text-align: center !important;
}
.text-l{
    text-align: left !important;
}
.text-r{
    text-align: right !important;
}
.text-j{
    text-align: justify !important;
}
.fst-normal {
    font-style: normal !important;
}
.fw-light {
    font-weight: 300 !important;
}
.fw-lighter {
    font-weight: lighter !important;
}
.fw-normal {
    font-weight: 400 !important;
}
.fw-bold {
    font-weight: 500 !important;
}
.fw-bolder {
    font-weight: 600 !important;
}
.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; 
}
.fs-1 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-2 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-3 {
    font-size: calc(1.26rem + .12vw) !important
}

.fs-4 {
    font-size: 1.25rem !important
}

.fs-5 {
    font-size: 1.15rem !important
}

.fs-6 {
    font-size: 1.075rem !important
}

.fs-7 {
    font-size: .95rem !important
}

.fs-8 {
    font-size: .85rem !important
}

.fs-9 {
    font-size: .75rem !important
}

.fs-10 {
    font-size: .5rem !important
}

.fs-base {
    font-size: 1rem !important
}

.fs-fluid {
    font-size: 100% !important
}

.fs-2x {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-2qx {
    font-size: calc(1.35rem + 1.2vw) !important
}

.fs-2hx {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2tx {
    font-size: calc(1.4rem + 1.8vw) !important
}

.fs-3x {
    font-size: calc(1.425rem + 2.1vw) !important
}

.fs-3qx {
    font-size: calc(1.45rem + 2.4vw) !important
}

.fs-3hx {
    font-size: calc(1.475rem + 2.7vw) !important
}

.fs-3tx {
    font-size: calc(1.5rem + 3vw) !important
}

.fs-4x {
    font-size: calc(1.525rem + 3.3vw) !important
}

.fs-4qx {
    font-size: calc(1.55rem + 3.6vw) !important
}

.fs-4hx {
    font-size: calc(1.575rem + 3.9vw) !important
}

.fs-4tx {
    font-size: calc(1.6rem + 4.2vw) !important
}

.fs-5x {
    font-size: calc(1.625rem + 4.5vw) !important
}

.fs-5qx {
    font-size: calc(1.65rem + 4.8vw) !important
}

.fs-5hx {
    font-size: calc(1.675rem + 5.1vw) !important
}

.fs-5tx {
    font-size: calc(1.7rem + 5.4vw) !important
}

/* STYLE : [361] 361CSS.Field. */

.FieldLabel {
    font-weight: 400;
}
.FieldValue {
    font-size: 1em;
    line-height: 1em;
}



.FieldValue .InputSpan a {
    border-color: transparent;
}
.FieldValue .Selected {
    color: white !important;
    background-color: var(--bs-green);
    border-color: var(--bs-green);
}
.Choices > a:hover, .Choice:hover {
     border-color: var(--bs-green);
     color: var(--bs-green);
}
.InvalidField .Choices a, .InvalidField input, .InvalidField textarea, .InvalidField select, .InvalidField .ItemSelection {
    background-color: rgba(var(--bs-danger-rgb), 0.1);
    border-color: rgba(var(--bs-danger-rgb), 0.3);
}




.Field.AlignRight > .InputSpan > a{
    justify-content: flex-end;
    text-align: right;
}
.FilesButtons {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    font-size: 3vh;
}

.FieldInteger > .FieldValue > .InputSpan,
.FieldNumber > .FieldValue > .InputSpan,
.FieldMoney > .FieldValue > .InputSpan {
    min-width: 5em;
}

/* STYLE : [361] 361CSS.Files. */

.FilesView_Folder .FilesDisplay {
    background-color: #f8faff;
    border: solid 1px rgba(127,127,127,0.2);
    border-radius: 4px;
    padding: 8px;
}
.FilesDisplay > .FileDisplay {
    border-radius: 4px;
    color: #5e6278;
    font-weight: normal;
    margin: 4px;
}

/* STYLE : [361] 361CSS.ReadOnly. */

.ReadOnly > .InputSpan > a{
   word-break: break-word;
}

.SingleItem .ReadOnly > .InputSpan > a{
    border: var(--inputBorder);
    --bg-opacity:0.5;
    background-color: rgba(var(--BgColor1), var(--bg-opacity));
    color:rgb(var(--ReadOnlyColor));
}

.ItemView .ReadOnly > .InputSpan > a {
    border: 0 !important;
}

.ReadOnly > .InputSpan a:hover{
    background-color: rgb(255 246 227 / 40%);
}

.EventHeader > .SingleItem .ReadOnly > .InputSpan > a{
    border: 0px !important;
    --bg-opacity:0 !important;
    background-color: #ffffff !important;
    color: #ffffff !important;
}

/* STYLE : [361] 361CSS.SiteMap. */

.View_SiteMap .ReadOnly .InputSpan a, .ItemView .ReadOnly .InputSpan a{
    background-color: rgb(236 239 241 / 0%) !important;
   
}
.View_SiteMap .ReadOnly .InputSpan a:hover, .ItemView .ReadOnly .InputSpan a:hover{
    background-color: rgb(236 239 241 / 0%) !important;
   
}

.SiteMapBody > .SiteMapBlock > .SiteMapItem {
    font-size: 100%;
}
.SiteMapBody > .SiteMapBlock:nth-child(odd) .SiteMapItem  {
    background-color: #eceff1;
}
.SiteMapItem:hover a {
    color: #e64a19;
}

/* STYLE : [361] 361CSS.ETWMenu. */

.ETWMenu {
    box-shadow: -7px 0px 14px 0px rgb(69 90 100 / 5%);

}
.ETWMenu_Open > .ETWMenu, .ETWMenu_Over > .ETWMenu {
    border: 1px solid #e4e6ef;
}
.ETWMenu_Open > .EntityTypeViewBody {
        width: calc(100% - 200px) !important;
}

/* STYLE : [361] 361CSS.Login. */

.LoginForm {
    background-color: #ffffff;
    color: #303030;
    box-shadow: 0 0 20px rgb(64 58 92 / 8%);
}


.LoginForm .UserImage,.LoginForm div.UserPassword > a.PasswordIcon {
     color: #7e8299;
 }
 
  .LoginForm .UserImage:hover,.LoginForm div.UserPassword > a.PasswordIcon:hover {

    color: #009ef7;
 }


.Logon .UserImage {
   order:2;
}

/* STYLE : [361] 361CSS.GroupBy. */

.GroupByMode_Ver .FolderGroupBy {
    margin: 4px;
}

.GroupByMode_Ver{
    display: flex;
    overflow: scroll;
}

/* STYLE : [361] 361CSS.ForMeta. */

:root{
    --textColor2:#3f4254;
    --borderColor2:#e4e6ef;
    --mobilecardwidth:350px;
    --linearbgblue:linear-gradient(#37d5eb, #016cf8);
    
    --linearbggray:linear-gradient(#d4d4d4, #aeaeae);
}


.ParamValue select{
    line-height: 1;
}
.Button {
    box-shadow: unset !important;
}

.SingleItem .Button {
   /* box-shadow: 0 0 5px gray !important;*/
    margin-left: 5px;
    margin-right: 5px;
}


.dFlex{
    display: flex !important;
}
.FlexDC{
    flex-direction: column !important;
}
.FlexDR{
    flex-direction: row !important;
}
.FlexDV > .DirectionVer{
    display: flex !important;
    justify-content: center !important;
}
span.HourPicker {
    width: 4em;
}
span.MinutePicker {
    width: 4em;
}
.HourPicker:after, .MinutePicker:after {
    right: 4px;
}
.SingleItem_RightOpen > .ItemBody > .ItemRight
{
    padding-right: 0;
}
.SingleItem .SubItemButton.Active {
    background-color: #e6f6ff;
}
.ItemRight.SubItems .SingleItem.ActiveContent
{
    padding-top: 10px !important;
}


.AlignLeft{
    justify-content: flex-start !important;
    display: flex;
}
.AlignRight{
    justify-content: flex-end !important;
    display: flex;
}
.AlignCenter{
    justify-content: center !important;
    display: flex;
}



.VAlignTop
{
    align-items: flex-start !important;
}
.VAlignMiddle
{
   align-items: center !important; 
}
.VAlignBottom
{
   align-items: flex-end !important; 
}
.VAlignBottom > .DirectionVer
{
   align-items: flex-end !important; 
}

span.DatePicker
{
    min-width: 9em;
    width: 100%;
}

.Field.Mode_Edit span.DatePicker
{
    width: auto;
}

.InputSpan {
    max-width: 100%;
    min-width: 100%;
}
.TabPanel > .TabBody
{
	flex: 1 1 0;
}
.pbtnl,.pbtnr {
    position: relative;
    top: 9px;
}
.AlignCenter > .DirectionVer{
    justify-content: center!important;
}
.AlignRight > .DirectionVer{
    justify-content: flex-end !important;
}
.AlignLeft > .DirectionVer{
justify-content: flex-start !important;
}
.SingleItem > .ItemBody:has(>.StickyMaster) {
    overflow: inherit;
}
.sticky{    
    display: flex;
    position: sticky;
    flex-direction: column;
    min-height: fit-content !important;
    top: 5em;
}
.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:nth-child(even) {
    --evenbg1: #f8fafb;
    background-color: var(--evenbg1);
}
.EvenOdd  .ViewBody_ItemView>.ItemView:nth-child(odd) {
    --oddbg1: #ffffff;
    background-color: var(--oddbg1);
}
.EvenOdd .ViewBody_ItemView > .ItemView {
    --listbordercolor1: #ECEFF1;
    border-bottom: 1px solid var(--listbordercolor1) !important;
    margin: 0;
}
.EvenOdd .ViewBody_ItemView > .ItemView:hover {
    background-color: #fffcf2;
}





@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;
    height: 2.65em;
    }
    .NewFormButton {
    padding: 0.75em !important;
    font-size: 1em !important;
    margin-top: -3px;
    }
    .FieldIsEmpty >.FieldValue > .InputSpan {
        max-height: 32px;
    }
    .Suffix {
    font-size: 90%;
    opacity: 0.85;
}
}

/* STYLE : [361] 361CSS.DetailsCard. */

.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 .InputSpan > a{
    padding: 0;
    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_date{
    padding: 1em 1.5em 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 10px 0 0;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.SingleItem .Fields_DetailCard .ItemView_Person_OwnerCard .Field_Picture > img{
    height: 32px !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 ,
.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;
}

/* STYLE : [361] 361CSS.AddNewCard. */

.SingleItem .Fields_AddNew .ReadOnly > .InputSpan > a {
    border: 0;
    background-color: transparent;
    color: rgb(var(--ReadOnlyColor));
}
.SingleItem .Fields_AddNew  .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 .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_date{
    padding: 1em 1.5em 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: 32px !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 ,
.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;
}

/* STYLE : [361] 361CSS.ViewType. */

.FirstLetters > div {
    padding: 1px 0 0;
    background-color: #FFCC80;
    width: 2em;
    height: 2em;
    border: 3px solid #FFF3E0;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 400;
}

.FirstLetters {
    
    position: Fixed;
    top: 40%;
    right: 4px;
    transform: translateY(-50%);
    font-weight: bold;
    width: 2.4em;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.BringDanger{
    background-color: #fff7f8 !important;
    border: 1px dashed #ff425e !important;
    box-shadow: 0 0 20em 10em rgb(38 50 56 / 64%);
    z-index: 9999;
    position: relative;
}
.BringDanger:has( > .EnableIf_false){
    box-shadow: unset !important;
    border: 0 !important;
}

/* STYLE : [361] 361CSS.ViewType.TreeSub. */

.TreeSub{
    
}
.TreeSub:hover{
    background-color: #fff9f1;
}
.TreeSub .ItemView{
    background-color: #ffffff;
}
.TreeSub:hover > .ItemView{
    background-color: transparent;
}
.TreeSub:hover:has(.TreeSub:hover) > .ItemView{
    background-color: #ffffff;
}
.TreeSub:hover > .ItemView > .FieldSet_m > .FieldSet_t{
    background-color: #ffffff;
}
.TreeSub:hover > .ItemView:hover > .FieldSet_m > .FieldSet_t{
    background-color: #fff9f1;
}
.TreeSub:hover > .ItemView:hover > .FieldSet_m > .FieldSet_t:hover{
    background-color: #fff9f1;
}
.TreeSub:hover:has(.TreeSub:hover > .ItemView:hover ) > .ItemView:hover > .FieldSet_m > .FieldSet_t{
    background-color: #ffffff;
}



.TreeSub:hover:has(.TreeSub:hover){
   background-color: #ffffff;
}
.TreeSub:hover:before, .TreeSub:hover:after, .TreeSub:hover > .ItemView:after{
    border-color: #F57C00;
}
.TreeSub:hover:has(.TreeSub:hover):before{
    border-color: #cdcfdb;
}
.TreeSub:hover:has(.TreeSub:hover):after{
    border-color: #cdcfdb;
}
.TreeSub:hover:has(.TreeSub:hover) > .ItemView:after{
    border-color: #cdcfdb;
}
.TreeSub:before{
    content: "";
    position: absolute;
    /* top: -26px; */
    left: 0.5em;
    border-left: 2px dashed #cdcfdb;
    width: 1px;
    height: calc(100% - 1.25em);
    z-index: 9;
}
.TreeSub:after{
    content: "";
    position: absolute;
    border-top: 2px dashed #cdcfdb;
    /*top: 1.6em;*/
    left: 0.5em;
    width: 2em;
    bottom:1.15em;
}
.TreeSub > .ItemView:after{
    content: "";
    position: absolute;
    border-top: 2px dashed #cdcfdb;
    top: 1.6em;
    left: -1.5em;
    width: 1.5em;
}
.TreeSub > .ItemView:nth-last-child:after{
   /* border-top: 0 !important;*/
}

/* STYLE : [361] 361CSS.padding. */

.p-em-0 {padding: 0 !important;}
.p-em-1 {padding: 0.25rem !important;}
.p-em-2 {padding: 0.5rem !important;}
.p-em-3 {padding: 1rem !important;}
.p-em-4 {padding: 1.5rem !important;}
.p-em-5 {padding: 2rem !important;}
.p-em-6 {padding: 2.5rem !important;}
.p-em-7 {padding: 3rem !important;}
.p-em-8 {padding: 3.5rem !important;}
.p-em-9 {padding: 4rem !important;}
.p-em-10 {padding: 4.5rem !important;}
.p-em-11 {padding: 5rem !important;}
.p-em-12 {padding: 6rem !important;}
.p-em-13 {padding: 6.5rem !important;}
.p-em-14 {padding: 7rem !important;}
.p-em-15 {padding: 7.5rem !important;}
.p-em-x-0 {padding-right: 0 !important;padding-left: 0 !important;}
.p-em-x-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
.p-em-x-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
.p-em-x-3 {padding-right: 1rem !important;padding-left: 1rem !important;}
.p-em-x-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
.p-em-x-5 {padding-right: 2rem !important;padding-left: 2rem !important;}
.p-em-x-6 {padding-right: 2.5rem !important;padding-left: 2.5rem !important;}
.p-em-x-7 {padding-right: 3rem !important;padding-left: 3rem !important;}
.p-em-x-8 {padding-right: 3.5rem !important;padding-left: 3.5rem !important;}
.p-em-x-9 {padding-right: 4rem !important;padding-left: 4rem !important;}
.p-em-x-10 {padding-right: 4.5rem !important;padding-left: 4.5rem !important;}
.p-em-x-11 {padding-right: 5rem !important;padding-left: 5rem !important;}
.p-em-x-12 {padding-right: 6rem !important;padding-left: 6rem !important;}
.p-em-x-13 {padding-right: 6.5rem !important;padding-left: 6.5rem !important;}
.p-em-x-14 {padding-right: 7rem !important;padding-left: 7rem !important;}
.p-em-x-15 {padding-right: 7.5rem !important;padding-left: 7.5rem !important;}
.p-em-y-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.p-em-y-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}
.p-em-y-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
.p-em-y-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;}
.p-em-y-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
.p-em-y-5 {padding-top: 2rem !important;padding-bottom: 2rem !important;}
.p-em-y-6 {padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;}
.p-em-y-7 {padding-top: 3rem !important;padding-bottom: 3rem !important;}
.p-em-y-8 {padding-top: 3.5rem !important;padding-bottom: 3.5rem !important;}
.p-em-y-9 {padding-top: 4rem !important;padding-bottom: 4rem !important;}
.p-em-y-10 {padding-top: 4.5rem !important;padding-bottom: 4.5rem !important;}
.p-em-y-11 {padding-top: 5rem !important;padding-bottom: 5rem !important;}
.p-em-y-12 {padding-top: 6rem !important;padding-bottom: 6rem !important;}
.p-em-y-13 {padding-top: 6.5rem !important;padding-bottom: 6.5rem !important;}
.p-em-y-14 {padding-top: 7rem !important;padding-bottom: 7rem !important;}
.p-em-y-15 {padding-top: 7.5rem !important;padding-bottom: 7.5rem !important;}
.p-emt-0 {padding-top: 0 !important;}
.p-emt-1 {padding-top: 0.25rem !important;}
.p-emt-2 {padding-top: 0.5rem !important;}
.p-emt-3 {padding-top: 1rem !important;}
.p-emt-4 {padding-top: 1.5rem !important;}
.p-emt-5 {padding-top: 2rem !important;}
.p-emt-6 {padding-top: 2.5rem !important;}
.p-emt-7 {padding-top: 3rem !important;}
.p-emt-8 {padding-top: 3.5rem !important;}
.p-emt-9 {padding-top: 4rem !important;}
.p-emt-10 {padding-top: 4.5rem !important;}
.p-emt-11 {padding-top: 5rem !important;}
.p-emt-12 {padding-top: 6rem !important;}
.p-emt-13 {padding-top: 6.5rem !important;}
.p-emt-14 {padding-top: 7rem !important;}
.p-emt-15 {padding-top: 7.5rem !important;}
.p-eme-0 {padding-right: 0 !important;}
.p-eme-1 {padding-right: 0.25rem !important;}
.p-eme-2 {padding-right: 0.5rem !important;}
.p-eme-3 {padding-right: 1rem !important;}
.p-eme-4 {padding-right: 1.5rem !important;}
.p-eme-5 {padding-right: 2rem !important;}
.p-eme-6 {padding-right: 2.5rem !important;}
.p-eme-7 {padding-right: 3rem !important;}
.p-eme-8 {padding-right: 3.5rem !important;}
.p-eme-9 {padding-right: 4rem !important;}
.p-eme-10 {padding-right: 4.5rem !important;}
.p-eme-11 {padding-right: 5rem !important;}
.p-eme-12 {padding-right: 6rem !important;}
.p-eme-13 {padding-right: 6.5rem !important;}
.p-eme-14 {padding-right: 7rem !important;}
.p-eme-15 {padding-right: 7.5rem !important;}
.p-emb-0 {padding-bottom: 0 !important;}
.p-emb-1 {padding-bottom: 0.25rem !important;}
.p-emb-2 {padding-bottom: 0.5rem !important;}
.p-emb-3 {padding-bottom: 1rem !important;}
.p-emb-4 {padding-bottom: 1.5rem !important;}
.p-emb-5 {padding-bottom: 2rem !important;}
.p-emb-6 {padding-bottom: 2.5rem !important;}
.p-emb-7 {padding-bottom: 3rem !important;}
.p-emb-8 {padding-bottom: 3.5rem !important;}
.p-emb-9 {padding-bottom: 4rem !important;}
.p-emb-10 {padding-bottom: 4.5rem !important;}
.p-emb-11 {padding-bottom: 5rem !important;}
.p-emb-12 {padding-bottom: 6rem !important;}
.p-emb-13 {padding-bottom: 6.5rem !important;}
.p-emb-14 {padding-bottom: 7rem !important;}
.p-emb-15 {padding-bottom: 7.5rem !important;}
.p-ems-0 {padding-left: 0 !important;}
.p-ems-1 {padding-left: 0.25rem !important;}
.p-ems-2 {padding-left: 0.5rem !important;}
.p-ems-3 {padding-left: 1rem !important;}
.p-ems-4 {padding-left: 1.5rem !important;}
.p-ems-5 {padding-left: 2rem !important;}
.p-ems-6 {padding-left: 2.5rem !important;}
.p-ems-7 {padding-left: 3rem !important;}
.p-ems-8 {padding-left: 3.5rem !important;}
.p-ems-9 {padding-left: 4rem !important;}
.p-ems-10 {padding-left: 4.5rem !important;}
.p-ems-11 {padding-left: 5rem !important;}
.p-ems-12 {padding-left: 6rem !important;}
.p-ems-13 {padding-left: 6.5rem !important;}
.p-ems-14 {padding-left: 7rem !important;}
.p-ems-15 {padding-left: 7.5rem !important;}.p-px-0{padding: 0px !important;}.p-px-t-0{padding-top: 0px !important;}.p-px-r-0{padding-right: 0px !important;}.p-px-b-0{padding-bottom: 0px !important;}.p-px-l-0{padding-left: 0px !important;}
.p-px-1{padding: 1px !important;}.p-px-t-1{padding-top: 1px !important;}.p-px-r-1{padding-right: 1px !important;}.p-px-b-1{padding-bottom: 1px !important;}.p-px-l-1{padding-left: 1px !important;}
.p-px-2{padding: 2px !important;}.p-px-t-2{padding-top: 2px !important;}.p-px-r-2{padding-right: 2px !important;}.p-px-b-2{padding-bottom: 2px !important;}.p-px-l-2{padding-left: 2px !important;}
.p-px-3{padding: 3px !important;}.p-px-t-3{padding-top: 3px !important;}.p-px-r-3{padding-right: 3px !important;}.p-px-b-3{padding-bottom: 3px !important;}.p-px-l-3{padding-left: 3px !important;}
.p-px-4{padding: 4px !important;}.p-px-t-4{padding-top: 4px !important;}.p-px-r-4{padding-right: 4px !important;}.p-px-b-4{padding-bottom: 4px !important;}.p-px-l-4{padding-left: 4px !important;}
.p-px-5{padding: 5px !important;}.p-px-t-5{padding-top: 5px !important;}.p-px-r-5{padding-right: 5px !important;}.p-px-b-5{padding-bottom: 5px !important;}.p-px-l-5{padding-left: 5px !important;}
.p-px-6{padding: 6px !important;}.p-px-t-6{padding-top: 6px !important;}.p-px-r-6{padding-right: 6px !important;}.p-px-b-6{padding-bottom: 6px !important;}.p-px-l-6{padding-left: 6px !important;}
.p-px-7{padding: 7px !important;}.p-px-t-7{padding-top: 7px !important;}.p-px-r-7{padding-right: 7px !important;}.p-px-b-7{padding-bottom: 7px !important;}.p-px-l-7{padding-left: 7px !important;}
.p-px-8{padding: 8px !important;}.p-px-t-8{padding-top: 8px !important;}.p-px-r-8{padding-right: 8px !important;}.p-px-b-8{padding-bottom: 8px !important;}.p-px-l-8{padding-left: 8px !important;}
.p-px-9{padding: 9px !important;}.p-px-t-9{padding-top: 9px !important;}.p-px-r-9{padding-right: 9px !important;}.p-px-b-9{padding-bottom: 9px !important;}.p-px-l-9{padding-left: 9px !important;}
.p-px-10{padding: 10px !important;}.p-px-t-10{padding-top: 10px !important;}.p-px-r-10{padding-right: 10px !important;}.p-px-b-10{padding-bottom: 10px !important;}.p-px-l-10{padding-left: 10px !important;}
.p-px-11{padding: 11px !important;}.p-px-t-11{padding-top: 11px !important;}.p-px-r-11{padding-right: 11px !important;}.p-px-b-11{padding-bottom: 11px !important;}.p-px-l-11{padding-left: 11px !important;}
.p-px-12{padding: 12px !important;}.p-px-t-12{padding-top: 12px !important;}.p-px-r-12{padding-right: 12px !important;}.p-px-b-12{padding-bottom: 12px !important;}.p-px-l-12{padding-left: 12px !important;}
.p-px-y-0{padding-top: 0px !important;padding-bottom: 0px !important;}.p-px-x-0{padding-left: 0px !important; padding-right: 0px !important;}
.p-px-y-1{padding-top: 1px !important;padding-bottom: 1px !important;}.p-px-x-1{padding-left: 1px !important; padding-right: 1px !important;}
.p-px-y-2{padding-top: 2px !important;padding-bottom: 2px !important;}.p-px-x-2{padding-left: 2px !important; padding-right: 2px !important;}
.p-px-y-3{padding-top: 3px !important;padding-bottom: 3px !important;}.p-px-x-3{padding-left: 3px !important; padding-right: 3px !important;}
.p-px-y-4{padding-top: 4px !important;padding-bottom: 4px !important;}.p-px-x-4{padding-left: 4px !important; padding-right: 4px !important;}
.p-px-y-5{padding-top: 5px !important;padding-bottom: 5px !important;}.p-px-x-5{padding-left: 5px !important; padding-right: 5px !important;}
.p-px-y-6{padding-top: 6px !important;padding-bottom: 6px !important;}.p-px-x-6{padding-left: 6px !important; padding-right: 6px !important;}
.p-px-y-7{padding-top: 7px !important;padding-bottom: 7px !important;}.p-px-x-7{padding-left: 7px !important; padding-right: 7px !important;}
.p-px-y-8{padding-top: 8px !important;padding-bottom: 8px !important;}.p-px-x-8{padding-left: 8px !important; padding-right: 8px !important;}
.p-px-y-9{padding-top: 9px !important;padding-bottom: 9px !important;}.p-px-x-9{padding-left: 9px !important; padding-right: 9px !important;}
.p-px-y-10{padding-top: 10px !important;padding-bottom: 10px !important;}.p-px-x-10{padding-left: 10px !important; padding-right: 10px !important;}
.p-px-y-11{padding-top: 11px !important;padding-bottom: 11px !important;}.p-px-x-11{padding-left: 11px !important; padding-right: 11px !important;}
.p-px-y-12{padding-top: 12px !important;padding-bottom: 12px !important;}.p-px-x-12{padding-left: 12px !important; padding-right: 12px !important;}

/* STYLE : [361] 361CSS.ek. */

.max-w-fit{max-width:fit-content;}
.fontw100{font-weight: 100;}
.fontw200{font-weight: 200;}
.fontw300{font-weight: 300;}
.fontw400{font-weight: 400;}
.fontw500{font-weight: 500;}
.fontw600{font-weight: 600;}
.fontw700{font-weight: 700;}
.fontw800{font-weight: 800;}
.fontw900{font-weight: 900;}
.font-size-1em{font-size:1em;}
.font-size-2em{font-size:2em;}
.font-size-3em{font-size:3em;}
.font-size-4em{font-size:4em;}
.font-size-5em{font-size:5em;}
.font-size-6em{font-size:6em;}
.font-size-7em{font-size:7em;}
.font-size-8em{font-size:8em;}
.font-size-9em{font-size:9em;}
.font-size-10em{font-size:10em;}
.font-size-11em{font-size:11em;}
.b2bborder1{
    border: 1px solid #b1d6e6 !important;
}

/* STYLE : [361] Hover. */

.MainContent
{
	--hoverImage: linear-gradient(to bottom, rgba(254,252,234,0.3) 0%,rgba(241,218,54,0.3) 100%); 
	--hoverOutline: solid 1px rgba(127,127,127,0.5);
}


.Choices > a:hover,
.Transition:hover,
.ItemSubmit > a:hover,
.SubItemButton:hover,
/*.Button:hover,*/
.Nav.LeafNav:hover,
/*/.Mode_Edit.FieldValue:hover .ItemSelection,
.Mode_Edit.FieldValue:hover .FilesDisplay,
.Mode_Edit.FieldValue:hover .FileDisplay,
.Mode_Edit.FieldValue:hover input,
.Mode_Edit.FieldValue:hover textarea,
.Mode_Edit.FieldValue:hover .InputSpan > a,
.Mode_Edit.FieldValue:hover select,
.Mode_Edit.FieldValue:active .ItemSelection,
.Mode_Edit.FieldValue:active input,
.Mode_Edit.FieldValue:active textarea,
.Mode_Edit.FieldValue:active .InputSpan > a,
.Mode_Edit.FieldValue:active select,
.Mode_Edit.FieldValue:focus .ItemSelection,
.Mode_Edit.FieldValue:focus input,
.Mode_Edit.FieldValue:focus textarea,
.Mode_Edit.FieldValue:focus .InputSpan > a,
.Mode_Edit.FieldValue:focus select,*/

.FieldValue:hover .ItemSelection,
.FieldValue:hover .FilesDisplay,
.FieldValue:hover .FileDisplay,
.FieldValue:hover input,
.FieldValue:hover textarea,
.FieldValue:hover .InputSpan > a,
.FieldValue:hover select,
.FieldValue:active .ItemSelection,
.FieldValue:active input,
.FieldValue:active textarea,
.FieldValue:active .InputSpan > a,
.FieldValue:active select,
.FieldValue:focus .ItemSelection,
.FieldValue:focus input,
.FieldValue:focus textarea,
.FieldValue:focus .InputSpan > a,
.FieldValue:focus select,
.SelectionsMenuOpen
{
    /*
    background-color: #faff9080;
    outline: var(--hoverOutline);
    background-image: var(--hoverImage1);
    background-origin: padding-box;
    */
}

.ItemView .Mode_Display {
    --hoverImage: none;
    --hoverOutline: none;
}

/* STYLE : [361] HipermakCSS.ProductionConsoleCSS. */

.SingleItem_WorkStation_Tablet #FieldSet_m .FieldSet_productionQ
{
}

.SingleItem_WorkStation_Tablet .Field_QueueDuration  > div > a > span
{
    white-space: nowrap;
}

.SingleItem_WorkStation_Tablet .FieldSet_productionQ .Center .Top.PanelHeader
{
    max-height: 2em !important;
    min-height: 2em !important;
    height: auto;
}

.SingleItem_WorkStation_Tablet .Field_Asset
{
    min-width: 330px;
}

.SingleItem_WorkStation_Tablet .ItemView .Field_Asset
{
    min-width: initial;
}


.SingleItem_WorkStation_Tablet #FieldSet_cpf > .DirectionVer > div:nth-child(3)
{
    min-width: 300px !important;
}

.SingleItem_WorkStation_Tablet .ItemBody
{
    padding: 0;
    flex:  1 0 0;
}



.SingleItem_WorkStation_Tablet #FieldSet_MainHeader
{
    position: sticky;
    top: 0;
    z-index: 99999;
}

.SingleItem_WorkStation_Tablet #FieldSet_ConsoleController
{
    position: sticky;
    bottom: 0;
    z-index: 99999;
}
/*
.SingleItem_WorkStation_Tablet .Middle
{
    flex: 1 0 0 !important;
}*/


.SingleItem_WorkStation_Tablet .MiddleCenter 
{
    height: auto !important;
}


.SingleItem_WorkStation_Tablet .Choice > .ButtonText {

}

/* STYLE : [361] SubItemsCSS. */

.Domain_361 .SubItemButtons {
    position: fixed;
    z-index: 102;
    top: 50%;
   /* right: -30px;
    transition: 0.3s;*/
}

/*.Domain_361 .SubItemButtons:before {
    content: "";
    background: #b8b8ff;
    position: absolute;
    right: 40px;
    clip-path: polygon(100% 0, 0 42%, 100% 100%);
    width: 2em;
    height: 3em;
}

.Domain_361 .SubItemButtons:hover:before {
    display: none;
}

.Domain_361 .SubItemButtons:hover {
    right: 0;
}

.Domain_361 .SingleItem_RightOpen > .ItemBody > .ItemRight
{
    padding-right: 0;
    position: fixed;
    top: 18%;
    z-index: 100;
}*/

.Domain_361 .SingleItem_RightOpen > .ItemBody > .ItemRight
{
    z-index: 101;
}

/* STYLE : [361] Panels. */

:root{
    --pageTopHeight: 3.5em;
    --dashOpacity: 1;
    --dashOpacity2: 0.1;
   /* --buttonBackColor: white;
    --buttonTextColor: black;*/
}
.Panel5  {
    background-color: rgba(249, 65, 68,var(--dashOpacity2));
    border-radius: var(--gap);
}

.Panel4 {
    background-color: rgba(224 ,122, 95,var(--dashOpacity2));
    border-radius: var(--gap);
}
.Panel3  {
    background-color: rgba(242, 171, 0,var(--dashOpacity2));
    border-radius: var(--gap);
}
.Panel2  {
    background-color: rgba(144, 190, 109,var(--dashOpacity2));
    border-radius: var(--gap);
}
.Panel1  {
    /*#dbe8e6*/
    background-color: #dbe8e6;
    border-radius: var(--gap);
}

.Panel5 > .PanelHeader {
    background-color: rgba(249, 65, 68,var(--dashOpacity));
    color: white;
         border-radius: var(--gap) var(--gap) 0 0;
}

.Panel4 > .PanelHeader {
    background-color: rgba(224 ,122, 95,var(--dashOpacity));
    color: white;
         border-radius: var(--gap) var(--gap) 0 0;
}
.Panel3 > .PanelHeader {
    background-color: rgba(242, 171, 0,var(--dashOpacity));
    color: white;
         border-radius: var(--gap) var(--gap) 0 0;
}
.Panel2 > .PanelHeader {
    background-color: rgba(144, 190, 109,var(--dashOpacity));
    color: white;
         border-radius: var(--gap) var(--gap) 0 0;
}
.Panel1 > .PanelHeader {
     background-color: rgba(67, 170, 139,var(--dashOpacity));
    color: white;
     border-radius: var(--gap) var(--gap) 0 0;
    
}

/* STYLE : [361] Panels.Panel_KPIs. */

.Panel_KPIs {
    flex: 0;
    gap: 4px;
    padding: 4px;
    display: flex;
    flex-direction: column;
}


.Panel_KPIs .Aggregate {
    font-size: 1em;
    padding: 0.5em;
    display: flex;
    border-bottom: dashed 1px silver;
    margin: 0 auto;
    align-items: flex-start;

}


.Panel_KPIs .AggregateLabel
{
    padding: 4px !important;
    opacity: 0.5;

}

.Panel_KPIs .AggregateValue
{
    font-weight: 600;
    padding: 4px !important;
}

/* STYLE : [361] Panels.Panel_Buttons. */

.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 .Button:hover::before {
right: 0;
    
}


.Panel_Buttons  {
    width: 100%;
    flex: 0 1 0%;
    max-width: 350px;
    align-self: center;
    gap: 3px;
    display: flex;
    flex-direction: column;    
}


.Panel_Buttons {
    flex: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.Panel_Buttons > div {
    display: flex; 
    flex-direction: column;
}

.Panel_Buttons .Button {
    background-color: white;
    color: black;
    margin: 0;
}
.Panel_Buttons .Button .ButtonImage {
    max-height: 24px;
    max-width: 24px;
    position: absolute;
    left: 6px;
    right: auto;
    width: auto;
    opacity: 0.5;
}

/* STYLE : [361] Panels.Panels. */

.Panel_Panels  .Button > .ButtonTitle {
    justify-content: flex-start !important;
    padding-left: 32px !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{
border: 0;
gap: 1px;
flex: 1 1 auto;
}


.Panel_Panels > div > div > .PanelHeader
{

}

.Panel_Panels > div > div > .PanelBody .PanelHeader > .PanelHeaderTitle
{
    padding: 0;
    padding-top: 8px;
    font-size: 100%;
}

.Panel_Panels > div > div > .PanelBody .PanelHeader 
{
    min-height: 0;
}

/* STYLE : [361] CurrentEntityNavigation. */

.CurrentEntityNavigation .NavigationButtons .LeafNav .NavImage,
.CurrentEntityNavigation .NavigationButtons .NoImage.LeafNav .NavTitle > span:first-child
{
    box-shadow: 2px 2px 5px gray ;
    letter-spacing: 0;
    width: calc(var(--cellSize));
}

.CurrentEntityNavigation .NavigationButtons .Nav.LeafNav::active .NavImage {
    box-shadow: 0px 0px 1px gray;
}

.CurrentEntityNavigation .NavigationButtons .LeafNav::hover .NavImage {
    box-shadow: 2px 2px 5px black;
}

/* STYLE : [361] DomainVer CSS. */

.Domain_tuncmatik #DomainVersion
{
    margin-bottom: 20px ;
}

/* STYLE : [361] PageFooter. */

#DomainVersion{
    display: none;
}
.Admins #DomainVersion{
    display: block !important;
}

/* STYLE : [361] PrintLast. */

.ItemStates .Center::before, .ItemStates .Transition::before {
    max-height: 3em;
}
.NewWindow_PrintPreview #PrintPreviewBody {
    padding: 1cm;
    --inputPadding: 0.3rem;
    font-size: 9px;
    --fieldPadding: 0.15rem 0rem;
}
.NewWindow_PrintPreview #PrintPreviewBody .ItemStates{
    display: none !important;
} 
 .NewWindow_PrintPreview #PrintPreviewBody .SingleItem > .ItemFooter{
    display: none !important;
}
 .NewWindow_PrintPreview #PrintPreviewBody .Print_Preview_Button {
    display: none !important;
}
@media print {
.NonPrint {
    display: none;
}
    
#PrintPreviewBody {
    padding: 1cm 1cm !important;
    --inputPadding: 0.3rem;
    font-size: 9px;
    --fieldPadding: 0.15rem 0rem;
}
    
.ItemStates{
    display: none !important;
} 
.SingleItem > .ItemFooter{
    display: none !important;
}
.Print_Preview_Button {
    display: none !important;
}

}

/* 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: #99A1B7 !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;
}

/* 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;}

/* 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] NewTheme.Ios. */

.PageZone_footer .ButtonImage > svg {
    max-width: 32px;
    max-height: 32px;
    min-width: 32px;
    min-height: 32px;
 }
 body.Mobile .PanelHeader {
    min-height: 32px !important;
}
body.Mobile .Button, body.Mobile .NavButton, body.Mobile .MicroButton
 {
    min-height: 32px;
    min-width: 32px;
}
@media only screen and (max-width: 480px) {

/* STYLE : [SALESSUMMARY] SingleItem_SalesMonth. */

.SingleItem_SalesMonth .Field_PrevMonth:before ,
.SingleItem_SalesMonth .Field_NextMonth:after{
    display: none !important;
}

/* STYLE : [SALESSUMMARY] SingleItem_SalesYear. */

.SingleItem_SalesYear .Field_PrevYear:before,.SingleItem_SalesYear .Field_NextYear:after{
    display: none !important;
}

/* STYLE : [SALES] SingeItem. */

.PageFooter .ButtonTitle{
    display: none;
}
.View_Matrix.EntityTypeView {
    flex: 1;
    min-height: 50vh;
}

/* STYLE : [ANNOUNEMENTS] CardList. */

.ItemView_Announcement_CardList {
    width: auto;
    margin: 0 5px !important;
}

/* STYLE : [SESSİONMANAGEMENT] CardList. */

.ItemView_Session_CardList {
    margin: 0 5px !important;
}

/* STYLE : [KAPP] SalesSalesman. */

.Field_PrevMonth:before,
.Field_NextMonth:after,
.Field_PrevYear:before,
.Field_NextYear:after
{
    display: none !important;
}

/* STYLE : [361] Variables. */

:root {
    --fieldLabelWidth: 7em;
}

/* STYLE : [361] Login. */

.LoginForm > form, .SingleItem_Subscriber_Request
{
    font-size: 100%;
    border-radius: 1em;
	max-width: 360px;
}
.LoginMessage {
    padding:0.5em;
}
.LoginForm > form, .SingleItem_Subscriber_Request {
    padding: 0.5em 1.5rem;
}

/* STYLE : [361] 361CSS.root. */

:root {
    --gap: 3px;
}

/* STYLE : [361] 361CSS.SingleItem. */

.SingleItem_RightOpen > .ItemBody >.ItemCenter 
{

}
.SingleItem  .SubItemButtons
{
    top: 55%;
    padding-top: 0;
    bottom: 0;
    height: fit-content;
    position: fixed;
    transform: translateY(-50%);
}
.SingleItem .SubItemButtons>.SubItemButton {
        padding: 0.5rem 0;
}

/* STYLE : [361] 361CSS.ItemHeader. */

.ItemStates {
    padding: 0;
}

/* STYLE : [361] 361CSS.List. */

.ListHeader {
    padding-top: 0;
}

/* STYLE : [361] 361CSS.Tabs. */

.TabButton > span {
    padding: 1px 2px;
}

/* STYLE : [361] 361CSS.Calendar. */

.EntityTypeView_MyCalendar .ByFieldsRight {
        justify-content: center;
}
.EntityTypeView_MyCalendar.EntityTypeView  .ByFieldsRight .ItemSelection {
    font-size: 0.8em;
}

/* STYLE : [361] 361CSS.Field. */

.FieldNumber.LabelPositionTop > div > a, .FieldMoney.LabelPositionTop > div > a, .FieldInteger.LabelPositionTop > div > a {
    justify-content: flex-start;
}


.FieldDate > .FieldValue > .InputSpan > a {
    width: 15em;
    margin: 0;

}
.SingleItem .Field.LabelPositionTop {
    border: solid 0 transparent;
    border-top: solid 0 transparent;
    border-bottom: solid 0 transparent;
}

/* STYLE : [361] 361CSS.Files. */

.FilesDisplay > .FileDisplay {
 margin: 4px 0;
}

/* STYLE : [361] 361CSS.SiteMap. */

.SiteMapTree {
    display: block;
    padding: 0;
    margin-left: 1em;
    font-size: 0.9em;
    background-color: #e0f7fa;
}
.SiteMapTree .SiteMapItem {
    background-color: transparent !important;
}
.SiteMapBlock {
    margin-bottom: 4px;
}

/* STYLE : [361] 361CSS.GroupBy. */

.GroupByMode_Ver{
    display: unset;
}

/* STYLE : [361] 361CSS.ForMeta. */

.DirectionVer >.PageZone.AlignLeft{
    align-items: flex-start !important;
}
.DirectionVer >.PageZone.AlignRight{
    align-items: flex-end !important;
}
.DirectionVer >.PageZone.AlignCenter{
    align-items: center !important; 
}

.DirectionVer >.PageZone.VAlignTop{
     justify-content: flex-start !important;
}
.DirectionVer >.PageZone.VAlignBottom{
     justify-content: flex-end !important;
}
.DirectionVer >.PageZone.VAlignMiddle{
     justify-content: center !important;
}

/* STYLE : [361] PageFooter. */

.PageZone_footer.PageFooter > .Button >.ButtonTitle{
    display: none;
}

/* 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] NewTheme.Ios. */

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[data-action="event"],
textarea,
select {
    font-size: 16px !important;
}
}
@media only screen and  (min-width: 481px) and (max-width: 1024px) {

/* STYLE : [361] 361CSS.SiteMap. */

.SiteMapTree {
    display: block;
    padding: 0;
    margin-left: 1em;
    font-size: 0.9em;
    background-color: #e0f7fa;
}
.SiteMapTree .SiteMapItem {
    background-color: transparent !important;
}
.SiteMapBlock {
    margin-bottom: 4px;
}
}
@media only screen and (min-width: 1025px) {

/* STYLE : [361] 361CSS.ForMeta. */

.Field.FieldInteger input, .Field.FieldMoney input, .Field.FieldNumber input, .Field.FieldInteger .InputSpan > a, .Field.FieldMoney .InputSpan > a, .Field.FieldNumber .InputSpan > a {
    max-width: initial;
}
.Field.FieldValue {
    gap: 4px;
}

/* 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;
}
}
.ItemView_SalesOrder_OpenOrder > .FieldSet_m > .FieldSet_t   .Field > .FieldLabel  > a { justify-content: center; }
.ItemView_SalesmanMonth_SalesAmount .Gauge { /*min-width: 120px !important;
min-height: 96px !important;*/ }
.ListBody .ListTable td.FieldMoney a { padding-right: 8px; }
.ListBody .ListTable td.FieldMoney a .Suffix { position: absolute;
    right: -4px;
    left: auto;
    top: 14px; }
.EntityTypeView_ExUSD
, .EntityTypeView_ExEUR
{ background-color: transparent !important;
border-radius: 0 !important; }
#LoginForm .UserName .UserImage { position: absolute;
  right: 36px;
  display: flex;
  justify-content: center;
  align-items: anchor-center;
  padding-top: 8px;
  font-size: 10px; }
#LoginForm .UserPassword { display: flex;
  flex-direction: row-reverse; }
#LoginForm .UserPassword input { padding-left:1em; }
.TabHeader > span:after { font-size:16px !important; }
.NavigationButtons.MenuType0 { flex-direction: row !important; }
.ViewBody_ItemView_B2BCard { min-height: 1em; }
.Nav.Nav_ExRate.WidgetContent { max-width: 85px !important; }
.Nav.Nav_ExRate.WidgetContent.Selected { background-color:#000000 !important; }
.StartLogo #ModuleTitle { display:none !important; }

/* ENTİTY : [361] Purchasing. */

.View_ItemView_Card.EntityType_PurchaseRequestDetail.EntityTypeView_body
 {

	 margin: 0 auto;
	 width: 100%;
 }

.ItemView_PurchaseRequestDetail_Card 
{

}

.ItemView_PurchaseQuotation_Organization  {
	display: block;
}
 .View_ItemView_Card2.EntityType_PurchaseQuotationDetail.EntityTypeView_body2
 {
	 margin: 0 auto;
 }
 




.ItemView_PurchaseQuotation_Supplier, 
.ItemView_PurchaseQuotationDetail_Price, 
.ItemView_PurchaseQuotationDetail_Amount, 
.ItemView_PurchaseQuotation_Amount
{
	width: 8em;
}


.ItemView_PurchaseQuotation_Supplier,
.ItemView_PurchaseQuotation_Amount
 {
	display: block;
	width: 100%;
}


.FieldSet_suppliers .ViewBody_ItemView_Supplier,
.FieldSet_suppliers .ViewBody_ItemView_Amount
{
    white-space: nowrap;
    display: flex;
    justify-content: space-evenly;
    align-items: end;
}


.ItemView_PurchaseQuotation_Supplier .Field a
{
	text-align: right;
}

.SingleItem_PurchaseQuotation 
{
	max-width: 1200px;
	margin: 0 auto;
}

/* ENTİTY : [361] AssetManagement. */

.EntityTypeView_assetList .ItemView_AssetInstance_TSCard .InputSpan > a {
    font-size: 70%;
}

.ItemView_AssetInstance_TSCard .FieldDate.LabelPositionTop .FieldLabel a,
.ItemView_AssetInstance_TSCard .FieldValue .InputSpan a, .CalendarItem .FieldValue .InputSpan a {
    padding: 2px;
}

.EntityTypeView_assetList .ItemView_AssetInstance_TSCard .Field.LabelPositionTop > .FieldLabel a span {
    font-size: 80%;
}

/*.ItemView_AssetInstance_TSCard .FieldSet_openForm {
    position: absolute;
    right: 5px;
}*/

/* ENTİTY : [361] Person. */

.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;
}

.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;
}

.ItemView_Person_MyAccount 
{
    background-color: transparent !important;
    box-shadow: 0 0 0 !important;
}

/* ENTİTY : [361] BusRoute. */

.ItemView_BusRouteStop_Card 
{
    margin: 0 !important;
}

.ItemView_BusRouteStop_Card .Field
{
    padding: 0;
}

.ItemView_BusRouteStop_Card  .Field_Name,
.SingleItem_BusRoute_Card   .Text_Stop 
{
    min-width: 80%;
}

.SingleItem_BusRoute_Card .Text
{
    padding: 1px 1em;
    font-weight: 200;
}

.SingleItem_BusRoute  .EntityTypeView_stopsmap 
{
    height: 20em;
}

.SingleItem_BusRoute  .FieldSet_t > .Field_Name 
{
}

.SingleItem_BusRoute  .FieldSet_t > .Field_Name a
{
    font-weight: 600;
    justify-content: center;
}

/* ENTİTY : [B2B] B2BOffer. */

.Field_OfferDiscountLC >.InputSpan > input, 
.Field_OfferDiscountOC >.InputSpan > input, 
.Field_OfferDiscountPercent >.InputSpan > input{
    padding: 0.3em;
    color: #28bbac;
    font-weight: 700;
}
.Field_OfferTotalAmountOC >.InputSpan > a,
.Field_OfferTotalAmountLC >.InputSpan > a{
    font-size: 1.4em;
    font-weight: 700;}

/* ENTİTY : [361] Organizations. */

.ItemView_Organization_Account {
	background-color: transparent;
	box-shadow: 0 0 0;
}

.ItemView_Organization_Account:hover {
	box-shadow: 0 0 0;
}

.ItemView_Organization_Account 
{
	display: block;
}


.ItemView_Organization_Account  .Field_Name 
{
	text-align: center;
	padding: 0;
	border-bottom: solid 1px #f0f0f0;
}



.ItemView_Organization_MyOrganizationForm  .Field_Name
{
	text-align: center;
	font-size: 150%;
}

.ItemView_OrganizationRelation_Card 
{
	max-width: 480px !important;
	margin: 0 auto !important;
	display: block !important;
	margin-top: 0.75em !important;
	background-color: white !important;
	box-shadow: 0 0 2px silver;
	overflow: hidden;
	font-size: 80%;
}

.ItemView_OrganizationRelation_Card .Field
{
	padding: 1px;
	font-weight: normal !important;
}
.ItemView_OrganizationRelation_Card .FieldValue
{
	text-align: left !important;
}

.ItemView_OrganizationRelation_Card .FieldValue a
{
	text-align: left !important;
	padding: 0 !important;
	margin: 0 !important;
	font-weight: normal !important;
}

.ItemView_OrganizationRelation_Card .FieldOrganization 
{
	font-size: 125%;
	color: #3878c7;
	padding: 1px 2px;
}

.ItemView_OrganizationRelation_Card .Field_Telephone .FieldValue 
{
	text-align: right !important;
	font-weight: bold;
}

.ItemView_OrganizationRelation_Card .Field_Telephone .FieldValue a
{
	font-weight: bold;
}


.ItemView_OrganizationRelation_Card .FieldImage 
{
	padding: 0 ;
	margin: 0;
	min-width: inherit;
}
.ItemView_OrganizationRelation_Card .FieldImage .FieldValue
{
	padding: 0;
	margin: 0;
	min-width: inherit;
}

.ItemView_OrganizationRelation_Card  img
{
	position: relative;
	right: 1px;
	top: 10px;
	width: 32px !important;
	height: 32px !important;
}
/*!
 * 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,
.Theme_Dark .KanbanColumn {
  background-color: #2d2d2d;
  border-top-color: #4d4d4d;
}

.DarkTheme .KanbanColumnHeader,
.Theme_Dark .KanbanColumnHeader {
  background-color: #3d3d3d;
}

.DarkTheme .KanbanColumnTitle,
.Theme_Dark .KanbanColumnTitle {
  color: #e0e0e0;
}

.DarkTheme .KanbanColumnCount,
.Theme_Dark .KanbanColumnCount {
  background-color: #4d4d4d;
  color: #b0b0b0;
}

.DarkTheme .KanbanCard,
.Theme_Dark .KanbanCard {
  background-color: #424242;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.DarkTheme .KanbanCardTitle,
.Theme_Dark .KanbanCardTitle {
  color: #e0e0e0;
}

.DarkTheme .KanbanCardContent,
.Theme_Dark .KanbanCardContent {
  color: #b0b0b0;
}

.DarkTheme .KanbanFieldLabel,
.Theme_Dark .KanbanFieldLabel {
  color: #888;
}

.DarkTheme .KanbanFieldValue,
.Theme_Dark .KanbanFieldValue {
  color: #ccc;
}

.DarkTheme .KanbanCardFooter,
.Theme_Dark .KanbanCardFooter {
  border-top-color: #555;
}

.DarkTheme .KanbanCardContainer.KanbanDropActive,
.Theme_Dark .KanbanCardContainer.KanbanDropActive {
  background-color: rgba(100, 181, 246, 0.1);
}

.DarkTheme .KanbanCardContainer.KanbanDropHover,
.Theme_Dark .KanbanCardContainer.KanbanDropHover {
  background-color: rgba(100, 181, 246, 0.2);
  box-shadow: inset 0 0 0 2px #64b5f6;
}

.DarkTheme .KanbanError,
.Theme_Dark .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,
.Theme_Dark .TimelineHeader {
  background-color: #2d2d2d;
  border-bottom-color: #404040;
}

.DarkTheme .TimelineDateRange,
.Theme_Dark .TimelineDateRange {
  color: #e0e0e0;
}

.DarkTheme .TimelineCount,
.Theme_Dark .TimelineCount {
  color: #999;
}

.DarkTheme .TimelineLine,
.Theme_Dark .TimelineLine {
  background: linear-gradient(to bottom, #404040 0%, #555 50%, #404040 100%);
}

.DarkTheme .TimelineCard,
.Theme_Dark .TimelineCard {
  background-color: #3d3d3d;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.DarkTheme .TimelineCardTitle,
.Theme_Dark .TimelineCardTitle {
  color: #e0e0e0;
}

.DarkTheme .TimelineCardDate,
.Theme_Dark .TimelineCardDate {
  color: #888;
}

.DarkTheme .TimelineFieldLabel,
.Theme_Dark .TimelineFieldLabel {
  color: #888;
}

.DarkTheme .TimelineFieldValue,
.Theme_Dark .TimelineFieldValue {
  color: #ccc;
}

.DarkTheme .TimelineCardFooter,
.Theme_Dark .TimelineCardFooter {
  border-top-color: #555;
}

.DarkTheme .TimelineDateLabel,
.Theme_Dark .TimelineDateLabel {
  color: #999;
}

.DarkTheme .TimelineSwimlane,
.Theme_Dark .TimelineSwimlane {
  background-color: #2d2d2d;
}

.DarkTheme .TimelineSwimlaneHeader,
.Theme_Dark .TimelineSwimlaneHeader {
  background-color: #3d3d3d;
}

.DarkTheme .TimelineSwimlaneTitle,
.Theme_Dark .TimelineSwimlaneTitle {
  color: #e0e0e0;
}

.DarkTheme .TimelineSwimlaneCount,
.Theme_Dark .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;
}

/* 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,
.Theme_Dark .CardItem {
  background: #2d2d2d;
}

.DarkTheme .CardItem[data-card-style="Filled"],
.Theme_Dark .CardItem[data-card-style="Filled"] {
  background: #383838;
}

.DarkTheme .CardItem[data-card-style="Outlined"],
.Theme_Dark .CardItem[data-card-style="Outlined"] {
  border-color: #444;
}

.DarkTheme .CardItem[data-card-style="Elevated"],
.Theme_Dark .CardItem[data-card-style="Elevated"] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.DarkTheme .CardTitle,
.Theme_Dark .CardTitle {
  color: #e8eaed;
}

.DarkTheme .CardDescription,
.Theme_Dark .CardDescription {
  color: #9aa0a6;
}

.DarkTheme .CardFooter,
.Theme_Dark .CardFooter {
  border-top-color: #444;
}

.DarkTheme .CardFooterLabel,
.Theme_Dark .CardFooterLabel {
  color: #666;
}

.DarkTheme .CardFooterValue,
.Theme_Dark .CardFooterValue {
  color: #bbb;
}

.DarkTheme .CardGroupHeader,
.Theme_Dark .CardGroupHeader {
  border-bottom-color: #444;
}

.DarkTheme .CardGroupTitle,
.Theme_Dark .CardGroupTitle {
  color: #e8eaed;
}

.DarkTheme .CardGroupCount,
.Theme_Dark .CardGroupCount {
  background: #444;
  color: #aaa;
}

.DarkTheme .CardGroup[data-group-style="Tab"] .CardGroupHeader,
.Theme_Dark .CardGroup[data-group-style="Tab"] .CardGroupHeader {
  background: #383838;
}

.DarkTheme .CardGroup[data-group-style="Accordion"] .CardGroupHeader,
.Theme_Dark .CardGroup[data-group-style="Accordion"] .CardGroupHeader {
  background: #333;
  border-color: #444;
}

.DarkTheme .CardImageWrapper,
.Theme_Dark .CardImageWrapper {
  background: #383838;
}

.DarkTheme .CardSelectBox,
.Theme_Dark .CardSelectBox {
  background: rgba(45, 45, 45, 0.9);
  color: #e8eaed;
}

.DarkTheme .CardEmptyState,
.Theme_Dark .CardEmptyState {
  color: #666;
}

.DarkTheme .CardSkeletonImage,
.DarkTheme .CardSkeletonTitle,
.DarkTheme .CardSkeletonDesc,
.Theme_Dark .CardSkeletonImage,
.Theme_Dark .CardSkeletonTitle,
.Theme_Dark .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
   =============================== */

/* Container */
.DashboardContainer {
  display: grid;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  gap: 16px;
}

/* Layout */
.DashboardContainer[data-layout="Auto"],
.DashboardContainer[data-layout="Grid"] {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.DashboardContainer[data-layout="Flex"] {
  display: flex;
  flex-wrap: wrap;
}

.DashboardContainer[data-layout="Masonry"] {
  display: block;
  column-count: 3;
  column-gap: 16px;
}

/* Columns */
.DashboardContainer[data-columns="1"] { grid-template-columns: 1fr; }
.DashboardContainer[data-columns="2"] { grid-template-columns: repeat(2, 1fr); }
.DashboardContainer[data-columns="3"] { grid-template-columns: repeat(3, 1fr); }
.DashboardContainer[data-columns="4"] { grid-template-columns: repeat(4, 1fr); }
.DashboardContainer[data-columns="6"] { grid-template-columns: repeat(6, 1fr); }

.DashboardContainer[data-layout="Masonry"][data-columns="2"] { column-count: 2; }
.DashboardContainer[data-layout="Masonry"][data-columns="3"] { column-count: 3; }
.DashboardContainer[data-layout="Masonry"][data-columns="4"] { column-count: 4; }

/* Gap */
.DashboardContainer[data-gap="None"] { gap: 0; }
.DashboardContainer[data-gap="Small"] { gap: 8px; }
.DashboardContainer[data-gap="Medium"] { gap: 16px; }
.DashboardContainer[data-gap="Large"] { gap: 24px; }

/* Widget */
.DashboardWidget {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 20px;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.DashboardContainer[data-layout="Masonry"] .DashboardWidget {
  break-inside: avoid;
  margin-bottom: 16px;
}

.DashboardContainer[data-layout="Flex"] .DashboardWidget {
  flex: 1 1 280px;
  margin: 8px;
}

/* Widget Styles */
.DashboardWidget[data-widget-style="Card"] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.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);
  backdrop-filter: blur(10px);
  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: 4px; }
.DashboardWidget[data-widget-radius="Medium"] { border-radius: 8px; }
.DashboardWidget[data-widget-radius="Large"] { border-radius: 16px; }

/* Widget Sizes */
.DashboardWidget[data-widget-size="Small"] { padding: 12px; }
.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: 24px; }
.DashboardWidget[data-widget-size="Medium"] .DashboardWidgetValue { font-size: 32px; }
.DashboardWidget[data-widget-size="Large"] .DashboardWidgetValue { font-size: 42px; }
.DashboardWidget[data-widget-size="XLarge"] .DashboardWidgetValue { font-size: 54px; }

/* Widget Span */
.DashboardWidget[data-widget-span="1"] { grid-column: span 1; }
.DashboardWidget[data-widget-span="2"] { grid-column: span 2; }
.DashboardWidget[data-widget-span="3"] { grid-column: span 3; }
.DashboardWidget[data-widget-span="Full"] { grid-column: 1 / -1; }

/* Color indicator */
.DashboardWidget[data-has-color="true"] {
  border-left: 4px solid #4285f4;
}

/* Widget Hover */
.DashboardWidget:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.DashboardWidget[data-widget-style="Flat"]:hover,
.DashboardWidget[data-widget-style="Outlined"]:hover {
  background: #f8f9fa;
  transform: none;
  box-shadow: none;
}

/* Widget Content */
.DashboardWidgetContent {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
}

/* Widget Icon */
.DashboardWidgetIcon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f4ff;
  border-radius: 12px;
  font-size: 24px;
  color: #4285f4;
  flex-shrink: 0;
}

/* Widget Text */
.DashboardWidgetText {
  flex: 1;
  min-width: 0;
}

/* Widget Label */
.DashboardWidgetLabel {
  font-size: 14px;
  color: #5f6368;
  margin-bottom: 4px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Widget Value */
.DashboardWidgetValue {
  font-size: 32px;
  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: 14px;
  font-weight: 500;
  margin-top: 8px;
}

.DashboardWidgetChange[data-direction="up"] {
  color: #34a853;
}

.DashboardWidgetChange[data-direction="down"] {
  color: #ea4335;
}

.DashboardChangeArrow {
  font-size: 10px;
}

/* Progress */
.DashboardProgress {
  margin-top: 16px;
}

.DashboardProgress[data-style="Bar"] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.DashboardProgressBar {
  flex: 1;
  height: 8px;
  background: #e8eaed;
  border-radius: 4px;
  overflow: hidden;
}

.DashboardProgressBar .DashboardProgressFill {
  height: 100%;
  background: linear-gradient(90deg, #4285f4, #34a853);
  border-radius: 4px;
  transition: width 0.6s ease;
}

.DashboardProgressPercent {
  font-size: 14px;
  font-weight: 600;
  color: #5f6368;
  min-width: 45px;
  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: 6;
}

.DashboardProgressCircle .DashboardProgressFill {
  fill: none;
  stroke: #4285f4;
  stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.6s ease;
}

.DashboardProgress[data-style="Circle"] .DashboardProgressPercent,
.DashboardProgress[data-style="Semicircle"] .DashboardProgressPercent {
  position: absolute;
  font-size: 12px;
}

/* Trend */
.DashboardTrend {
  position: absolute;
  top: 16px;
  right: 16px;
}

.DashboardTrendIcon {
  font-size: 20px;
  font-weight: bold;
}

.DashboardTrendIcon[data-direction="up"] {
  color: #34a853;
}

.DashboardTrendIcon[data-direction="down"] {
  color: #ea4335;
}

/* Empty State */
.DashboardEmptyState {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  color: #999;
}

.DashboardEmptyIcon {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.5;
}

.DashboardEmptyText {
  font-size: 16px;
}

/* Dark Theme */
.DarkTheme .DashboardWidget,
.Theme_Dark .DashboardWidget {
  background: #2d2d2d;
}

.DarkTheme .DashboardWidget[data-widget-style="Card"],
.Theme_Dark .DashboardWidget[data-widget-style="Card"] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.DarkTheme .DashboardWidget[data-widget-style="Outlined"],
.Theme_Dark .DashboardWidget[data-widget-style="Outlined"] {
  border-color: #444;
}

.DarkTheme .DashboardWidget[data-widget-style="Glass"],
.Theme_Dark .DashboardWidget[data-widget-style="Glass"] {
  background: rgba(45, 45, 45, 0.7);
  border-color: rgba(255, 255, 255, 0.1);
}

.DarkTheme .DashboardWidgetLabel,
.Theme_Dark .DashboardWidgetLabel {
  color: #9aa0a6;
}

.DarkTheme .DashboardWidgetValue,
.Theme_Dark .DashboardWidgetValue {
  color: #e8eaed;
}

.DarkTheme .DashboardWidgetCount,
.Theme_Dark .DashboardWidgetCount {
  color: #666;
}

.DarkTheme .DashboardWidgetIcon,
.Theme_Dark .DashboardWidgetIcon {
  background: #383838;
}

.DarkTheme .DashboardProgressBar,
.DarkTheme .DashboardProgressCircle .DashboardProgressBg,
.Theme_Dark .DashboardProgressBar,
.Theme_Dark .DashboardProgressCircle .DashboardProgressBg {
  background: #444;
  stroke: #444;
}

.DarkTheme .DashboardWidget[data-widget-style="Flat"]:hover,
.DarkTheme .DashboardWidget[data-widget-style="Outlined"]:hover,
.Theme_Dark .DashboardWidget[data-widget-style="Flat"]:hover,
.Theme_Dark .DashboardWidget[data-widget-style="Outlined"]:hover {
  background: #383838;
}

.DarkTheme .DashboardEmptyState,
.Theme_Dark .DashboardEmptyState {
  color: #666;
}

/* Responsive */
@media (max-width: 768px) {
  .DashboardContainer {
    grid-template-columns: 1fr;
    padding: 8px;
  }

  .DashboardContainer[data-columns="2"],
  .DashboardContainer[data-columns="3"],
  .DashboardContainer[data-columns="4"],
  .DashboardContainer[data-columns="6"] {
    grid-template-columns: repeat(2, 1fr);
  }

  .DashboardContainer[data-layout="Masonry"] {
    column-count: 2;
  }

  .DashboardWidget[data-widget-span="2"],
  .DashboardWidget[data-widget-span="3"] {
    grid-column: span 1;
  }

  .DashboardWidget[data-widget-size="Large"] { padding: 20px; }
  .DashboardWidget[data-widget-size="XLarge"] { padding: 24px; }

  .DashboardWidget[data-widget-size="Large"] .DashboardWidgetValue,
  .DashboardWidget[data-widget-size="XLarge"] .DashboardWidgetValue {
    font-size: 32px;
  }
}

@media (max-width: 480px) {
  .DashboardContainer,
  .DashboardContainer[data-columns="2"],
  .DashboardContainer[data-columns="3"],
  .DashboardContainer[data-columns="4"],
  .DashboardContainer[data-columns="6"] {
    grid-template-columns: 1fr;
  }

  .DashboardContainer[data-layout="Masonry"] {
    column-count: 1;
  }

  .DashboardWidgetContent {
    flex-direction: column;
    align-items: stretch;
  }

  .DashboardWidgetIcon {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}

/* Print Styles */
@media print {
  .DashboardContainer {
    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;
  }
}

/* ===============================
   GALLERY VIEW STYLES
   =============================== */

/* Container */
.GalleryContainer {
  display: grid;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

/* 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,
.Theme_Dark .GalleryItem {
  background: #383838;
}

.DarkTheme .GalleryCaptionBelow,
.Theme_Dark .GalleryCaptionBelow {
  background: #2d2d2d;
}

.DarkTheme .GalleryCaptionBelow .GalleryCaption,
.Theme_Dark .GalleryCaptionBelow .GalleryCaption {
  color: #e8eaed;
}

.DarkTheme .GalleryCaptionBelow .GalleryDescription,
.Theme_Dark .GalleryCaptionBelow .GalleryDescription {
  color: #9aa0a6;
}

.DarkTheme .GalleryGroupHeader,
.Theme_Dark .GalleryGroupHeader {
  border-bottom-color: #444;
}

.DarkTheme .GalleryGroupTitle,
.Theme_Dark .GalleryGroupTitle {
  color: #e8eaed;
}

.DarkTheme .GallerySelectBox,
.Theme_Dark .GallerySelectBox {
  background: rgba(45, 45, 45, 0.9);
  color: #e8eaed;
}

.DarkTheme .GalleryCarouselPrev,
.DarkTheme .GalleryCarouselNext,
.Theme_Dark .GalleryCarouselPrev,
.Theme_Dark .GalleryCarouselNext {
  background: rgba(45, 45, 45, 0.9);
  color: #e8eaed;
}

.DarkTheme .GalleryCarouselDot,
.Theme_Dark .GalleryCarouselDot {
  background: #555;
}

.DarkTheme .GalleryEmptyState,
.Theme_Dark .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;
  }
}

/* ===============================
   GANTT VIEW STYLES
   =============================== */

/* Container */
.GanttContainer {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 400px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  font-size: 13px;
}

/* 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,
.Theme_Dark .GanttContainer {
  background: #2d2d2d;
  border-color: #444;
}

.DarkTheme .GanttTaskList,
.Theme_Dark .GanttTaskList {
  background: #252525;
  border-right-color: #444;
}

.DarkTheme .GanttTaskListHeader,
.DarkTheme .GanttTimelineHeader,
.Theme_Dark .GanttTaskListHeader,
.Theme_Dark .GanttTimelineHeader {
  background: #333;
  border-bottom-color: #444;
}

.DarkTheme .GanttTimelineHeaderTop,
.DarkTheme .GanttHeaderGroup,
.Theme_Dark .GanttTimelineHeaderTop,
.Theme_Dark .GanttHeaderGroup {
  background: #383838;
}

.DarkTheme .GanttTaskListHeaderTitle,
.DarkTheme .GanttHeaderGroup,
.Theme_Dark .GanttTaskListHeaderTitle,
.Theme_Dark .GanttHeaderGroup {
  color: #e8eaed;
}

.DarkTheme .GanttTaskRow,
.Theme_Dark .GanttTaskRow {
  border-bottom-color: #383838;
}

.DarkTheme .GanttTaskRow:hover,
.Theme_Dark .GanttTaskRow:hover {
  background: #383838;
}

.DarkTheme .GanttTaskTitle,
.Theme_Dark .GanttTaskTitle {
  color: #e8eaed;
}

.DarkTheme .GanttHeaderCell,
.Theme_Dark .GanttHeaderCell {
  border-right-color: #444;
  color: #9aa0a6;
}

.DarkTheme .GanttHeaderCell.GanttWeekend,
.Theme_Dark .GanttHeaderCell.GanttWeekend {
  background: #2a2a2a;
}

.DarkTheme .GanttHeaderCell.GanttToday,
.Theme_Dark .GanttHeaderCell.GanttToday {
  background: #1a3a5c;
  color: #8ab4f8;
}

.DarkTheme .GanttTimelineBody,
.Theme_Dark .GanttTimelineBody {
  background: #2d2d2d;
}

.DarkTheme .GanttGridLineH,
.DarkTheme .GanttGridLineV,
.Theme_Dark .GanttGridLineH,
.Theme_Dark .GanttGridLineV {
  background: #383838;
}

.DarkTheme .GanttWeekendBg,
.Theme_Dark .GanttWeekendBg {
  background: rgba(255, 255, 255, 0.02);
}

.DarkTheme .GanttEmptyState,
.Theme_Dark .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;
  }
}

/* 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;
  }
}

/* ============================================================================
   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 */